Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8cb836ad by tianhaohao@pashanhoo.com
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents cef1678b 8f5b08b3
Inline Side-by-side
Showing 35 changed files with 3419 additions and 874 deletions
1 import { log } from 'bpmn-js-token-simulation';
1 import { mapGetters } from 'vuex' 2 import { mapGetters } from 'vuex'
2 import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; 3 import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar";
3 export default { 4 export default {
...@@ -9,13 +10,23 @@ export default { ...@@ -9,13 +10,23 @@ export default {
9 } 10 }
10 } 11 }
11 }, 12 },
13 created() {
14
15 },
12 computed: { 16 computed: {
13 ...mapGetters(['dictData']), 17 ...mapGetters(['dictData']),
14 }, 18 },
15 mounted () { 19 mounted () {
20 window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件
16 this.handleSearch() 21 this.handleSearch()
17 }, 22 },
18 methods: { 23 methods: {
24 handkeyCode(e) {
25 if(e.keyCode === 13){
26 console.log("安");
27 this.handleSearch()
28 }
29 },
19 handleSearch(){ 30 handleSearch(){
20 this.pageData.currentPage = 1 31 this.pageData.currentPage = 1
21 if (this.fetchData) { 32 if (this.fetchData) {
......
1 import Vue from 'vue'
2 import axios from 'axios'
3 import request from '@/utils/request';
1 import { Message } from "element-ui"; 4 import { Message } from "element-ui";
2 export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') { 5 export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
3 if (!treeList || !treeList.length) { 6 if (!treeList || !treeList.length) {
...@@ -111,7 +114,6 @@ export function down (index, data) { ...@@ -111,7 +114,6 @@ export function down (index, data) {
111 } 114 }
112 } 115 }
113 116
114
115 export function getUrlParam (paraName) { 117 export function getUrlParam (paraName) {
116 let url = document.location.toString(); 118 let url = document.location.toString();
117 let arrObj = url.split('?'); 119 let arrObj = url.split('?');
...@@ -133,3 +135,29 @@ export function getUrlParam (paraName) { ...@@ -133,3 +135,29 @@ export function getUrlParam (paraName) {
133 return ''; 135 return '';
134 } 136 }
135 } 137 }
138 /**
139 * @description: 身份证读卡器
140 * @author: renchao
141 */
142 export function getIdCardInfo (level) {
143 const resultMap = {
144 A: '10 颗星',
145 default: axios.post(Vue.prototype.BASE_API.IDCARDURL),
146 }
147 return resultMap[level] || resultMap.default
148 }
149 /**
150 * @description: 高拍仪组件
151 * @author: renchao
152 */
153 export function getAltimeterInfo () {
154 let data = {
155 "filepath": "base64",
156 "rotate": "0",
157 "cutpage": "0",
158 "camidx": "0",
159 "ColorMode": "0",
160 "quality": "3"
161 }
162 return axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data))
163 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 11:10:26 4 * @LastEditTime: 2023-06-16 11:12:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </div> 46 </div>
47 </template> 47 </template>
48 <script> 48 <script>
49 import axios from 'axios' 49 import { getAltimeterInfo } from '@/utils/operation.js'
50 import PhotoZoom from '@/components/PhotoZoom' 50 import PhotoZoom from '@/components/PhotoZoom'
51 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js"; 51 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
52 import publicPicture from '@/components/publicPicture/index.vue' 52 import publicPicture from '@/components/publicPicture/index.vue'
...@@ -149,20 +149,11 @@ ...@@ -149,20 +149,11 @@
149 const file = new File([blob], options); 149 const file = new File([blob], options);
150 return file; 150 return file;
151 } 151 }
152 152 getAltimeterInfo().then(res => {
153 let data = {
154 "filepath": "base64",
155 "rotate": "0",
156 "cutpage": "0",
157 "camidx": "0",
158 "ColorMode": "0",
159 "quality": "3"
160 }
161 axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data)).then((res) => {
162 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); 153 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
163 let file = blobToFile(blob); 154 let file = blobToFile(blob);
164 var formData = new FormData(); 155 var formData = new FormData();
165 formData.append('file', file.raw) 156 formData.append('file', file)
166 formData.append("bsmSj", this.previewImg.bsmSj); 157 formData.append("bsmSj", this.previewImg.bsmSj);
167 formData.append("bsmSlsq", this.previewImg.bsmSlsq); 158 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
168 uploadSjClmx(formData).then((res) => { 159 uploadSjClmx(formData).then((res) => {
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 :key="index" 30 :key="index"
31 > 31 >
32 <div> 32 <div>
33 <p>{{ item.qllxmc }} ||{{ item.operate }}</p> 33 <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p>
34 <!-- <p class="title-detail">{{ item.zl }}</p> --> 34 <!-- <p class="title-detail">{{ item.zl }}</p> -->
35 </div> 35 </div>
36 <i 36 <i
...@@ -263,5 +263,8 @@ export default { ...@@ -263,5 +263,8 @@ export default {
263 } 263 }
264 .blxx { 264 .blxx {
265 border: #b0d9f8 solid 1px; 265 border: #b0d9f8 solid 1px;
266 .tpcolor{
267 color: red;
268 }
266 } 269 }
267 </style> 270 </style>
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 </div> 24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> 25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div> 26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 27 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" /> 28 @prevPriview="prevPriview" />
29 </div> 29 </div>
30 </div> 30 </div>
...@@ -34,12 +34,12 @@ ...@@ -34,12 +34,12 @@
34 </template> 34 </template>
35 <script> 35 <script>
36 import { mapGetters } from "vuex"; 36 import { mapGetters } from "vuex";
37 import clxxAddDialog from "./components/tabsconcent/clxxAddDialog.vue"; 37 import clxxAddDialog from "./components/clxxAddDialog.vue";
38 import imagePreview from '@/views/components/imagePreview.vue' 38 import imagePreview from '@/views/components/imagePreview.vue'
39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
40 import { popupDialog } from "@/utils/popup.js"; 40 import { popupDialog } from "@/utils/popup.js";
41 export default { 41 export default {
42 components: { clxxAddDialog, imagePreview}, 42 components: { clxxAddDialog, imagePreview },
43 data () { 43 data () {
44 return { 44 return {
45 isDialog: false, 45 isDialog: false,
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <template>
2 <div class="from-clues">
3 <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick">
4 <el-tab-pane label="受理信息" name="slxx"></el-tab-pane>
5 <el-tab-pane
6 :disabled="isshow"
7 label="审批意见"
8 name="spyj"
9 ></el-tab-pane>
10 <el-tab-pane
11 :disabled="isshow"
12 label="材料信息"
13 name="clxx"
14 ></el-tab-pane>
15 </el-tabs>
16 <div v-if="activeName == 'slxx'">
17 <div class="from-clues-header">
18 <el-form ref="form" :model="form" label-width="160px">
19 <el-row>
20 <el-col :span="12">
21 <el-form-item label="权属状态" label-width="140px">
22 <el-select v-model="form.qszt">
23 <el-option
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.label"
27 :value="item.value"
28 >
29 </el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh">
34 <el-form-item
35 :prop="item.prop"
36 :label="item.label"
37 label-width="140px"
38 >
39 <el-input v-model="form[item.prop]"></el-input>
40 </el-form-item>
41 </el-col>
42 </el-row>
43 </el-form>
44 <div class="btn">
45 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
46 <el-button @click="closeDialog">取消</el-button>
47 </div>
48 </div>
49 </div>
50 <div v-if="activeName == 'spyj'">
51 <div class="from-clues-header spyj">
52 <div class="box">
53 <b class="spyj_title">审批表</b>
54 <el-form
55 :model="ruleForm"
56 :rules="rules"
57 ref="ruleForm"
58 label-width="120px"
59 >
60 <div class="spyj_form">
61 <div class="item_left">初审意见</div>
62 <div class="item_right">
63 <el-row>
64 <el-col :span="24">
65 <el-form-item
66 label-width="0"
67 class="opinion_item"
68 prop="shyj"
69 >
70 <el-input
71 type="textarea"
72 :rows="4"
73 class="opinion"
74 placeholder="请输入审批意见"
75 v-model="ruleForm.shyj"
76 ></el-input>
77 </el-form-item>
78 </el-col>
79 </el-row>
80 <el-row>
81 <el-col :span="16">
82 <el-form-item
83 prop="shryxm"
84 label="审查人"
85 label-width="90px"
86 >
87 <el-input v-model="ruleForm.shr"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item
92 label="审核时间"
93 prop="shjssj"
94 label-width="90px"
95 >
96 <el-input v-model="ruleForm.shsj"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 </div>
101 </div>
102 </el-form>
103 <el-form
104 :model="ruleForm"
105 :rules="rules"
106 ref="ruleForm"
107 label-width="120px"
108 >
109 <div class="spyj_form">
110 <div class="item_left">复审意见</div>
111 <div class="item_right">
112 <el-row>
113 <el-col :span="24">
114 <el-form-item
115 label-width="0"
116 class="opinion_item"
117 prop="shyj"
118 >
119 <el-input
120 type="textarea"
121 :rows="4"
122 class="opinion"
123 placeholder="请输入审批意见"
124 v-model="ruleForm.shyj"
125 ></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <el-row>
130 <el-col :span="16">
131 <el-form-item
132 prop="shryxm"
133 label="审查人"
134 label-width="90px"
135 >
136 <el-input v-model="ruleForm.shr"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item
141 label="审核时间"
142 prop="shjssj"
143 label-width="90px"
144 >
145 <el-input v-model="ruleForm.shsj"></el-input>
146 </el-form-item>
147 </el-col>
148 </el-row>
149 </div>
150 </div>
151 </el-form>
152 <el-form
153 :model="ruleForm"
154 :rules="rules"
155 ref="ruleForm"
156 label-width="120px"
157 >
158 <div class="spyj_form">
159 <div class="item_left">核定意见</div>
160 <div class="item_right">
161 <el-row>
162 <el-col :span="24">
163 <el-form-item
164 label-width="0"
165 class="opinion_item"
166 prop="shyj"
167 >
168 <el-input
169 type="textarea"
170 :rows="4"
171 class="opinion"
172 placeholder="请输入审批意见"
173 v-model="ruleForm.shyj"
174 ></el-input>
175 </el-form-item>
176 </el-col>
177 </el-row>
178 <el-row>
179 <el-col :span="16">
180 <el-form-item
181 prop="shryxm"
182 label="审查人"
183 label-width="90px"
184 >
185 <el-input v-model="ruleForm.shr"></el-input>
186 </el-form-item>
187 </el-col>
188 <el-col :span="8">
189 <el-form-item
190 label="审核时间"
191 prop="shjssj"
192 label-width="90px"
193 >
194 <el-input v-model="ruleForm.shsj"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 </div>
199 </div>
200 </el-form>
201
202 </div>
203 <div class="btn">
204 <el-button type="primary" @click="spyjsubmitForm">保存</el-button>
205 <el-button @click="closeDialog">取消</el-button>
206 </div>
207 </div>
208 </div>
209 <div v-if="activeName == 'clxx'">
210 <div class="from-clues-header">
211 <div class="clxx">
212 <div class="right">
213 <!-- 材料预览 -->
214 <div class="clyl-box">
215 <div class="menu-tree">
216 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
217 <div class="item">
218 材料目录({{tableData.length}})
219 <div style="margin-top:10px">
220 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
221 <div v-for="(item,index) in tableData" :key="item.bsmSj"
222 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
223 <span v-if="item.isrequired==1" class="required">必选</span>
224 {{ item.sjmc }}
225 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
226 </div>
227 </div>
228 </div>
229 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button>
230 </div>
231 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
232 @prevPriview="prevPriview" />
233 </div>
234 </div>
235 <clxxAddDialog v-model="isDialog" />
236 </div>
237 <div class="btn">
238 <el-button type="primary" @click="clxxsubmitForm">保存</el-button>
239 <el-button @click="closeDialog">取消</el-button>
240 </div>
241
242 </div>
243 </div>
244 </div>
245 </template>
246 <script>
247 import { mapGetters } from "vuex";
248 import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue";
249 import imagePreview from '@/views/components/imagePreview.vue'
250 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
251 export default {
252 components: { clxxAddDialog, imagePreview },
253 props: {
254 formData: {
255 type: Object,
256 default: () => {},
257 },
258 },
259 data() {
260 return {
261 activeName: "slxx",
262 form: {},
263 datalist: [],
264 qsztList: [
265 {
266 value: "1",
267 label: "现势",
268 },
269 {
270 value: "2",
271 label: "历史",
272 },
273 ],
274 label: "",
275 isshow: true,
276
277 // 审批
278 bsmSlsq: "",
279 //刷新值
280 bestepid: "",
281 ruleForm: {},
282 rules: {
283 shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
284 },
285
286 // 材料
287 isDialog: false,
288 iclass: "",
289 tableData: [],
290 // 材料目录选中
291 treeCheckIndex: 0,
292 treeCheckId: "",
293 key: 0,
294 tableDatas: [],
295 previewImg: {
296 // 收件标识码
297 bsmSj: "",
298 bsmSlsq: this.$parent.bsmSlsq,
299 index: 0,
300 selectedIndex: 0,
301 imgList: [],
302 },
303 };
304 },
305 computed: {
306 ...mapGetters(["dictData"])
307 },
308 created () {
309 this.clmlInitList(1)
310 },
311 mounted() {
312 if (this.formData.data) {
313 this.$nextTick(() => {
314 this.form = Object.assign({}, this.formData.data);
315 // this.datalist = Object.assign([], this.formData.datalist)
316 this.form.qszt =
317 this.form.qszt == "0"
318 ? "临时"
319 : this.form.qszt == "1"
320 ? "现势"
321 : "历史";
322 });
323 }
324
325 // this.datalist = this.formData.datalist
326 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
327 this.datalist.shift();
328 this.datalist.shift();
329 },
330
331 methods: {
332 // 受理信息保存
333 slxxsubmitForm() {
334 this.$refs.form.validate((valid) => {
335 if (valid) {
336 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
337 // if (res.code == 200) {
338 // this.$message.success("新增成功")
339 // this.closeaddDiglog();
340 // this.getList()
341 // } else {
342 // this.$message.error(res.message)
343 // }
344 // })
345 } else {
346 return false;
347 }
348 });
349 this.isshow = false;
350 },
351 // 审批意见保存
352 spyjsubmitForm() {
353 console.log("this.ruleForm",this.ruleForm);
354 // this.ruleForm.bsmSlsq = this.bsmSlsq
355 // this.ruleForm.bestepid = this.bestepid
356 // saveSpyjBySlsq(this.ruleForm).then(res => {
357 // if (res.code === 200) {
358 // this.$message.success("保存成功")
359 // this.refresh += 1
360 // } else {
361 // this.$message.error(res.message)
362 // }
363 // })
364 },
365
366 // 材料信息保存
367 clxxsubmitForm() {},
368 closeDialog() {
369 this.$alert("取消后填写内容将被清空", "提示", {
370 confirmButtonText: "确定",
371 callback: (action) => {
372 this.$message({
373 type: "info",
374 message: "已取消",
375 });
376 this.$popupCacel();
377 this.$refs["form"].resetFields();
378 },
379 });
380
381 // this.resetTableFields();
382 },
383 handleTabClick() {},
384
385 //使用常用意见
386 useOpinion(opinion) {
387 this.ruleForm.shyj = opinion;
388 },
389
390
391 // 材料上传
392 // 自动预览
393 nextPriview () {
394 if (this.treeCheckIndex < this.tableData.length) {
395 this.treeCheckIndex++
396 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
397 this.previewImg.index = 0
398 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
399 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
400 }
401 },
402 prevPriview () {
403 if (this.treeCheckIndex >= 1) {
404 this.treeCheckIndex--
405 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
406 this.previewImg.index = this.previewImg.imgList.length
407 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
408 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
409 }
410 },
411 // 材料目录明细初始化
412 clmlInitList (type) {
413 this.tableData = []
414 //type 1：列表初始化 2：新增材料
415 // return new Promise(resolve => {
416 // this.unitData = this.$parent.unitData;
417 // var formdata = new FormData();
418 // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
419 // formdata.append("bsmSlsq", this.$parent.bsmSlsq);
420 // InitClml(formdata).then((res) => {
421 // if (res.code == 200) {
422 // resolve(res.code)
423 // if (res.result && res.result.length > 0) {
424
425 // if (type == 1) {
426 // this.treeClick(this.tableData[0], 0);
427 // } else {
428 // //新增材料后刷新列表焦点置于新增的对象上
429 // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
430 // }
431 // }
432 // } else {
433 // this.$message.error(res.message)
434 // }
435 // })
436 // })
437 },
438 setChecked (item) {
439 this.treeCheckId = item.bsmSj;
440 this.title = item.sjmc;
441 this.titleYs = 1;
442 this.titleNum = item.children.length;
443 this.previewImg.imgList = item.children;
444 this.previewImg.bsmSj = item.bsmSj;
445 },
446 updateList (val) {
447 let that = this
448 if (val != null) { //删除最后一张图片时 val=null
449 this.tableData.forEach(item => {
450 if (item.bsmSj === val.bsmSj) {
451 item.children = val.children
452 }
453 })
454 this.previewImg.imgList = _.cloneDeep(val.children)
455 if (this.previewImg.index == this.previewImg.imgList.length) {
456 this.previewImg.index = this.previewImg.index - 1
457 }
458 } else {
459 this.previewImg.imgList = []
460 this.tableData.forEach((item, index) => {
461 if (this.treeCheckId == item.bsmSj) {
462 item.children = []
463 that.treeCheckIndex = index
464 }
465 })
466 }
467
468 },
469 // 添加材料目录
470 handleAdd () {
471 console.log("新增");
472 this.isDialog = true;
473 },
474 // 新增弹窗保存
475 addSave (data) {
476 let obj = {
477 bsmSlsq: this.$parent.bsmSlsq,
478 isrequired: "1",
479 sjmc: data.clmc,
480 sjsl: 0,
481 smzt: '',
482 ys: 0,
483 sjlx: data.cllx,
484 sfxjcl: "1", // 是否必选
485 };
486 saveClml(obj).then(async (res) => {
487 if (res.code == 200) {
488 let res = await this.clmlInitList(2)
489 if (res == 200) this.$message({
490 message: "新增成功",
491 type: "success",
492 })
493 }
494 });
495 },
496 // 材料目录点击选中
497 treeClick (item, index) {
498 this.previewImg.index = 0
499 this.treeCheckId = item?.bsmSj
500 this.treeCheckIndex = index
501 this.previewImg.imgList = item?.children
502 this.previewImg.bsmSj = item?.bsmSj
503 },
504 // 小图片点击
505 imgClick (item, index) {
506 this.showImg = item;
507 this.titleYs = index + 1;
508 },
509 // 字典
510 dicStatus (val, code) {
511 let data = this.$store.getters.dictData[code],
512 name = "暂无";
513 if (data) {
514 data.map((item) => {
515 if (item.dcode == val) {
516 name = item.dname
517 }
518 });
519 return name
520 }
521 },
522 //查看明细
523 viewDetail () {
524 console.log("查看明细");
525 this.$popupDialog("查看明细", "djbworkflow/djbBook/components/clxxDetailDialog", {
526 data: this.tableData
527 }, "60%")
528 },
529 //设置tableData
530 setTableData (tableData) {
531 this.$nextTick(res => {
532 this.tableData = tableData;
533 })
534 },
535 },
536 };
537 </script>
538 <style scoped lang="scss">
539 @import "~@/styles/mixin.scss";
540 @import "~@/styles/public.scss";
541
542 .from-clues-header {
543 @include flex;
544 flex-direction: column;
545 overflow-y: hidden;
546 padding: 0 2px;
547
548 .btn {
549 margin-top: 40px;
550 margin-bottom: 20px;
551 text-align: center;
552 }
553 }
554
555 // 审批意见样式
556
557 .spyj {
558 .box {
559 overflow-x: auto;
560 width: 100%;
561 height: 95%;
562 background: #fff;
563 text-align: center;
564 padding: 4px;
565 overflow-y: scroll;
566 padding-top: 20px;
567 padding: 20px 40px;
568 /deep/.el-input__inner {
569 width: 200px;
570 border:none;
571 }
572 }
573 .spyj_title {
574 line-height: 68px;
575 border: 1px solid $borderColor;
576 text-align: center;
577 font-size: 22px;
578 font-weight: 400;
579 background-color: #eceef2;
580 display: block;
581 border-bottom: none;
582 }
583
584 /deep/.el-form-item {
585 margin-bottom: 0;
586 }
587
588 .bottom10 {
589 margin-bottom: 15px;
590 }
591
592 .spyj_form {
593 display: flex;
594 border: 1px solid $borderColor;
595
596 .item_left {
597 width: 150px;
598 background-color: #f8f8fa;
599 color: #606266;
600 display: flex;
601 font-size: 14px;
602 text-indent: 80px;
603 align-items: center;
604 border-right: 1px solid $borderColor;
605 }
606
607 .item_right {
608 flex: 1;
609 width: 100%;
610
611 /deep/.el-form-item__label {
612 background-color: #f8f8fa;
613 }
614 /deep/.el-form-item__content {
615 display: block;
616 text-align: left;
617 text-indent: 10px;
618 }
619 .opinion_item {
620 /deep/.el-form-item__error {
621 margin-top: -16px !important;
622 left: 3px;
623 }
624
625 border-bottom: 1px solid $borderColor;
626 }
627
628 .opinion {
629 position: relative;
630 font-size: 14px;
631
632 /deep/.el-textarea__inner {
633 border: none;
634 }
635 }
636
637 .opinion_btn {
638 position: absolute;
639 right: 15px;
640 bottom: 10px;
641 }
642 }
643 }
644
645 .submit_button {
646 text-align: center;
647 margin: 15px 0;
648 }
649 }
650
651 // 材料信息样式
652 .active {
653 background: $light-blue !important;
654 color: #fff;
655 }
656
657 .required {
658 font-size: 12px;
659 color: $pink;
660 float: left;
661 }
662
663 .cl_number {
664 float: right;
665 }
666
667 .clxx {
668 width: 100%;
669 display: flex;
670 padding-left: 5px;
671 height: calc(100vh - 125px);
672
673 .left {
674 display: flex;
675 flex-direction: column;
676 justify-content: space-between;
677
678 .item {
679 width: 28px;
680 height: 49%;
681 @include flex-center;
682 background-color: #e4e7ed;
683 border-bottom-right-radius: 10px;
684 padding: 5px;
685 cursor: pointer;
686 transition: all 0.3s;
687
688 &:hover {
689 @extend .active;
690 }
691 }
692 }
693
694 .right {
695 width: 100%;
696 height: 100%;
697
698 .clmlmx-box {
699 margin: 0 auto;
700
701 .title {
702 text-align: center;
703 height: 60px;
704 line-height: 60px;
705 border: 1px solid #dfe6ec;
706 font-size: 20px;
707 background: #81d3f81a;
708 margin-bottom: -1px;
709 }
710 }
711
712 .clyl-box {
713 width: 100%;
714 height: 100%;
715 display: flex;
716
717 .menu-tree {
718 width: 20%;
719 min-width: 160px;
720 height: 100%;
721 margin-right: 10px;
722 border-right: 1px dotted #d9d9d9;
723 padding: 0 15px;
724
725 .item {
726 line-height: 30px;
727 padding-top: 5px;
728 border-bottom: 1px solid #e8e8e8;
729 font-size: 16px;
730 text-align: center;
731 color: $light-blue;
732
733 .itemIcon {
734 float: right;
735 line-height: 60px;
736 cursor: pointer;
737 }
738
739 .child {
740 line-height: 32px;
741 border-bottom: 1px solid #e8e8e8;
742 padding-left: 10px;
743 color: #6b6b6b;
744 cursor: pointer;
745 box-sizing: border-box;
746 border-radius: 6px;
747 line-height: 20px;
748 transition: all 0.3s;
749 padding: 8px 0;
750 }
751
752 .child:hover {
753 color: $light-blue;
754 transform: scale(1.1);
755 }
756
757 .checked {
758 border: 1px solid $light-blue;
759 color: $light-blue;
760 }
761 }
762 }
763
764 .clyl-img {
765 width: 75%;
766 height: 100%;
767 background: #f3f4f7;
768 margin: 0 auto;
769 position: relative;
770 }
771 }
772 }
773 }
774 </style>
1 <!-- 1 <!--
2 * @Description : 房地产权1 2 * @Description : 房地产权1
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:00 4 * @LastEditTime : 2023-06-16 10:23:27
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -111,23 +111,22 @@ ...@@ -111,23 +111,22 @@
111 }, 111 },
112 // 编辑 112 // 编辑
113 editDialog(row){ 113 editDialog(row){
114 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 114 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
115 confirmButtonText: '确定', 115 // confirmButtonText: '确定',
116 cancelButtonText: '取消', 116 // cancelButtonText: '取消',
117 type: 'warning' 117 // type: 'warning'
118 }).then(() => { 118 // }).then(() => {
119 this.$parent.addRepairRecord(row) 119 this.$parent.addRepairRecord(row)
120 120 // this.$message({
121 this.$message({ 121 // type: 'success',
122 type: 'success', 122 // message: '补录成功!'
123 message: '补录成功!' 123 // });
124 }); 124 // }).catch(() => {
125 }).catch(() => { 125 // this.$message({
126 this.$message({ 126 // type: 'info',
127 type: 'info', 127 // message: '取消编辑'
128 message: '取消编辑' 128 // });
129 }); 129 // });
130 });
131 130
132 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 131 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
133 // datalist:this.columns, 132 // datalist:this.columns,
......
1 <!-- 1 <!--
2 * @Description : 房地产权2 2 * @Description : 房地产权2
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-14 10:52:48 4 * @LastEditTime : 2023-06-16 10:24:19
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -108,23 +108,23 @@ export default { ...@@ -108,23 +108,23 @@ export default {
108 108
109 // 编辑 109 // 编辑
110 editDialog(row){ 110 editDialog(row){
111 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 111 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
112 confirmButtonText: '确定', 112 // confirmButtonText: '确定',
113 cancelButtonText: '取消', 113 // cancelButtonText: '取消',
114 type: 'warning' 114 // type: 'warning'
115 }).then(() => { 115 // }).then(() => {
116 this.$parent.addRepairRecord(row) 116 this.$parent.addRepairRecord(row)
117 117
118 this.$message({ 118 // this.$message({
119 type: 'success', 119 // type: 'success',
120 message: '补录成功!' 120 // message: '补录成功!'
121 }); 121 // });
122 }).catch(() => { 122 // }).catch(() => {
123 this.$message({ 123 // this.$message({
124 type: 'info', 124 // type: 'info',
125 message: '取消编辑' 125 // message: '取消编辑'
126 }); 126 // });
127 }); 127 // });
128 128
129 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 129 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
130 // datalist:this.columns, 130 // datalist:this.columns,
......
1 <!-- 1 <!--
2 * @Description :国有建设用地使用权 2 * @Description :国有建设用地使用权
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:55:51 4 * @LastEditTime : 2023-06-16 10:23:54
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -115,23 +115,23 @@ ...@@ -115,23 +115,23 @@
115 }, 115 },
116 // 编辑 116 // 编辑
117 editDialog(row){ 117 editDialog(row){
118 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 118 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 confirmButtonText: '确定', 119 // confirmButtonText: '确定',
120 cancelButtonText: '取消', 120 // cancelButtonText: '取消',
121 type: 'warning' 121 // type: 'warning'
122 }).then(() => { 122 // }).then(() => {
123 this.$parent.addRepairRecord(row) 123 this.$parent.addRepairRecord(row)
124 124
125 this.$message({ 125 // this.$message({
126 type: 'success', 126 // type: 'success',
127 message: '补录成功!' 127 // message: '补录成功!'
128 }); 128 // });
129 }).catch(() => { 129 // }).catch(() => {
130 this.$message({ 130 // this.$message({
131 type: 'info', 131 // type: 'info',
132 message: '取消编辑' 132 // message: '取消编辑'
133 }); 133 // });
134 }); 134 // });
135 135
136 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 136 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
137 // datalist:this.columns, 137 // datalist:this.columns,
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> 11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left"> 12 <div class="item_left">
13 {{ item.jdmc }}初审意见 13 {{ item.jdmc }}意见
14 </div> 14 </div>
15 <div class="item_right"> 15 <div class="item_right">
16 <el-row> 16 <el-row>
...@@ -101,7 +101,9 @@ ...@@ -101,7 +101,9 @@
101 getSpyjList(formdata).then((res) => { 101 getSpyjList(formdata).then((res) => {
102 this.$endLoading() 102 this.$endLoading()
103 if (res.code === 200 && res.result) { 103 if (res.code === 200 && res.result) {
104
104 this.tableData = res.result ? res.result : [] 105 this.tableData = res.result ? res.result : []
106 console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData);
105 if (res.result.length == 0) { 107 if (res.result.length == 0) {
106 that.isNoData = true 108 that.isNoData = true
107 } 109 }
......
...@@ -98,14 +98,24 @@ export function getForm (tabName, djywbm) { ...@@ -98,14 +98,24 @@ export function getForm (tabName, djywbm) {
98 break; 98 break;
99 // 受理信息 99 // 受理信息
100 case "slxx": 100 case "slxx":
101 form = require("@/views/djbworkflow/djbBook/slxx.vue"); 101 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue");
102 break; 102 break;
103 // case "clxx":
104 // form = require("@/views/djbworkflow/djbBook/components/clxx.vue");
105 // break;
106 // case "spyj":
107 // form = require("@/views/djbworkflow/djbBook/components/spyj.vue");
108 // break;
109 // case "slxx":
110 // form = require("@/views/djbworkflow/djbBook/slxx.vue");
111 // break;
103 case "clxx": 112 case "clxx":
104 form = require("@/views/djbworkflow/djbBook/clxx.vue"); 113 form = require("@/views/djbworkflow/djbBook/clxx.vue");
105 break; 114 break;
106 case "spyj": 115 case "spyj":
107 form = require("@/views/djbworkflow/djbBook/spyj.vue"); 116 form = require("@/views/djbworkflow/djbBook/spyj.vue");
108 break; 117 break;
118
109 // case "clxx": 119 // case "clxx":
110 // form = require("@/views/djbworkflow/components/clxxUnify.vue"); 120 // form = require("@/views/djbworkflow/components/clxxUnify.vue");
111 // break; 121 // break;
......
...@@ -126,7 +126,7 @@ export default { ...@@ -126,7 +126,7 @@ export default {
126 getCurrentSelectProps (val) { 126 getCurrentSelectProps (val) {
127 this.currentSelectProps = val 127 this.currentSelectProps = val
128 if(this.currentSelectProps.bsmRepair){ 128 if(this.currentSelectProps.bsmRepair){
129 this.tabset() 129 this.tabset(val)
130 }else{ 130 }else{
131 this.getdjblist() 131 this.getdjblist()
132 } 132 }
...@@ -159,11 +159,11 @@ export default { ...@@ -159,11 +159,11 @@ export default {
159 159
160 }, 160 },
161 161
162 tabset(){ 162 tabset(val){
163 this.tabName = ''; 163 this.tabName = '';
164 this.tabList = [ 164 this.tabList = [
165 { 165 {
166 name: "受理信息", 166 name:val.qllxmc+ "补录信息",
167 value: "slxx", 167 value: "slxx",
168 sort: 1, 168 sort: 1,
169 }, 169 },
...@@ -185,10 +185,6 @@ export default { ...@@ -185,10 +185,6 @@ export default {
185 185
186 }, 186 },
187 187
188 // stepForm(index){
189 // console.log(index);
190 // },
191
192 //右侧表单选项卡事件 188 //右侧表单选项卡事件
193 beforeLeave (activeName, oldActiveName) { 189 beforeLeave (activeName, oldActiveName) {
194 if (activeName && activeName != 0) this.getFromRouter(activeName) 190 if (activeName && activeName != 0) this.getFromRouter(activeName)
...@@ -201,11 +197,13 @@ export default { ...@@ -201,11 +197,13 @@ export default {
201 break; 197 break;
202 } 198 }
203 } 199 }
200 console.log("this.$route.query.sqywbm",this.$route.query.sqywbm);
204 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 201 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
205 }, 202 },
206 203
207 // 增加补录记录 204 // 增加补录记录
208 addRepairRecord(row){ 205 addRepairRecord(row){
206 console.log("this.currentSelectProps",this.currentSelectProps);
209 let from={ 207 let from={
210 bsmQlxx:"", 208 bsmQlxx:"",
211 bsmSlsq:this.bsmSlsq, 209 bsmSlsq:this.bsmSlsq,
...@@ -216,6 +214,7 @@ export default { ...@@ -216,6 +214,7 @@ export default {
216 if(row){ 214 if(row){
217 from.bsmQlxx=row.bsmQlxx 215 from.bsmQlxx=row.bsmQlxx
218 from.operate="U" 216 from.operate="U"
217 from.qllx=row.qllx
219 } 218 }
220 219
221 addRepairRecord(from).then((res) => { 220 addRepairRecord(from).then((res) => {
......
...@@ -66,9 +66,9 @@ ...@@ -66,9 +66,9 @@
66 <el-select v-model="scope.row.sqrzjlxbm" class="width100"> 66 <el-select v-model="scope.row.sqrzjlxbm" class="width100">
67 <el-option 67 <el-option
68 v-for="item in zjzlData" 68 v-for="item in zjzlData"
69 :key="item.value" 69 :key="item.dcode"
70 :label="item.label" 70 :label="item.dname"
71 :value="item.value"> 71 :value="item.dcode">
72 </el-option> 72 </el-option>
73 </el-select> 73 </el-select>
74 </template> 74 </template>
...@@ -113,10 +113,10 @@ ...@@ -113,10 +113,10 @@
113 </div> 113 </div>
114 </template> 114 </template>
115 <script> 115 <script>
116 import axios from 'axios'
117 import store from '@/store/index.js' 116 import store from '@/store/index.js'
118 import { getLodop } from "@/utils/LodopFuncs"
119 import { datas } from "./addjtfcdata"; 117 import { datas } from "./addjtfcdata";
118 import { getLodop } from "@/utils/LodopFuncs"
119 import { getIdCardInfo } from '@/utils/operation.js'
120 import { getPrintTemplateByCode } from "@/api/system"; 120 import { getPrintTemplateByCode } from "@/api/system";
121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; 121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
122 export default { 122 export default {
...@@ -359,7 +359,7 @@ ...@@ -359,7 +359,7 @@
359 this.isSearch = false; 359 this.isSearch = false;
360 }, 360 },
361 handleRead (row, type) { 361 handleRead (row, type) {
362 axios.post(this.BASE_API.IDCARDURL).then(res => { 362 getIdCardInfo().then(res => {
363 if (res.data.code == 0) { 363 if (res.data.code == 0) {
364 let data = res.data.IDCardInfo 364 let data = res.data.IDCardInfo
365 row.sqrxm = data.name 365 row.sqrxm = data.name
...@@ -372,7 +372,6 @@ ...@@ -372,7 +372,6 @@
372 if (type == 'sqr') { 372 if (type == 'sqr') {
373 this.form.qlrList = _.cloneDeep(this.form.sqrList) 373 this.form.qlrList = _.cloneDeep(this.form.sqrList)
374 } 374 }
375 console.log(this.form.sqrList);
376 } else { 375 } else {
377 this.$message({ 376 this.$message({
378 message: res.data.message, 377 message: res.data.message,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:46 4 * @LastEditTime: 2023-06-16 11:12:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </div> 33 </div>
34 </div> 34 </div>
35 </div> 35 </div>
36 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 36 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
37 @prevPriview="prevPriview" /> 37 @prevPriview="prevPriview" />
38 </div> 38 </div>
39 </div> 39 </div>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 13:14:26 4 * @LastEditTime: 2023-06-16 10:38:23
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
12 </div> 12 </div>
13 </template> 13 </template>
14 <script> 14 <script>
15 import axios from 'axios'
16 import { mapGetters } from 'vuex' 15 import { mapGetters } from 'vuex'
16 import { getIdCardInfo } from '@/utils/operation.js'
17 import addQlr from './dialog/addQlr.vue' 17 import addQlr from './dialog/addQlr.vue'
18 export default { 18 export default {
19 components: { 19 components: {
...@@ -195,7 +195,7 @@ ...@@ -195,7 +195,7 @@
195 195
196 // 身份证读取 196 // 身份证读取
197 readClick (row) { 197 readClick (row) {
198 axios.post(this.BASE_API.IDCARDURL).then(res => { 198 getIdCardInfo().then(res => {
199 if (res.data.code == 0) { 199 if (res.data.code == 0) {
200 let data = res.data.IDCardInfo 200 let data = res.data.IDCardInfo
201 row.sqrmc = data.name 201 row.sqrmc = data.name
......
...@@ -100,7 +100,6 @@ ...@@ -100,7 +100,6 @@
100 }, 100 },
101 methods: { 101 methods: {
102 queryClick () { 102 queryClick () {
103 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
104 this.$startLoading(); 103 this.$startLoading();
105 selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { 104 selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => {
106 this.$endLoading(); 105 this.$endLoading();
......
...@@ -171,7 +171,6 @@ ...@@ -171,7 +171,6 @@
171 }, 171 },
172 methods: { 172 methods: {
173 queryClick () { 173 queryClick () {
174 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
175 this.$startLoading(); 174 this.$startLoading();
176 if (!this.isJump) { 175 if (!this.isJump) {
177 //从业务办理进入 176 //从业务办理进入
......
...@@ -70,7 +70,6 @@ ...@@ -70,7 +70,6 @@
70 }, 70 },
71 methods: { 71 methods: {
72 queryClick () { 72 queryClick () {
73 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
74 this.$startLoading(); 73 this.$startLoading();
75 this.queryForm.sqywbm = this.sqywInfo.djywbm; 74 this.queryForm.sqywbm = this.sqywInfo.djywbm;
76 selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 75 selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -98,7 +98,6 @@ ...@@ -98,7 +98,6 @@
98 methods: { 98 methods: {
99 //默认加载表格信息 99 //默认加载表格信息
100 queryClick () { 100 queryClick () {
101 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
102 this.$startLoading(); 101 this.$startLoading();
103 this.queryForm.bsmSqyw = this.bsmSqyw; 102 this.queryForm.bsmSqyw = this.bsmSqyw;
104 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 103 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 import table from "@/utils/mixin/table"; 57 import table from "@/utils/mixin/table";
58 import { datas, sendThis } from "../javascript/selectDjbbl.js"; 58 import { datas, sendThis } from "../javascript/selectDjbbl.js";
59 import { getDjbBysearch } from "@/api/zhcx.js"; 59 import { getDjbBysearch } from "@/api/zhcx.js";
60 import jump from "../components/mixin/jump"; 60 import jump from "../components/mixin/djbbljump";
61 export default { 61 export default {
62 name: "djbcx", 62 name: "djbcx",
63 mixins: [table, jump], 63 mixins: [table, jump],
...@@ -140,7 +140,6 @@ ...@@ -140,7 +140,6 @@
140 this.$message.error("请至少选择一条数据"); 140 this.$message.error("请至少选择一条数据");
141 return; 141 return;
142 } 142 }
143 console.log("this.sqywInfo", this.sqywInfo, this.sqywInfo.nodetype == "djqx");
144 let from = { 143 let from = {
145 bsmSqyw: this.bsmSqyw, 144 bsmSqyw: this.bsmSqyw,
146 bdcdysz: this.bdcdysz, 145 bdcdysz: this.bdcdysz,
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -83,7 +83,6 @@ ...@@ -83,7 +83,6 @@
83 }, 83 },
84 methods: { 84 methods: {
85 queryClick () { 85 queryClick () {
86 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
87 this.$startLoading(); 86 this.$startLoading();
88 this.queryForm.sqywbm = this.sqywInfo.djywbm; 87 this.queryForm.sqywbm = this.sqywInfo.djywbm;
89 selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 88 selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -79,7 +79,6 @@ ...@@ -79,7 +79,6 @@
79 }, 79 },
80 methods: { 80 methods: {
81 queryClick () { 81 queryClick () {
82 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
83 this.$startLoading(); 82 this.$startLoading();
84 this.queryForm.sqywbm = this.sqywInfo.djywbm; 83 this.queryForm.sqywbm = this.sqywInfo.djywbm;
85 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { 84 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => {
......