Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5618adc0 by xiaomiao
Options

heightNum

1 parent 4c74d3ae
Inline Side-by-side
Showing 6 changed files with 494 additions and 277 deletions
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" 8 <lb-table :column="column" :pagination="false" :key="key" :calcHeight="30"
9 :data="tableDataList"> 9 :data="tableDataList">
10 </lb-table> 10 </lb-table>
11 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 11 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
...@@ -219,3 +219,6 @@ ...@@ -219,3 +219,6 @@
219 } 219 }
220 } 220 }
221 </script> 221 </script>
222 <style scoped lang="scss">
223
224 </style>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" 8 <lb-table :column="column" :pagination="false" :key="key" :calcHeight="30"
9 :data="tableDataList"> 9 :data="tableDataList">
10 </lb-table> 10 </lb-table>
11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="145px" 16 label-width="145px"
17 inline-message
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
...@@ -43,12 +44,28 @@ ...@@ -43,12 +44,28 @@
43 </div> 44 </div>
44 <el-row :gutter="10"> 45 <el-row :gutter="10">
45 <el-col :span="8"> 46 <el-col :span="8">
46 <el-form-item label="抵押不动产信息："> 47 <el-form-item label="查封不动产权信息：">
47 <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList" 48 <select-table
48 :props="props" @change="ztQlxxchange"> 49 v-model="ruleForm.ztQlxx"
49 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 50 :table-width="550"
50 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 51 :tableData="ztQlxxList"
51 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 52 :props="props"
53 @change="ztQlxxchange"
54 >
55 <el-table-column
56 prop="qllxmc"
57 width="130"
58 label="权利类型"
59 ></el-table-column>
60 <el-table-column
61 prop="bdcqzh"
62 width="160"
63 label="不动产权证书"
64 ></el-table-column>
65 <el-table-column
66 prop="qlrmc"
67 label="被执行人"
68 ></el-table-column>
52 <el-table-column prop="mjmc" label="面积"></el-table-column> 69 <el-table-column prop="mjmc" label="面积"></el-table-column>
53 <el-table-column prop="ytmc" label="用途"></el-table-column> 70 <el-table-column prop="ytmc" label="用途"></el-table-column>
54 <el-table-column prop="zl" label="坐落"></el-table-column> 71 <el-table-column prop="zl" label="坐落"></el-table-column>
...@@ -56,12 +73,25 @@ ...@@ -56,12 +73,25 @@
56 </el-form-item> 73 </el-form-item>
57 </el-col> 74 </el-col>
58 75
59 <el-col :span="8" v-if="ssqlxxshow"> 76 <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
60 <el-form-item label="上手权利信息："> 77 <el-form-item label="上手权利信息：">
61 <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList" 78 <select-table
62 :props="props" @change="ssQlxxchange"> 79 v-model="ruleForm.ssQlxx"
63 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 80 :table-width="550"
64 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 81 :tableData="ssQlxxList"
82 :props="props"
83 @change="ssQlxxchange"
84 >
85 <el-table-column
86 prop="qllxmc"
87 width="130"
88 label="权利类型"
89 ></el-table-column>
90 <el-table-column
91 prop="bdcqzh"
92 width="160"
93 label="不动产权证书"
94 ></el-table-column>
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 95 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
66 <el-table-column prop="mjmc" label="面积"></el-table-column> 96 <el-table-column prop="mjmc" label="面积"></el-table-column>
67 <el-table-column prop="ytmc" label="用途"></el-table-column> 97 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -94,7 +124,7 @@ ...@@ -94,7 +124,7 @@
94 </el-form-item> 124 </el-form-item>
95 </el-col> 125 </el-col>
96 <el-col :span="8"> 126 <el-col :span="8">
97 <el-form-item label="不动产权证号："> 127 <el-form-item label="不动产权证号：" >
98 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> 128 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
99 </el-form-item> 129 </el-form-item>
100 </el-col> 130 </el-col>
...@@ -138,7 +168,7 @@ ...@@ -138,7 +168,7 @@
138 </el-col> 168 </el-col>
139 <el-col :span="8"> 169 <el-col :span="8">
140 <el-form-item label="上手业务号："> 170 <el-form-item label="上手业务号：">
141 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 171 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
142 </el-form-item> 172 </el-form-item>
143 </el-col> 173 </el-col>
144 </el-row> 174 </el-row>
...@@ -149,10 +179,10 @@ ...@@ -149,10 +179,10 @@
149 </el-form-item> 179 </el-form-item>
150 </el-col> 180 </el-col>
151 <el-col :span="8"> 181 <el-col :span="8">
152 <el-form-item label="登记类型："> 182 <el-form-item label="是否被续封：">
153 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 183 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
154 <el-option 184 <el-option
155 v-for="item in dictData['A21']" 185 v-for="item in sfbxflist"
156 :key="item.dcode" 186 :key="item.dcode"
157 :label="item.dname" 187 :label="item.dname"
158 :value="item.dcode" 188 :value="item.dcode"
...@@ -166,22 +196,29 @@ ...@@ -166,22 +196,29 @@
166 </el-form-item> 196 </el-form-item>
167 </el-col> 197 </el-col>
168 <el-col :span="8"> 198 <el-col :span="8">
169 <el-form-item label="不动产权证号："> 199 <el-form-item label="权属状态：">
170 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 200 <el-select v-model="ruleForm.qlxx.qszt">
201 <el-option
202 v-for="item in qsztlist"
203 :key="item.dcode"
204 :label="item.dname"
205 :value="item.dcode"
206 ></el-option>
207 </el-select>
171 </el-form-item> 208 </el-form-item>
172 </el-col> 209 </el-col>
173 <el-col :span="8"> 210 <el-col :span="8">
174 <el-form-item label="登记机构："> 211 <el-form-item label="不动产权证号：" prop="bdcqzh">
175 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 212 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
176 </el-form-item> 213 </el-form-item>
177 </el-col> 214 </el-col>
178 <el-col :span="8"> 215 <el-col :span="8">
179 <el-form-item label="查封机关"> 216 <el-form-item label="查封机关：">
180 <el-input v-model="ruleForm.cfdj.cfjg"></el-input> 217 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
181 </el-form-item> 218 </el-form-item>
182 </el-col> 219 </el-col>
183 <el-col :span="8"> 220 <el-col :span="8">
184 <el-form-item label="查封类型"> 221 <el-form-item label="查封类型：">
185 <el-select v-model="ruleForm.cfdj.cflx"> 222 <el-select v-model="ruleForm.cfdj.cflx">
186 <el-option 223 <el-option
187 v-for="item in dictData['A32']" 224 v-for="item in dictData['A32']"
...@@ -193,104 +230,87 @@ ...@@ -193,104 +230,87 @@
193 </el-form-item> 230 </el-form-item>
194 </el-col> 231 </el-col>
195 <el-col :span="8"> 232 <el-col :span="8">
196 <el-form-item label="查封文号"> 233 <el-form-item label="查封文号：">
197 <el-input v-model="ruleForm.cfdj.cfwh"></el-input> 234 <el-input v-model="ruleForm.cfdj.cfwh"></el-input>
198 </el-form-item> 235 </el-form-item>
199 </el-col> 236 </el-col>
200 <el-col :span="8"> 237 <el-col :span="8">
201 <el-form-item label="查封起始时间"> 238 <el-form-item label="查封起始时间：">
202 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input> 239 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
203 </el-form-item> 240 </el-form-item>
204 </el-col> 241 </el-col>
205 <el-col :span="8"> 242 <el-col :span="8">
206 <el-form-item label="查封结束时间"> 243 <el-form-item label="查封结束时间：">
207 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input> 244 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
208 </el-form-item> 245 </el-form-item>
209 </el-col> 246 </el-col>
210 <el-col :span="8"> 247 <el-col :span="8">
211 <el-form-item label="查封期限"> 248 <el-form-item label="查封期限：">
212 <el-input v-model="ruleForm.cfdj.cfqx"></el-input> 249 <el-input v-model="ruleForm.cfdj.cfqx"></el-input>
213 </el-form-item> 250 </el-form-item>
214 </el-col> 251 </el-col>
215 <el-col :span="8"> 252 <el-col :span="8">
216 <el-form-item label="查封范围"> 253 <el-form-item label="查封范围：">
217 <el-input v-model="ruleForm.cfdj.cffw"></el-input> 254 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
218 </el-form-item> 255 </el-form-item>
219 </el-col> 256 </el-col>
220 <el-col :span="8"> 257 <el-col :span="8">
221 <el-form-item label="区县代码："> 258 <el-form-item label="区县代码：" prop="qxdm">
222 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 259 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
223 </el-form-item> 260 </el-form-item>
224 </el-col> 261 </el-col>
225 <el-col :span="8"> 262 <el-col :span="8">
226 <el-form-item label="登记机构："> 263 <el-form-item label="登记机构：" prop="djjg">
227 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 264 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
228 </el-form-item> 265 </el-form-item>
229 </el-col> 266 </el-col>
267
230 <el-col :span="8"> 268 <el-col :span="8">
231 <el-form-item label="解封业务号"> 269 <el-form-item label="登簿人：" prop="dbr">
232 <el-input v-model="ruleForm.cfdj.jfywh"></el-input> 270 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
233 </el-form-item> 271 </el-form-item>
234 </el-col> 272 </el-col>
235 <el-col :span="8"> 273 <el-col :span="8">
236 <el-form-item label="解封机关"> 274 <el-form-item label="登记时间：" prop="djsj">
237 <el-input v-model="ruleForm.cfdj.jfjg"></el-input> 275 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
238 </el-form-item> 276 </el-form-item>
239 </el-col> 277 </el-col>
240 <el-col :span="8"> 278 <el-col :span="24">
241 <el-form-item label="解封文件"> 279 <el-form-item label="附记：">
242 <el-input v-model="ruleForm.cfdj.jfwj"></el-input> 280 <el-input v-model="ruleForm.cfdj.fj"></el-input>
243 </el-form-item> 281 </el-form-item>
244 </el-col> 282 </el-col>
245 <el-col :span="8"> 283 </el-row>
246 <el-form-item label="解封文号"> 284 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
247 <el-input v-model="ruleForm.cfdj.jfwh"></el-input> 285 <el-form-item label="解封业务号：">
286 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
248 </el-form-item> 287 </el-form-item>
249 </el-col> 288 </el-col>
250 <el-col :span="8"> 289 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
251 <el-form-item label="解封登簿人"> 290 <el-form-item label="解封机关：">
252 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input> 291 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
253 </el-form-item> 292 </el-form-item>
254 </el-col> 293 </el-col>
255 <el-col :span="8"> 294 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
256 <el-form-item label="解封登记时间"> 295 <el-form-item label="解封文件：">
257 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> 296 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
258 </el-form-item> 297 </el-form-item>
259 </el-col> 298 </el-col>
260 <el-col :span="8"> 299 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
261 <el-form-item label="登簿人："> 300 <el-form-item label="解封文号：">
262 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 301 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
263 </el-form-item> 302 </el-form-item>
264 </el-col> 303 </el-col>
265 <el-col :span="8"> 304 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
266 <el-form-item label="登记时间："> 305 <el-form-item label="解封登簿人：">
267 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 306 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
268 </el-form-item> 307 </el-form-item>
269 </el-col> 308 </el-col>
270 </el-row> 309 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
271 <div class="slxx_title title-block"> 310 <el-form-item label="解封登记时间：">
272 权利人信息 311 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
273 <div class="triangle"></div>
274 </div>
275 <el-row :gutter="10">
276 <el-col :span="12">
277 <el-form-item label="共有方式：">
278 <el-radio-group v-model="ruleForm.qlxx.gyqk">
279 <el-radio label="0">单独所有</el-radio>
280 <el-radio label="1">共同共有</el-radio>
281 <el-radio label="2">按份所有</el-radio>
282 <el-radio label="3">其它共有</el-radio>
283 </el-radio-group>
284 </el-form-item> 312 </el-form-item>
285 </el-col> 313 </el-col>
286 </el-row>
287 <qlrCommonTable
288 :tableData="ruleForm.qlrData"
289 @upDateQlrxxList="upDateQlrxxList"
290 :key="key"
291 :gyfs="ruleForm.qlxx.gyfs"
292 />
293
294 </div> 314 </div>
295 <el-row class="btn"> 315 <el-row class="btn">
296 <el-form-item> 316 <el-form-item>
...@@ -302,34 +322,95 @@ ...@@ -302,34 +322,95 @@
302 </template> 322 </template>
303 <script> 323 <script>
304 import { mapGetters } from "vuex"; 324 import { mapGetters } from "vuex";
305 import { init,getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; 325 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
306 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 326 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
307 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 327 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
308 import tdytTable from "@/views/workflow/components/tdytTable"; 328 import tdytTable from "@/views/workflow/components/tdytTable";
309 import selectTable from "@/components/selectTable/index.vue"; 329 import selectTable from "@/components/selectTable/index.vue";
310 export default { 330 export default {
311 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, 331 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
312 computed: { 332 computed: {
313 ...mapGetters(["dictData", "flag"]), 333 ...mapGetters(["dictData", "flag"]),
314 }, 334 },
315 data() { 335 data() {
316 return { 336 return {
317 //表单是否可操作 337 //表单是否可操作
338 props: {
339 label: "bdcqzh",
340 value: "bdcdyid",
341 },
318 propsParam: this.$attrs, 342 propsParam: this.$attrs,
319 key: 0, 343 key: 0,
320 isShow: false, 344 isShow: false,
321 ssqlxxshow:true, 345 ssqlxxshow: true,
322 disabled: true, 346 disabled: true,
323 czrOptions: [], 347 czrOptions: [],
324 ruleForm: {}, 348 ruleForm: {},
325 //传递参数\
326 rules: {}, 349 rules: {},
327 props: { 350 // 登记类型
328 label: "bdcqzh", 351 djlxlist: [
329 value: "bdcdyid" 352 {
353 dcode: "100",
354 dname: "首次登记",
355 },
356 {
357 dcode: "200",
358 dname: "转移登记",
359 },
360 {
361 dcode: "300",
362 dname: "变更登记",
363 },
364 {
365 dcode: "500",
366 dname: "更正登记",
330 }, 367 },
368
369 {
370 dcode: "901",
371 dname: "补证",
372 },
373 {
374 dcode: "902",
375 dname: "换证",
376 },
377 ],
378
379 // 权属状态
380 qsztlist: [
381 {
382 dcode: "1",
383 dname: "现势",
384 },
385 {
386 dcode: "2",
387 dname: "历史",
388 },
389 ],
390 // 是否被续封
391 sfbxflist: [
392 {
393 dcode: "0",
394 dname: "否",
395 },
396 {
397 dcode: "1",
398 dname: "是",
399 },
400 ],
401 //传递参数\
402
331 ssQlxxList: [], 403 ssQlxxList: [],
332 ztQlxxList: [], 404 ztQlxxList: [],
405 rules: {
406 bdcqzh: [
407 { required: true, message: "不动产登记证明号", trigger: "change" },
408 ],
409 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
410 djjg: [{ required: true, message: "登记机构", trigger: "change" }],
411 dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
412 djsj: [{ required: true, message: "登记时间", trigger: "change" }],
413 },
333 }; 414 };
334 }, 415 },
335 created() { 416 created() {
...@@ -337,19 +418,19 @@ export default { ...@@ -337,19 +418,19 @@ export default {
337 }, 418 },
338 mounted() {}, 419 mounted() {},
339 methods: { 420 methods: {
340 ztQlxxchange (val) { 421 ztQlxxchange(val) {
341 this.ruleForm.ztQlxx = val 422 this.ruleForm.ztQlxx = val;
342 }, 423 },
343 ssQlxxchange (val) { 424 ssQlxxchange(val) {
344 this.ruleForm.ssQlxx = val 425 this.ruleForm.ssQlxx = val;
426 this.ruleForm.qlxx.ssywh = val.ssywh;
345 }, 427 },
346 djlxchange(val){ 428 djlxchange(val) {
347 if(val==null||val==100){ 429 if (val == null || val == 100) {
348 this.ssqlxxshow=false 430 this.ssqlxxshow = false;
349 }else{ 431 } else {
350 this.ssqlxxshow=true 432 this.ssqlxxshow = true;
351 } 433 }
352
353 }, 434 },
354 loadData() { 435 loadData() {
355 this.propsParam.isEdit = this.$parent.isEdit; 436 this.propsParam.isEdit = this.$parent.isEdit;
...@@ -357,14 +438,17 @@ export default { ...@@ -357,14 +438,17 @@ export default {
357 if (res.code == 200) { 438 if (res.code == 200) {
358 this.ruleForm = res.result; 439 this.ruleForm = res.result;
359 this.isShow = true; 440 this.isShow = true;
360 let djlx= this.ruleForm.qlxx.djlx 441 let djlx = this.ruleForm.qlxx.djlx;
361 if(djlx==null||djlx==100){ 442 if (djlx == null || djlx == 100) {
362 this.ssqlxxshow=false 443 this.ssqlxxshow = false;
363 } 444 }
364 } 445 }
365 }); 446 });
366 //获取主体信息 447 //获取主体信息
367 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => { 448 getSsQlxx({
449 bdcdyid: this.propsParam.bdcdyid,
450 qllx: this.propsParam.qllx,
451 }).then((res) => {
368 if (res.code == 200) { 452 if (res.code == 200) {
369 this.ssQlxxList = res.result; 453 this.ssQlxxList = res.result;
370 } 454 }
...@@ -393,6 +477,9 @@ export default { ...@@ -393,6 +477,9 @@ export default {
393 this.key++; 477 this.key++;
394 }, 478 },
395 onSubmit() { 479 onSubmit() {
480 this.$refs.ruleForm.validate((valid) => {
481 console.log("valid", valid);
482 if (valid) {
396 if (this.ruleForm.qlrData.length == 0) { 483 if (this.ruleForm.qlrData.length == 0) {
397 this.$message({ 484 this.$message({
398 showClose: true, 485 showClose: true,
...@@ -446,6 +533,10 @@ export default { ...@@ -446,6 +533,10 @@ export default {
446 }); 533 });
447 } 534 }
448 }); 535 });
536 } else {
537 return false;
538 }
539 });
449 }, 540 },
450 }, 541 },
451 }; 542 };
......
...@@ -13,7 +13,9 @@ ...@@ -13,7 +13,9 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="145px"> 16 label-width="169px"
17 :show-message="false"
18 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
19 补录信息 21 补录信息
...@@ -43,10 +45,23 @@ ...@@ -43,10 +45,23 @@
43 <el-row :gutter="10"> 45 <el-row :gutter="10">
44 <el-col :span="8"> 46 <el-col :span="8">
45 <el-form-item label="抵押不动产信息："> 47 <el-form-item label="抵押不动产信息：">
46 <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList" 48 <select-table
47 :props="props" @change="ztQlxxchange"> 49 v-model="ruleForm.ztQlxx"
48 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 50 :table-width="550"
49 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 51 :tableData="ztQlxxList"
52 :props="props"
53 @change="ztQlxxchange"
54 >
55 <el-table-column
56 prop="qllxmc"
57 width="130"
58 label="权利类型"
59 ></el-table-column>
60 <el-table-column
61 prop="bdcqzh"
62 width="160"
63 label="不动产权证书"
64 ></el-table-column>
50 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 65 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
51 <el-table-column prop="mjmc" label="面积"></el-table-column> 66 <el-table-column prop="mjmc" label="面积"></el-table-column>
52 <el-table-column prop="ytmc" label="用途"></el-table-column> 67 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -57,10 +72,23 @@ ...@@ -57,10 +72,23 @@
57 72
58 <el-col :span="8" v-if="ssqlxxshow"> 73 <el-col :span="8" v-if="ssqlxxshow">
59 <el-form-item label="上手权利信息："> 74 <el-form-item label="上手权利信息：">
60 <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList" 75 <select-table
61 :props="props" @change="ssQlxxchange"> 76 v-model="ruleForm.ssQlxx"
62 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 77 :table-width="550"
63 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 78 :tableData="ssQlxxList"
79 :props="props"
80 @change="ssQlxxchange"
81 >
82 <el-table-column
83 prop="qllxmc"
84 width="130"
85 label="权利类型"
86 ></el-table-column>
87 <el-table-column
88 prop="bdcqzh"
89 width="160"
90 label="不动产权证书"
91 ></el-table-column>
64 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 92 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
65 <el-table-column prop="mjmc" label="面积"></el-table-column> 93 <el-table-column prop="mjmc" label="面积"></el-table-column>
66 <el-table-column prop="ytmc" label="用途"></el-table-column> 94 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -70,7 +98,7 @@ ...@@ -70,7 +98,7 @@
70 </el-col> 98 </el-col>
71 </el-row> 99 </el-row>
72 100
73 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 101 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
74 <el-col :span="8"> 102 <el-col :span="8">
75 <el-form-item label="权利人："> 103 <el-form-item label="权利人：">
76 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> 104 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
...@@ -87,7 +115,7 @@ ...@@ -87,7 +115,7 @@
87 </el-form-item> 115 </el-form-item>
88 </el-col> 116 </el-col>
89 </el-row> 117 </el-row>
90 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 118 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
91 <el-col :span="8"> 119 <el-col :span="8">
92 <el-form-item label="权利类型："> 120 <el-form-item label="权利类型：">
93 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> 121 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
...@@ -104,7 +132,7 @@ ...@@ -104,7 +132,7 @@
104 </el-form-item> 132 </el-form-item>
105 </el-col> 133 </el-col>
106 </el-row> 134 </el-row>
107 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 135 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
108 <el-col :span="8"> 136 <el-col :span="8">
109 <el-form-item label="不动产单元号："> 137 <el-form-item label="不动产单元号：">
110 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> 138 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
...@@ -125,55 +153,42 @@ ...@@ -125,55 +153,42 @@
125 抵押权信息 153 抵押权信息
126 <div class="triangle"></div> 154 <div class="triangle"></div>
127 </div> 155 </div>
156
128 <el-row :gutter="10"> 157 <el-row :gutter="10">
129 <el-col :span="8"> 158 <el-col :span="8">
130 <el-form-item label="抵押方式："> 159 <el-form-item label="不动产单元号：">
131 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> 160 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
132 <el-radio-group v-model="ruleForm.diyaq.dyfs">
133 <el-radio label="1">一般抵押</el-radio>
134 <el-radio label="2">最高额抵押</el-radio>
135 </el-radio-group>
136 </el-form-item> 161 </el-form-item>
137 </el-col> 162 </el-col>
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 163 <el-col :span="8">
139 <el-form-item label="最高债权额"> 164 <el-form-item label="权利类型：">
140 <div style="display: flex"> 165 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
141 <el-input
142 v-model="ruleForm.diyaq.zgzqse"
143 style="width: 500%"
144 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
145 <el-select v-model="ruleForm.diyaq.jedw">
146 <el-option
147 v-for="item in dictData['A57']"
148 :key="item.dcode"
149 :label="item.dname"
150 :value="item.dcode"></el-option>
151 </el-select>
152 </div>
153 </el-form-item> 166 </el-form-item>
154 </el-col> 167 </el-col>
155 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 168 <el-col :span="8">
156 <el-form-item label="被担保主债权数额"> 169 <el-form-item label="登记类型：">
157 <div style="display: flex"> 170 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
158 <el-input
159 v-model="ruleForm.diyaq.bdbzzqse"
160 style="width: 500%"
161 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
162 <el-select v-model="ruleForm.diyaq.jedw">
163 <el-option 171 <el-option
164 v-for="item in dictData['A57']" 172 v-for="item in djlxlist"
165 :key="item.dcode" 173 :key="item.dcode"
166 :label="item.dname" 174 :label="item.dname"
167 :value="item.dcode"></el-option> 175 :value="item.dcode"
176 ></el-option>
168 </el-select> 177 </el-select>
169 </div>
170 </el-form-item> 178 </el-form-item>
171 </el-col> 179 </el-col>
172 </el-row> 180 </el-row>
173 <el-row :gutter="10"> 181 <el-row :gutter="10">
174 <el-col :span="8"> 182 <el-col :span="8">
175 <el-form-item label="不动产单元号："> 183 <el-form-item label="权属状态：">
176 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 184 <el-select v-model="ruleForm.qlxx.qszt">
185 <el-option
186 v-for="item in qsztlist"
187 :key="item.dcode"
188 :label="item.dname"
189 :value="item.dcode"
190 ></el-option>
191 </el-select>
177 </el-form-item> 192 </el-form-item>
178 </el-col> 193 </el-col>
179 <el-col :span="8"> 194 <el-col :span="8">
...@@ -189,173 +204,237 @@ ...@@ -189,173 +204,237 @@
189 </el-row> 204 </el-row>
190 <el-row :gutter="10"> 205 <el-row :gutter="10">
191 <el-col :span="8"> 206 <el-col :span="8">
192 <el-form-item label="权利类型："> 207 <el-form-item label="抵押金额类型：">
193 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 208 <el-radio-group v-model="ruleForm.diyaq.dyjelx">
209 <el-radio label="0">独立抵押金额</el-radio>
210 <el-radio label="1">整体抵押金额</el-radio>
211 </el-radio-group>
194 </el-form-item> 212 </el-form-item>
195 </el-col> 213 </el-col>
196 <el-col :span="8"> 214 <el-col :span="8">
197 <el-form-item label="登记类型："> 215 <el-form-item label="抵押方式：">
198 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 216 <el-radio-group v-model="ruleForm.diyaq.dyfs">
217 <el-radio label="1">一般抵押</el-radio>
218 <el-radio label="2">最高额抵押</el-radio>
219 </el-radio-group>
220 </el-form-item>
221 </el-col>
222 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
223 <el-form-item label="最高债权额：">
224 <div style="display: flex">
225 <el-input
226 v-model="ruleForm.diyaq.zgzqse"
227 style="width: 500%"
228 oninput="value=value.replace(/[^\d.]/g,'')"
229 ></el-input>
230 <el-select v-model="ruleForm.diyaq.jedw">
199 <el-option 231 <el-option
200 v-for="item in djlxlist" 232 v-for="item in dictData['A57']"
201 :key="item.dcode" 233 :key="item.dcode"
202 :label="item.dname" 234 :label="item.dname"
203 :value="item.dcode"></el-option> 235 :value="item.dcode"
236 ></el-option>
204 </el-select> 237 </el-select>
238 </div>
205 </el-form-item> 239 </el-form-item>
206 </el-col> 240 </el-col>
207 <el-col :span="8"> 241 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
208 <el-form-item label="权属状态："> 242 <el-form-item label="被担保主债权数额：">
209 <el-select v-model="ruleForm.qlxx.qszt"> 243 <div style="display: flex">
244 <el-input
245 v-model="ruleForm.diyaq.bdbzzqse"
246 style="width: 500%"
247 oninput="value=value.replace(/[^\d.]/g,'')"
248 ></el-input>
249 <el-select v-model="ruleForm.diyaq.jedw">
210 <el-option 250 <el-option
211 v-for="item in qsztlist" 251 v-for="item in dictData['A57']"
212 :key="item.dcode" 252 :key="item.dcode"
213 :label="item.dname" 253 :label="item.dname"
214 :value="item.dcode"></el-option> 254 :value="item.dcode"
255 ></el-option>
215 </el-select> 256 </el-select>
257 </div>
216 </el-form-item> 258 </el-form-item>
217 </el-col> 259 </el-col>
260 </el-row>
218 <el-col :span="8"> 261 <el-col :span="8">
219 <el-form-item label="不动产坐落："> 262 <el-form-item label="抵押面积：">
220 <el-input v-model="ruleForm.qlxx.zl"></el-input> 263 <div style="display: flex">
264 <el-input
265 v-model="ruleForm.diyaq.dymj"
266 style="width: 500%"
267 oninput="value=value.replace(/[^\d.]/g,'')"
268 ></el-input>
269 <el-select v-model="ruleForm.diyaq.mjdw">
270 <el-option
271 v-for="item in dictData['A7']"
272 :key="item.dcode"
273 :label="item.dname"
274 :value="item.dcode"
275 ></el-option>
276 </el-select>
277 </div>
221 </el-form-item> 278 </el-form-item>
222 </el-col> 279 </el-col>
223 <el-col :span="8"> 280 <el-col :span="8">
224 <el-form-item label="不动产权证号："> 281 <el-form-item label="债务履行起始时间：" prop="zwlxqssj">
225 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 282 <el-date-picker
283 v-model="ruleForm.diyaq.zwlxqssj"
284 type="date"
285 placeholder="选择日期"
286 value-format="yyyy/MM/dd HH:mm:ss"
287 format="yyyy/MM/dd"
288 >
289 </el-date-picker>
226 </el-form-item> 290 </el-form-item>
227 </el-col> 291 </el-col>
228 <el-col :span="8"> 292 <el-col :span="8">
229 <el-form-item label="区县代码："> 293 <el-form-item label="债务履行结束时间：" prop="zwlxjssj">
230 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 294 <el-date-picker
295 v-model="ruleForm.diyaq.zwlxjssj"
296 type="date"
297 placeholder="选择日期"
298 value-format="yyyy/MM/dd HH:mm:ss"
299 format="yyyy/MM/dd"
300 >
301 </el-date-picker>
231 </el-form-item> 302 </el-form-item>
232 </el-col> 303 </el-col>
233 <el-col :span="8"> 304 <el-col :span="8">
234 <el-form-item label="登记机构："> 305 <el-form-item label="在建建筑物坐落：">
235 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 306 <el-input v-model="ruleForm.qlxx.zl"></el-input>
236 </el-form-item> 307 </el-form-item>
237 </el-col> 308 </el-col>
238 <el-col :span="8"> 309 <!-- <el-col :span="8">
239 <el-form-item label="登簿人："> 310 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
240 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 311 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
241 </el-form-item> 312 </el-form-item>
242 </el-col> 313 </el-col> -->
243 <el-col :span="8"> 314 <el-col :span="8">
244 <el-form-item label="登记时间："> 315 <el-form-item label="区县代码：" prop="qxdm">
245 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 316 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
246 </el-form-item> 317 </el-form-item>
247 </el-col> 318 </el-col>
248 <el-col :span="8"> 319 <el-col :span="8">
249 <el-form-item label="登记原因："> 320 <el-form-item label="在建建筑物抵押范围：">
250 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 321 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
251 </el-form-item> 322 </el-form-item>
252 </el-col> 323 </el-col>
253 324
254 <el-col :span="8"> 325 <el-col :span="8">
255 <el-form-item label="抵押金额类型："> 326 <el-form-item label="担保范围：">
256 <el-input v-model="ruleForm.diyaq.dyjelx"></el-input> 327 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
257 </el-form-item>
258 </el-col>
259 <el-col :span="8">
260 <el-form-item label="是否预告登记：">
261 <el-select v-model="ruleForm.diyaq.sfygdj">
262 <el-option
263 v-for="item in dictData['A6']"
264 :key="item.dcode"
265 :label="item.dname"
266 :value="item.dcode"></el-option>
267 </el-select>
268 </el-form-item> 328 </el-form-item>
269 </el-col> 329 </el-col>
270 <el-col :span="8"> 330 <el-col :span="8">
271 <el-form-item label="在建建筑物坐落："> 331 <el-form-item label="债务履行期限(确定期间)：">
272 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> 332 <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
273 </el-form-item> 333 </el-form-item>
274 </el-col> 334 </el-col>
335
275 <el-col :span="8"> 336 <el-col :span="8">
276 <el-form-item label="在建建筑物抵押范围："> 337 <el-form-item label="最高债权确定事实和数额：">
277 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> 338 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
278 </el-form-item> 339 </el-form-item>
279 </el-col> 340 </el-col>
280 <el-col :span="8"> 341 <el-col :span="8">
281 <el-form-item label="抵押面积："> 342 <el-form-item label="是否限制转移约定">
282 <div style="display: flex"> 343 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
283 <el-input
284 v-model="ruleForm.diyaq.dymj"
285 style="width: 500%"
286 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
287 <el-select v-model="ruleForm.diyaq.mjdw">
288 <el-option 344 <el-option
289 v-for="item in dictData['A7']" 345 v-for="item in dictData['A6']"
290 :key="item.dcode" 346 :key="item.dcode"
291 :label="item.dname" 347 :label="item.dname"
292 :value="item.dcode"></el-option> 348 :value="item.dcode"
349 >
350 </el-option>
293 </el-select> 351 </el-select>
294 </div>
295 </el-form-item> 352 </el-form-item>
296 </el-col> 353 </el-col>
297
298 <el-col :span="8"> 354 <el-col :span="8">
299 <el-form-item label="担保范围"> 355 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
300 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 356 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
301 </el-form-item> 357 </el-form-item>
302 </el-col> 358 </el-col>
359
303 <el-col :span="8"> 360 <el-col :span="8">
304 <el-form-item label="债务履行期限（债务确定期间）"> 361 <el-form-item label="登记机构：" prop="djjg">
305 <el-input v-model="ruleForm.diyaq.dyqx"></el-input> 362 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
306 </el-form-item> 363 </el-form-item>
307 </el-col> 364 </el-col>
308 <el-col :span="8"> 365 <el-col :span="8">
309 <el-form-item label="债务履行起始时间"> 366 <el-form-item label="登簿人：" prop="dbr">
310 <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input> 367 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
311 </el-form-item> 368 </el-form-item>
312 </el-col> 369 </el-col>
313 <el-col :span="8"> 370 <el-col :span="8">
314 <el-form-item label="债务履行结束时间"> 371 <el-form-item label="登记时间：" prop="djsj">
315 <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input> 372 <el-date-picker
373 v-model="ruleForm.qlxx.djsj"
374 type="date"
375 placeholder="选择日期"
376 value-format="yyyy/MM/dd HH:mm:ss"
377 format="yyyy/MM/dd"
378 >
379 </el-date-picker>
316 </el-form-item> 380 </el-form-item>
317 </el-col> 381 </el-col>
318 <el-col :span="8"> 382
319 <el-form-item label="最高债权确定事实和数额"> 383 <!-- <el-col :span="8">
320 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 384 <el-form-item label="是否预告登记：">
385 <el-select v-model="ruleForm.diyaq.sfygdj">
386 <el-option
387 v-for="item in dictData['A6']"
388 :key="item.dcode"
389 :label="item.dname"
390 :value="item.dcode"></el-option>
391 </el-select>
321 </el-form-item> 392 </el-form-item>
322 </el-col> 393 </el-col> -->
323 <el-col :span="8"> 394 <!-- <el-col :span="8">
324 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定"> 395 <el-form-item label="在建建筑物坐落：">
325 <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input> 396 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
326 </el-form-item> 397 </el-form-item>
327 </el-col> 398 </el-col> -->
328 <el-col :span="8"> 399
329 <el-form-item label="不动产登记证明号"> 400 <el-col :span="24">
330 <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input> 401 <el-form-item label="登记原因：">
402 <el-input v-model="ruleForm.qlxx.djyy"></el-input>
331 </el-form-item> 403 </el-form-item>
332 </el-col> 404 </el-col>
333 <el-col :span="8"> 405 <el-col :span="24">
334 <el-form-item label="注销抵押业务号"> 406 <el-form-item label="附记：">
335 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> 407 <el-input v-model="ruleForm.diyaq.fj"></el-input>
336 </el-form-item> 408 </el-form-item>
337 </el-col> 409 </el-col>
338 <el-col :span="8"> 410 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
339 <el-form-item label="注销抵押原因"> 411 <el-form-item label="注销抵押业务号：">
340 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> 412 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
341 </el-form-item> 413 </el-form-item>
342 </el-col> 414 </el-col>
343 <el-col :span="8"> 415
344 <el-form-item label="注销时间"> 416 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
345 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 417 <el-form-item label="注销时间：" prop="zxsj">
418 <el-date-picker
419 v-model="ruleForm.qlxx.zxsj"
420 type="date"
421 placeholder="选择日期"
422 value-format="yyyy/MM/dd HH:mm:ss"
423 format="yyyy/MM/dd"
424 >
425 </el-date-picker>
346 </el-form-item> 426 </el-form-item>
347 </el-col> 427 </el-col>
348 <el-col :span="8"> 428 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
349 <el-form-item label="注销登簿人"> 429 <el-form-item label="注销登簿人：" prop="zxdbr">
350 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 430 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
351 </el-form-item> 431 </el-form-item>
352 </el-col> 432 </el-col>
353 <el-col :span="24"> 433 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
354 <el-form-item label="附记："> 434 <el-form-item label="注销抵押原因：" prop="zxdyyy">
355 <el-input v-model="ruleForm.diyaq.fj"></el-input> 435 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
356 </el-form-item> 436 </el-form-item>
357 </el-col> 437 </el-col>
358 </el-row>
359 <div class="slxx_title title-block"> 438 <div class="slxx_title title-block">
360 权利人信息 439 权利人信息
361 <div class="triangle"></div> 440 <div class="triangle"></div>
...@@ -376,9 +455,10 @@ ...@@ -376,9 +455,10 @@
376 :tableData="ruleForm.qlrData" 455 :tableData="ruleForm.qlrData"
377 @upDateQlrxxList="upDateQlrxxList" 456 @upDateQlrxxList="upDateQlrxxList"
378 :key="key" 457 :key="key"
379 :gyfs="ruleForm.qlxx.gyfs" /> 458 :gyfs="ruleForm.qlxx.gyfs"
459 />
380 460
381 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0"> 461 <div v-if="ruleForm.ywrData">
382 <div class="slxx_title title-block"> 462 <div class="slxx_title title-block">
383 义务人信息 463 义务人信息
384 <div class="triangle"></div> 464 <div class="triangle"></div>
...@@ -400,33 +480,31 @@ ...@@ -400,33 +480,31 @@
400 </div> 480 </div>
401 </template> 481 </template>
402 <script> 482 <script>
403 import { mapGetters } from "vuex"; 483 import { mapGetters } from "vuex";
404 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; 484 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
405 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 485 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
406 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 486 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
407 import selectTable from "@/components/selectTable/index.vue"; 487 import selectTable from "@/components/selectTable/index.vue";
408 import tdytTable from "@/views/workflow/components/tdytTable"; 488 import tdytTable from "@/views/workflow/components/tdytTable";
409 export default { 489 export default {
410 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 490 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
411 computed: { 491 computed: {
412 ...mapGetters(["dictData", "flag"]), 492 ...mapGetters(["dictData", "flag"]),
413 }, 493 },
414 data () { 494 data() {
415 return { 495 return {
416 props: { 496 props: {
417 label: "bdcqzh", 497 label: "bdcqzh",
418 value: "bdcdyid" 498 value: "bdcdyid",
419 }, 499 },
420 //表单是否可操作 500 //表单是否可操作
421 propsParam: this.$attrs, 501 propsParam: this.$attrs,
422 key: 0, 502 key: 0,
423 isShow: false, 503 isShow: false,
424 disabled: true, 504 disabled: true,
425 ssqlxxshow:true, 505 ssqlxxshow: true,
426 czrOptions: [], 506 czrOptions: [],
427 ruleForm: {}, 507 ruleForm: {},
428 //传递参数
429 rules: {},
430 // 权属状态 508 // 权属状态
431 qsztlist: [ 509 qsztlist: [
432 { 510 {
...@@ -468,45 +546,65 @@ ...@@ -468,45 +546,65 @@
468 ], 546 ],
469 ssQlxxList: [], 547 ssQlxxList: [],
470 ztQlxxList: [], 548 ztQlxxList: [],
549 rules: {
550 bdcqzh: [
551 { required: true, message: "不动产登记证明号", trigger: "blur" },
552 ],
553 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
554 bdcdjzmh: [
555 { required: true, message: "不动产登记证明号", trigger: "blur" },
556 ],
557 zwlxqssj: [
558 { required: true, message: "债务履行起始时间", trigger: "blur" },
559 ],
560 zwlxjssj: [
561 { required: true, message: "债务履行结束时间", trigger: "blur" },
562 ],
563 zxdyyy: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
564 zxsj: [{ required: true, message: "注销时间", trigger: "blur" }],
565 zxdbr: [{ required: true, message: "注销登簿人", trigger: "blur" }],
566 djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
567 dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
568 djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
569 },
471 }; 570 };
472 }, 571 },
473 created () { 572 created() {
474 this.loadData(); 573 this.loadData();
475 }, 574 },
476 575
477 methods: { 576 methods: {
478 ztQlxxchange (val) { 577 ztQlxxchange(val) {
479 this.ruleForm.ztQlxx = val 578 this.ruleForm.ztQlxx = val;
480 }, 579 },
481 ssQlxxchange (val) { 580 ssQlxxchange(val) {
482 this.ruleForm.ssQlxx = val 581 this.ruleForm.ssQlxx = val;
483 this.ruleForm.qlxx.ssywh=val.ssywh 582 this.ruleForm.qlxx.ssywh = val.ssywh;
484 }, 583 },
485 djlxchange(val){ 584 djlxchange(val) {
486 585 if (val == null || val == 100) {
487 if(val==null||val==100){ 586 this.ssqlxxshow = false;
488 this.ssqlxxshow=false 587 } else {
489 }else{ 588 this.ssqlxxshow = true;
490 this.ssqlxxshow=true
491 } 589 }
492
493 }, 590 },
494 loadData () { 591 loadData() {
495 this.propsParam.isEdit = this.$parent.isEdit; 592 this.propsParam.isEdit = this.$parent.isEdit;
496 init(this.propsParam).then((res) => { 593 init(this.propsParam).then((res) => {
497 if (res.code == 200) { 594 if (res.code == 200) {
498 this.ruleForm = res.result; 595 this.ruleForm = res.result;
499 this.isShow = true; 596 this.isShow = true;
500 let djlx= this.ruleForm.qlxx.djlx 597 let djlx = this.ruleForm.qlxx.djlx;
501 if(djlx==null||djlx==100){ 598 if (djlx == null || djlx == 100) {
502 this.ssqlxxshow=false 599 this.ssqlxxshow = false;
503 } 600 }
504
505
506 } 601 }
507 }); 602 });
508 //获取主体信息 603 //获取主体信息
509 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => { 604 getSsQlxx({
605 bdcdyid: this.propsParam.bdcdyid,
606 qllx: this.propsParam.qllx,
607 }).then((res) => {
510 if (res.code == 200) { 608 if (res.code == 200) {
511 this.ssQlxxList = res.result; 609 this.ssQlxxList = res.result;
512 } 610 }
...@@ -519,22 +617,25 @@ ...@@ -519,22 +617,25 @@
519 }); 617 });
520 }, 618 },
521 // 更新土地用途信息 619 // 更新土地用途信息
522 upDateTdytxxList (val) { 620 upDateTdytxxList(val) {
523 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 621 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
524 this.key++; 622 this.key++;
525 }, 623 },
526 // 更新权利人信息 624 // 更新权利人信息
527 upDateQlrxxList (val) { 625 upDateQlrxxList(val) {
528 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 626 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
529 this.czrOptions = this.ruleForm.qlrData; 627 this.czrOptions = this.ruleForm.qlrData;
530 this.key++; 628 this.key++;
531 }, 629 },
532 // 更新义务人信息 630 // 更新义务人信息
533 upDateYwrxxList (val) { 631 upDateYwrxxList(val) {
534 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 632 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
535 this.key++; 633 this.key++;
536 }, 634 },
537 onSubmit () { 635 onSubmit() {
636 this.$refs.ruleForm.validate((valid) => {
637 console.log("valid", valid);
638 if (valid) {
538 if (this.ruleForm.qlrData.length == 0) { 639 if (this.ruleForm.qlrData.length == 0) {
539 this.$message({ 640 this.$message({
540 showClose: true, 641 showClose: true,
...@@ -569,7 +670,7 @@ ...@@ -569,7 +670,7 @@
569 } else { 670 } else {
570 item.sfczr = "0"; 671 item.sfczr = "0";
571 } 672 }
572 }) 673 });
573 } 674 }
574 } 675 }
575 save(this.ruleForm).then((res) => { 676 save(this.ruleForm).then((res) => {
...@@ -587,12 +688,22 @@ ...@@ -587,12 +688,22 @@
587 type: "error", 688 type: "error",
588 }); 689 });
589 } 690 }
590 }) 691 });
591 } 692 } else {
693 return false;
592 } 694 }
593 }; 695 });
696 },
697 },
698 };
594 </script> 699 </script>
595 <style scoped lang="scss"> 700 <style scoped lang="scss">
596 @import "~@/styles/public.scss"; 701 @import "~@/styles/public.scss";
597 @import "~@/styles/slxx/slxx.scss"; 702 @import "~@/styles/slxx/slxx.scss";
703 .el-date-editor.el-input {
704 width: 100%;
705 }
706 .el-table__row {
707 height: 30px !important;
708 }
598 </style> 709 </style>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" 8 <lb-table :column="column" class="bbbb" :pagination="false" :key="key" :calcHeight="300"
9 :data="tableDataList"> 9 :data="tableDataList">
10 </lb-table> 10 </lb-table>
11 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 11 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
...@@ -240,3 +240,12 @@ ...@@ -240,3 +240,12 @@
240 } 240 }
241 } 241 }
242 </script> 242 </script>
243 <style scoped lang="scss">
244 /deep/.el-table__row{
245 background-color: salmon;
246 }
247 .bbbb{
248 background-color: salmon;
249
250 }
251 </style>
......
...@@ -209,4 +209,7 @@ export default { ...@@ -209,4 +209,7 @@ export default {
209 border: none !important; 209 border: none !important;
210 210
211 } 211 }
212 .el-date-editor.el-input{
213 width: 100%;
214 }
212 </style> 215 </style>
......