Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
dcde6da8 by xiaomiao
Options

--no commit message

1 parent 887f0939
Inline Side-by-side
Showing 13 changed files with 502 additions and 273 deletions
...@@ -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;
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
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' : ''">
...@@ -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 >
...@@ -339,7 +354,15 @@ ...@@ -339,7 +354,15 @@
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
358 v-model="ruleForm.cfdj.jfdjsj"
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>
343 </el-form-item> 366 </el-form-item>
344 </el-col> 367 </el-col>
345 </el-row> 368 </el-row>
...@@ -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 /**
...@@ -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,7 +9,7 @@ ...@@ -9,7 +9,7 @@
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' : ''"
...@@ -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
245 label="登记时间："
246 prop="qlxx.djsj"
247 :rules="rules.djsjrules"
248 >
142 <el-date-picker 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,7 +282,7 @@ ...@@ -174,7 +282,7 @@
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']"
...@@ -186,22 +294,22 @@ ...@@ -186,22 +294,22 @@
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>
...@@ -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>
...@@ -304,13 +428,13 @@ ...@@ -304,13 +428,13 @@
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 // 根据流程判断表单是否为只读
...@@ -324,7 +448,7 @@ export default { ...@@ -324,7 +448,7 @@ 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",
...@@ -336,6 +460,7 @@ export default { ...@@ -336,6 +460,7 @@ export default {
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: [
508 { required: true, message: "抵押不动产信息", trigger: "change" },
509 ],
510 bdcqzhrules: [
383 { required: true, message: "不动产登记证明号", trigger: "blur" }, 511 { required: true, message: "不动产登记证明号", trigger: "blur" },
384 ], 512 ],
385 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
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,15 +517,21 @@ export default { ...@@ -390,15 +517,21 @@ 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
...@@ -413,7 +546,7 @@ export default { ...@@ -413,7 +546,7 @@ export default {
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 {
...@@ -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 /**
......
...@@ -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"
......
...@@ -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,8 +511,11 @@ export default { ...@@ -502,8 +511,11 @@ 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" },
516 ],
517 bdcqzhrules: [
518 { required: true, message: "不动产登记证明号", trigger: "blur" },
507 ], 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" }],
......
...@@ -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,7 +9,7 @@ ...@@ -9,7 +9,7 @@
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' : ''"
...@@ -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
246 label="登记时间："
247 prop="qlxx.djsj"
248 :rules="rules.djsjrules"
249 >
115 <el-date-picker 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>
...@@ -157,24 +293,25 @@ ...@@ -157,24 +293,25 @@
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"
...@@ -234,12 +371,13 @@ ...@@ -234,12 +371,13 @@
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 // 根据流程判断表单是否为只读
...@@ -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: [
...@@ -301,38 +446,91 @@ export default { ...@@ -301,38 +446,91 @@ export default {
301 ], 446 ],
302 //传递参数\ 447 //传递参数\
303 rules: { 448 rules: {
304 bdcqzhrules:[ 449 ztQlxxrules: [
305 { required: true, message: "不动产权证号：", trigger: "change" }, 450 { required: true, message: "抵押不动产信息", trigger: "change" },
451 ],
452 bdcqzhrules: [
453 { required: true, message: "不动产登记证明号", trigger: "blur" },
306 ], 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;
511 let djlx = this.ruleForm.qlxx.djlx;
512 if (djlx == null || djlx == 100) {
513 this.ssqlxxshow = false;
514 }
332 this.$endLoading(); 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 /**
......
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
...@@ -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 {
......
...@@ -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 || ''
......
...@@ -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 || ''
......