Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
dff289db by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 722becd9 3d72b588
Inline Side-by-side
Showing 53 changed files with 2089 additions and 775 deletions
...@@ -205,3 +205,16 @@ export function getNydsyqList (data) { ...@@ -205,3 +205,16 @@ export function getNydsyqList (data) {
205 data 205 data
206 }) 206 })
207 } 207 }
208
209 /**
210 * @description: 获取当前权力信息和上手权力信息
211 * @param {*} data
212 * @author: renchao
213 */
214
215 export function getDjbQlxxDiff (data) {
216 return request({
217 url: SERVER.SERVERAPI + '/rest/djbDetail/getDjbQlxxDiff?bsmQlxx=' + data,
218 method: 'post',
219 })
220 }
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 14:46:16 4 * @LastEditTime: 2023-07-27 10:05:25
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
...@@ -267,3 +267,16 @@ export function unClaimTask (bsmSlsq, bestepid) { ...@@ -267,3 +267,16 @@ export function unClaimTask (bsmSlsq, bestepid) {
267 method: 'get', 267 method: 'get',
268 }) 268 })
269 } 269 }
270
271 /**
272 * @description: 发起一并申请流程
273 * @param {*} data
274 * @author: renchao
275 */
276 export function startTogetherFlow (data) {
277 return request({
278 url: SERVER.SERVERAPI + '/rest/business/workFlow/startTogetherFlow',
279 method: 'post',
280 data
281 })
282 }
......
...@@ -417,7 +417,7 @@ aside { ...@@ -417,7 +417,7 @@ aside {
417 height: 0; 417 height: 0;
418 border-width: 0px 0px 55px 55px; 418 border-width: 0px 0px 55px 55px;
419 border-style: none solid solid; 419 border-style: none solid solid;
420 border-color: transparent transparent #fe9400; 420 border-color: transparent transparent #ff5100;
421 position: absolute; 421 position: absolute;
422 top: 0; 422 top: 0;
423 right: 0; 423 right: 0;
...@@ -479,4 +479,4 @@ aside { ...@@ -479,4 +479,4 @@ aside {
479 top: 0; 479 top: 0;
480 right: 0; 480 right: 0;
481 transform: rotate(-90deg); 481 transform: rotate(-90deg);
482 }
...\ No newline at end of file ...\ No newline at end of file
482 }
......
...@@ -20,7 +20,8 @@ ...@@ -20,7 +20,8 @@
20 此环节为流程最后环节，转出后流程将结束 20 此环节为流程最后环节，转出后流程将结束
21 </el-form-item> 21 </el-form-item>
22 </el-form> 22 </el-form>
23 <div class="invalid-reson">审批意见：</div> 23 <div v-if="this.formData.showidea">
24 <div class="invalid-reson">审批意见：</div>
24 <el-input 25 <el-input
25 class="opinion" 26 class="opinion"
26 v-model="shyj" 27 v-model="shyj"
...@@ -28,6 +29,8 @@ ...@@ -28,6 +29,8 @@
28 type="textarea" 29 type="textarea"
29 :rows="4" 30 :rows="4"
30 ></el-input> 31 ></el-input>
32 </div>
33
31 <!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> --> 34 <!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> -->
32 <el-button style="float: right" @click="cancelBack">取消转出</el-button> 35 <el-button style="float: right" @click="cancelBack">取消转出</el-button>
33 <el-button type="primary" @click="submitForm" style="float: right" 36 <el-button type="primary" @click="submitForm" style="float: right"
......
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
16 label-width="145px" 16 label-width="145px"
17 inline-message 17 inline-message
18 :show-message="false" 18 :show-message="false"
19 :class="{readonly: editDisabled }" 19 :class="{ readonly: editDisabled }"
20 class="loadingtext" 20 class="loadingtext"
21 > 21 >
22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
23 <div class="slxx_title title-block"> 23 <div class="slxx_title title-block">
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 </div> 47 </div>
48 <el-row :gutter="10"> 48 <el-row :gutter="10">
49 <el-col :span="8"> 49 <el-col :span="8">
50 <el-form-item label="查封不动产权信息："> 50 <el-form-item label="查封不动产权信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
51 <select-table 51 <select-table
52 v-model="ruleForm.ztQlxx" 52 v-model="ruleForm.ztQlxx"
53 :table-width="550" 53 :table-width="550"
...@@ -243,12 +243,26 @@ ...@@ -243,12 +243,26 @@
243 </el-col> 243 </el-col>
244 <el-col :span="8"> 244 <el-col :span="8">
245 <el-form-item label="查封起始时间："> 245 <el-form-item label="查封起始时间：">
246 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input> 246 <el-date-picker
247 v-model="ruleForm.cfdj.cfqssj"
248 class="width100"
249 type="date"
250 placeholder="选择日期"
251 value-format="yyyy-MM-dd HH:mm:ss"
252 format="yyyy-MM-dd"
253 ></el-date-picker>
247 </el-form-item> 254 </el-form-item>
248 </el-col> 255 </el-col>
249 <el-col :span="8"> 256 <el-col :span="8">
250 <el-form-item label="查封结束时间："> 257 <el-form-item label="查封结束时间：">
251 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input> 258 <el-date-picker
259 v-model="ruleForm.cfdj.cfjssj"
260 class="width100"
261 type="date"
262 placeholder="选择日期"
263 value-format="yyyy-MM-dd HH:mm:ss"
264 format="yyyy-MM-dd"
265 ></el-date-picker>
252 </el-form-item> 266 </el-form-item>
253 </el-col> 267 </el-col>
254 <el-col :span="8"> 268 <el-col :span="8">
...@@ -299,6 +313,7 @@ ...@@ -299,6 +313,7 @@
299 v-model="ruleForm.qlxx.djsj" 313 v-model="ruleForm.qlxx.djsj"
300 type="date" 314 type="date"
301 placeholder="选择日期" 315 placeholder="选择日期"
316 class="width100"
302 value-format="yyyy-MM-dd HH:mm:ss" 317 value-format="yyyy-MM-dd HH:mm:ss"
303 format="yyyy-MM-dd" 318 format="yyyy-MM-dd"
304 > 319 >
...@@ -312,36 +327,44 @@ ...@@ -312,36 +327,44 @@
312 </el-col> 327 </el-col>
313 </el-row> 328 </el-row>
314 <el-row :gutter="10"> 329 <el-row :gutter="10">
315 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 330 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
316 <el-form-item label="解封业务号："> 331 <el-form-item label="解封业务号：">
317 <el-input v-model="ruleForm.cfdj.jfywh"></el-input> 332 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
318 </el-form-item> 333 </el-form-item>
319 </el-col> 334 </el-col>
320 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 335 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
321 <el-form-item label="解封机关："> 336 <el-form-item label="解封机关：">
322 <el-input v-model="ruleForm.cfdj.jfjg"></el-input> 337 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
323 </el-form-item> 338 </el-form-item>
324 </el-col> 339 </el-col>
325 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 340 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
326 <el-form-item label="解封文件："> 341 <el-form-item label="解封文件：">
327 <el-input v-model="ruleForm.cfdj.jfwj"></el-input> 342 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
328 </el-form-item> 343 </el-form-item>
329 </el-col> 344 </el-col>
330 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 345 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
331 <el-form-item label="解封文号："> 346 <el-form-item label="解封文号：">
332 <el-input v-model="ruleForm.cfdj.jfwh"></el-input> 347 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
333 </el-form-item> 348 </el-form-item>
334 </el-col> 349 </el-col>
335 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 350 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
336 <el-form-item label="解封登簿人："> 351 <el-form-item label="解封登簿人：">
337 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input> 352 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
338 </el-form-item> 353 </el-form-item>
339 </el-col> 354 </el-col>
340 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 355 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
341 <el-form-item label="解封登记时间："> 356 <el-form-item label="解封登记时间：">
342 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> 357 <el-date-picker
343 </el-form-item> 358 v-model="ruleForm.cfdj.jfdjsj"
344 </el-col> 359 class="width100"
360 type="date"
361 placeholder="选择日期"
362 value-format="yyyy-MM-dd HH:mm:ss"
363 format="yyyy-MM-dd"
364 >
365 </el-date-picker>
366 </el-form-item>
367 </el-col>
345 </el-row> 368 </el-row>
346 </div> 369 </div>
347 <el-row class="btn" v-if="ableOperation"> 370 <el-row class="btn" v-if="ableOperation">
...@@ -438,14 +461,17 @@ export default { ...@@ -438,14 +461,17 @@ export default {
438 dname: "是", 461 dname: "是",
439 }, 462 },
440 ], 463 ],
441 ableOperation:false, 464 ableOperation: false,
442 //传递参数\ 465 //传递参数\
443 466
444 ssQlxxList: [], 467 ssQlxxList: [],
445 ztQlxxList: [], 468 ztQlxxList: [],
446 rules: { 469 rules: {
470 ztQlxxrules: [
471 { required: true, message: "抵押不动产信息", trigger: "change" },
472 ],
447 bdcqzhrules: [ 473 bdcqzhrules: [
448 { required: true, message: "不动产权证号：", trigger: "blur" }, 474 { required: true, message: "不动产登记证明号", trigger: "blur" },
449 ], 475 ],
450 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 476 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
451 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 477 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
...@@ -458,7 +484,7 @@ export default { ...@@ -458,7 +484,7 @@ export default {
458 this.loadData(); 484 this.loadData();
459 }, 485 },
460 mounted() { 486 mounted() {
461 this.ableOperation=this.$parent.ableOperation 487 this.ableOperation = this.$parent.ableOperation;
462 }, 488 },
463 methods: { 489 methods: {
464 /** 490 /**
...@@ -476,7 +502,7 @@ export default { ...@@ -476,7 +502,7 @@ export default {
476 */ 502 */
477 ssQlxxchange(val) { 503 ssQlxxchange(val) {
478 this.ruleForm.ssQlxx = val; 504 this.ruleForm.ssQlxx = val;
479 this.ruleForm.qlxx.ssywh = val.ywh; 505 this.ruleForm.qlxx.ssywh = val.ywh;
480 }, 506 },
481 /** 507 /**
482 * @description: djlxchange 508 * @description: djlxchange
...@@ -495,7 +521,7 @@ export default { ...@@ -495,7 +521,7 @@ export default {
495 * @author: renchao 521 * @author: renchao
496 */ 522 */
497 loadData() { 523 loadData() {
498 this.$startLoading(); 524 this.$startLoading();
499 this.propsParam.isEdit = this.$parent.isEdit; 525 this.propsParam.isEdit = this.$parent.isEdit;
500 init(this.propsParam).then((res) => { 526 init(this.propsParam).then((res) => {
501 if (res.code == 200) { 527 if (res.code == 200) {
...@@ -610,13 +636,6 @@ export default { ...@@ -610,13 +636,6 @@ export default {
610 }; 636 };
611 </script> 637 </script>
612 <style scoped lang="scss"> 638 <style scoped lang="scss">
613
614 @import "~@/styles/public.scss"; 639 @import "~@/styles/public.scss";
615 @import "~@/styles/slxx/slxx.scss"; 640 @import "~@/styles/slxx/slxx.scss";
616
617
618
619
620
621 </style> 641 </style>
622
......
...@@ -358,7 +358,7 @@ ...@@ -358,7 +358,7 @@
358 </el-form-item> 358 </el-form-item>
359 </el-col> 359 </el-col>
360 <el-col :span="8"> 360 <el-col :span="8">
361 <el-form-item label="是否限制转移约定"> 361 <el-form-item label="是否限制转移约定：">
362 <el-select v-model="ruleForm.diyaq.sfczjzhxz"> 362 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
363 <el-option 363 <el-option
364 v-for="item in dictData['A6']" 364 v-for="item in dictData['A6']"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }" 12 :class="{ readonly: editDisabled }"
13 class="loadingtext" 13 class="loadingtext"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
...@@ -40,11 +40,42 @@ ...@@ -40,11 +40,42 @@
40 </el-col> 40 </el-col>
41 </el-row> 41 </el-row>
42 <div class="slxx_title title-block"> 42 <div class="slxx_title title-block">
43 地役权信息 43 地役权不动产情况
44 <div class="triangle"></div> 44 <div class="triangle"></div>
45 </div> 45 </div>
46 <el-row :gutter="10" class="ssqlxx"> 46 <el-row :gutter="10">
47 <el-col :span="24" v-if="ssqlxxshow"> 47 <el-col :span="8">
48 <el-form-item
49 label="抵押不动产信息："
50 prop="ztQlxx.bdcqzh"
51 :rules="rules.ztQlxxrules"
52 >
53 <select-table
54 v-model="ruleForm.ztQlxx"
55 :table-width="550"
56 :tableData="ztQlxxList"
57 :props="props"
58 @change="ztQlxxchange"
59 >
60 <el-table-column
61 prop="qllxmc"
62 width="130"
63 label="权利类型"
64 ></el-table-column>
65 <el-table-column
66 prop="bdcqzh"
67 width="160"
68 label="不动产权证书"
69 ></el-table-column>
70 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
71 <el-table-column prop="mjmc" label="面积"></el-table-column>
72 <el-table-column prop="ytmc" label="用途"></el-table-column>
73 <el-table-column prop="zl" label="坐落"></el-table-column>
74 </select-table>
75 </el-form-item>
76 </el-col>
77
78 <el-col :span="8" v-if="ssqlxxshow">
48 <el-form-item label="上手权利信息："> 79 <el-form-item label="上手权利信息：">
49 <select-table 80 <select-table
50 v-model="ruleForm.ssQlxx" 81 v-model="ruleForm.ssQlxx"
...@@ -71,6 +102,62 @@ ...@@ -71,6 +102,62 @@
71 </el-form-item> 102 </el-form-item>
72 </el-col> 103 </el-col>
73 </el-row> 104 </el-row>
105
106 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
107 <el-col :span="8">
108 <el-form-item label="权利人：">
109 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item label="证件种类：">
114 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
115 </el-form-item>
116 </el-col>
117 <el-col :span="8">
118 <el-form-item label="证件号：">
119 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
120 </el-form-item>
121 </el-col>
122 </el-row>
123 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
124 <el-col :span="8">
125 <el-form-item label="权利类型：">
126 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
127 </el-form-item>
128 </el-col>
129 <el-col :span="8">
130 <el-form-item label="不动产权证号：">
131 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item label="坐落：">
136 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
137 </el-form-item>
138 </el-col>
139 </el-row>
140 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
141 <el-col :span="8">
142 <el-form-item label="不动产单元号：">
143 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item label="面积：">
148 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
149 </el-form-item>
150 </el-col>
151 <el-col :span="8">
152 <el-form-item label="用途：">
153 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
154 </el-form-item>
155 </el-col>
156 </el-row>
157 <div class="slxx_title title-block">
158 地役权信息
159 <div class="triangle"></div>
160 </div>
74 <el-row :gutter="10"> 161 <el-row :gutter="10">
75 <el-col :span="8"> 162 <el-col :span="8">
76 <el-form-item label="不动产单元号："> 163 <el-form-item label="不动产单元号：">
...@@ -100,7 +187,11 @@ ...@@ -100,7 +187,11 @@
100 </el-form-item> 187 </el-form-item>
101 </el-col> 188 </el-col>
102 <el-col :span="8"> 189 <el-col :span="8">
103 <el-form-item label="登记类型： " prop="qlxx.djlx" :rules="rules.djlxrules"> 190 <el-form-item
191 label="登记类型： "
192 prop="qlxx.djlx"
193 :rules="rules.djlxrules"
194 >
104 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 195 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
105 <el-option 196 <el-option
106 v-for="item in djlxlist" 197 v-for="item in djlxlist"
...@@ -118,7 +209,11 @@ ...@@ -118,7 +209,11 @@
118 </el-form-item> 209 </el-form-item>
119 </el-col> 210 </el-col>
120 <el-col :span="8"> 211 <el-col :span="8">
121 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 212 <el-form-item
213 label="不动产权证号："
214 prop="qlxx.bdcqzh"
215 :rules="rules.bdcqzhrules"
216 >
122 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 217 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
123 </el-form-item> 218 </el-form-item>
124 </el-col> 219 </el-col>
...@@ -128,20 +223,33 @@ ...@@ -128,20 +223,33 @@
128 </el-form-item> 223 </el-form-item>
129 </el-col> --> 224 </el-col> -->
130 <el-col :span="8"> 225 <el-col :span="8">
131 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 226 <el-form-item
227 label="登记机构："
228 prop="qlxx.djjg"
229 :rules="rules.djjgrules"
230 >
132 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 231 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
133 </el-form-item> 232 </el-form-item>
134 </el-col> 233 </el-col>
135 <el-col :span="8"> 234 <el-col :span="8">
136 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> 235 <el-form-item
236 label="登簿人："
237 prop="qlxx.dbr"
238 :rules="rules.dbrrules"
239 >
137 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 240 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
138 </el-form-item> 241 </el-form-item>
139 </el-col> 242 </el-col>
140 <el-col :span="8"> 243 <el-col :span="8">
141 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 244 <el-form-item
142 <el-date-picker 245 label="登记时间："
246 prop="qlxx.djsj"
247 :rules="rules.djsjrules"
248 >
249 <el-date-picker
143 v-model="ruleForm.qlxx.djsj" 250 v-model="ruleForm.qlxx.djsj"
144 type="date" 251 type="date"
252 class="width100"
145 placeholder="选择日期" 253 placeholder="选择日期"
146 value-format="yyyy-MM-dd HH:mm:ss" 254 value-format="yyyy-MM-dd HH:mm:ss"
147 format="yyyy-MM-dd" 255 format="yyyy-MM-dd"
...@@ -174,8 +282,8 @@ ...@@ -174,8 +282,8 @@
174 </el-form-item> 282 </el-form-item>
175 </el-col> 283 </el-col>
176 <el-col :span="8"> 284 <el-col :span="8">
177 <el-form-item label="供役地权利人证件种类"> 285 <el-form-item label="供役地权利人证件种类：">
178 <el-select v-model="ruleForm.qlxx.gydqlrzjzl"> 286 <el-select v-model="ruleForm.qlxx.gydqlrzjzl">
179 <el-option 287 <el-option
180 v-for="item in dictData['A30']" 288 v-for="item in dictData['A30']"
181 :key="item.dcode" 289 :key="item.dcode"
...@@ -186,28 +294,28 @@ ...@@ -186,28 +294,28 @@
186 </el-form-item> 294 </el-form-item>
187 </el-col> 295 </el-col>
188 <el-col :span="8"> 296 <el-col :span="8">
189 <el-form-item label="供役地权利人证件号"> 297 <el-form-item label="供役地权利人证件号：">
190 <el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input> 298 <el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input>
191 </el-form-item> 299 </el-form-item>
192 </el-col> 300 </el-col>
193 <el-col :span="8"> 301 <el-col :span="8">
194 <el-form-item label="需役地不动产单元号"> 302 <el-form-item label="需役地不动产单元号：">
195 <el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input> 303 <el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input>
196 </el-form-item> 304 </el-form-item>
197 </el-col> 305 </el-col>
198 <el-col :span="8"> 306 <el-col :span="8">
199 <el-form-item label="需役地坐落"> 307 <el-form-item label="需役地坐落：">
200 <el-input v-model="ruleForm.qlxx.yxdzl"></el-input> 308 <el-input v-model="ruleForm.qlxx.yxdzl"></el-input>
201 </el-form-item> 309 </el-form-item>
202 </el-col> 310 </el-col>
203 <el-col :span="8"> 311 <el-col :span="8">
204 <el-form-item label="需役地权利人"> 312 <el-form-item label="需役地权利人：">
205 <el-input v-model="ruleForm.qlxx.xydqlr"></el-input> 313 <el-input v-model="ruleForm.qlxx.xydqlr"></el-input>
206 </el-form-item> 314 </el-form-item>
207 </el-col> 315 </el-col>
208 <el-col :span="8"> 316 <el-col :span="8">
209 <el-form-item label="需役地权利人证件种类："> 317 <el-form-item label="需役地权利人证件种类：">
210 <el-select v-model="ruleForm.qlxx.xydqlrzjzl"> 318 <el-select v-model="ruleForm.qlxx.xydqlrzjzl">
211 <el-option 319 <el-option
212 v-for="item in dictData['A30']" 320 v-for="item in dictData['A30']"
213 :key="item.dcode" 321 :key="item.dcode"
...@@ -233,17 +341,33 @@ ...@@ -233,17 +341,33 @@
233 </el-form-item> 341 </el-form-item>
234 </el-col> 342 </el-col>
235 <el-col :span="8"> 343 <el-col :span="8">
236 <el-form-item label="权利起始时间"> 344 <el-form-item label="权利起始时间：">
237 <el-input v-model="ruleForm.qlxx.qlqssj"></el-input> 345 <el-date-picker
346 v-model="ruleForm.qlxx.qlqssj"
347 class="width100"
348 type="date"
349 placeholder="选择日期"
350 value-format="yyyy-MM-dd HH:mm:ss"
351 format="yyyy-MM-dd"
352 >
353 </el-date-picker>
238 </el-form-item> 354 </el-form-item>
239 </el-col> 355 </el-col>
240 <el-col :span="8"> 356 <el-col :span="8">
241 <el-form-item label="权利结束时间"> 357 <el-form-item label="权利结束时间：">
242 <el-input v-model="ruleForm.qlxx.qljssj"></el-input> 358 <el-date-picker
359 v-model="ruleForm.qlxx.qljssj"
360 class="width100"
361 type="date"
362 placeholder="选择日期"
363 value-format="yyyy-MM-dd HH:mm:ss"
364 format="yyyy-MM-dd"
365 >
366 </el-date-picker>
243 </el-form-item> 367 </el-form-item>
244 </el-col> 368 </el-col>
245 <el-col :span="8"> 369 <el-col :span="8">
246 <el-form-item label="权利期限"> 370 <el-form-item label="权利期限：">
247 <el-input v-model="ruleForm.qlxx.qlqx"></el-input> 371 <el-input v-model="ruleForm.qlxx.qlqx"></el-input>
248 </el-form-item> 372 </el-form-item>
249 </el-col> 373 </el-col>
...@@ -261,7 +385,7 @@ ...@@ -261,7 +385,7 @@
261 <el-col :span="12"> 385 <el-col :span="12">
262 <el-form-item label="共有方式："> 386 <el-form-item label="共有方式：">
263 <el-radio-group 387 <el-radio-group
264 :disabled="!ableOperation" 388 :disabled="!ableOperation"
265 v-model="ruleForm.qlxx.gyfs" 389 v-model="ruleForm.qlxx.gyfs"
266 > 390 >
267 <el-radio label="0">单独所有</el-radio> 391 <el-radio label="0">单独所有</el-radio>
...@@ -304,17 +428,17 @@ ...@@ -304,17 +428,17 @@
304 </template> 428 </template>
305 <script> 429 <script>
306 import { mapGetters } from "vuex"; 430 import { mapGetters } from "vuex";
307 import { init,getSsQlxx, save } from "@/api/djbRepair.js"; 431 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
308 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 432 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
309 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 433 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
310 import tdytTable from "@/views/workflow/components/tdytTable"; 434 import tdytTable from "@/views/workflow/components/tdytTable";
311 import selectTable from "@/components/selectTable/index.vue"; 435 import selectTable from "@/components/selectTable/index.vue";
312 export default { 436 export default {
313 components: { qlrCommonTable, ywrCommonTable, tdytTable ,selectTable }, 437 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
314 computed: { 438 computed: {
315 ...mapGetters(["dictData", "flag"]), 439 ...mapGetters(["dictData", "flag"]),
316 // 根据流程判断表单是否为只读 440 // 根据流程判断表单是否为只读
317 editDisabled() { 441 editDisabled() {
318 if (!this.ableOperation) { 442 if (!this.ableOperation) {
319 //只读状态 443 //只读状态
320 return true; 444 return true;
...@@ -324,8 +448,8 @@ export default { ...@@ -324,8 +448,8 @@ export default {
324 }, 448 },
325 data() { 449 data() {
326 return { 450 return {
327 ssqlxxshow:true, 451 ssqlxxshow: true,
328 props: { 452 props: {
329 label: "bdcqzh", 453 label: "bdcqzh",
330 value: "bdcdyid", 454 value: "bdcdyid",
331 }, 455 },
...@@ -335,7 +459,8 @@ export default { ...@@ -335,7 +459,8 @@ export default {
335 isShow: false, 459 isShow: false,
336 disabled: true, 460 disabled: true,
337 czrOptions: [], 461 czrOptions: [],
338 ssQlxxList: [], 462 ssQlxxList: [],
463 ztQlxxList: [],
339 ruleForm: {}, 464 ruleForm: {},
340 // 登记类型 465 // 登记类型
341 djlxlist: [ 466 djlxlist: [
...@@ -376,13 +501,15 @@ export default { ...@@ -376,13 +501,15 @@ export default {
376 dname: "历史", 501 dname: "历史",
377 }, 502 },
378 ], 503 ],
379 ableOperation:false, 504 ableOperation: false,
380 //传递参数\ 505 //传递参数\
381 rules: { 506 rules: {
382 bdcqzhrules:[ 507 ztQlxxrules: [
383 { required: true, message: "不动产登记证明号", trigger: "blur" }, 508 { required: true, message: "抵押不动产信息", trigger: "change" },
384 ], 509 ],
385 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 510 bdcqzhrules: [
511 { required: true, message: "不动产登记证明号", trigger: "blur" },
512 ],
386 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 513 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
387 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 514 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
388 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 515 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
...@@ -390,20 +517,26 @@ export default { ...@@ -390,20 +517,26 @@ export default {
390 }, 517 },
391 }; 518 };
392 }, 519 },
393 created() { 520 created() {},
394
395 },
396 mounted() { 521 mounted() {
397 this.loadData(); 522 this.loadData();
398 this.ableOperation=this.$parent.ableOperation 523 this.ableOperation = this.$parent.ableOperation;
399 }, 524 },
400 methods: { 525 methods: {
401 /** 526 /**
527 * @description: ztQlxxchange
528 * @param {*} val
529 * @author: renchao
530 */
531 ztQlxxchange(val) {
532 this.ruleForm.ztQlxx = val;
533 },
534 /**
402 * @description: ssQlxxchange 535 * @description: ssQlxxchange
403 * @param {*} val 536 * @param {*} val
404 * @author: renchao 537 * @author: renchao
405 */ 538 */
406 ssQlxxchange(val) { 539 ssQlxxchange(val) {
407 this.ruleForm.ssQlxx = val; 540 this.ruleForm.ssQlxx = val;
408 this.ruleForm.qlxx.ssywh = val.ywh; 541 this.ruleForm.qlxx.ssywh = val.ywh;
409 }, 542 },
...@@ -412,8 +545,8 @@ export default { ...@@ -412,8 +545,8 @@ export default {
412 * @param {*} val 545 * @param {*} val
413 * @author: renchao 546 * @author: renchao
414 */ 547 */
415 djlxchange(val) { 548 djlxchange(val) {
416 console.log("val",val); 549 console.log("val", val);
417 if (val == null || val == 100) { 550 if (val == null || val == 100) {
418 this.ssqlxxshow = false; 551 this.ssqlxxshow = false;
419 } else { 552 } else {
...@@ -430,15 +563,15 @@ export default { ...@@ -430,15 +563,15 @@ export default {
430 init(this.propsParam).then((res) => { 563 init(this.propsParam).then((res) => {
431 if (res.code == 200) { 564 if (res.code == 200) {
432 this.ruleForm = res.result; 565 this.ruleForm = res.result;
433 let djlx = this.ruleForm.qlxx.djlx; 566 let djlx = this.ruleForm.qlxx.djlx;
434 if (djlx == null || djlx == 100) { 567 if (djlx == null || djlx == 100) {
435 this.ssqlxxshow = false; 568 this.ssqlxxshow = false;
436 } 569 }
437 this.$endLoading(); 570 this.$endLoading();
438 this.isShow = true; 571 this.isShow = true;
439 } 572 }
440 }); 573 });
441 //获取主体信息 574 //获取主体信息
442 getSsQlxx({ 575 getSsQlxx({
443 bdcdyid: this.propsParam.bdcdyid, 576 bdcdyid: this.propsParam.bdcdyid,
444 qllx: this.propsParam.qllx, 577 qllx: this.propsParam.qllx,
...@@ -447,6 +580,12 @@ export default { ...@@ -447,6 +580,12 @@ export default {
447 this.ssQlxxList = res.result; 580 this.ssQlxxList = res.result;
448 } 581 }
449 }); 582 });
583 //获取上手信息
584 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
585 if (res.code == 200) {
586 this.ztQlxxList = res.result;
587 }
588 });
450 }, 589 },
451 // 更新土地用途信息 590 // 更新土地用途信息
452 /** 591 /**
...@@ -486,15 +625,15 @@ export default { ...@@ -486,15 +625,15 @@ export default {
486 onSubmit() { 625 onSubmit() {
487 this.$refs.ruleForm.validate((valid) => { 626 this.$refs.ruleForm.validate((valid) => {
488 if (valid) { 627 if (valid) {
489 if (this.ruleForm.qlrData.length == 0) { 628 if (this.ruleForm.qlrData.length == 0) {
490 this.$message({ 629 this.$message({
491 showClose: true, 630 showClose: true,
492 message: "请确认权利人信息", 631 message: "请确认权利人信息",
493 type: "error", 632 type: "error",
494 }); 633 });
495 return false; 634 return false;
496 } 635 }
497 if (this.ruleForm.ywrData.length == 0) { 636 if (this.ruleForm.ywrData.length == 0) {
498 this.$message({ 637 this.$message({
499 showClose: true, 638 showClose: true,
500 message: "请确认义务人信息", 639 message: "请确认义务人信息",
...@@ -502,51 +641,51 @@ export default { ...@@ -502,51 +641,51 @@ export default {
502 }); 641 });
503 return false; 642 return false;
504 } 643 }
505 if (this.ruleForm.qlxx.gyfs == "0") { 644 if (this.ruleForm.qlxx.gyfs == "0") {
506 if (this.ruleForm.qlrData.length > 1) { 645 if (this.ruleForm.qlrData.length > 1) {
507 this.$message({ 646 this.$message({
508 showClose: true, 647 showClose: true,
509 message: "共有方式：单独所有，权利人只能是一个人", 648 message: "共有方式：单独所有，权利人只能是一个人",
510 type: "error", 649 type: "error",
511 }); 650 });
512 return false; 651 return false;
513 } 652 }
514 this.ruleForm.qlrData[0].sfczr = "1"; 653 this.ruleForm.qlrData[0].sfczr = "1";
515 } 654 }
516 if (this.ruleForm.qlxx.gyfs == "1") { 655 if (this.ruleForm.qlxx.gyfs == "1") {
517 //是否分别持证 656 //是否分别持证
518 if (this.ruleForm.qlxx.sqfbcz == "1") { 657 if (this.ruleForm.qlxx.sqfbcz == "1") {
519 //是 658 //是
520 this.ruleForm.qlrData.forEach((item, index) => { 659 this.ruleForm.qlrData.forEach((item, index) => {
521 item.sfczr = "1"; 660 item.sfczr = "1";
522 }); 661 });
523 } else {
524 this.ruleForm.qlrData.forEach((item, index) => {
525 if (item.zjh == this.ruleForm.czr) {
526 item.sfczr = "1";
527 } else { 662 } else {
528 item.sfczr = "0"; 663 this.ruleForm.qlrData.forEach((item, index) => {
664 if (item.zjh == this.ruleForm.czr) {
665 item.sfczr = "1";
666 } else {
667 item.sfczr = "0";
668 }
669 });
670 }
671 }
672 save(this.ruleForm).then((res) => {
673 if (res.code === 200) {
674 this.$message({
675 showClose: true,
676 message: "保存成功！",
677 type: "success",
678 });
679 this.$store.dispatch("user/refreshPage", true);
680 } else {
681 this.$message({
682 showClose: true,
683 message: res.message,
684 type: "error",
685 });
529 } 686 }
530 }); 687 });
531 }
532 }
533 save(this.ruleForm).then((res) => {
534 if (res.code === 200) {
535 this.$message({
536 showClose: true,
537 message: "保存成功！",
538 type: "success",
539 });
540 this.$store.dispatch("user/refreshPage", true);
541 } else { 688 } else {
542 this.$message({
543 showClose: true,
544 message: res.message,
545 type: "error",
546 });
547 }
548 });
549 } else {
550 return false; 689 return false;
551 } 690 }
552 }); 691 });
......
...@@ -240,7 +240,15 @@ ...@@ -240,7 +240,15 @@
240 </el-col> 240 </el-col>
241 <el-col :span="8"> 241 <el-col :span="8">
242 <el-form-item label="竣工时间："> 242 <el-form-item label="竣工时间：">
243 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 243 <el-date-picker
244 v-model="ruleForm.fdcq2.jgsj"
245 class="width100"
246 type="date"
247 placeholder="选择日期"
248 value-format="yyyy-MM-dd HH:mm:ss"
249 format="yyyy-MM-dd"
250 >
251 </el-date-picker>
244 </el-form-item> 252 </el-form-item>
245 </el-col> 253 </el-col>
246 254
...@@ -285,6 +293,7 @@ ...@@ -285,6 +293,7 @@
285 <el-date-picker 293 <el-date-picker
286 v-model="ruleForm.qlxx.djsj" 294 v-model="ruleForm.qlxx.djsj"
287 type="date" 295 type="date"
296 class="width100"
288 placeholder="选择日期" 297 placeholder="选择日期"
289 value-format="yyyy-MM-dd HH:mm:ss" 298 value-format="yyyy-MM-dd HH:mm:ss"
290 format="yyyy-MM-dd"> 299 format="yyyy-MM-dd">
......
...@@ -194,6 +194,7 @@ ...@@ -194,6 +194,7 @@
194 <el-date-picker 194 <el-date-picker
195 v-model="ruleForm.qlxx.djsj" 195 v-model="ruleForm.qlxx.djsj"
196 type="date" 196 type="date"
197 class="width100"
197 placeholder="选择日期" 198 placeholder="选择日期"
198 value-format="yyyy-MM-dd HH:mm:ss" 199 value-format="yyyy-MM-dd HH:mm:ss"
199 format="yyyy-MM-dd" 200 format="yyyy-MM-dd"
......
...@@ -387,7 +387,6 @@ export default { ...@@ -387,7 +387,6 @@ export default {
387 dname: "历史", 387 dname: "历史",
388 }, 388 },
389 ], 389 ],
390 tdxz: null,
391 isShow: false, 390 isShow: false,
392 disabled: true, 391 disabled: true,
393 czrOptions: [], 392 czrOptions: [],
...@@ -462,11 +461,11 @@ export default { ...@@ -462,11 +461,11 @@ export default {
462 this.ssqlxxshow = false; 461 this.ssqlxxshow = false;
463 } 462 }
464 this.$endLoading(); 463 this.$endLoading();
465 if (this.ruleForm.tdytqxList.length > 0) { 464 // if (this.ruleForm.tdytqxList.length > 0) {
466 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 465 // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
467 } else { 466 // } else {
468 this.tdxz = null; 467 // this.tdxz = null;
469 } 468 // }
470 this.isShow = true; 469 this.isShow = true;
471 } 470 }
472 }); 471 });
......
...@@ -227,6 +227,7 @@ ...@@ -227,6 +227,7 @@
227 <el-date-picker 227 <el-date-picker
228 v-model="ruleForm.qlxx.djsj" 228 v-model="ruleForm.qlxx.djsj"
229 type="date" 229 type="date"
230 class="width100"
230 placeholder="选择日期" 231 placeholder="选择日期"
231 value-format="yyyy-MM-dd HH:mm:ss" 232 value-format="yyyy-MM-dd HH:mm:ss"
232 format="yyyy-MM-dd" 233 format="yyyy-MM-dd"
...@@ -249,7 +250,7 @@ ...@@ -249,7 +250,7 @@
249 </el-col> 250 </el-col>
250 251
251 <el-col :span="8"> 252 <el-col :span="8">
252 <el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> 253 <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
253 <el-select v-model="ruleForm.ygdj.ygdjlx"> 254 <el-select v-model="ruleForm.ygdj.ygdjlx">
254 <el-option 255 <el-option
255 v-for="item in dictData['A29']" 256 v-for="item in dictData['A29']"
...@@ -262,12 +263,12 @@ ...@@ -262,12 +263,12 @@
262 </el-form-item> 263 </el-form-item>
263 </el-col> 264 </el-col>
264 <el-col :span="8"> 265 <el-col :span="8">
265 <el-form-item label="土地使用权人"> 266 <el-form-item label="土地使用权人：">
266 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> 267 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
267 </el-form-item> 268 </el-form-item>
268 </el-col> 269 </el-col>
269 <el-col :span="8"> 270 <el-col :span="8">
270 <el-form-item label="规划用途"> 271 <el-form-item label="规划用途：">
271 <el-select v-model="ruleForm.ygdj.ghyt"> 272 <el-select v-model="ruleForm.ygdj.ghyt">
272 <el-option 273 <el-option
273 v-for="item in dictData['A17']" 274 v-for="item in dictData['A17']"
...@@ -280,12 +281,12 @@ ...@@ -280,12 +281,12 @@
280 </el-form-item> 281 </el-form-item>
281 </el-col> 282 </el-col>
282 <el-col :span="8"> 283 <el-col :span="8">
283 <el-form-item label="用途名称"> 284 <el-form-item label="用途名称：">
284 <el-input v-model="ruleForm.ygdj.ytmc"></el-input> 285 <el-input v-model="ruleForm.ygdj.ytmc"></el-input>
285 </el-form-item> 286 </el-form-item>
286 </el-col> 287 </el-col>
287 <el-col :span="8"> 288 <el-col :span="8">
288 <el-form-item label="房屋性质"> 289 <el-form-item label="房屋性质：">
289 <el-select v-model="ruleForm.ygdj.fwxz"> 290 <el-select v-model="ruleForm.ygdj.fwxz">
290 <el-option 291 <el-option
291 v-for="item in dictData['A19']" 292 v-for="item in dictData['A19']"
...@@ -298,12 +299,12 @@ ...@@ -298,12 +299,12 @@
298 </el-form-item> 299 </el-form-item>
299 </el-col> 300 </el-col>
300 <el-col :span="8"> 301 <el-col :span="8">
301 <el-form-item label="房屋性质名称"> 302 <el-form-item label="房屋性质名称：">
302 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> 303 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
303 </el-form-item> 304 </el-form-item>
304 </el-col> 305 </el-col>
305 <el-col :span="8"> 306 <el-col :span="8">
306 <el-form-item label="房屋结构"> 307 <el-form-item label="房屋结构：">
307 <el-select v-model="ruleForm.ygdj.fwjg"> 308 <el-select v-model="ruleForm.ygdj.fwjg">
308 <el-option 309 <el-option
309 v-for="item in dictData['A46']" 310 v-for="item in dictData['A46']"
...@@ -316,57 +317,65 @@ ...@@ -316,57 +317,65 @@
316 </el-form-item> 317 </el-form-item>
317 </el-col> 318 </el-col>
318 <el-col :span="8"> 319 <el-col :span="8">
319 <el-form-item label="所在层"> 320 <el-form-item label="所在层：">
320 <el-input v-model="ruleForm.ygdj.szc"></el-input> 321 <el-input v-model="ruleForm.ygdj.szc"></el-input>
321 </el-form-item> 322 </el-form-item>
322 </el-col> 323 </el-col>
323 <el-col :span="8"> 324 <el-col :span="8">
324 <el-form-item label="总层数"> 325 <el-form-item label="总层数：">
325 <el-input v-model="ruleForm.ygdj.zcs"></el-input> 326 <el-input v-model="ruleForm.ygdj.zcs"></el-input>
326 </el-form-item> 327 </el-form-item>
327 </el-col> 328 </el-col>
328 <el-col :span="8"> 329 <el-col :span="8">
329 <el-form-item label="建筑面积"> 330 <el-form-item label="建筑面积：">
330 <el-input v-model="ruleForm.ygdj.jzmj"></el-input> 331 <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
331 </el-form-item> 332 </el-form-item>
332 </el-col> 333 </el-col>
333 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 334 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
334 <el-form-item label="注销预告业务号"> 335 <el-form-item label="注销预告业务号：">
335 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> 336 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
336 </el-form-item> 337 </el-form-item>
337 </el-col> 338 </el-col>
338 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 339 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
339 <el-form-item label="注销预告原因"> 340 <el-form-item label="注销预告原因：">
340 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> 341 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
341 </el-form-item> 342 </el-form-item>
342 </el-col> 343 </el-col>
343 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 344 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
344 <el-form-item label="注销时间"> 345 <el-form-item label="注销时间：">
345 <el-input v-model="ruleForm.ygdj.zxsj"></el-input> 346 <el-date-picker
347 v-model="ruleForm.ygdj.zxsj"
348 type="date"
349 class="width100"
350 placeholder="选择日期"
351 value-format="yyyy-MM-dd HH:mm:ss"
352 format="yyyy-MM-dd"
353 >
354 </el-date-picker>
346 </el-form-item> 355 </el-form-item>
347 </el-col> 356 </el-col>
348 <el-col :span="8"> 357 <el-col :span="8">
349 <el-form-item label="取得价格/被担保主债权数额"> 358 <el-form-item label="取得价格/被担保主债权数额：">
350 <el-input v-model="ruleForm.ygdj.qdjg"></el-input> 359 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
351 </el-form-item> 360 </el-form-item>
352 </el-col> 361 </el-col>
353 <el-col :span="8"> 362 <el-col :span="8">
354 <el-form-item label="金额单位"> 363 <el-form-item label="金额单位：">
355 <el-input v-model="ruleForm.ygdj.jedw"></el-input> 364 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
356 </el-form-item> 365 </el-form-item>
357 </el-col> 366 </el-col>
358 <el-col :span="8"> 367 <el-col :span="8">
359 <el-form-item label="担保范围"> 368 <el-form-item label="担保范围：">
360 <el-input v-model="ruleForm.ygdj.dbfw"></el-input> 369 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
361 </el-form-item> 370 </el-form-item>
362 </el-col> 371 </el-col>
363 <el-col :span="8"> 372 <el-col :span="8">
364 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> 373 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
365 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> 374 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
366 </el-form-item> 375 </el-form-item>
367 </el-col> 376 </el-col>
368 <el-col :span="8"> 377 <el-col :span="8">
369 <el-form-item label="不动产登记证明号"> 378 <el-form-item label="不动产登记证明号：">
370 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> 379 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
371 </el-form-item> 380 </el-form-item>
372 </el-col> 381 </el-col>
...@@ -502,9 +511,12 @@ export default { ...@@ -502,9 +511,12 @@ export default {
502 ], 511 ],
503 //传递参数\ 512 //传递参数\
504 rules: { 513 rules: {
505 bdcqzhrules:[ 514 ztQlxxrules: [
506 { required: true, message: "不动产权证号：", trigger: "blur" }, 515 { required: true, message: "抵押不动产信息", trigger: "change" },
507 ], 516 ],
517 bdcqzhrules: [
518 { required: true, message: "不动产登记证明号", trigger: "blur" },
519 ],
508 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 520 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
509 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 521 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
510 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 522 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
......
...@@ -45,8 +45,8 @@ ...@@ -45,8 +45,8 @@
45 预告登记信息 45 预告登记信息
46 <div class="triangle"></div> 46 <div class="triangle"></div>
47 </div> 47 </div>
48 <el-row :gutter="10" class="ssqlxx"> 48 <el-row :gutter="10">
49 <el-col :span="24" v-if="ssqlxxshow"> 49 <el-col :span="8" v-if="ssqlxxshow">
50 <el-form-item label="上手权利信息："> 50 <el-form-item label="上手权利信息：">
51 <select-table 51 <select-table
52 v-model="ruleForm.ssQlxx" 52 v-model="ruleForm.ssQlxx"
...@@ -72,8 +72,6 @@ ...@@ -72,8 +72,6 @@
72 </select-table> 72 </select-table>
73 </el-form-item> 73 </el-form-item>
74 </el-col> 74 </el-col>
75 </el-row>
76 <el-row :gutter="10">
77 <el-col :span="8"> 75 <el-col :span="8">
78 <el-form-item label="不动产单元号："> 76 <el-form-item label="不动产单元号：">
79 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 77 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
...@@ -89,8 +87,6 @@ ...@@ -89,8 +87,6 @@
89 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> 87 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
90 </el-form-item> 88 </el-form-item>
91 </el-col> 89 </el-col>
92 </el-row>
93 <el-row :gutter="10">
94 <el-col :span="8"> 90 <el-col :span="8">
95 <el-form-item label="权利类型："> 91 <el-form-item label="权利类型：">
96 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 92 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
...@@ -143,6 +139,7 @@ ...@@ -143,6 +139,7 @@
143 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 139 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
144 <el-date-picker 140 <el-date-picker
145 v-model="ruleForm.qlxx.djsj" 141 v-model="ruleForm.qlxx.djsj"
142 class="width100"
146 type="date" 143 type="date"
147 placeholder="选择日期" 144 placeholder="选择日期"
148 value-format="yyyy-MM-dd HH:mm:ss" 145 value-format="yyyy-MM-dd HH:mm:ss"
...@@ -166,7 +163,7 @@ ...@@ -166,7 +163,7 @@
166 </el-col> 163 </el-col>
167 164
168 <el-col :span="8"> 165 <el-col :span="8">
169 <el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> 166 <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
170 <el-select v-model="ruleForm.ygdj.ygdjlx"> 167 <el-select v-model="ruleForm.ygdj.ygdjlx">
171 <el-option 168 <el-option
172 v-for="item in dictData['A29']" 169 v-for="item in dictData['A29']"
...@@ -179,12 +176,12 @@ ...@@ -179,12 +176,12 @@
179 </el-form-item> 176 </el-form-item>
180 </el-col> 177 </el-col>
181 <el-col :span="8"> 178 <el-col :span="8">
182 <el-form-item label="土地使用权人"> 179 <el-form-item label="土地使用权人：">
183 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> 180 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
184 </el-form-item> 181 </el-form-item>
185 </el-col> 182 </el-col>
186 <el-col :span="8"> 183 <el-col :span="8">
187 <el-form-item label="规划用途"> 184 <el-form-item label="规划用途：">
188 <el-select v-model="ruleForm.ygdj.ghyt"> 185 <el-select v-model="ruleForm.ygdj.ghyt">
189 <el-option 186 <el-option
190 v-for="item in dictData['A17']" 187 v-for="item in dictData['A17']"
...@@ -197,12 +194,12 @@ ...@@ -197,12 +194,12 @@
197 </el-form-item> 194 </el-form-item>
198 </el-col> 195 </el-col>
199 <el-col :span="8"> 196 <el-col :span="8">
200 <el-form-item label="用途名称"> 197 <el-form-item label="用途名称：">
201 <el-input v-model="ruleForm.ygdj.ytmc"></el-input> 198 <el-input v-model="ruleForm.ygdj.ytmc"></el-input>
202 </el-form-item> 199 </el-form-item>
203 </el-col> 200 </el-col>
204 <el-col :span="8"> 201 <el-col :span="8">
205 <el-form-item label="房屋性质"> 202 <el-form-item label="房屋性质：">
206 <el-select v-model="ruleForm.ygdj.fwxz"> 203 <el-select v-model="ruleForm.ygdj.fwxz">
207 <el-option 204 <el-option
208 v-for="item in dictData['A19']" 205 v-for="item in dictData['A19']"
...@@ -215,12 +212,12 @@ ...@@ -215,12 +212,12 @@
215 </el-form-item> 212 </el-form-item>
216 </el-col> 213 </el-col>
217 <el-col :span="8"> 214 <el-col :span="8">
218 <el-form-item label="房屋性质名称"> 215 <el-form-item label="房屋性质名称：">
219 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> 216 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
220 </el-form-item> 217 </el-form-item>
221 </el-col> 218 </el-col>
222 <el-col :span="8"> 219 <el-col :span="8">
223 <el-form-item label="房屋结构"> 220 <el-form-item label="房屋结构：">
224 <el-select v-model="ruleForm.ygdj.fwjg"> 221 <el-select v-model="ruleForm.ygdj.fwjg">
225 <el-option 222 <el-option
226 v-for="item in dictData['A46']" 223 v-for="item in dictData['A46']"
...@@ -233,57 +230,65 @@ ...@@ -233,57 +230,65 @@
233 </el-form-item> 230 </el-form-item>
234 </el-col> 231 </el-col>
235 <el-col :span="8"> 232 <el-col :span="8">
236 <el-form-item label="所在层"> 233 <el-form-item label="所在层：">
237 <el-input v-model="ruleForm.ygdj.szc"></el-input> 234 <el-input v-model="ruleForm.ygdj.szc"></el-input>
238 </el-form-item> 235 </el-form-item>
239 </el-col> 236 </el-col>
240 <el-col :span="8"> 237 <el-col :span="8">
241 <el-form-item label="总层数"> 238 <el-form-item label="总层数：">
242 <el-input v-model="ruleForm.ygdj.zcs"></el-input> 239 <el-input v-model="ruleForm.ygdj.zcs"></el-input>
243 </el-form-item> 240 </el-form-item>
244 </el-col> 241 </el-col>
245 <el-col :span="8"> 242 <el-col :span="8">
246 <el-form-item label="建筑面积"> 243 <el-form-item label="建筑面积：">
247 <el-input v-model="ruleForm.ygdj.jzmj"></el-input> 244 <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
248 </el-form-item> 245 </el-form-item>
249 </el-col> 246 </el-col>
250 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 247 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
251 <el-form-item label="注销预告业务号"> 248 <el-form-item label="注销预告业务号：">
252 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> 249 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
253 </el-form-item> 250 </el-form-item>
254 </el-col> 251 </el-col>
255 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 252 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
256 <el-form-item label="注销预告原因"> 253 <el-form-item label="注销预告原因：">
257 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> 254 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
258 </el-form-item> 255 </el-form-item>
259 </el-col> 256 </el-col>
260 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 257 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
261 <el-form-item label="注销时间"> 258 <el-form-item label="注销时间：">
262 <el-input v-model="ruleForm.ygdj.zxsj"></el-input> 259 <el-date-picker
260 v-model="ruleForm.ygdj.zxsj"
261 class="width100"
262 type="date"
263 placeholder="选择日期"
264 value-format="yyyy-MM-dd HH:mm:ss"
265 format="yyyy-MM-dd"
266 >
267 </el-date-picker>
263 </el-form-item> 268 </el-form-item>
264 </el-col> 269 </el-col>
265 <el-col :span="8"> 270 <el-col :span="8">
266 <el-form-item label="取得价格/被担保主债权数额"> 271 <el-form-item label="取得价格/被担保主债权数额：">
267 <el-input v-model="ruleForm.ygdj.qdjg"></el-input> 272 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
268 </el-form-item> 273 </el-form-item>
269 </el-col> 274 </el-col>
270 <el-col :span="8"> 275 <el-col :span="8">
271 <el-form-item label="金额单位"> 276 <el-form-item label="金额单位：">
272 <el-input v-model="ruleForm.ygdj.jedw"></el-input> 277 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
273 </el-form-item> 278 </el-form-item>
274 </el-col> 279 </el-col>
275 <el-col :span="8"> 280 <el-col :span="8">
276 <el-form-item label="担保范围"> 281 <el-form-item label="担保范围：">
277 <el-input v-model="ruleForm.ygdj.dbfw"></el-input> 282 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
278 </el-form-item> 283 </el-form-item>
279 </el-col> 284 </el-col>
280 <el-col :span="8"> 285 <el-col :span="8">
281 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> 286 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
282 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> 287 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
283 </el-form-item> 288 </el-form-item>
284 </el-col> 289 </el-col>
285 <el-col :span="8"> 290 <el-col :span="8">
286 <el-form-item label="不动产登记证明号"> 291 <el-form-item label="不动产登记证明号：">
287 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> 292 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
288 </el-form-item> 293 </el-form-item>
289 </el-col> 294 </el-col>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }" 12 :class="{ readonly: editDisabled }"
13 class="loadingtext" 13 class="loadingtext"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
...@@ -41,6 +41,121 @@ ...@@ -41,6 +41,121 @@
41 </el-col> 41 </el-col>
42 </el-row> 42 </el-row>
43 <div class="slxx_title title-block"> 43 <div class="slxx_title title-block">
44 异议登记不动产情况
45 <div class="triangle"></div>
46 </div>
47 <el-row :gutter="10">
48 <el-col :span="8">
49 <el-form-item
50 label="抵押不动产信息："
51 prop="ztQlxx.bdcqzh"
52 :rules="rules.ztQlxxrules"
53 >
54 <select-table
55 v-model="ruleForm.ztQlxx"
56 :table-width="550"
57 :tableData="ztQlxxList"
58 :props="props"
59 @change="ztQlxxchange"
60 >
61 <el-table-column
62 prop="qllxmc"
63 width="130"
64 label="权利类型"
65 ></el-table-column>
66 <el-table-column
67 prop="bdcqzh"
68 width="160"
69 label="不动产权证书"
70 ></el-table-column>
71 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
72 <el-table-column prop="mjmc" label="面积"></el-table-column>
73 <el-table-column prop="ytmc" label="用途"></el-table-column>
74 <el-table-column prop="zl" label="坐落"></el-table-column>
75 </select-table>
76 </el-form-item>
77 </el-col>
78
79 <el-col :span="8" v-if="ssqlxxshow">
80 <el-form-item label="上手权利信息：">
81 <select-table
82 v-model="ruleForm.ssQlxx"
83 :table-width="550"
84 :tableData="ssQlxxList"
85 :props="props"
86 @change="ssQlxxchange"
87 >
88 <el-table-column
89 prop="qllxmc"
90 width="130"
91 label="权利类型"
92 ></el-table-column>
93 <el-table-column
94 prop="bdcqzh"
95 width="160"
96 label="不动产权证书"
97 ></el-table-column>
98 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
99 <el-table-column prop="mjmc" label="面积"></el-table-column>
100 <el-table-column prop="ytmc" label="用途"></el-table-column>
101 <el-table-column prop="zl" label="坐落"></el-table-column>
102 </select-table>
103 </el-form-item>
104 </el-col>
105 </el-row>
106
107 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
108 <el-col :span="8">
109 <el-form-item label="权利人：">
110 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
111 </el-form-item>
112 </el-col>
113 <el-col :span="8">
114 <el-form-item label="证件种类：">
115 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item label="证件号：">
120 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
125 <el-col :span="8">
126 <el-form-item label="权利类型：">
127 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="不动产权证号：">
132 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
133 </el-form-item>
134 </el-col>
135 <el-col :span="8">
136 <el-form-item label="坐落：">
137 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
138 </el-form-item>
139 </el-col>
140 </el-row>
141 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
142 <el-col :span="8">
143 <el-form-item label="不动产单元号：">
144 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
145 </el-form-item>
146 </el-col>
147 <el-col :span="8">
148 <el-form-item label="面积：">
149 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
150 </el-form-item>
151 </el-col>
152 <el-col :span="8">
153 <el-form-item label="用途：">
154 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
155 </el-form-item>
156 </el-col>
157 </el-row>
158 <div class="slxx_title title-block">
44 异议登记信息 159 异议登记信息
45 <div class="triangle"></div> 160 <div class="triangle"></div>
46 </div> 161 </div>
...@@ -73,8 +188,12 @@ ...@@ -73,8 +188,12 @@
73 </el-form-item> 188 </el-form-item>
74 </el-col> --> 189 </el-col> -->
75 <el-col :span="8"> 190 <el-col :span="8">
76 <el-form-item label="登记类型："> 191 <el-form-item
77 <el-select v-model="ruleForm.qlxx.djlx"> 192 label="登记类型："
193 prop="qlxx.djlx"
194 :rules="rules.djlxrules"
195 >
196 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
78 <el-option 197 <el-option
79 v-for="item in djlxlist" 198 v-for="item in djlxlist"
80 :key="item.dcode" 199 :key="item.dcode"
...@@ -91,7 +210,11 @@ ...@@ -91,7 +210,11 @@
91 </el-form-item> 210 </el-form-item>
92 </el-col> --> 211 </el-col> -->
93 <el-col :span="8"> 212 <el-col :span="8">
94 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 213 <el-form-item
214 label="不动产权证号："
215 prop="qlxx.bdcqzh"
216 :rules="rules.bdcqzhrules"
217 >
95 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 218 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
96 </el-form-item> 219 </el-form-item>
97 </el-col> 220 </el-col>
...@@ -101,19 +224,32 @@ ...@@ -101,19 +224,32 @@
101 </el-form-item> 224 </el-form-item>
102 </el-col> --> 225 </el-col> -->
103 <el-col :span="8"> 226 <el-col :span="8">
104 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 227 <el-form-item
228 label="登记机构："
229 prop="qlxx.djjg"
230 :rules="rules.djjgrules"
231 >
105 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 232 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
106 </el-form-item> 233 </el-form-item>
107 </el-col> 234 </el-col>
108 <el-col :span="8"> 235 <el-col :span="8">
109 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> 236 <el-form-item
237 label="登簿人："
238 prop="qlxx.dbr"
239 :rules="rules.dbrrules"
240 >
110 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 241 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
111 </el-form-item> 242 </el-form-item>
112 </el-col> 243 </el-col>
113 <el-col :span="8"> 244 <el-col :span="8">
114 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 245 <el-form-item
115 <el-date-picker 246 label="登记时间："
247 prop="qlxx.djsj"
248 :rules="rules.djsjrules"
249 >
250 <el-date-picker
116 v-model="ruleForm.qlxx.djsj" 251 v-model="ruleForm.qlxx.djsj"
252 class="width100"
117 type="date" 253 type="date"
118 placeholder="选择日期" 254 placeholder="选择日期"
119 value-format="yyyy-MM-dd HH:mm:ss" 255 value-format="yyyy-MM-dd HH:mm:ss"
...@@ -137,12 +273,12 @@ ...@@ -137,12 +273,12 @@
137 </el-col> 273 </el-col>
138 274
139 <el-col :span="8"> 275 <el-col :span="8">
140 <el-form-item label="异议事项"> 276 <el-form-item label="异议事项：">
141 <el-input v-model="ruleForm.yydj.yysx"></el-input> 277 <el-input v-model="ruleForm.yydj.yysx"></el-input>
142 </el-form-item> 278 </el-form-item>
143 </el-col> 279 </el-col>
144 <el-col :span="8"> 280 <el-col :span="8">
145 <el-form-item label="不动产登记证明号"> 281 <el-form-item label="不动产登记证明号：">
146 <el-input v-model="ruleForm.yydj.bdcdjzmh"></el-input> 282 <el-input v-model="ruleForm.yydj.bdcdjzmh"></el-input>
147 </el-form-item> 283 </el-form-item>
148 </el-col> 284 </el-col>
...@@ -156,25 +292,26 @@ ...@@ -156,25 +292,26 @@
156 <el-input v-model="ruleForm.yydj.fj"></el-input> 292 <el-input v-model="ruleForm.yydj.fj"></el-input>
157 </el-form-item> 293 </el-form-item>
158 </el-col> 294 </el-col>
159 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 295 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
160 <el-form-item label="注销异议业务号"> 296 <el-form-item label="注销异议业务号：">
161 <el-input v-model="ruleForm.yydj.zxyyywh"></el-input> 297 <el-input v-model="ruleForm.yydj.zxyyywh"></el-input>
162 </el-form-item> 298 </el-form-item>
163 </el-col> 299 </el-col>
164 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 300 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
165 <el-form-item label="注销异议原因"> 301 <el-form-item label="注销异议原因：">
166 <el-input v-model="ruleForm.yydj.zxyyyy"></el-input> 302 <el-input v-model="ruleForm.yydj.zxyyyy"></el-input>
167 </el-form-item> 303 </el-form-item>
168 </el-col> 304 </el-col>
169 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 305 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
170 <el-form-item label="注销异议登簿人"> 306 <el-form-item label="注销异议登簿人：">
171 <el-input v-model="ruleForm.yydj.zxyydbr"></el-input> 307 <el-input v-model="ruleForm.yydj.zxyydbr"></el-input>
172 </el-form-item> 308 </el-form-item>
173 </el-col> 309 </el-col>
174 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 310 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
175 <el-form-item label="注销异议登记时间"> 311 <el-form-item label="注销异议登记时间：">
176 <el-date-picker 312 <el-date-picker
177 v-model="ruleForm.yydj.zxyydjsj" 313 v-model="ruleForm.yydj.zxyydjsj"
314 class="width100"
178 type="date" 315 type="date"
179 placeholder="选择日期" 316 placeholder="选择日期"
180 value-format="yyyy-MM-dd HH:mm:ss" 317 value-format="yyyy-MM-dd HH:mm:ss"
...@@ -192,7 +329,7 @@ ...@@ -192,7 +329,7 @@
192 <el-col :span="12"> 329 <el-col :span="12">
193 <el-form-item label="共有方式："> 330 <el-form-item label="共有方式：">
194 <el-radio-group 331 <el-radio-group
195 :disabled="!ableOperation" 332 :disabled="!ableOperation"
196 v-model="ruleForm.qlxx.gyfs" 333 v-model="ruleForm.qlxx.gyfs"
197 > 334 >
198 <el-radio label="0">单独所有</el-radio> 335 <el-radio label="0">单独所有</el-radio>
...@@ -210,7 +347,7 @@ ...@@ -210,7 +347,7 @@
210 :ableOperation="ableOperation" 347 :ableOperation="ableOperation"
211 :gyfs="ruleForm.qlxx.gyfs" 348 :gyfs="ruleForm.qlxx.gyfs"
212 /> 349 />
213 <div v-if="ruleForm.ywrData"> 350 <div v-if="ruleForm.ywrData">
214 <div class="slxx_title title-block"> 351 <div class="slxx_title title-block">
215 义务人信息 352 义务人信息
216 <div class="triangle"></div> 353 <div class="triangle"></div>
...@@ -224,7 +361,7 @@ ...@@ -224,7 +361,7 @@
224 /> 361 />
225 </div> 362 </div>
226 </div> 363 </div>
227 <el-row class="btn" v-if="ableOperation"> 364 <el-row class="btn" v-if="ableOperation">
228 <el-form-item> 365 <el-form-item>
229 <el-button type="primary" @click="onSubmit">保存</el-button> 366 <el-button type="primary" @click="onSubmit">保存</el-button>
230 </el-form-item> 367 </el-form-item>
...@@ -234,16 +371,17 @@ ...@@ -234,16 +371,17 @@
234 </template> 371 </template>
235 <script> 372 <script>
236 import { mapGetters } from "vuex"; 373 import { mapGetters } from "vuex";
237 import { init, save } from "@/api/djbRepair.js"; 374 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
238 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 375 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
239 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 376 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
240 import tdytTable from "@/views/workflow/components/tdytTable"; 377 import tdytTable from "@/views/workflow/components/tdytTable";
378 import selectTable from "@/components/selectTable/index.vue";
241 export default { 379 export default {
242 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 380 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable},
243 computed: { 381 computed: {
244 ...mapGetters(["dictData", "flag"]), 382 ...mapGetters(["dictData", "flag"]),
245 // 根据流程判断表单是否为只读 383 // 根据流程判断表单是否为只读
246 editDisabled() { 384 editDisabled() {
247 if (!this.ableOperation) { 385 if (!this.ableOperation) {
248 //只读状态 386 //只读状态
249 return true; 387 return true;
...@@ -253,12 +391,19 @@ export default { ...@@ -253,12 +391,19 @@ export default {
253 }, 391 },
254 data() { 392 data() {
255 return { 393 return {
394 ssqlxxshow: true,
395 props: {
396 label: "bdcqzh",
397 value: "bdcdyid",
398 },
256 //表单是否可操作 399 //表单是否可操作
257 propsParam: this.$attrs, 400 propsParam: this.$attrs,
258 key: 0, 401 key: 0,
259 isShow: false, 402 isShow: false,
260 disabled: true, 403 disabled: true,
261 czrOptions: [], 404 czrOptions: [],
405 ssQlxxList: [],
406 ztQlxxList: [],
262 ruleForm: {}, 407 ruleForm: {},
263 // 登记类型 408 // 登记类型
264 djlxlist: [ 409 djlxlist: [
...@@ -300,39 +445,92 @@ export default { ...@@ -300,39 +445,92 @@ export default {
300 }, 445 },
301 ], 446 ],
302 //传递参数\ 447 //传递参数\
303 rules: { 448 rules: {
304 bdcqzhrules:[ 449 ztQlxxrules: [
305 { required: true, message: "不动产权证号：", trigger: "change" }, 450 { required: true, message: "抵押不动产信息", trigger: "change" },
306 ], 451 ],
452 bdcqzhrules: [
453 { required: true, message: "不动产登记证明号", trigger: "blur" },
454 ],
307 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 455 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
308 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 456 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
309 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 457 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
310 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 458 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
459 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
311 }, 460 },
312 ableOperation:false 461 ableOperation: false,
313 }; 462 };
314 }, 463 },
315 created() { 464 created() {
316 this.loadData(); 465 this.loadData();
317 }, 466 },
318 mounted() { 467 mounted() {
319 this.ableOperation =this.$parent.ableOperation 468 this.ableOperation = this.$parent.ableOperation;
320 }, 469 },
321 methods: { 470 methods: {
322 /** 471 /**
472 * @description: ztQlxxchange
473 * @param {*} val
474 * @author: renchao
475 */
476 ztQlxxchange(val) {
477 this.ruleForm.ztQlxx = val;
478 },
479 /**
480 * @description: ssQlxxchange
481 * @param {*} val
482 * @author: renchao
483 */
484 ssQlxxchange(val) {
485 this.ruleForm.ssQlxx = val;
486 this.ruleForm.qlxx.ssywh = val.ywh;
487 },
488 /**
489 * @description: djlxchange
490 * @param {*} val
491 * @author: renchao
492 */
493 djlxchange(val) {
494 console.log("val", val);
495 if (val == null || val == 100) {
496 this.ssqlxxshow = false;
497 } else {
498 this.ssqlxxshow = true;
499 }
500 },
501 /**
323 * @description: loadData 502 * @description: loadData
324 * @author: renchao 503 * @author: renchao
325 */ 504 */
326 loadData() { 505 loadData() {
327 this.$startLoading(); 506 this.$startLoading();
328 this.propsParam.isEdit=this.$parent.isEdit 507 this.propsParam.isEdit = this.$parent.isEdit;
329 init(this.propsParam).then((res) => { 508 init(this.propsParam).then((res) => {
330 if (res.code == 200) { 509 if (res.code == 200) {
331 this.ruleForm = res.result; 510 this.ruleForm = res.result;
332 this.$endLoading(); 511 let djlx = this.ruleForm.qlxx.djlx;
512 if (djlx == null || djlx == 100) {
513 this.ssqlxxshow = false;
514 }
515 this.$endLoading();
333 this.isShow = true; 516 this.isShow = true;
334 } 517 }
335 }); 518 });
519 //获取主体信息
520 getSsQlxx({
521 bdcdyid: this.propsParam.bdcdyid,
522 qllx: this.propsParam.qllx,
523 }).then((res) => {
524 if (res.code == 200) {
525 this.ssQlxxList = res.result;
526 }
527 });
528 //获取上手信息
529 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
530 if (res.code == 200) {
531 this.ztQlxxList = res.result;
532 }
533 });
336 }, 534 },
337 // 更新土地用途信息 535 // 更新土地用途信息
338 /** 536 /**
...@@ -372,15 +570,15 @@ export default { ...@@ -372,15 +570,15 @@ export default {
372 onSubmit() { 570 onSubmit() {
373 this.$refs.ruleForm.validate((valid) => { 571 this.$refs.ruleForm.validate((valid) => {
374 if (valid) { 572 if (valid) {
375 if (this.ruleForm.qlrData.length == 0) { 573 if (this.ruleForm.qlrData.length == 0) {
376 this.$message({ 574 this.$message({
377 showClose: true, 575 showClose: true,
378 message: "请确认权利人信息", 576 message: "请确认权利人信息",
379 type: "error", 577 type: "error",
380 }); 578 });
381 return false; 579 return false;
382 } 580 }
383 if (this.ruleForm.ywrData.length == 0) { 581 if (this.ruleForm.ywrData.length == 0) {
384 this.$message({ 582 this.$message({
385 showClose: true, 583 showClose: true,
386 message: "请确认义务人信息", 584 message: "请确认义务人信息",
...@@ -388,51 +586,51 @@ export default { ...@@ -388,51 +586,51 @@ export default {
388 }); 586 });
389 return false; 587 return false;
390 } 588 }
391 if (this.ruleForm.qlxx.gyfs == "0") { 589 if (this.ruleForm.qlxx.gyfs == "0") {
392 if (this.ruleForm.qlrData.length > 1) { 590 if (this.ruleForm.qlrData.length > 1) {
393 this.$message({ 591 this.$message({
394 showClose: true, 592 showClose: true,
395 message: "共有方式：单独所有，权利人只能是一个人", 593 message: "共有方式：单独所有，权利人只能是一个人",
396 type: "error", 594 type: "error",
397 }); 595 });
398 return false; 596 return false;
399 } 597 }
400 this.ruleForm.qlrData[0].sfczr = "1"; 598 this.ruleForm.qlrData[0].sfczr = "1";
401 } 599 }
402 if (this.ruleForm.qlxx.gyfs == "1") { 600 if (this.ruleForm.qlxx.gyfs == "1") {
403 //是否分别持证 601 //是否分别持证
404 if (this.ruleForm.qlxx.sqfbcz == "1") { 602 if (this.ruleForm.qlxx.sqfbcz == "1") {
405 //是 603 //是
406 this.ruleForm.qlrData.forEach((item, index) => { 604 this.ruleForm.qlrData.forEach((item, index) => {
407 item.sfczr = "1"; 605 item.sfczr = "1";
408 }); 606 });
409 } else {
410 this.ruleForm.qlrData.forEach((item, index) => {
411 if (item.zjh == this.ruleForm.czr) {
412 item.sfczr = "1";
413 } else { 607 } else {
414 item.sfczr = "0"; 608 this.ruleForm.qlrData.forEach((item, index) => {
609 if (item.zjh == this.ruleForm.czr) {
610 item.sfczr = "1";
611 } else {
612 item.sfczr = "0";
613 }
614 });
615 }
616 }
617 save(this.ruleForm).then((res) => {
618 if (res.code === 200) {
619 this.$message({
620 showClose: true,
621 message: "保存成功！",
622 type: "success",
623 });
624 this.$store.dispatch("user/refreshPage", true);
625 } else {
626 this.$message({
627 showClose: true,
628 message: res.message,
629 type: "error",
630 });
415 } 631 }
416 }); 632 });
417 }
418 }
419 save(this.ruleForm).then((res) => {
420 if (res.code === 200) {
421 this.$message({
422 showClose: true,
423 message: "保存成功！",
424 type: "success",
425 });
426 this.$store.dispatch("user/refreshPage", true);
427 } else { 633 } else {
428 this.$message({
429 showClose: true,
430 message: res.message,
431 type: "error",
432 });
433 }
434 });
435 } else {
436 return false; 634 return false;
437 } 635 }
438 }); 636 });
......
1 .djxxTable {
2 width: 100%;
3 height: 100%;
4 background: #fff;
5 color: #333;
6
7 .tableBox {
8 margin: 0 auto;
9 display: flex;
10 flex-wrap: wrap;
11
12 .title {
13 width: 100%;
14 font-weight: 700;
15 font-size: 16px;
16 text-align: center;
17 background: #e9e9e9;
18 height: 62px;
19 line-height: 62px;
20 position: relative;
21 margin: 0 3px;
22
23 .checkbox {
24 position: absolute;
25 right: 20px;
26 bottom: -16px;
27 height: 62px;
28 }
29 }
30
31 .xxTableBox {
32 overflow: scroll;
33 width: 100%;
34 }
35
36 .xxTable>tr:first-child th {
37 width: 140px;
38 }
39
40 .xxTable {
41 //border-spacing: 1px;
42 width: 100%;
43 // table-layout: fixed;
44
45 tr {
46 box-sizing: border-box;
47 }
48
49 tr>th {
50 border: 1px solid #ccc;
51 background: #F2F2F2;
52 color: #333333;
53 font-size: 16px;
54 height: 40px;
55 }
56
57 tr:nth-child(1) {
58 position: sticky;
59 top: 0px;
60 z-index: 3;
61 margin-top: -2px;
62 }
63
64 tr:nth-child(2) {
65 position: sticky;
66 top: 40px;
67 z-index: 3;
68 }
69
70 tr:nth-child(3) {
71 position: sticky;
72 top: 80px;
73 z-index: 3;
74 box-shadow: 0px 15px 10px -15px #409EFF;
75 }
76
77 tr td:first-child {
78 position: sticky;
79 left: 0;
80 z-index: 2;
81 margin-left: -2px;
82 }
83
84 th.linshi,
85 th.xianshi {
86 background: #464c5b;
87 }
88
89 th.lishi {
90 background: rgba(70, 76, 91, 0.8);
91 }
92
93 .one th {
94 height: 25px;
95 font-size: 14px;
96 }
97
98 th.linshi {
99 color: #fe9400;
100 }
101
102 .two th {
103 height: 45px;
104
105 p:nth-child(2) {
106 font-size: 14px;
107 }
108 }
109
110 tr {
111 display: flex;
112 }
113
114 tr td {
115 border: 1px solid rgb(227, 226, 226);
116 text-align: center;
117 height: 40px;
118 font-size: 13px;
119 width: 140px;
120 flex: 1;
121 width: 100%;
122 display: flex;
123 align-items: center;
124 justify-content: center;
125 min-width: 280px;
126 z-index: 1;
127 }
128
129 >tr:nth-child(odd) td {
130 background: #f2f2f2;
131 }
132
133 >tr:nth-child(even) td {
134 background: #f9f9f9;
135 }
136
137 td.linshi {
138 color: #fe9400;
139 }
140
141 tr>td.lishi {
142 color: #7f7f7f;
143 }
144 }
145
146 .rollTable {
147 margin-top: -2px;
148 display: block;
149 height: calc(100vh - 185px);
150 overflow-y: scroll;
151 margin-left: 2px;
152 }
153 }
154 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -19,7 +19,7 @@ import { ...@@ -19,7 +19,7 @@ import {
19 } from "@/api/workFlow.js"; 19 } from "@/api/workFlow.js";
20 import { mapGetters } from 'vuex' 20 import { mapGetters } from 'vuex'
21 export default { 21 export default {
22 data () { 22 data() {
23 return { 23 return {
24 //是否开启材料分屏 24 //是否开启材料分屏
25 splitScreen: false, 25 splitScreen: false,
...@@ -35,10 +35,12 @@ export default { ...@@ -35,10 +35,12 @@ export default {
35 batchButtonName: '', 35 batchButtonName: '',
36 // 受理申请信息 36 // 受理申请信息
37 slsq: {}, 37 slsq: {},
38 ableOperation: true 38 ableOperation: true,
39 showidea: false
40
39 } 41 }
40 }, 42 },
41 mounted () { 43 mounted() {
42 this.flowInitParam(); 44 this.flowInitParam();
43 }, 45 },
44 methods: { 46 methods: {
...@@ -47,7 +49,7 @@ export default { ...@@ -47,7 +49,7 @@ export default {
47 * @description: 加载流程初始参数 49 * @description: 加载流程初始参数
48 * @author: renchao 50 * @author: renchao
49 */ 51 */
50 flowInitParam () { 52 flowInitParam() {
51 var formdata = new FormData(); 53 var formdata = new FormData();
52 54
53 formdata.append("bsmSlsq", this.bsmSlsq); 55 formdata.append("bsmSlsq", this.bsmSlsq);
...@@ -58,6 +60,10 @@ export default { ...@@ -58,6 +60,10 @@ export default {
58 stepExpandInfo(formdata).then((res) => { 60 stepExpandInfo(formdata).then((res) => {
59 if (res.code === 200) { 61 if (res.code === 200) {
60 this.leftButtonList = res.result.button; 62 this.leftButtonList = res.result.button;
63 if (res.result.properties.length) {
64 this.showidea = res.result.properties[0].value
65 }
66
61 this.rightButtonList = res.result.operation; 67 this.rightButtonList = res.result.operation;
62 let arr = this.rightButtonList.filter((item) => { 68 let arr = this.rightButtonList.filter((item) => {
63 return item.name == "删除" 69 return item.name == "删除"
...@@ -79,7 +85,7 @@ export default { ...@@ -79,7 +85,7 @@ export default {
79 * @param {*} item 85 * @param {*} item
80 * @author: renchao 86 * @author: renchao
81 */ 87 */
82 operation (item) { 88 operation(item) {
83 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 89 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
84 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout 90 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
85 let that = this; 91 let that = this;
...@@ -289,7 +295,7 @@ export default { ...@@ -289,7 +295,7 @@ export default {
289 * @description: del 295 * @description: del
290 * @author: renchao 296 * @author: renchao
291 */ 297 */
292 del () { 298 del() {
293 let formdata = new FormData(); 299 let formdata = new FormData();
294 formdata.append("bsmSlsq", this.bsmSlsq); 300 formdata.append("bsmSlsq", this.bsmSlsq);
295 this.$confirm("确定要删除吗, 是否继续?", "提示", { 301 this.$confirm("确定要删除吗, 是否继续?", "提示", {
...@@ -324,24 +330,27 @@ export default { ...@@ -324,24 +330,27 @@ export default {
324 * @param {*} obj 330 * @param {*} obj
325 * @author: renchao 331 * @author: renchao
326 */ 332 */
327 sendToNext (obj) { 333 sendToNext(obj) {
328 this.$popupDialog("转出", "djbworkflow/components/zc", { 334 this.$popupDialog("转出", "djbworkflow/components/zc", {
329 obj:obj, 335 obj: obj,
330 bsmSlsq: this.bsmSlsq, 336 bsmSlsq: this.bsmSlsq,
331 tabList: this.tabList 337 tabList: this.tabList,
332 }, '800px', true) 338 tshowidea: this.showidea
339 }, '600px', true)
333 }, 340 },
334 //转出最后一个流程 341 //转出最后一个流程
335 /** 342 /**
336 * @description: 转出最后一个流程 343 * @description: 转出最后一个流程
337 * @author: renchao 344 * @author: renchao
338 */ 345 */
339 sendToEnd () { 346 sendToEnd() {
340 this.$popupDialog("转出", "djbworkflow/components/zc", { 347 this.$popupDialog("转出", "djbworkflow/components/zc", {
341 obj:"", 348 obj: "",
342 bsmSlsq: this.bsmSlsq, 349 bsmSlsq: this.bsmSlsq,
343 tabList: this.tabList 350 tabList: this.tabList,
344 }, '800px', true) 351 showidea: this.showidea
352
353 }, '600px', true)
345 }, 354 },
346 355
347 //批量操作 356 //批量操作
...@@ -349,7 +358,7 @@ export default { ...@@ -349,7 +358,7 @@ export default {
349 * @description: 批量操作 358 * @description: 批量操作
350 * @author: renchao 359 * @author: renchao
351 */ 360 */
352 handleBatchDel () { 361 handleBatchDel() {
353 this.$popupDialog("批量删除", "workflow/components/batchDel", { 362 this.$popupDialog("批量删除", "workflow/components/batchDel", {
354 width: "50%", 363 width: "50%",
355 btnShow: false, 364 btnShow: false,
...@@ -363,7 +372,7 @@ export default { ...@@ -363,7 +372,7 @@ export default {
363 * @param {*} file 372 * @param {*} file
364 * @author: renchao 373 * @author: renchao
365 */ 374 */
366 handleChange (file) { 375 handleChange(file) {
367 var formdata = new FormData(); 376 var formdata = new FormData();
368 formdata.append("file", file.raw); 377 formdata.append("file", file.raw);
369 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); 378 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
...@@ -382,7 +391,7 @@ export default { ...@@ -382,7 +391,7 @@ export default {
382 * @param {*} file 391 * @param {*} file
383 * @author: renchao 392 * @author: renchao
384 */ 393 */
385 beforeUpload (file) { 394 beforeUpload(file) {
386 return true; 395 return true;
387 } 396 }
388 } 397 }
......
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 } 50 }
51 51
52 .el-icon-delete { 52 .el-icon-delete {
53 margin-top: 10px; 53 margin-top: 0;
54 } 54 }
55 55
56 .title-detail { 56 .title-detail {
......
...@@ -16,13 +16,24 @@ ...@@ -16,13 +16,24 @@
16 </div> 16 </div>
17 </div> 17 </div>
18 <div class="xxTableBox rollTable"> 18 <div class="xxTableBox rollTable">
19 <!-- 固定前三个 -->
19 <table class="xxTable"> 20 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex"> 21 <tr v-for="(item, colindex) in columnsall" :key="colindex" :class="item.bt">
21 <td> 22 <td>
22 {{ item.label }} 23 {{ item.label }}
23 </td> 24 </td>
24 <td></td> 25 <td v-for="(row, index) in tableData" :key="index">
25 <td v-for="count in emptycolNum" :key="~count"></td> 26 <div class="setbut" v-if="item.prop == 'bhqk'">
27 {{ index?"变化后": "变化前"}}
28 </div>
29 <div
30 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
31 ></div>
32 <span v-if="item.prop == 'qszt'" :class="item.co">
33 {{ getQsztName(row[item.prop]) }}
34 </span>
35 <span v-else :class="item.co"> {{ row[item.prop] }}</span>
36 </td>
26 </tr> 37 </tr>
27 </table> 38 </table>
28 </div> 39 </div>
...@@ -32,8 +43,8 @@ ...@@ -32,8 +43,8 @@
32 43
33 <script> 44 <script>
34 import { datas } from "./qlxxFormData.js"; 45 import { datas } from "./qlxxFormData.js";
35 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
36 import { getDiyiqList } from "@/api/djbDetail.js"; 47 import { getDjbQlxxDiff } from "@/api/djbDetail.js";
37 export default { 48 export default {
38 props: { 49 props: {
39 formData: { 50 formData: {
...@@ -45,24 +56,113 @@ export default { ...@@ -45,24 +56,113 @@ export default {
45 return { 56 return {
46 radio: 1, 57 radio: 1,
47 title: "变化情况对比", 58 title: "变化情况对比",
59 qsztList: datas.columns().qsztList,
48 //列表数据 60 //列表数据
49 tableData: [], 61 tableData: [],
50 //空列值个数 62 //空列值个数
51 emptycolNum: 1, 63 emptycolNum: 1,
52 //列名称对象 64 //列名称对象
53 columns: datas.columns().DYIQ, 65 columns: [],
66 columnsall:[],
67 columnsum:[]
54 }; 68 };
55 }, 69 },
56 created() { 70 created() {
57 console.log("this.formData", this.formData); 71 switch (this.formData.dqqllx) {
72 case "JSYDSYQ":
73 this.columns = datas.columns().JSYDSYQ;
74 break;
75 case "FDCQ2":
76 this.columns = datas.columns().FDCQ2;
77 break;
78 case "NYDSYQ":
79 this.columns = datas.columns().NYDSYQ;
80 break;
81 case "DYAQ":
82 this.columns = datas.columns().DYAQ;
83 break;
84 case "DYIQ":
85 this.columns = datas.columns().DYIQ;
86 break;
87 case "YGDJ":
88 this.columns = datas.columns().YGDJ;
89 break;
90 case "CFDJ":
91 this.columns = datas.columns().CFDJ;
92 break;
93 case "YYDJ":
94 this.columns = datas.columns().YYDJ;
95 break;
96 }
97 this.getdata();
58 }, 98 },
59 methods: { 99 methods: {
100 getArrDifference: function(arr1, arr2){
101 return arr1.concat(arr2).filter(function(value, i, arr){
102 return arr.indexOf(value) === arr.lastIndexOf(value);
103 })
104 },
60 /** 105 /**
61 * @description: checkChange 106 * @description: checkChange
62 * @author: renchao 107 * @author: renchao
63 */ 108 */
109 getdata() {
110 getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
111 if (res.code === 200) {
112 this.tableData.push(res.result.ssQlxx)
113 this.tableData.push(res.result.currentQlxx)
114
115 this.tableData.map((item) => {
116 item.sjlx = getSjlx(item.sjlx);
117 });
118 for (let key in this.tableData[0]) {
119 this.columnsum=this.columns.filter((item,index) => {
120 if(this.tableData[1][key]!==this.tableData[0][key]&&this.columns[index].prop==key){
121 this.columns[index].bt="bgc"
122 this.columns[index].co="red"
123 }
124 return this.columns[index].bt=="bgc"
125 })
126 }
127 this.columns.unshift({
128 prop: "bhqk",
129 label: ""
130 })
131 this.columnsum.unshift({
132 prop: "bhqk",
133 label: ""
134 })
135 this.columnsall= this.columns
136
137
138
139 }
140 });
141 }
142 /**
143 * @description: getQsztName
144 * @param {*} code
145 * @author: renchao
146 */,
147 getQsztName(code) {
148 let name = "";
149 for (let item of this.qsztList) {
150 if (item.value == code) {
151 name = item.label;
152 break;
153 }
154 }
155 return name;
156 },
157
64 checkChange() { 158 checkChange() {
65 console.log("ssss",this.radio); 159 if(this.radio==2){
160 this.columnsall=this.columnsum
161
162 }else{
163 this.columnsall=this.columns
164
165 }
66 }, 166 },
67 }, 167 },
68 }; 168 };
...@@ -70,4 +170,18 @@ export default { ...@@ -70,4 +170,18 @@ export default {
70 170
71 <style lang="scss" scoped> 171 <style lang="scss" scoped>
72 @import "./qlxxCommon.scss"; 172 @import "./qlxxCommon.scss";
173 .bgc{
174
175 td{
176 background-color: rgb(182, 203, 207) !important;
177
178 }
179 }
180 .red{
181 color: red;
182 }
183 .setbut{
184 font-size: 18px;
185 font-weight: 700;
186 }
73 </style> 187 </style>
......
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
96 } 96 }
97 97
98 th.linshi { 98 th.linshi {
99 color: #fe9400; 99 color: #ff5100;
100 } 100 }
101 101
102 .two th { 102 .two th {
...@@ -128,7 +128,7 @@ ...@@ -128,7 +128,7 @@
128 height: 0; 128 height: 0;
129 border-width: 0px 0px 55px 55px; 129 border-width: 0px 0px 55px 55px;
130 border-style: none solid solid; 130 border-style: none solid solid;
131 border-color: transparent transparent #fe9400; 131 border-color: transparent transparent #ff5100;
132 position: absolute; 132 position: absolute;
133 top: 0; 133 top: 0;
134 right: 0; 134 right: 0;
...@@ -193,7 +193,7 @@ ...@@ -193,7 +193,7 @@
193 } 193 }
194 194
195 td.linshi { 195 td.linshi {
196 color: #fe9400; 196 color: #ff5100;
197 } 197 }
198 198
199 tr>td.lishi { 199 tr>td.lishi {
...@@ -209,4 +209,4 @@ ...@@ -209,4 +209,4 @@
209 margin-left: 2px; 209 margin-left: 2px;
210 } 210 }
211 } 211 }
212 }
...\ No newline at end of file ...\ No newline at end of file
212 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:47 4 * @LastEditTime: 2023-07-27 09:03:56
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" 7 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
176 dlrmc: "", 176 dlrmc: "",
177 dlrzjlx: "", 177 dlrzjlx: "",
178 dlrzjh: "", 178 dlrzjh: "",
179 dlrdh:"", 179 dlrdh: "",
180 }, 180 },
181 rules: { 181 rules: {
182 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], 182 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
...@@ -215,6 +215,7 @@ ...@@ -215,6 +215,7 @@
215 if (valid) { 215 if (valid) {
216 this.$emit("input", false); 216 this.$emit("input", false);
217 this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); 217 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
218 this.$refs['ruleForm'].resetFields();
218 } else { 219 } else {
219 return false; 220 return false;
220 } 221 }
......
...@@ -14,31 +14,34 @@ ...@@ -14,31 +14,34 @@
14 :heightNumSetting="true" 14 :heightNumSetting="true"
15 :minHeight="150" 15 :minHeight="150"
16 height="150" 16 height="150"
17 style="width: 100%"> 17 style="width: 100%"
18 >
18 <el-table-column prop="index" width="50" :render-header="renderHeader"> 19 <el-table-column prop="index" width="50" :render-header="renderHeader">
19 <template slot-scope="scope"> 20 <template slot-scope="scope">
20 <i 21 <i
21 class="el-icon-minus pointer" 22 class="el-icon-minus pointer"
22 @click="deleClick(scope.$index, scope.row)" 23 @click="deleClick(scope.$index, scope.row)"
23 v-if="ableOperation"></i> 24 v-if="ableOperation"
25 ></i>
24 <div style="text-align: center" v-else> 26 <div style="text-align: center" v-else>
25 {{ scope.$index + 1 }} 27 {{ scope.$index + 1 }}
26 </div> 28 </div>
27 </template> 29 </template>
28 </el-table-column> 30 </el-table-column>
29 <el-table-column prop="tdyt" label="土地用途" min-width="100"> 31 <el-table-column prop="yt" label="土地用途" min-width="100">
30 <template slot-scope="scope"> 32 <template slot-scope="scope">
31 <treeselect 33 <treeselect
32 v-model="tdyt" 34 v-model="scope.row.yt"
33 :disabled="!ableOperation" 35 :disabled="!ableOperation"
34 noOptionsText="暂无数据" 36 noOptionsText="暂无数据"
35 placeholder='' 37 placeholder=""
36 :show-count="true" 38 :show-count="true"
37 :options="dictData['tdyt']" 39 :options="dictData['tdyt']"
38 :normalizer="normalizer" 40 :normalizer="normalizer"
39 :appendToBody="true" 41 :appendToBody="true"
40 z-index="9999" 42 z-index="9999"
41 @input="addrow(scope.row)" /> 43 @input="addrow(scope.$index)"
44 />
42 </template> 45 </template>
43 </el-table-column> 46 </el-table-column>
44 <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> 47 <el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
...@@ -51,7 +54,8 @@ ...@@ -51,7 +54,8 @@
51 placeholder="选择日期" 54 placeholder="选择日期"
52 value-format="yyyy-MM-dd HH:mm:ss" 55 value-format="yyyy-MM-dd HH:mm:ss"
53 format="yyyy-MM-dd" 56 format="yyyy-MM-dd"
54 @input="startTime(scope.$index)"> 57 @input="startTime(scope.$index)"
58 >
55 </el-date-picker> 59 </el-date-picker>
56 </template> 60 </template>
57 </el-table-column> 61 </el-table-column>
...@@ -65,7 +69,8 @@ ...@@ -65,7 +69,8 @@
65 placeholder="选择日期" 69 placeholder="选择日期"
66 value-format="yyyy-MM-dd HH:mm:ss" 70 value-format="yyyy-MM-dd HH:mm:ss"
67 format="yyyy-MM-dd" 71 format="yyyy-MM-dd"
68 @input="endTime(scope.$index)"> 72 @input="endTime(scope.$index)"
73 >
69 </el-date-picker> 74 </el-date-picker>
70 </template> 75 </template>
71 </el-table-column> 76 </el-table-column>
...@@ -74,246 +79,233 @@ ...@@ -74,246 +79,233 @@
74 <el-input 79 <el-input
75 class="item" 80 class="item"
76 :disabled="!ableOperation" 81 :disabled="!ableOperation"
77 v-model="scope.row.syqx" 82 v-model="scope.row.tdsyqx"
83 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
78 placeholder="请输入内容" 84 placeholder="请输入内容"
79 @input="sumTime(scope.$index,scope.row.syqx)"> 85 @input="sumTime(scope.$index, scope.row.tdsyqx)"
80 ></el-input> 86 >
87 ></el-input
88 >
81 </template> 89 </template>
82 </el-table-column> 90 </el-table-column>
83 </el-table> 91 </el-table>
84 </div> 92 </div>
85 </template> 93 </template>
86 <script> 94 <script>
87 import { mapGetters } from "vuex"; 95 import { mapGetters } from "vuex";
88 export default { 96 export default {
89 computed: { 97 computed: {
90 ...mapGetters(["dictData"]), 98 ...mapGetters(["dictData"]),
99 },
100 props: {
101 tableData: {
102 type: Array,
103 default: function () {
104 return [];
105 },
91 }, 106 },
92 props: { 107 ableOperation: {
93 tableData: { 108 type: Boolean,
94 type: Array, 109 default: true,
95 default: function () { 110 },
96 return []; 111 },
97 }, 112 data() {
113 return {
114 // 键名转换，方法默认是label和children进行树状渲染
115 key: 0,
116 newdata: {
117 yt: null,
118 qssj: "",
119 jssj: "",
120 tdsyqx: "",
121 },
122 tableDataList: [],
123 // 起始时间选择范围
124 pickerStart: {},
125 pickerEnd: {},
126 normalizer(node) {
127 if (node.children == null || node.children == "null") {
128 delete node.children;
129 }
130 return {
131 id: node.dcode,
132 label: node.dname,
133 children: node.children,
134 };
98 }, 135 },
99 ableOperation: { 136 };
100 type: Boolean, 137 },
101 default: true, 138 mounted() {},
139 watch: {
140 tableData: {
141 handler: function (val, oldVal) {
142 let that = this;
143 this.$nextTick(() => {
144 if (val.length == 0 || !val) {
145 console.log("进了");
146 that.tableDataList = _.cloneDeep([
147 {
148 yt: null,
149 qssj: "",
150 jssj: "",
151 tdsyqx: "",
152 },
153 ]);
154 } else {
155 that.tableDataList = _.cloneDeep(val);
156 }
157 });
102 }, 158 },
159 immediate: true,
160 deep: true,
103 }, 161 },
104 data () { 162 },
105 return { 163 methods: {
106 // 键名转换，方法默认是label和children进行树状渲染 164 /**
107 tdyt: null, 165 * @description: renderHeader
108 key: 0, 166 * @author: renchao
109 newdata: { 167 */
110 yt: "", 168 renderHeader() {
111 qssj: "", 169 return (
112 jssj: "", 170 <div>
113 syqx: "", 171 {" "}
114 }, 172 {!this.ableOperation ? (
115 tableDataList: [], 173 "序号"
116 // 起始时间选择范围 174 ) : (
117 pickerStart: {}, 175 <i
118 pickerEnd: {}, 176 class="el-icon-plus pointer"
119 normalizer (node) { 177 onClick={() => {
120 if (node.children == null || node.children == "null") { 178 this.addClick();
121 delete node.children; 179 }}
180 ></i>
181 )}
182 </div>
183 );
184 },
185 // 修改事件
186 /**
187 * @description: 修改事件
188 * @author: renchao
189 */
190 addrow(a) {
191 console.log(a);
192 // this.tableDataList = this.tableDataList.map((item) => {
193 // return {
194 // ...item,
195 // yt: this.tdyt,
196 // };
197 // });
198 // this.$emit("upDateTdytxxList", this.tableDataList);
199 },
200 /**
201 * @description: startTime
202 * @param {*} index
203 * @author: renchao
204 */
205 startTime(index) {
206 console.log("index", index);
207 // let startTime = this.tableDataList[index].tdsyqssj;
208 let endTime = this.tableDataList[index].jssj;
209 let startTime = this.tableDataList[index].qssj;
210 this.tableDataList[index].pickerEnd = {
211 disabledDate: (time) => {
212 if (Object.keys(startTime).length > 0) {
213 return new Date(startTime).getTime() > time.getTime();
214 } else {
215 return time.getTime() < Date.now();
122 } 216 }
123 return {
124 id: node.dcode,
125 label: node.dname,
126 };
127 }, 217 },
128 }; 218 };
219 if (startTime && endTime) {
220 let startYear = new Date(startTime).getFullYear();
221 let endYear = new Date(endTime).getFullYear();
222 this.tableDataList[index].tdsyqx = endYear - startYear;
223 }
224 this.$emit("upDateTdytxxList", this.tableDataList);
129 }, 225 },
130 mounted () { 226 /**
131 }, 227 * @description: endTime
132 watch: { 228 * @param {*} index
133 tableData: { 229 * @author: renchao
134 handler: function (val, oldVal) { 230 */
135 let that = this; 231 endTime(index) {
136 this.$nextTick(() => { 232 // let startTime = this.tableDataList[index].tdsyqssj;
137 if (val.length == 0 || !val) { 233 let startTime = this.tableDataList[index].qssj;
138 that.tableDataList = _.cloneDeep([ 234 let endTime = this.tableDataList[index].jssj;
139 { 235 this.tableDataList[index].pickerStart = {
140 yt: "", 236 disabledDate: (time) => {
141 qssj: "", 237 if (Object.keys(endTime).length > 0) {
142 jssj: "", 238 return new Date(endTime).getTime() < time.getTime();
143 syqx: "", 239 } else {
144 }, 240 return time.getTime() > Date.now();
145 ]); 241 }
146 if (that.tableDataList.length > 0) {
147 this.tdyt = that.tableDataList[0].yt
148 ? that.tableDataList[0].yt
149 : null;
150 } else {
151 this.tdyt = null;
152 }
153 } else {
154 that.tableDataList = _.cloneDeep(val);
155 if (that.tableDataList.length > 0) {
156 this.tdyt = that.tableDataList[0].yt
157 ? that.tableDataList[0].yt
158 : null;
159 } else {
160 this.tdyt = null;
161 }
162 }
163 });
164 }, 242 },
165 immediate: true, 243 };
166 deep: true, 244 if (startTime && endTime) {
167 }, 245 let startYear = new Date(startTime).getFullYear();
246 let endYear = new Date(endTime).getFullYear();
247 this.tableDataList[index].tdsyqx = endYear - startYear;
248 }
249 this.$emit("upDateTdytxxList", this.tableDataList);
168 }, 250 },
169 methods: { 251 /**
170 /** 252 * @description: sumTime
171 * @description: renderHeader 253 * @param {*} index
172 * @author: renchao 254 * @param {*} tdsyqx
173 */ 255 * @author: renchao
174 renderHeader () { 256 */
175 return ( 257 sumTime(index, tdsyqx) {
176 <div> 258 let startTime = this.tableDataList[index].qssj;
177 {" "} 259 this.tableDataList[index].jssj =
178 {!this.ableOperation ? ( 260 Number(startTime.substring(0, 4)) +
179 "序号" 261 Number(tdsyqx) +
180 ) : ( 262 startTime.slice(4, 19);
181 <i 263 this.$emit("upDateTdytxxList", this.tableDataList);
182 class="el-icon-plus pointer" 264 },
183 onClick={() => { 265 // 新增
184 this.addClick(); 266 /**
185 }} 267 * @description: 新增
186 ></i> 268 * @author: renchao
187 )} 269 */
188 </div> 270 addClick() {
189 ); 271 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
190 },
191 // 修改事件
192 /**
193 * @description: 修改事件
194 * @author: renchao
195 */
196 addrow () {
197 this.tableDataList = this.tableDataList.map((item) => {
198 return {
199 ...item,
200 yt: this.tdyt,
201 };
202 });
203 this.$emit("upDateTdytxxList", this.tableDataList);
204 },
205 /**
206 * @description: startTime
207 * @param {*} index
208 * @author: renchao
209 */
210 startTime (index) {
211 // let startTime = this.tableDataList[index].tdsyqssj;
212 let endTime = this.tableDataList[index].jssj;
213 let startTime = this.tableDataList[index].qssj;
214 this.tableDataList[index].pickerEnd = {
215 disabledDate: (time) => {
216 if (Object.keys(startTime).length > 0) {
217 return new Date(startTime).getTime() > time.getTime();
218 } else {
219 return time.getTime() < Date.now();
220 }
221 },
222 };
223 if (
224 Object.keys(startTime).length > 0 &&
225 Object.keys(endTime).length > 0
226 ) {
227 let startYear = new Date(startTime).getFullYear();
228 let endYear = new Date(endTime).getFullYear();
229 this.tableDataList[index].syqx = endYear - startYear;
230 }
231 },
232 /**
233 * @description: endTime
234 * @param {*} index
235 * @author: renchao
236 */
237 endTime (index) {
238 // let startTime = this.tableDataList[index].tdsyqssj;
239 let startTime = this.tableDataList[index].qssj;
240 let endTime = this.tableDataList[index].jssj;
241 this.tableDataList[index].pickerStart = {
242 disabledDate: (time) => {
243 if (Object.keys(endTime).length > 0) {
244 return new Date(endTime).getTime() < time.getTime();
245 } else {
246 return time.getTime() > Date.now();
247 }
248 },
249 };
250 if (
251 Object.keys(startTime).length > 0 &&
252 Object.keys(endTime).length > 0
253 ) {
254 let startYear = new Date(startTime).getFullYear();
255 let endYear = new Date(endTime).getFullYear();
256 this.tableDataList[index].syqx = endYear - startYear;
257 }
258 },
259 /**
260 * @description: sumTime
261 * @param {*} index
262 * @param {*} syqx
263 * @author: renchao
264 */
265 sumTime (index, syqx) {
266
267 let startTime = this.tableDataList[index].qssj;
268 this.tableDataList[index].jssj =
269 Number(startTime.substring(0, 4)) +
270 Number(syqx) +
271 startTime.slice(4, 19);
272
273 },
274 // 新增
275 /**
276 * @description: 新增
277 * @author: renchao
278 */
279 addClick () {
280 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
281 272
282 this.$emit("upDateTdytxxList", this.tableDataList); 273 this.$emit("upDateTdytxxList", this.tableDataList);
283 }, 274 },
284 275
285 // 删除 276 // 删除
286 /** 277 /**
287 * @description: 删除 278 * @description: 删除
288 * @param {*} index 279 * @param {*} index
289 * @param {*} row 280 * @param {*} row
290 * @author: renchao 281 * @author: renchao
291 */ 282 */
292 deleClick (index, row) { 283 deleClick(index, row) {
293 this.$confirm("确定要删除吗, 是否继续?", "提示", { 284 this.$confirm("确定要删除吗, 是否继续?", "提示", {
294 confirmButtonText: "确定", 285 confirmButtonText: "确定",
295 cancelButtonText: "取消", 286 cancelButtonText: "取消",
296 type: "warning", 287 type: "warning",
288 })
289 .then(() => {
290 this.tableData.splice(index, 1);
297 }) 291 })
298 .then(() => { 292 .catch(() => {});
299 this.tableData.splice(index, 1); 293 this.$emit("upDateTdytxxList", this.tableDataList);
300 })
301 .catch(() => { });
302 },
303 }, 294 },
304 }; 295 },
296 };
305 </script> 297 </script>
306 <style scoped lang="scss"> 298 <style scoped lang="scss">
307 .el-input { 299 .el-input {
308 border: none !important; 300 border: none !important;
309 } 301 }
310 /deep/.el-table__row { 302 /deep/.el-table__row {
311 border: none !important; 303 border: none !important;
312 } 304 }
313 .el-date-editor.el-input { 305 .el-date-editor.el-input {
314 width: 100%; 306 width: 100%;
315 } 307 }
316 /deep/.el-table th { 308 /deep/.el-table th {
317 height: 30px !important; 309 height: 30px !important;
318 } 310 }
319 </style> 311 </style>
......
...@@ -50,12 +50,11 @@ ...@@ -50,12 +50,11 @@
50 } 50 }
51 51
52 .el-icon-delete { 52 .el-icon-delete {
53 margin-top: 10px; 53 margin-top: 0;
54 } 54 }
55 55
56 .title-detail { 56 .title-detail {
57 display: flex; 57 word-wrap: break-word;
58 flex-wrap: wrap;
59 width: 100%; 58 width: 100%;
60 } 59 }
61 60
...@@ -102,7 +101,7 @@ ...@@ -102,7 +101,7 @@
102 } 101 }
103 102
104 .animation-map-drawer { 103 .animation-map-drawer {
105 width: 260px; 104 width: 290px;
106 height: calc(100% - 80px); 105 height: calc(100% - 80px);
107 } 106 }
108 107
......
...@@ -46,13 +46,13 @@ ...@@ -46,13 +46,13 @@
46 </el-form-item> 46 </el-form-item>
47 </el-col> 47 </el-col>
48 </el-row> 48 </el-row>
49 <div class="slxx_title title-block"> 49 <div
50 class="slxx_title title-block flex"
51 style="justify-content: space-between"
52 >
50 不动产单元情况 53 不动产单元情况
51 <div class="triangle"></div> 54 <el-button @click="compare">变化情况对比+</el-button>
52 </div> 55 </div>
53
54 <el-button type="primary" style="float: right;margin-right: 20px; " @click="dataSelectClick">数据查看</el-button>
55
56 <el-row :gutter="10" v-if="ruleForm.qlxx"> 56 <el-row :gutter="10" v-if="ruleForm.qlxx">
57 <el-col :span="8"> 57 <el-col :span="8">
58 <el-form-item label="不动产单元号："> 58 <el-form-item label="不动产单元号：">
...@@ -296,7 +296,7 @@ ...@@ -296,7 +296,7 @@
296 * @author: renchao 296 * @author: renchao
297 */ 297 */
298 dataSelectClick () { 298 dataSelectClick () {
299 this.$popup("房屋信息比对", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", 299 this.$popup("房屋所有权", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
300 { 300 {
301 formData: { 301 formData: {
302 bsmSldy: this.propsParam.bsmSldy, 302 bsmSldy: this.propsParam.bsmSldy,
...@@ -354,12 +354,27 @@ ...@@ -354,12 +354,27 @@
354 } 354 }
355 }); 355 });
356 }, 356 },
357 /**
358 * @description: compare
359 * @author: renchao
360 */
361 compare() {
362 this.$popupDialog(
363 this.ruleForm.qlxx.qllxmc,
364 "registerBook/comparison",
365 { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
366 dqqllx: 'FDCQ2',
367 },
368 "80%",
369 true
370 );
371 },
357 }, 372 },
358 }; 373 };
359 </script> 374 </script>
360 <style scoped lang='scss'> 375 <style scoped lang='scss'>
361 @import "~@/styles/public.scss"; 376 @import "~@/styles/public.scss";
362 377 @import "~@/styles/slxx/slxx.scss";
363 /deep/.el-form { 378 /deep/.el-form {
364 display: flex; 379 display: flex;
365 flex-direction: column; 380 flex-direction: column;
......
...@@ -327,11 +327,14 @@ export default { ...@@ -327,11 +327,14 @@ export default {
327 * @description: compare 327 * @description: compare
328 * @author: renchao 328 * @author: renchao
329 */ 329 */
330 compare() { 330 compare() {
331 this.$popupDialog( 331 console.log("this.ruleForm",this.ruleForm);
332 "国有建设用地使用权", 332 this.$popupDialog(
333 this.ruleForm.qlxx.qllxmc,
333 "registerBook/comparison", 334 "registerBook/comparison",
334 { propsParam: this.propsParam }, 335 { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
336 dqqllx: 'JSYDSYQ',
337 },
335 "80%", 338 "80%",
336 true 339 true
337 ) 340 )
......
...@@ -42,13 +42,13 @@ ...@@ -42,13 +42,13 @@
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
45 <div class="slxx_title title-block"> 45 <div
46 不动产情况 46 class="slxx_title title-block flex"
47 <div class="triangle"></div> 47 style="justify-content: space-between"
48 >
49 不动产单元情况
50 <el-button @click="compare">变化情况对比+</el-button>
48 </div> 51 </div>
49
50 <!-- <el-button type="primary" style="float: right;margin-right: 20px; " @click="onClick">数据查看</el-button>-->
51
52 <el-row :gutter="10" v-if="ruleForm.qlxx"> 52 <el-row :gutter="10" v-if="ruleForm.qlxx">
53 <el-col :span="8"> 53 <el-col :span="8">
54 <el-form-item label="不动产单元号："> 54 <el-form-item label="不动产单元号：">
...@@ -244,9 +244,24 @@ ...@@ -244,9 +244,24 @@
244 }); 244 });
245 } 245 }
246 }); 246 });
247 } 247 },
248 } 248 /**
249 } 249 * @description: compare
250 * @author: renchao
251 */
252 compare() {
253 this.$popupDialog(
254 this.ruleForm.qlxx.qllxmc,
255 "registerBook/comparison",
256 { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
257 dqqllx: 'YGDJ',
258 },
259 "80%",
260 true
261 );
262 },
263 },
264 };
250 </script> 265 </script>
251 <style scoped lang='scss'> 266 <style scoped lang='scss'>
252 @import "~@/styles/public.scss"; 267 @import "~@/styles/public.scss";
......
...@@ -233,6 +233,23 @@ ...@@ -233,6 +233,23 @@
233 this.$refs.table.toggleRowSelection(row); 233 this.$refs.table.toggleRowSelection(row);
234 } 234 }
235 }, 235 },
236 /**
237 * @description: openBook
238 * @param {*} row
239 * @author: miaofang
240 */
241 openBook (row) {
242 console.log("的急急急急急急");
243 var param = {
244 bdcdyid: row.bdcdyid,
245 qllx: row.qllx,
246 bdcdyh: row.bdcdyh,
247 bsmQlxx: row.bsmQlxx,
248 };
249 this.$popup("登记簿详情", "registerBook/djbFrame", {
250 formData: param
251 })
252 },
236 }, 253 },
237 }; 254 };
238 </script> 255 </script>
......
...@@ -199,6 +199,22 @@ ...@@ -199,6 +199,22 @@
199 this.$refs.table.toggleRowSelection(row); 199 this.$refs.table.toggleRowSelection(row);
200 } 200 }
201 }, 201 },
202 /**
203 * @description: openBook
204 * @param {*} row
205 * @author: renchao
206 */
207 openBook (row) {
208 var param = {
209 bdcdyid: row.bdcdyid,
210 qllx: row.qllx,
211 bdcdyh: row.bdcdyh,
212 bsmQlxx: row.bsmQlxx,
213 };
214 this.$popup("登记簿详情", "registerBook/djbFrame", {
215 formData: param
216 })
217 },
202 }, 218 },
203 }; 219 };
204 </script> 220 </script>
......
...@@ -366,7 +366,24 @@ ...@@ -366,7 +366,24 @@
366 } else { 366 } else {
367 this.$refs.table.toggleRowSelection(row); 367 this.$refs.table.toggleRowSelection(row);
368 } 368 }
369 } 369 },
370 /**
371 * @description: openBook
372 * @param {*} row
373 * @author: miaofang
374 */
375 openBook (row) {
376 console.log("的急急急急急急");
377 var param = {
378 bdcdyid: row.bdcdyid,
379 qllx: row.qllx,
380 bdcdyh: row.bdcdyh,
381 bsmQlxx: row.bsmQlxx,
382 };
383 this.$popup("登记簿详情", "registerBook/djbFrame", {
384 formData: param
385 })
386 },
370 } 387 }
371 } 388 }
372 </script> 389 </script>
......
...@@ -188,6 +188,22 @@ ...@@ -188,6 +188,22 @@
188 this.$refs.table.toggleRowSelection(row); 188 this.$refs.table.toggleRowSelection(row);
189 } 189 }
190 }, 190 },
191 /**
192 * @description: openBook
193 * @param {*} row
194 * @author: renchao
195 */
196 openBook (row) {
197 var param = {
198 bdcdyid: row.bdcdyid,
199 qllx: row.qllx,
200 bdcdyh: row.bdcdyh,
201 bsmQlxx: row.bsmQlxx,
202 };
203 this.$popup("登记簿详情", "registerBook/djbFrame", {
204 formData: param
205 })
206 },
191 } 207 }
192 } 208 }
193 </script> 209 </script>
......
...@@ -213,6 +213,23 @@ ...@@ -213,6 +213,23 @@
213 this.$refs.table.toggleRowSelection(row); 213 this.$refs.table.toggleRowSelection(row);
214 } 214 }
215 }, 215 },
216 /**
217 * @description: openBook
218 * @param {*} row
219 * @author: miaofang
220 */
221 openBook (row) {
222 console.log("的急急急急急急");
223 var param = {
224 bdcdyid: row.bdcdyid,
225 qllx: row.qllx,
226 bdcdyh: row.bdcdyh,
227 bsmQlxx: row.bsmQlxx,
228 };
229 this.$popup("登记簿详情", "registerBook/djbFrame", {
230 formData: param
231 })
232 },
216 }, 233 },
217 }; 234 };
218 </script> 235 </script>
......
...@@ -229,6 +229,22 @@ ...@@ -229,6 +229,22 @@
229 this.$refs.table.toggleRowSelection(row); 229 this.$refs.table.toggleRowSelection(row);
230 } 230 }
231 }, 231 },
232 /**
233 * @description: openBook
234 * @param {*} row
235 * @author: renchao
236 */
237 openBook (row) {
238 var param = {
239 bdcdyid: row.bdcdyid,
240 qllx: row.qllx,
241 bdcdyh: row.bdcdyh,
242 bsmQlxx: row.bsmQlxx,
243 };
244 this.$popup("登记簿详情", "registerBook/djbFrame", {
245 formData: param
246 })
247 },
232 } 248 }
233 } 249 }
234 </script> 250 </script>
......
...@@ -190,6 +190,22 @@ ...@@ -190,6 +190,22 @@
190 this.$refs.table.toggleRowSelection(row); 190 this.$refs.table.toggleRowSelection(row);
191 } 191 }
192 }, 192 },
193 /**
194 * @description: openBook
195 * @param {*} row
196 * @author: renchao
197 */
198 openBook (row) {
199 var param = {
200 bdcdyid: row.bdcdyid,
201 qllx: row.qllx,
202 bdcdyh: row.bdcdyh,
203 bsmQlxx: row.bsmQlxx,
204 };
205 this.$popup("登记簿详情", "registerBook/djbFrame", {
206 formData: param
207 })
208 },
193 }, 209 },
194 }; 210 };
195 </script> 211 </script>
......
...@@ -189,6 +189,22 @@ ...@@ -189,6 +189,22 @@
189 this.$refs.table.toggleRowSelection(row); 189 this.$refs.table.toggleRowSelection(row);
190 } 190 }
191 }, 191 },
192 /**
193 * @description: openBook
194 * @param {*} row
195 * @author: renchao
196 */
197 openBook (row) {
198 var param = {
199 bdcdyid: row.bdcdyid,
200 qllx: row.qllx,
201 bdcdyh: row.bdcdyh,
202 bsmQlxx: row.bsmQlxx,
203 };
204 this.$popup("登记簿详情", "registerBook/djbFrame", {
205 formData: param
206 })
207 },
192 }, 208 },
193 }; 209 };
194 </script> 210 </script>
......
...@@ -199,6 +199,22 @@ ...@@ -199,6 +199,22 @@
199 this.$refs.table.toggleRowSelection(row); 199 this.$refs.table.toggleRowSelection(row);
200 } 200 }
201 }, 201 },
202 /**
203 * @description: openBook
204 * @param {*} row
205 * @author: renchao
206 */
207 openBook (row) {
208 var param = {
209 bdcdyid: row.bdcdyid,
210 qllx: row.qllx,
211 bdcdyh: row.bdcdyh,
212 bsmQlxx: row.bsmQlxx,
213 };
214 this.$popup("登记簿详情", "registerBook/djbFrame", {
215 formData: param
216 })
217 },
202 218
203 }, 219 },
204 }; 220 };
......
...@@ -156,9 +156,10 @@ ...@@ -156,9 +156,10 @@
156 /** 156 /**
157 * @description: openBook 157 * @description: openBook
158 * @param {*} row 158 * @param {*} row
159 * @author: renchao 159 * @author: miaofang
160 */ 160 */
161 openBook (row) { 161 openBook (row) {
162 console.log("的急急急急急急");
162 var param = { 163 var param = {
163 bdcdyid: row.bdcdyid, 164 bdcdyid: row.bdcdyid,
164 qllx: row.qllx, 165 qllx: row.qllx,
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-27 10:04:09
5 -->
6 <template>
7 <!-- 主体权利信息查询 -->
8 <div class="from-clues">
9 <!-- 表单部分 -->
10 <div class="from-clues-header">
11 <el-form :model="queryForm" ref="queryForm" label-width="100px">
12 <el-row>
13 <el-col :span="6">
14 <el-form-item label="不动产权证号">
15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="6">
20 <el-form-item label="不动产单元号">
21 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
22 </el-input>
23 </el-form-item>
24 </el-col>
25 <el-col :span="6">
26 <el-form-item label="坐落">
27 <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
28 </el-input>
29 </el-form-item>
30 </el-col>
31 <el-col :span="6" class="btnColRight">
32 <el-form-item>
33 <el-button type="primary" @click="handleSearch">查询</el-button>
34 </el-form-item>
35 </el-col>
36 </el-row>
37 </el-form>
38 </div>
39 <!-- 表格 -->
40 <div class="from-clues-content loadingtext">
41 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
42 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
43 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
44 :data="tableData.data">
45 </lb-table>
46 </div>
47 <div class="submit_button">
48 <el-button @click="$popupCacel">取消</el-button>
49 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
50 </div>
51 </div>
52 </template>
53 <script>
54 import store from '@/store/index.js'
55 import { ywPopupDialog } from "@/utils/popup.js";
56 import { datas, sendThis } from "../javascript/selectYgdj200.js";
57 import { defaultParameters } from "../javascript/publicDefaultPar.js";
58 import table from "@/utils/mixin/table";
59 import jump from "./mixin/jump";
60 import { selectYgdj200 } from "@/api/ywsq.js";
61 import { startTogetherFlow } from "@/api/workFlow.js";
62 export default {
63 mixins: [table, jump],
64 props: {
65 isJump: { type: Boolean, default: false },
66 sqywInfo: { type: Object, default: () => { } },
67 },
68 data () {
69 return {
70 queryForm: defaultParameters.defaultParameters(),
71 tableData: {
72 total: 0,
73 columns: datas.columns(),
74 data: [],
75 },
76 bdcdysz: [],
77 };
78 },
79 mounted () {
80 sendThis(this);
81 },
82 methods: {
83 /**
84 * @description: queryClick
85 * @author: renchao
86 */
87 queryClick () {
88 this.$startLoading();
89 this.queryForm.sqywbm = this.sqywInfo.djywbm;
90 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => {
91 this.$endLoading();
92 if (res.code === 200) {
93 let { total, records } = res.result;
94 this.tableData.total = total;
95 this.tableData.data = records;
96 }
97 });
98 },
99 /**
100 * @description: submitForm
101 * @author: renchao
102 */
103 submitForm () {
104 if (this.bdcdysz.length == 0) {
105 this.$message.error("请至少选择一条数据");
106 return;
107 }
108 startTogetherFlow({
109 bsmSqyw: this.sqywInfo.bsmSqyw,
110 bdcdysz: this.bdcdysz,
111 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
112 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
113 }).then((res) => {
114 if (res.code == 200) {
115 this.$message({
116 showClose: true,
117 message: '发起申请成功',
118 type: 'success'
119 })
120 if (!this.isJump) {
121 this.jump(res.result, this.sqywInfo.djywbm)
122 } else {
123 store.dispatch('user/refreshPage', true);
124 this.$popupCacel()
125 }
126 } else {
127 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%')
128 }
129 })
130 },
131 /**
132 * @description: handleSelectionChange
133 * @param {*} val
134 * @author: renchao
135 */
136 handleSelectionChange (val) {
137 if (this.sqywInfo.sqywdylx == "1") {
138 if (val.length > 1) {
139 this.bdcdysz = [...val[val.length - 1]];
140 } else {
141 this.bdcdysz = val;
142 }
143 } else {
144 this.bdcdysz = val;
145 }
146 },
147 /**
148 * @description: select
149 * @param {*} selection
150 * @param {*} row
151 * @author: renchao
152 */
153 select (selection, row) {
154 if (this.sqywInfo.sqywdylx == "1") {
155 // 清除 所有勾选项
156 this.$refs.table.clearSelection()
157 // 当表格数据都没有被勾选的时候 就返回
158 // 主要用于将当前勾选的表格状态清除
159 if (selection.length == 0) return
160 this.$refs.table.toggleRowSelection(row, true);
161 }
162 },
163 /**
164 * @description: handleRowClick
165 * @param {*} row
166 * @author: renchao
167 */
168 handleRowClick (row) {
169 // 如果状态是1，那就是单选
170 if (this.sqywInfo.sqywdylx == "1") {
171 const bdcdysz = this.bdcdysz
172 this.$refs.table.clearSelection()
173 if (bdcdysz.length == 1) {
174 bdcdysz.forEach(item => {
175 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
176 if (item == row) {
177 this.$refs.table.toggleRowSelection(row, false);
178 }
179 // 不然就让当前的一行勾选
180 else {
181 this.$refs.table.toggleRowSelection(row, true);
182 }
183 })
184 }
185 else {
186 this.$refs.table.toggleRowSelection(row, true);
187 }
188 } else {
189 this.$refs.table.toggleRowSelection(row);
190 }
191 },
192 },
193 };
194 </script>
195 <style scoped lang="scss">
196 @import "~@/styles/mixin.scss";
197 @import "~@/styles/public.scss";
198 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-21 11:18:36
5 -->
6 <template>
7 <!-- 主体权利信息查询 -->
8 <div class="from-clues">
9 <!-- 表单部分 -->
10 <div class="from-clues-header">
11 <el-form :model="queryForm" ref="queryForm">
12 <el-row>
13 <el-col :span="6">
14 <el-form-item label="不动产权证号">
15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="6">
20 <el-form-item label="不动产单元号">
21 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px">
22 </el-input>
23 </el-form-item>
24 </el-col>
25 <el-col :span="8">
26 <el-form-item label="坐落">
27 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
28 </el-input>
29 </el-form-item>
30 </el-col>
31 <el-col :span="4" class="btnColRight">
32 <el-form-item>
33 <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
34 <el-button type="primary" @click="handleSearch">查询</el-button>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 </el-form>
39 </div>
40 <!-- 表格 -->
41 <div class="from-clues-content loadingtext">
42 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
43 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
44 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
45 :data="tableData.data">
46 </lb-table>
47 </div>
48 <div class="submit_button">
49 <el-button @click="$popupCacel">取消</el-button>
50 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
51 </div>
52 </div>
53 </template>
54 <script>
55 import jump from "./mixin/jump";
56 import store from '@/store/index.js'
57 import table from "@/utils/mixin/table";
58 import { ywPopupDialog } from "@/utils/popup.js";
59 import { datas, sendThis } from "../javascript/selectFwsyq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import { selectFwsyq } from "@/api/ywsq.js";
62 import { startTogetherFlow } from "@/api/workFlow.js";
63 export default {
64 mixins: [table, jump],
65 props: {
66 isJump: { type: Boolean, default: false },
67 sqywInfo: { type: Object, default: () => { } },
68 },
69 data () {
70 return {
71 queryForm: defaultParameters.defaultParameters(),
72 tableData: {
73 total: 0,
74 columns: datas.columns(),
75 data: [],
76 },
77 bdcdysz: [],
78 };
79 },
80 mounted () {
81 sendThis(this);
82 },
83 methods: {
84 /**
85 * @description: queryClick
86 * @author: renchao
87 */
88 queryClick () {
89 this.$startLoading();
90 this.queryForm.sqywbm = this.sqywInfo.djywbm;
91 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => {
92 this.$endLoading();
93 if (res.code === 200) {
94 let { total, records } = res.result;
95 this.tableData.total = total;
96 this.tableData.data = records;
97 }
98 });
99 },
100 /**
101 * @description: submitForm
102 * @author: renchao
103 */
104 submitForm () {
105 if (this.bdcdysz.length == 0) {
106 this.$message.error("请至少选择一条数据");
107 return;
108 }
109 startTogetherFlow({
110 bsmSqyw: this.sqywInfo.bsmSqyw,
111 bdcdysz: this.bdcdysz,
112 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
113 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
114 }).then((res) => {
115 if (res.code == 200) {
116 this.$message({
117 showClose: true,
118 message: "发起申请成功",
119 type: "success",
120 });
121 if (!this.isJump) {
122 this.jump(res.result, this.sqywInfo.djywbm);
123 } else {
124 store.dispatch('user/refreshPage', true);
125 }
126 this.$popupCacel()
127 } else {
128 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%')
129 }
130 })
131 },
132 /**
133 * @description: handleSelectionChange
134 * @param {*} val
135 * @author: renchao
136 */
137 handleSelectionChange (val) {
138 if (this.sqywInfo.sqywdylx == "1") {
139 if (val.length > 1) {
140 this.bdcdysz = [...val[val.length - 1]];
141 } else {
142 this.bdcdysz = val;
143 }
144 } else {
145 this.bdcdysz = val;
146 }
147 },
148 /**
149 * @description: select
150 * @param {*} selection
151 * @param {*} row
152 * @author: renchao
153 */
154 select (selection, row) {
155 if (this.sqywInfo.sqywdylx == "1") {
156 // 清除 所有勾选项
157 this.$refs.table.clearSelection()
158 // 当表格数据都没有被勾选的时候 就返回
159 // 主要用于将当前勾选的表格状态清除
160 if (selection.length == 0) return
161 this.$refs.table.toggleRowSelection(row, true);
162 }
163 },
164 /**
165 * @description: handleRowClick
166 * @param {*} row
167 * @author: renchao
168 */
169 handleRowClick (row) {
170 // 如果状态是1，那就是单选
171 if (this.sqywInfo.sqywdylx == "1") {
172 const bdcdysz = this.bdcdysz
173 this.$refs.table.clearSelection()
174 if (bdcdysz.length == 1) {
175 bdcdysz.forEach(item => {
176 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
177 if (item == row) {
178 this.$refs.table.toggleRowSelection(row, false);
179 }
180 // 不然就让当前的一行勾选
181 else {
182 this.$refs.table.toggleRowSelection(row, true);
183 }
184 })
185 }
186 else {
187 this.$refs.table.toggleRowSelection(row, true);
188 }
189 } else {
190 this.$refs.table.toggleRowSelection(row);
191 }
192 },
193 },
194 };
195 </script>
196 <style scoped lang="scss">
197 @import "~@/styles/mixin.scss";
198 @import "~@/styles/public.scss";
199 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-27 10:04:28
5 -->
6 <template>
7 <!-- 主体权利信息查询 -->
8 <div class="from-clues">
9 <!-- 表单部分 -->
10 <div class="from-clues-header">
11 <el-form :model="queryForm" ref="queryForm" label-width="100px">
12 <el-row>
13 <el-col :span="6">
14 <el-form-item label="不动产权证号">
15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="6">
20 <el-form-item label="不动产单元号">
21 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
22 </el-input>
23 </el-form-item>
24 </el-col>
25 <el-col :span="6">
26 <el-form-item label="坐落" label-width="60px">
27 <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
28 </el-input>
29 </el-form-item>
30 </el-col>
31 <el-col :span="6" class="btnColRight">
32 <el-form-item>
33 <el-button type="primary" @click="handleSearch">查询</el-button>
34 </el-form-item>
35 </el-col>
36 </el-row>
37 </el-form>
38 </div>
39 <!-- 表格 -->
40 <div class="from-clues-content loadingtext">
41 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
42 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
43 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
44 :data="tableData.data">
45 </lb-table>
46 </div>
47 <div class="submit_button">
48 <el-button @click="$popupCacel">取消</el-button>
49 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
50 </div>
51 </div>
52 </template>
53 <script>
54 import jump from "./mixin/jump";
55 import store from '@/store/index.js'
56 import table from "@/utils/mixin/table";
57 import { ywPopupDialog } from "@/utils/popup.js";
58 import { datas, sendThis } from "../javascript/selectH.js";
59 import { defaultParameters } from "../javascript/publicDefaultPar.js";
60 import { selectHQjdc } from "@/api/ywsq.js";
61 import { startTogetherFlow } from "@/api/workFlow.js";
62 export default {
63 mixins: [table, jump],
64 props: {
65 isJump: { type: Boolean, default: false },
66 sqywInfo: { type: Object, default: () => { } },
67 },
68 data () {
69 return {
70 queryForm: defaultParameters.defaultParameters(),
71 tableData: {
72 total: 0,
73 columns: datas.columns(),
74 data: [],
75 },
76 bdcdysz: [],
77 };
78 },
79 mounted () {
80 sendThis(this);
81 },
82 methods: {
83 /**
84 * @description: queryClick
85 * @author: renchao
86 */
87 queryClick () {
88 this.$startLoading();
89 this.queryForm.sqywbm = this.sqywInfo.djywbm;
90 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
91 this.$endLoading();
92 if (res.code === 200) {
93 let { total, records } = res.result;
94 this.tableData.total = total;
95 this.tableData.data = records;
96 }
97 });
98 },
99 /**
100 * @description: submitForm
101 * @author: renchao
102 */
103 submitForm () {
104 if (this.bdcdysz.length == 0) {
105 this.$message.error("请至少选择一条数据");
106 return;
107 }
108 startTogetherFlow({
109 bsmSqyw: this.sqywInfo.bsmSqyw,
110 bdcdysz: this.bdcdysz,
111 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
112 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
113 }).then((res) => {
114 if (res.code == 200) {
115 this.$message({
116 showClose: true,
117 message: '发起申请成功',
118 type: 'success'
119 })
120 if (!this.isJump) {
121 this.jump(res.result, this.sqywInfo.djywbm)
122 } else {
123 store.dispatch('user/refreshPage', true);
124 }
125 this.$popupCacel()
126 } else {
127 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%')
128 }
129 })
130 },
131 /**
132 * @description: handleSelectionChange
133 * @param {*} val
134 * @author: renchao
135 */
136 handleSelectionChange (val) {
137 if (this.sqywInfo.sqywdylx == "1") {
138 if (val.length > 1) {
139 this.bdcdysz = [...val[val.length - 1]];
140 } else {
141 this.bdcdysz = val;
142 }
143 } else {
144 this.bdcdysz = val;
145 }
146 },
147 /**
148 * @description: select
149 * @param {*} selection
150 * @param {*} row
151 * @author: renchao
152 */
153 select (selection, row) {
154 if (this.sqywInfo.sqywdylx == "1") {
155 // 清除 所有勾选项
156 this.$refs.table.clearSelection()
157 // 当表格数据都没有被勾选的时候 就返回
158 // 主要用于将当前勾选的表格状态清除
159 if (selection.length == 0) return
160 this.$refs.table.toggleRowSelection(row, true);
161 }
162 },
163 /**
164 * @description: handleRowClick
165 * @param {*} row
166 * @author: renchao
167 */
168 handleRowClick (row) {
169 // 如果状态是1，那就是单选
170 if (this.sqywInfo.sqywdylx == "1") {
171 const bdcdysz = this.bdcdysz
172 this.$refs.table.clearSelection()
173 if (bdcdysz.length == 1) {
174 bdcdysz.forEach(item => {
175 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
176 if (item == row) {
177 this.$refs.table.toggleRowSelection(row, false);
178 }
179 // 不然就让当前的一行勾选
180 else {
181 this.$refs.table.toggleRowSelection(row, true);
182 }
183 })
184 }
185 else {
186 this.$refs.table.toggleRowSelection(row, true);
187 }
188 } else {
189 this.$refs.table.toggleRowSelection(row);
190 }
191 },
192 },
193 };
194 </script>
195 <style scoped lang="scss">
196 @import "~@/styles/mixin.scss";
197 @import "~@/styles/public.scss";
198 </style>
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-21 13:47:50 4 * @LastEditTime: 2023-07-27 10:49:50
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 主体权利信息查询 --> 7 <!-- 主体权利信息查询 -->
...@@ -10,27 +10,26 @@ ...@@ -10,27 +10,26 @@
10 <div class="from-clues-header"> 10 <div class="from-clues-header">
11 <el-form :model="queryForm" ref="queryForm" label-width="100px"> 11 <el-form :model="queryForm" ref="queryForm" label-width="100px">
12 <el-row> 12 <el-row>
13 <el-col :span="8"> 13 <el-col :span="6">
14 <el-form-item label="不动产权证号"> 14 <el-form-item label="不动产权证号">
15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> 15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
16 </el-input> 16 </el-input>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="8"> 19 <el-col :span="6">
20 <el-form-item label="不动产单元号"> 20 <el-form-item label="不动产单元号">
21 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px"> 21 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
22 </el-input> 22 </el-input>
23 </el-form-item> 23 </el-form-item>
24 </el-col> 24 </el-col>
25 <el-col :span="6"> 25 <el-col :span="6">
26 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
27 <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width200px"> 27 <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
28 </el-input> 28 </el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 <el-col :span="2" class="btnColRight"> 31 <el-col :span="6" class="btnColRight">
32 <el-form-item> 32 <el-form-item>
33 <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
34 <el-button type="primary" @click="handleSearch">查询</el-button> 33 <el-button type="primary" @click="handleSearch">查询</el-button>
35 </el-form-item> 34 </el-form-item>
36 </el-col> 35 </el-col>
...@@ -190,6 +189,22 @@ ...@@ -190,6 +189,22 @@
190 this.$refs.table.toggleRowSelection(row); 189 this.$refs.table.toggleRowSelection(row);
191 } 190 }
192 }, 191 },
192 /**
193 * @description: openBook
194 * @param {*} row
195 * @author: renchao
196 */
197 openBook (row) {
198 var param = {
199 bdcdyid: row.bdcdyid,
200 qllx: row.qllx,
201 bdcdyh: row.bdcdyh,
202 bsmQlxx: row.bsmQlxx,
203 };
204 this.$popup("登记簿详情", "registerBook/djbFrame", {
205 formData: param
206 })
207 },
193 }, 208 },
194 }; 209 };
195 </script> 210 </script>
......
...@@ -190,6 +190,22 @@ ...@@ -190,6 +190,22 @@
190 this.$refs.table.toggleRowSelection(row); 190 this.$refs.table.toggleRowSelection(row);
191 } 191 }
192 }, 192 },
193 /**
194 * @description: openBook
195 * @param {*} row
196 * @author: renchao
197 */
198 openBook (row) {
199 var param = {
200 bdcdyid: row.bdcdyid,
201 qllx: row.qllx,
202 bdcdyh: row.bdcdyh,
203 bsmQlxx: row.bsmQlxx,
204 };
205 this.$popup("登记簿详情", "registerBook/djbFrame", {
206 formData: param
207 })
208 },
193 }, 209 },
194 }; 210 };
195 </script> 211 </script>
......
...@@ -191,6 +191,22 @@ ...@@ -191,6 +191,22 @@
191 this.$refs.table.toggleRowSelection(row); 191 this.$refs.table.toggleRowSelection(row);
192 } 192 }
193 }, 193 },
194 /**
195 * @description: openBook
196 * @param {*} row
197 * @author: renchao
198 */
199 openBook (row) {
200 var param = {
201 bdcdyid: row.bdcdyid,
202 qllx: row.qllx,
203 bdcdyh: row.bdcdyh,
204 bsmQlxx: row.bsmQlxx,
205 };
206 this.$popup("登记簿详情", "registerBook/djbFrame", {
207 formData: param
208 })
209 },
194 }, 210 },
195 }; 211 };
196 </script> 212 </script>
......
...@@ -184,7 +184,6 @@ ...@@ -184,7 +184,6 @@
184 this.djqxList = []; 184 this.djqxList = [];
185 this.getNextNode(this.sqywQllxList[index].bsmSqyw); 185 this.getNextNode(this.sqywQllxList[index].bsmSqyw);
186 }, 186 },
187 //选择申请业务事件
188 /** 187 /**
189 * @description: 选择申请业务事件 188 * @description: 选择申请业务事件
190 * @param {*} data 189 * @param {*} data
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:26 4 * @LastEditTime: 2023-07-14 16:59:26
5 */ 5 */
...@@ -83,7 +83,20 @@ class data extends filter { ...@@ -83,7 +83,20 @@ class data extends filter {
83 prop: "zl", 83 prop: "zl",
84 label: "坐落", 84 label: "坐落",
85 minWidth: '130' 85 minWidth: '130'
86 } 86 },
87 {
88 label: '操作',
89 width: '80',
90 align: 'center',
91 fixed: 'right',
92 render: (h, scope) => {
93 return (
94 <div>
95 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
96 </div>
97 )
98 }
99 },
87 ] 100 ]
88 } 101 }
89 102
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:31 4 * @LastEditTime: 2023-07-14 16:59:31
5 */ 5 */
...@@ -110,6 +110,17 @@ class data extends filter { ...@@ -110,6 +110,17 @@ class data extends filter {
110 prop: "zl", 110 prop: "zl",
111 label: "坐落", 111 label: "坐落",
112 minWidth: '130' 112 minWidth: '130'
113 },
114 {
115 label: '操作',
116 width: '130',
117 render: (h, scope) => {
118 return (
119 <div>
120 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
121 </div>
122 )
123 }
113 } 124 }
114 ] 125 ]
115 } 126 }
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:35 4 * @LastEditTime: 2023-07-14 16:59:35
5 */ 5 */
...@@ -122,14 +122,19 @@ class data extends filter { ...@@ -122,14 +122,19 @@ class data extends filter {
122 minWidth: '130' 122 minWidth: '130'
123 }, 123 },
124 { 124 {
125 label: '操作', 125 label: '操作111',
126 width: '80', 126 width: '160',
127 align: 'center', 127 align: 'center',
128 fixed: 'right', 128 fixed: 'right',
129 render: (h, scope) => { 129 render: (h, scope) => {
130 return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> 130 return (
131 <div>
132 <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
133 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
134 </div>
135 )
131 } 136 }
132 } 137 },
133 ] 138 ]
134 } 139 }
135 dzcolumns () { 140 dzcolumns () {
...@@ -236,16 +241,20 @@ class data extends filter { ...@@ -236,16 +241,20 @@ class data extends filter {
236 { 241 {
237 prop: "zl", 242 prop: "zl",
238 label: "多幢坐落", 243 label: "多幢坐落",
239 } 244 },
240 // { 245 {
241 // label: '操作', 246 label: '操作',
242 // width: '80', 247 width: '80',
243 // align: 'center', 248 align: 'center',
244 // fixed: 'right', 249 fixed: 'right',
245 // render: (h, scope) => { 250 render: (h, scope) => {
246 // return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> 251 return (
247 // } 252 <div>
248 // } 253 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
254 </div>
255 )
256 }
257 },
249 ] 258 ]
250 } 259 }
251 260
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:43 4 * @LastEditTime: 2023-07-14 16:59:43
5 */ 5 */
...@@ -103,7 +103,20 @@ class data extends filter { ...@@ -103,7 +103,20 @@ class data extends filter {
103 prop: "zl", 103 prop: "zl",
104 label: "坐落", 104 label: "坐落",
105 minWidth: '130' 105 minWidth: '130'
106 } 106 },
107 {
108 label: '操作',
109 width: '80',
110 align: 'center',
111 fixed: 'right',
112 render: (h, scope) => {
113 return (
114 <div>
115 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
116 </div>
117 )
118 }
119 },
107 ] 120 ]
108 } 121 }
109 122
......
...@@ -54,7 +54,7 @@ class data extends filter { ...@@ -54,7 +54,7 @@ class data extends filter {
54 }, 54 },
55 "0": { 55 "0": {
56 text: '临时', 56 text: '临时',
57 color: '#FE9400' 57 color: '#ff5100'
58 } 58 }
59 } 59 }
60 let textName = obj[scope.row.qszt]?.text || '' 60 let textName = obj[scope.row.qszt]?.text || ''
...@@ -110,18 +110,17 @@ class data extends filter { ...@@ -110,18 +110,17 @@ class data extends filter {
110 label: "坐落", 110 label: "坐落",
111 minWidth: '150' 111 minWidth: '150'
112 }, 112 },
113 // { 113 {
114 // label: '操作', 114 label: '操作',
115 // width: '130', 115 width: '130',
116 // render: (h, scope) => { 116 render: (h, scope) => {
117 // return ( 117 return (
118 // <div> 118 <div>
119 // <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button> 119 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
120 // <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> 120 </div>
121 // </div> 121 )
122 // ) 122 }
123 // } 123 }
124 // }
125 ] 124 ]
126 } 125 }
127 126
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:53 4 * @LastEditTime: 2023-07-14 16:59:53
5 */ 5 */
...@@ -101,7 +101,21 @@ class data extends filter { ...@@ -101,7 +101,21 @@ class data extends filter {
101 prop: "zl", 101 prop: "zl",
102 label: "坐落", 102 label: "坐落",
103 minWidth: '130' 103 minWidth: '130'
104 } 104 },
105 {
106 label: '操作111',
107 width: '160',
108 align: 'center',
109 fixed: 'right',
110 render: (h, scope) => {
111 return (
112 <div>
113 <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
114 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
115 </div>
116 )
117 }
118 },
105 ] 119 ]
106 } 120 }
107 121
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:57 4 * @LastEditTime: 2023-07-14 16:59:57
5 */ 5 */
...@@ -100,7 +100,20 @@ class data extends filter { ...@@ -100,7 +100,20 @@ class data extends filter {
100 prop: "zl", 100 prop: "zl",
101 label: "坐落", 101 label: "坐落",
102 minWidth: '130' 102 minWidth: '130'
103 } 103 },
104 {
105 label: '操作',
106 width: '80',
107 align: 'center',
108 fixed: 'right',
109 render: (h, scope) => {
110 return (
111 <div>
112 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
113 </div>
114 )
115 }
116 },
104 ] 117 ]
105 } 118 }
106 119
......
...@@ -182,6 +182,19 @@ class datatwo extends filter { ...@@ -182,6 +182,19 @@ class datatwo extends filter {
182 label: "坐落", 182 label: "坐落",
183 minWidth: '110' 183 minWidth: '110'
184 }, 184 },
185 {
186 label: '操作',
187 width: '80',
188 align: 'center',
189 fixed: 'right',
190 render: (h, scope) => {
191 return (
192 <div>
193 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
194 </div>
195 )
196 }
197 },
185 ] 198 ]
186 } 199 }
187 200
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 17:00:15 4 * @LastEditTime: 2023-07-14 17:00:15
5 */ 5 */
...@@ -101,7 +101,20 @@ class data extends filter { ...@@ -101,7 +101,20 @@ class data extends filter {
101 prop: "zl", 101 prop: "zl",
102 label: "坐落", 102 label: "坐落",
103 minWidth: '130' 103 minWidth: '130'
104 } 104 },
105 {
106 label: '操作',
107 width: '80',
108 align: 'center',
109 fixed: 'right',
110 render: (h, scope) => {
111 return (
112 <div>
113 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
114 </div>
115 )
116 }
117 },
105 ] 118 ]
106 } 119 }
107 120
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 17:00:21 4 * @LastEditTime: 2023-07-14 17:00:21
5 */ 5 */
...@@ -109,6 +109,17 @@ class data extends filter { ...@@ -109,6 +109,17 @@ class data extends filter {
109 prop: "zl", 109 prop: "zl",
110 label: "坐落", 110 label: "坐落",
111 minWidth: '130' 111 minWidth: '130'
112 },
113 {
114 label: '操作',
115 width: '130',
116 render: (h, scope) => {
117 return (
118 <div>
119 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
120 </div>
121 )
122 }
112 } 123 }
113 ] 124 ]
114 } 125 }
......
1 export function queueDjywmc(djywbm, djqxbm) { 1 export function queueDjywmc (djywbm, djqxbm) {
2 console.log(djqxbm); 2 console.log(djqxbm);
3 if (djqxbm == "A0320099" || djqxbm == "A0330099") { 3 if (djqxbm == "A0320099" || djqxbm == "A0330099") {
4 return "selectJsydsyqSplitMerge"; 4 return "selectJsydsyqSplitMerge";
...@@ -83,6 +83,17 @@ export function queueDjywmc(djywbm, djqxbm) { ...@@ -83,6 +83,17 @@ export function queueDjywmc(djywbm, djqxbm) {
83 case "B41400": //预告抵押注销 83 case "B41400": //预告抵押注销
84 vm = "selectYgdy"; 84 vm = "selectYgdy";
85 break; 85 break;
86 case "C40100": //一并申请首次
87 vm = "selectYbsc";
88 break;
89 case "C40300": //一并申请变更
90 case "C40400": //一并申请注销
91 vm = "selectYbbg";
92 break;
93 case "C04372": //一并国有房屋变更
94 case "C04371": //一并国有房屋转移
95 vm = "selectYbgybg";
96 break;
86 default: 97 default:
87 vm = "selecBdcql"; 98 vm = "selecBdcql";
88 break; 99 break;
......
...@@ -50,7 +50,7 @@ class data extends filter { ...@@ -50,7 +50,7 @@ class data extends filter {
50 }, 50 },
51 "0": { 51 "0": {
52 text: '临时', 52 text: '临时',
53 color: '#FE9400' 53 color: '#ff5100'
54 } 54 }
55 } 55 }
56 let textName = obj[scope.row.qszt]?.text || '' 56 let textName = obj[scope.row.qszt]?.text || ''
......