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 788 additions and 571 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">
...@@ -39,37 +40,66 @@ ...@@ -39,37 +40,66 @@
39 </el-row> 40 </el-row>
40 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
41 查封不动产情况 42 查封不动产情况
42 <div class="triangle"></div> 43 <div class="triangle"></div>
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"
52 <el-table-column prop="mjmc" label="面积"></el-table-column> 53 @change="ztQlxxchange"
53 <el-table-column prop="ytmc" label="用途"></el-table-column> 54 >
54 <el-table-column prop="zl" label="坐落"></el-table-column> 55 <el-table-column
55 </select-table> 56 prop="qllxmc"
56 </el-form-item> 57 width="130"
57 </el-col> 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>
69 <el-table-column prop="mjmc" label="面积"></el-table-column>
70 <el-table-column prop="ytmc" label="用途"></el-table-column>
71 <el-table-column prop="zl" label="坐落"></el-table-column>
72 </select-table>
73 </el-form-item>
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"
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 82 :props="props"
66 <el-table-column prop="mjmc" label="面积"></el-table-column> 83 @change="ssQlxxchange"
67 <el-table-column prop="ytmc" label="用途"></el-table-column> 84 >
68 <el-table-column prop="zl" label="坐落"></el-table-column> 85 <el-table-column
69 </select-table> 86 prop="qllxmc"
70 </el-form-item> 87 width="130"
71 </el-col> 88 label="权利类型"
72 </el-row> 89 ></el-table-column>
90 <el-table-column
91 prop="bdcqzh"
92 width="160"
93 label="不动产权证书"
94 ></el-table-column>
95 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
96 <el-table-column prop="mjmc" label="面积"></el-table-column>
97 <el-table-column prop="ytmc" label="用途"></el-table-column>
98 <el-table-column prop="zl" label="坐落"></el-table-column>
99 </select-table>
100 </el-form-item>
101 </el-col>
102 </el-row>
73 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> 103 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
74 <el-col :span="8"> 104 <el-col :span="8">
75 <el-form-item label="权利人："> 105 <el-form-item label="权利人：">
...@@ -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>
230 <el-col :span="8"> 267
231 <el-form-item label="解封业务号">
232 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
233 </el-form-item>
234 </el-col>
235 <el-col :span="8">
236 <el-form-item label="解封机关">
237 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
238 </el-form-item>
239 </el-col>
240 <el-col :span="8">
241 <el-form-item label="解封文件">
242 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
243 </el-form-item>
244 </el-col>
245 <el-col :span="8">
246 <el-form-item label="解封文号">
247 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
248 </el-form-item>
249 </el-col>
250 <el-col :span="8">
251 <el-form-item label="解封登簿人">
252 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
253 </el-form-item>
254 </el-col>
255 <el-col :span="8">
256 <el-form-item label="解封登记时间">
257 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
258 </el-form-item>
259 </el-col>
260 <el-col :span="8"> 268 <el-col :span="8">
261 <el-form-item label="登簿人："> 269 <el-form-item label="登簿人：" prop="dbr">
262 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 270 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
263 </el-form-item> 271 </el-form-item>
264 </el-col> 272 </el-col>
265 <el-col :span="8"> 273 <el-col :span="8">
266 <el-form-item label="登记时间："> 274 <el-form-item label="登记时间：" prop="djsj">
267 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 275 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
268 </el-form-item> 276 </el-form-item>
269 </el-col> 277 </el-col>
270 </el-row> 278 <el-col :span="24">
271 <div class="slxx_title title-block"> 279 <el-form-item label="附记：">
272 权利人信息 280 <el-input v-model="ruleForm.cfdj.fj"></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> 281 </el-form-item>
285 </el-col> 282 </el-col>
286 </el-row> 283 </el-row>
287 <qlrCommonTable 284 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
288 :tableData="ruleForm.qlrData" 285 <el-form-item label="解封业务号：">
289 @upDateQlrxxList="upDateQlrxxList" 286 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
290 :key="key" 287 </el-form-item>
291 :gyfs="ruleForm.qlxx.gyfs" 288 </el-col>
292 /> 289 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
293 290 <el-form-item label="解封机关：">
291 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
292 </el-form-item>
293 </el-col>
294 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
295 <el-form-item label="解封文件：">
296 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
297 </el-form-item>
298 </el-col>
299 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
300 <el-form-item label="解封文号：">
301 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
302 </el-form-item>
303 </el-col>
304 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
305 <el-form-item label="解封登簿人：">
306 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
307 </el-form-item>
308 </el-col>
309 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
310 <el-form-item label="解封登记时间：">
311 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
312 </el-form-item>
313 </el-col>
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: "更正登记",
367 },
368
369 {
370 dcode: "901",
371 dname: "补证",
372 },
373 {
374 dcode: "902",
375 dname: "换证",
330 }, 376 },
331 ssQlxxList: [], 377 ],
332 ztQlxxList: [], 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
403 ssQlxxList: [],
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,44 +418,47 @@ export default { ...@@ -337,44 +418,47 @@ 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;
345 }, 426 this.ruleForm.qlxx.ssywh = val.ssywh;
346 djlxchange(val){ 427 },
347 if(val==null||val==100){ 428 djlxchange(val) {
348 this.ssqlxxshow=false 429 if (val == null || val == 100) {
349 }else{ 430 this.ssqlxxshow = false;
350 this.ssqlxxshow=true 431 } else {
351 } 432 this.ssqlxxshow = true;
352 433 }
353 }, 434 },
354 loadData() { 435 loadData() {
355 this.propsParam.isEdit = this.$parent.isEdit; 436 this.propsParam.isEdit = this.$parent.isEdit;
356 init(this.propsParam).then((res) => { 437 init(this.propsParam).then((res) => {
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({
368 if (res.code == 200) { 449 bdcdyid: this.propsParam.bdcdyid,
369 this.ssQlxxList = res.result; 450 qllx: this.propsParam.qllx,
370 } 451 }).then((res) => {
371 }); 452 if (res.code == 200) {
372 //获取上手信息 453 this.ssQlxxList = res.result;
373 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 454 }
374 if (res.code == 200) { 455 });
375 this.ztQlxxList = res.result; 456 //获取上手信息
376 } 457 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
377 }); 458 if (res.code == 200) {
459 this.ztQlxxList = res.result;
460 }
461 });
378 }, 462 },
379 // 更新土地用途信息 463 // 更新土地用途信息
380 upDateTdytxxList(val) { 464 upDateTdytxxList(val) {
...@@ -393,57 +477,64 @@ export default { ...@@ -393,57 +477,64 @@ export default {
393 this.key++; 477 this.key++;
394 }, 478 },
395 onSubmit() { 479 onSubmit() {
396 if (this.ruleForm.qlrData.length == 0) { 480 this.$refs.ruleForm.validate((valid) => {
397 this.$message({ 481 console.log("valid", valid);
398 showClose: true, 482 if (valid) {
399 message: "请确认权利人信息", 483 if (this.ruleForm.qlrData.length == 0) {
400 type: "error", 484 this.$message({
401 }); 485 showClose: true,
402 return false; 486 message: "请确认权利人信息",
403 } 487 type: "error",
488 });
489 return false;
490 }
404 491
405 if (this.ruleForm.qlxx.gyfs == "0") { 492 if (this.ruleForm.qlxx.gyfs == "0") {
406 if (this.ruleForm.qlrData.length > 1) { 493 if (this.ruleForm.qlrData.length > 1) {
407 this.$message({ 494 this.$message({
408 showClose: true, 495 showClose: true,
409 message: "共有方式：单独所有，权利人只能是一个人", 496 message: "共有方式：单独所有，权利人只能是一个人",
410 type: "error", 497 type: "error",
411 }); 498 });
412 return false; 499 return false;
413 } 500 }
414 this.ruleForm.qlrData[0].sfczr = "1"; 501 this.ruleForm.qlrData[0].sfczr = "1";
415 } 502 }
416 if (this.ruleForm.qlxx.gyfs == "1") { 503 if (this.ruleForm.qlxx.gyfs == "1") {
417 //是否分别持证 504 //是否分别持证
418 if (this.ruleForm.qlxx.sqfbcz == "1") { 505 if (this.ruleForm.qlxx.sqfbcz == "1") {
419 //是 506 //是
420 this.ruleForm.qlrData.forEach((item, index) => { 507 this.ruleForm.qlrData.forEach((item, index) => {
421 item.sfczr = "1"; 508 item.sfczr = "1";
422 }); 509 });
423 } else {
424 this.ruleForm.qlrData.forEach((item, index) => {
425 if (item.zjh == this.ruleForm.czr) {
426 item.sfczr = "1";
427 } else { 510 } else {
428 item.sfczr = "0"; 511 this.ruleForm.qlrData.forEach((item, index) => {
512 if (item.zjh == this.ruleForm.czr) {
513 item.sfczr = "1";
514 } else {
515 item.sfczr = "0";
516 }
517 });
518 }
519 }
520 save(this.ruleForm).then((res) => {
521 if (res.code === 200) {
522 this.$message({
523 showClose: true,
524 message: "保存成功！",
525 type: "success",
526 });
527 this.$store.dispatch("user/refreshPage", true);
528 } else {
529 this.$message({
530 showClose: true,
531 message: res.message,
532 type: "error",
533 });
429 } 534 }
430 }); 535 });
431 }
432 }
433 save(this.ruleForm).then((res) => {
434 if (res.code === 200) {
435 this.$message({
436 showClose: true,
437 message: "保存成功！",
438 type: "success",
439 });
440 this.$store.dispatch("user/refreshPage", true);
441 } else { 536 } else {
442 this.$message({ 537 return false;
443 showClose: true,
444 message: res.message,
445 type: "error",
446 });
447 } 538 }
448 }); 539 });
449 }, 540 },
......
...@@ -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 补录信息
...@@ -38,39 +40,65 @@ ...@@ -38,39 +40,65 @@
38 </el-row> 40 </el-row>
39 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
40 抵押不动产情况 42 抵押不动产情况
41 <div class="triangle"></div> 43 <div class="triangle"></div>
42 </div> 44 </div>
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"
50 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 52 :props="props"
51 <el-table-column prop="mjmc" label="面积"></el-table-column> 53 @change="ztQlxxchange"
52 <el-table-column prop="ytmc" label="用途"></el-table-column> 54 >
53 <el-table-column prop="zl" label="坐落"></el-table-column> 55 <el-table-column
54 </select-table> 56 prop="qllxmc"
55 </el-form-item> 57 width="130"
56 </el-col> 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 prop="qlrmc" label="权利人"></el-table-column>
66 <el-table-column prop="mjmc" label="面积"></el-table-column>
67 <el-table-column prop="ytmc" label="用途"></el-table-column>
68 <el-table-column prop="zl" label="坐落"></el-table-column>
69 </select-table>
70 </el-form-item>
71 </el-col>
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"
64 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 79 :props="props"
65 <el-table-column prop="mjmc" label="面积"></el-table-column> 80 @change="ssQlxxchange"
66 <el-table-column prop="ytmc" label="用途"></el-table-column> 81 >
67 <el-table-column prop="zl" label="坐落"></el-table-column> 82 <el-table-column
68 </select-table> 83 prop="qllxmc"
69 </el-form-item> 84 width="130"
70 </el-col> 85 label="权利类型"
71 </el-row> 86 ></el-table-column>
87 <el-table-column
88 prop="bdcqzh"
89 width="160"
90 label="不动产权证书"
91 ></el-table-column>
92 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
93 <el-table-column prop="mjmc" label="面积"></el-table-column>
94 <el-table-column prop="ytmc" label="用途"></el-table-column>
95 <el-table-column prop="zl" label="坐落"></el-table-column>
96 </select-table>
97 </el-form-item>
98 </el-col>
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,85 +153,32 @@ ...@@ -125,85 +153,32 @@
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">
130 <el-form-item label="抵押方式：">
131 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></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>
137 </el-col>
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
139 <el-form-item label="最高债权额">
140 <div style="display: flex">
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>
154 </el-col>
155 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
156 <el-form-item label="被担保主债权数额">
157 <div style="display: flex">
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
164 v-for="item in dictData['A57']"
165 :key="item.dcode"
166 :label="item.dname"
167 :value="item.dcode"></el-option>
168 </el-select>
169 </div>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 <el-row :gutter="10">
174 <el-col :span="8"> 158 <el-col :span="8">
175 <el-form-item label="不动产单元号："> 159 <el-form-item label="不动产单元号：">
176 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 160 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
177 </el-form-item> 161 </el-form-item>
178 </el-col> 162 </el-col>
179 <el-col :span="8"> 163 <el-col :span="8">
180 <el-form-item label="业务号：">
181 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
182 </el-form-item>
183 </el-col>
184 <el-col :span="8">
185 <el-form-item label="上手业务号：">
186 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
187 </el-form-item>
188 </el-col>
189 </el-row>
190 <el-row :gutter="10">
191 <el-col :span="8">
192 <el-form-item label="权利类型："> 164 <el-form-item label="权利类型：">
193 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 165 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
194 </el-form-item> 166 </el-form-item>
195 </el-col> 167 </el-col>
196 <el-col :span="8"> 168 <el-col :span="8">
197 <el-form-item label="登记类型："> 169 <el-form-item label="登记类型：">
198 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 170 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
199 <el-option 171 <el-option
200 v-for="item in djlxlist" 172 v-for="item in djlxlist"
201 :key="item.dcode" 173 :key="item.dcode"
202 :label="item.dname" 174 :label="item.dname"
203 :value="item.dcode"></el-option> 175 :value="item.dcode"
176 ></el-option>
204 </el-select> 177 </el-select>
205 </el-form-item> 178 </el-form-item>
206 </el-col> 179 </el-col>
180 </el-row>
181 <el-row :gutter="10">
207 <el-col :span="8"> 182 <el-col :span="8">
208 <el-form-item label="权属状态："> 183 <el-form-item label="权属状态：">
209 <el-select v-model="ruleForm.qlxx.qszt"> 184 <el-select v-model="ruleForm.qlxx.qszt">
...@@ -211,52 +186,201 @@ ...@@ -211,52 +186,201 @@
211 v-for="item in qsztlist" 186 v-for="item in qsztlist"
212 :key="item.dcode" 187 :key="item.dcode"
213 :label="item.dname" 188 :label="item.dname"
214 :value="item.dcode"></el-option> 189 :value="item.dcode"
190 ></el-option>
215 </el-select> 191 </el-select>
216 </el-form-item> 192 </el-form-item>
217 </el-col> 193 </el-col>
218 <el-col :span="8"> 194 <el-col :span="8">
219 <el-form-item label="不动产坐落："> 195 <el-form-item label="业务号：">
220 <el-input v-model="ruleForm.qlxx.zl"></el-input> 196 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
221 </el-form-item>
222 </el-col>
223 <el-col :span="8">
224 <el-form-item label="不动产权证号：">
225 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
226 </el-form-item> 197 </el-form-item>
227 </el-col> 198 </el-col>
228 <el-col :span="8"> 199 <el-col :span="8">
229 <el-form-item label="区县代码："> 200 <el-form-item label="上手业务号：">
230 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 201 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
231 </el-form-item> 202 </el-form-item>
232 </el-col> 203 </el-col>
204 </el-row>
205 <el-row :gutter="10">
233 <el-col :span="8"> 206 <el-col :span="8">
234 <el-form-item label="登记机构："> 207 <el-form-item label="抵押金额类型：">
235 <el-input v-model="ruleForm.qlxx.djjg"></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>
236 </el-form-item> 212 </el-form-item>
237 </el-col> 213 </el-col>
238 <el-col :span="8"> 214 <el-col :span="8">
239 <el-form-item label="登簿人："> 215 <el-form-item label="抵押方式：">
240 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 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>
241 </el-form-item> 220 </el-form-item>
242 </el-col> 221 </el-col>
243 <el-col :span="8"> 222 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
244 <el-form-item label="登记时间："> 223 <el-form-item label="最高债权额：">
245 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 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">
231 <el-option
232 v-for="item in dictData['A57']"
233 :key="item.dcode"
234 :label="item.dname"
235 :value="item.dcode"
236 ></el-option>
237 </el-select>
238 </div>
246 </el-form-item> 239 </el-form-item>
247 </el-col> 240 </el-col>
248 <el-col :span="8"> 241 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
249 <el-form-item label="登记原因："> 242 <el-form-item label="被担保主债权数额：">
250 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 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">
250 <el-option
251 v-for="item in dictData['A57']"
252 :key="item.dcode"
253 :label="item.dname"
254 :value="item.dcode"
255 ></el-option>
256 </el-select>
257 </div>
251 </el-form-item> 258 </el-form-item>
252 </el-col> 259 </el-col>
260 </el-row>
261 <el-col :span="8">
262 <el-form-item label="抵押面积：">
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>
278 </el-form-item>
279 </el-col>
280 <el-col :span="8">
281 <el-form-item label="债务履行起始时间：" prop="zwlxqssj">
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>
290 </el-form-item>
291 </el-col>
292 <el-col :span="8">
293 <el-form-item label="债务履行结束时间：" prop="zwlxjssj">
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>
302 </el-form-item>
303 </el-col>
304 <el-col :span="8">
305 <el-form-item label="在建建筑物坐落：">
306 <el-input v-model="ruleForm.qlxx.zl"></el-input>
307 </el-form-item>
308 </el-col>
309 <!-- <el-col :span="8">
310 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
311 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
312 </el-form-item>
313 </el-col> -->
314 <el-col :span="8">
315 <el-form-item label="区县代码：" prop="qxdm">
316 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
317 </el-form-item>
318 </el-col>
319 <el-col :span="8">
320 <el-form-item label="在建建筑物抵押范围：">
321 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
322 </el-form-item>
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> 328 </el-form-item>
258 </el-col> 329 </el-col>
259 <el-col :span="8"> 330 <el-col :span="8">
331 <el-form-item label="债务履行期限(确定期间)：">
332 <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
333 </el-form-item>
334 </el-col>
335
336 <el-col :span="8">
337 <el-form-item label="最高债权确定事实和数额：">
338 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
339 </el-form-item>
340 </el-col>
341 <el-col :span="8">
342 <el-form-item label="是否限制转移约定">
343 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
344 <el-option
345 v-for="item in dictData['A6']"
346 :key="item.dcode"
347 :label="item.dname"
348 :value="item.dcode"
349 >
350 </el-option>
351 </el-select>
352 </el-form-item>
353 </el-col>
354 <el-col :span="8">
355 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
356 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
357 </el-form-item>
358 </el-col>
359
360 <el-col :span="8">
361 <el-form-item label="登记机构：" prop="djjg">
362 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
363 </el-form-item>
364 </el-col>
365 <el-col :span="8">
366 <el-form-item label="登簿人：" prop="dbr">
367 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
368 </el-form-item>
369 </el-col>
370 <el-col :span="8">
371 <el-form-item label="登记时间：" prop="djsj">
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>
380 </el-form-item>
381 </el-col>
382
383 <!-- <el-col :span="8">
260 <el-form-item label="是否预告登记："> 384 <el-form-item label="是否预告登记：">
261 <el-select v-model="ruleForm.diyaq.sfygdj"> 385 <el-select v-model="ruleForm.diyaq.sfygdj">
262 <el-option 386 <el-option
...@@ -266,96 +390,51 @@ ...@@ -266,96 +390,51 @@
266 :value="item.dcode"></el-option> 390 :value="item.dcode"></el-option>
267 </el-select> 391 </el-select>
268 </el-form-item> 392 </el-form-item>
269 </el-col> 393 </el-col> -->
270 <el-col :span="8"> 394 <!-- <el-col :span="8">
271 <el-form-item label="在建建筑物坐落："> 395 <el-form-item label="在建建筑物坐落：">
272 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> 396 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
273 </el-form-item> 397 </el-form-item>
274 </el-col> 398 </el-col> -->
275 <el-col :span="8">
276 <el-form-item label="在建建筑物抵押范围：">
277 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
278 </el-form-item>
279 </el-col>
280 <el-col :span="8">
281 <el-form-item label="抵押面积：">
282 <div style="display: flex">
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
289 v-for="item in dictData['A7']"
290 :key="item.dcode"
291 :label="item.dname"
292 :value="item.dcode"></el-option>
293 </el-select>
294 </div>
295 </el-form-item>
296 </el-col>
297 399
298 <el-col :span="8"> 400 <el-col :span="24">
299 <el-form-item label="担保范围"> 401 <el-form-item label="登记原因：">
300 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 402 <el-input v-model="ruleForm.qlxx.djyy"></el-input>
301 </el-form-item> 403 </el-form-item>
302 </el-col> 404 </el-col>
303 <el-col :span="8"> 405 <el-col :span="24">
304 <el-form-item label="债务履行期限（债务确定期间）"> 406 <el-form-item label="附记：">
305 <el-input v-model="ruleForm.diyaq.dyqx"></el-input> 407 <el-input v-model="ruleForm.diyaq.fj"></el-input>
306 </el-form-item> 408 </el-form-item>
307 </el-col> 409 </el-col>
308 <el-col :span="8"> 410 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
309 <el-form-item label="债务履行起始时间"> 411 <el-form-item label="注销抵押业务号：">
310 <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input> 412 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
311 </el-form-item> 413 </el-form-item>
312 </el-col> 414 </el-col>
313 <el-col :span="8"> 415
314 <el-form-item label="债务履行结束时间"> 416 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
315 <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input> 417 <el-form-item label="注销时间：" prop="zxsj">
316 </el-form-item> 418 <el-date-picker
317 </el-col> 419 v-model="ruleForm.qlxx.zxsj"
318 <el-col :span="8"> 420 type="date"
319 <el-form-item label="最高债权确定事实和数额"> 421 placeholder="选择日期"
320 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 422 value-format="yyyy/MM/dd HH:mm:ss"
321 </el-form-item> 423 format="yyyy/MM/dd"
322 </el-col> 424 >
323 <el-col :span="8"> 425 </el-date-picker>
324 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定"> 426 </el-form-item>
325 <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input> 427 </el-col>
326 </el-form-item> 428 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
327 </el-col> 429 <el-form-item label="注销登簿人：" prop="zxdbr">
328 <el-col :span="8"> 430 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
329 <el-form-item label="不动产登记证明号"> 431 </el-form-item>
330 <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input> 432 </el-col>
331 </el-form-item> 433 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
332 </el-col> 434 <el-form-item label="注销抵押原因：" prop="zxdyyy">
333 <el-col :span="8"> 435 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
334 <el-form-item label="注销抵押业务号"> 436 </el-form-item>
335 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> 437 </el-col>
336 </el-form-item>
337 </el-col>
338 <el-col :span="8">
339 <el-form-item label="注销抵押原因">
340 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
341 </el-form-item>
342 </el-col>
343 <el-col :span="8">
344 <el-form-item label="注销时间">
345 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
346 </el-form-item>
347 </el-col>
348 <el-col :span="8">
349 <el-form-item label="注销登簿人">
350 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
351 </el-form-item>
352 </el-col>
353 <el-col :span="24">
354 <el-form-item label="附记：">
355 <el-input v-model="ruleForm.diyaq.fj"></el-input>
356 </el-form-item>
357 </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,199 +480,230 @@ ...@@ -400,199 +480,230 @@
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",
499 },
500 //表单是否可操作
501 propsParam: this.$attrs,
502 key: 0,
503 isShow: false,
504 disabled: true,
505 ssqlxxshow: true,
506 czrOptions: [],
507 ruleForm: {},
508 // 权属状态
509 qsztlist: [
510 {
511 dcode: "1",
512 dname: "现势",
513 },
514 {
515 dcode: "2",
516 dname: "历史",
517 },
518 ],
519 // 登记类型
520 djlxlist: [
521 {
522 dcode: "100",
523 dname: "首次登记",
524 },
525 {
526 dcode: "200",
527 dname: "转移登记",
528 },
529 {
530 dcode: "300",
531 dname: "变更登记",
532 },
533 {
534 dcode: "500",
535 dname: "更正登记",
419 }, 536 },
420 //表单是否可操作
421 propsParam: this.$attrs,
422 key: 0,
423 isShow: false,
424 disabled: true,
425 ssqlxxshow:true,
426 czrOptions: [],
427 ruleForm: {},
428 //传递参数
429 rules: {},
430 // 权属状态
431 qsztlist: [
432 {
433 dcode: "1",
434 dname: "现势",
435 },
436 {
437 dcode: "2",
438 dname: "历史",
439 },
440 ],
441 // 登记类型
442 djlxlist: [
443 {
444 dcode: "100",
445 dname: "首次登记",
446 },
447 {
448 dcode: "200",
449 dname: "转移登记",
450 },
451 {
452 dcode: "300",
453 dname: "变更登记",
454 },
455 {
456 dcode: "500",
457 dname: "更正登记",
458 },
459 537
460 { 538 {
461 dcode: "901", 539 dcode: "901",
462 dname: "补证", 540 dname: "补证",
463 }, 541 },
464 { 542 {
465 dcode: "902", 543 dcode: "902",
466 dname: "换证", 544 dname: "换证",
467 }, 545 },
546 ],
547 ssQlxxList: [],
548 ztQlxxList: [],
549 rules: {
550 bdcqzh: [
551 { required: true, message: "不动产登记证明号", trigger: "blur" },
468 ], 552 ],
469 ssQlxxList: [], 553 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
470 ztQlxxList: [], 554 bdcdjzmh: [
471 }; 555 { required: true, message: "不动产登记证明号", trigger: "blur" },
472 }, 556 ],
473 created () { 557 zwlxqssj: [
474 this.loadData(); 558 { required: true, message: "债务履行起始时间", trigger: "blur" },
475 }, 559 ],
476 560 zwlxjssj: [
477 methods: { 561 { required: true, message: "债务履行结束时间", trigger: "blur" },
478 ztQlxxchange (val) { 562 ],
479 this.ruleForm.ztQlxx = val 563 zxdyyy: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
480 }, 564 zxsj: [{ required: true, message: "注销时间", trigger: "blur" }],
481 ssQlxxchange (val) { 565 zxdbr: [{ required: true, message: "注销登簿人", trigger: "blur" }],
482 this.ruleForm.ssQlxx = val 566 djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
483 this.ruleForm.qlxx.ssywh=val.ssywh 567 dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
484 }, 568 djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
485 djlxchange(val){
486
487 if(val==null||val==100){
488 this.ssqlxxshow=false
489 }else{
490 this.ssqlxxshow=true
491 }
492
493 }, 569 },
494 loadData () { 570 };
495 this.propsParam.isEdit = this.$parent.isEdit; 571 },
496 init(this.propsParam).then((res) => { 572 created() {
497 if (res.code == 200) { 573 this.loadData();
498 this.ruleForm = res.result; 574 },
499 this.isShow = true;
500 let djlx= this.ruleForm.qlxx.djlx
501 if(djlx==null||djlx==100){
502 this.ssqlxxshow=false
503 }
504
505 575
576 methods: {
577 ztQlxxchange(val) {
578 this.ruleForm.ztQlxx = val;
579 },
580 ssQlxxchange(val) {
581 this.ruleForm.ssQlxx = val;
582 this.ruleForm.qlxx.ssywh = val.ssywh;
583 },
584 djlxchange(val) {
585 if (val == null || val == 100) {
586 this.ssqlxxshow = false;
587 } else {
588 this.ssqlxxshow = true;
589 }
590 },
591 loadData() {
592 this.propsParam.isEdit = this.$parent.isEdit;
593 init(this.propsParam).then((res) => {
594 if (res.code == 200) {
595 this.ruleForm = res.result;
596 this.isShow = true;
597 let djlx = this.ruleForm.qlxx.djlx;
598 if (djlx == null || djlx == 100) {
599 this.ssqlxxshow = false;
506 } 600 }
507 });
508 //获取主体信息
509 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => {
510 if (res.code == 200) {
511 this.ssQlxxList = res.result;
512 }
513 });
514 //获取上手信息
515 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
516 if (res.code == 200) {
517 this.ztQlxxList = res.result;
518 }
519 });
520 },
521 // 更新土地用途信息
522 upDateTdytxxList (val) {
523 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
524 this.key++;
525 },
526 // 更新权利人信息
527 upDateQlrxxList (val) {
528 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
529 this.czrOptions = this.ruleForm.qlrData;
530 this.key++;
531 },
532 // 更新义务人信息
533 upDateYwrxxList (val) {
534 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
535 this.key++;
536 },
537 onSubmit () {
538 if (this.ruleForm.qlrData.length == 0) {
539 this.$message({
540 showClose: true,
541 message: "请确认权利人信息",
542 type: "error",
543 });
544 return false;
545 } 601 }
546 602 });
547 if (this.ruleForm.qlxx.gyfs == "0") { 603 //获取主体信息
548 if (this.ruleForm.qlrData.length > 1) { 604 getSsQlxx({
605 bdcdyid: this.propsParam.bdcdyid,
606 qllx: this.propsParam.qllx,
607 }).then((res) => {
608 if (res.code == 200) {
609 this.ssQlxxList = res.result;
610 }
611 });
612 //获取上手信息
613 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
614 if (res.code == 200) {
615 this.ztQlxxList = res.result;
616 }
617 });
618 },
619 // 更新土地用途信息
620 upDateTdytxxList(val) {
621 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
622 this.key++;
623 },
624 // 更新权利人信息
625 upDateQlrxxList(val) {
626 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
627 this.czrOptions = this.ruleForm.qlrData;
628 this.key++;
629 },
630 // 更新义务人信息
631 upDateYwrxxList(val) {
632 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
633 this.key++;
634 },
635 onSubmit() {
636 this.$refs.ruleForm.validate((valid) => {
637 console.log("valid", valid);
638 if (valid) {
639 if (this.ruleForm.qlrData.length == 0) {
549 this.$message({ 640 this.$message({
550 showClose: true, 641 showClose: true,
551 message: "共有方式：单独所有，权利人只能是一个人", 642 message: "请确认权利人信息",
552 type: "error", 643 type: "error",
553 }); 644 });
554 return false; 645 return false;
555 } 646 }
556 this.ruleForm.qlrData[0].sfczr = "1"; 647
557 } 648 if (this.ruleForm.qlxx.gyfs == "0") {
558 if (this.ruleForm.qlxx.gyfs == "1") { 649 if (this.ruleForm.qlrData.length > 1) {
559 //是否分别持证 650 this.$message({
560 if (this.ruleForm.qlxx.sqfbcz == "1") { 651 showClose: true,
561 //是 652 message: "共有方式：单独所有，权利人只能是一个人",
562 this.ruleForm.qlrData.forEach((item, index) => { 653 type: "error",
563 item.sfczr = "1"; 654 });
564 }); 655 return false;
565 } else { 656 }
566 this.ruleForm.qlrData.forEach((item, index) => { 657 this.ruleForm.qlrData[0].sfczr = "1";
567 if (item.zjh == this.ruleForm.czr) { 658 }
659 if (this.ruleForm.qlxx.gyfs == "1") {
660 //是否分别持证
661 if (this.ruleForm.qlxx.sqfbcz == "1") {
662 //是
663 this.ruleForm.qlrData.forEach((item, index) => {
568 item.sfczr = "1"; 664 item.sfczr = "1";
569 } else { 665 });
570 item.sfczr = "0"; 666 } else {
571 } 667 this.ruleForm.qlrData.forEach((item, index) => {
572 }) 668 if (item.zjh == this.ruleForm.czr) {
669 item.sfczr = "1";
670 } else {
671 item.sfczr = "0";
672 }
673 });
674 }
573 } 675 }
676 save(this.ruleForm).then((res) => {
677 if (res.code === 200) {
678 this.$message({
679 showClose: true,
680 message: "保存成功！",
681 type: "success",
682 });
683 this.$store.dispatch("user/refreshPage", true);
684 } else {
685 this.$message({
686 showClose: true,
687 message: res.message,
688 type: "error",
689 });
690 }
691 });
692 } else {
693 return false;
574 } 694 }
575 save(this.ruleForm).then((res) => { 695 });
576 if (res.code === 200) { 696 },
577 this.$message({ 697 },
578 showClose: true, 698 };
579 message: "保存成功！",
580 type: "success",
581 });
582 this.$store.dispatch("user/refreshPage", true);
583 } else {
584 this.$message({
585 showClose: true,
586 message: res.message,
587 type: "error",
588 });
589 }
590 })
591 }
592 }
593 };
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>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-16 10:38:23 4 * @LastEditTime: 2023-06-16 10:38:23
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>
......