Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7b284d97 by tianhaohao@pashanhoo.com
Options

111

1 parent dd5688cd
Inline Side-by-side
Showing 4 changed files with 244 additions and 304 deletions
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-31 10:09:01 4 * @LastEditTime: 2024-01-30 16:07:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form 8 <el-form
9 :model="ruleForm" 9 :model="ruleForm"
10 :rules="rules" 10 :rules="rules"
11 ref="ruleForm"
12 v-Loading="loading" 11 v-Loading="loading"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''" 13 :label-position="flag ? 'top' : ''"
14 :inline="flag" 14 :inline="flag"
15 label-width="120px"> 15 label-width="120px">
...@@ -54,10 +54,10 @@ ...@@ -54,10 +54,10 @@
54 </el-row> 54 </el-row>
55 <div class="slxx_title title-block"> 55 <div class="slxx_title title-block">
56 <el-row> 56 <el-row>
57 <el-col :span="20"> 57 <el-col :span="16">
58 不动产单元情况 58 不动产单元情况
59 </el-col> 59 </el-col>
60 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'"> 60 <el-col :span="4" v-show="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px"> 61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs"> 62 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio> 63 <el-radio label="1">是</el-radio>
...@@ -65,200 +65,85 @@ ...@@ -65,200 +65,85 @@
65 </el-radio-group> 65 </el-radio-group>
66 </el-form-item> 66 </el-form-item>
67 </el-col> 67 </el-col>
68 <el-col :span="4" v-show="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'">
69 <el-button @click="compare">变化情况对比+</el-button>
70 </el-col>
68 </el-row> 71 </el-row>
69 <div class="triangle"></div> 72 <div class="triangle"></div>
70 </div> 73 </div>
71 <el-row :gutter="10" v-if="ruleForm.qlxx"> 74 <el-row :gutter="10" v-if="ruleForm.qlxx">
72 <el-col :span="8"> 75 <el-col :span="8">
73 <el-form-item label="原不动产权证号：">
74 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item label="不动产单元号："> 76 <el-form-item label="不动产单元号：">
79 <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input> 77 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
80 </el-form-item> 78 </el-form-item>
81 </el-col> 79 </el-col>
82 <el-col :span="8"> 80 <el-col :span="16">
83 <el-form-item label="坐落："> 81 <el-form-item label="坐落：">
84 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input> 82 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
85 </el-form-item> 83 </el-form-item>
86 </el-col> 84 </el-col>
87 </el-row> 85 </el-row>
88 <el-row :gutter="10" v-if="ruleForm.fdcq2"> 86 <el-row :gutter="10" v-if="ruleForm.fdcq2">
89 <el-col :span="8"> 87 <el-col :span="8">
90 <el-form-item label="宗地面积："> 88 <el-form-item label="土地用途：">
91 <div class="flex"> 89 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
92 <el-input :disabled="!viewEdit" v-model="ruleForm.zdjbxx.zdmj"></el-input>
93 <el-select
94 disabled
95 v-model="ruleForm.zdjbxx.mjdw"
96 style="width: 68px">
97 <el-option
98 v-for="item in dictData['A7']"
99 :key="item.dcode"
100 :label="item.dname"
101 :value="item.dcode">
102 </el-option>
103 </el-select>
104 </div>
105 </el-form-item> 90 </el-form-item>
106 </el-col> 91 </el-col>
107 <el-col :span="8"> 92 <el-col :span="8">
108 <el-form-item label="土地使用权人："> 93 <el-form-item label="土地使用起止时间：">
109 <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq2.tdsyqr"></el-input> 94 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
110 </el-form-item> 95 </el-form-item>
111 </el-col> 96 </el-col>
112 <el-col :span="8"> 97 <el-col :span="8">
113 <el-form-item label="土地性质："> 98 <el-form-item label="土地使用期限：">
114 <treeselect 99 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
115 :disabled="!viewEdit"
116 v-model="ruleForm.fdcq2.tdxz"
117 noOptionsText="暂无数据"
118 placeholder=""
119 :normalizer="normalizer"
120 :default-expand-level="1"
121 :show-count="true"
122 :options="dictData['A9']" />
123 </el-form-item> 100 </el-form-item>
124 </el-col> 101 </el-col>
125 </el-row> 102 </el-row>
126 <el-row :gutter="10" v-if="ruleForm.qlxx"> 103 <el-row :gutter="10" v-if="ruleForm.qlxx">
127 <el-col :span="8"> 104 <el-col :span="8">
128 <el-form-item label="独用土地面积："> 105 <el-form-item label="规划用途名称：">
129 <div class="flex"> 106 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
130 <el-input
131 maxlength="12"
132 v-model="ruleForm.fdcq2.dytdmj"
133 :disabled="!viewEdit"
134 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
135 <el-select disabled v-model="mjdw" style="width: 68px">
136 <el-option
137 v-for="item in dictData['A7']"
138 :key="item.dcode"
139 :label="item.dname"
140 :value="item.dcode">
141 </el-option>
142 </el-select>
143 </div>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item label="分摊土地面积：">
148 <div class="flex">
149 <el-input
150 maxlength="12"
151 v-model="ruleForm.fdcq2.fttdmj"
152 :disabled="!viewEdit"
153 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
154 <el-select disabled v-model="mjdw" style="width: 68px">
155 <el-option
156 v-for="item in dictData['A7']"
157 :key="item.dcode"
158 :label="item.dname"
159 :value="item.dcode">
160 </el-option>
161 </el-select>
162 </div>
163 </el-form-item> 107 </el-form-item>
164 </el-col> 108 </el-col>
165 <el-col :span="8"> 109 <el-col :span="8">
166 <el-form-item label="房屋性质："> 110 <el-form-item label="房屋性质：">
167 <el-select v-model="ruleForm.fdcq2.fwxz" :disabled="!viewEdit"> 111 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
168 <el-option
169 v-for="item in dictData['A19']"
170 :key="item.dcode"
171 :label="item.dname"
172 :value="item.dcode">
173 </el-option>
174 </el-select>
175 </el-form-item>
176 </el-col>
177 </el-row>
178 <el-row :gutter="10" v-if="ruleForm.qlxx">
179 <el-col :span="8">
180 <el-form-item label="房屋用途：">
181 <treeselect
182 v-model="ruleForm.fdcq2.ghyt"
183 :disabled="!viewEdit"
184 noOptionsText=""
185 placeholder=""
186 :normalizer="normalizer"
187 :show-count="true"
188 :options="dictData['A17']" />
189 </el-form-item> 112 </el-form-item>
190 </el-col> 113 </el-col>
191 <el-col :span="8"> 114 <el-col :span="8">
192 <el-form-item label="房屋结构："> 115 <el-form-item label="房屋结构：">
193 <el-select v-model="ruleForm.fdcq2.fwjg" :disabled="!viewEdit"> 116 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
194 <el-option
195 v-for="item in dictData['A46']"
196 :key="item.dcode"
197 :label="item.dname"
198 :value="item.dcode">
199 </el-option>
200 </el-select>
201 </el-form-item>
202 </el-col>
203 <el-col :span="8">
204 <el-form-item label="竣工时间：">
205 <el-date-picker
206 v-model="ruleForm.fdcq2.jgsj"
207 class="width100"
208 type="date"
209 placeholder="选择日期"
210 value-format="yyyy-MM-dd"
211 :disabled="!viewEdit"></el-date-picker>
212 </el-form-item> 117 </el-form-item>
213 </el-col> 118 </el-col>
214 </el-row> 119 </el-row>
215 <el-row :gutter="10" v-if="ruleForm.qlxx"> 120 <el-row :gutter="10" v-if="ruleForm.fdcq2">
216 <el-col :span="8"> 121 <el-col :span="8">
217 <el-form-item label="所在层："> 122 <el-form-item label="所在层：">
218 <el-input 123 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
219 maxlength="20"
220 v-model="ruleForm.fdcq2.szc"
221 :disabled="!viewEdit"></el-input>
222 </el-form-item> 124 </el-form-item>
223 </el-col> 125 </el-col>
224 <el-col :span="8"> 126 <el-col :span="8">
225 <el-form-item label="总层数："> 127 <el-form-item label="总层数：">
226 <el-input 128 <el-input
227 maxlength="4" 129 disabled
228 :disabled="!viewEdit"
229 v-model.number="ruleForm.fdcq2.zcs" 130 v-model.number="ruleForm.fdcq2.zcs"
230 oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 131 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
231 </el-form-item> 132 </el-form-item>
232 </el-col> 133 </el-col>
233 <el-col :span="8"> 134 <el-col :span="8">
234 <el-form-item label="房地产交易价格："> 135 <el-form-item label="竣工时间：">
235 <div class="flex"> 136 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
236 <el-input
237 maxlength="11"
238 v-model="ruleForm.fdcq2.fdcjyjg"
239 style="width: 500%"
240 :disabled="!viewEdit"
241 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
242 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
243 <el-option
244 v-for="item in dictData['A57']"
245 :key="item.dcode"
246 :label="item.dname"
247 :value="item.dcode">
248 </el-option>
249 </el-select>
250 </div>
251 </el-form-item> 137 </el-form-item>
252 </el-col> 138 </el-col>
253 </el-row> 139 </el-row>
254 <el-row :gutter="10" v-if="ruleForm.fdcq2"> 140 <el-row :gutter="10" v-if="ruleForm.qlxx">
255 <el-col :span="8"> 141 <el-col :span="8">
256 <el-form-item label="建筑面积："> 142 <el-form-item label="建筑面积：">
257 <div class="flex"> 143 <div class="flex">
258 <el-input 144 <el-input
259 maxlength="12" 145 disabled
260 v-model="ruleForm.fdcq2.jzmj" 146 v-model="ruleForm.qlxx.mj"
261 :disabled="!viewEdit"
262 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
263 <el-select disabled v-model="mjdw" style="width: 68px"> 148 <el-select disabled v-model="mjdw" style="width: 68px">
264 <el-option 149 <el-option
...@@ -275,9 +160,8 @@ ...@@ -275,9 +160,8 @@
275 <el-form-item label="专有建筑面积："> 160 <el-form-item label="专有建筑面积：">
276 <div class="flex"> 161 <div class="flex">
277 <el-input 162 <el-input
278 maxlength="12" 163 disabled
279 v-model="ruleForm.fdcq2.zyjzmj" 164 v-model="ruleForm.fdcq2.zyjzmj"
280 :disabled="!viewEdit"
281 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 165 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
282 <el-select disabled v-model="mjdw" style="width: 68px"> 166 <el-select disabled v-model="mjdw" style="width: 68px">
283 <el-option 167 <el-option
...@@ -294,9 +178,8 @@ ...@@ -294,9 +178,8 @@
294 <el-form-item label="分摊建筑面积："> 178 <el-form-item label="分摊建筑面积：">
295 <div class="flex"> 179 <div class="flex">
296 <el-input 180 <el-input
297 maxlength="12" 181 disabled
298 v-model="ruleForm.fdcq2.ftjzmj" 182 v-model="ruleForm.fdcq2.ftjzmj"
299 :disabled="!viewEdit"
300 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 183 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
301 <el-select disabled v-model="mjdw" style="width: 68px"> 184 <el-select disabled v-model="mjdw" style="width: 68px">
302 <el-option 185 <el-option
...@@ -310,18 +193,6 @@ ...@@ -310,18 +193,6 @@
310 </el-form-item> 193 </el-form-item>
311 </el-col> 194 </el-col>
312 </el-row> 195 </el-row>
313 <el-row :gutter="10">
314 <el-col :span="24">
315 <el-form-item label="附记：">
316 <el-input
317 v-model="ruleForm.fdcq2.fj"
318 type="textarea"
319 maxlength="500"
320 show-word-limit
321 :disabled="!viewEdit"></el-input>
322 </el-form-item>
323 </el-col>
324 </el-row>
325 <div class="slxx_title title-block"> 196 <div class="slxx_title title-block">
326 土地用途 197 土地用途
327 <div class="triangle"></div> 198 <div class="triangle"></div>
...@@ -335,7 +206,7 @@ ...@@ -335,7 +206,7 @@
335 <div class="triangle"></div> 206 <div class="triangle"></div>
336 </div> 207 </div>
337 <el-row :gutter="10"> 208 <el-row :gutter="10">
338 <el-col :span="12" v-if="ruleForm.qlxx"> 209 <el-col :span="12">
339 <el-form-item label="共有方式："> 210 <el-form-item label="共有方式：">
340 <el-radio-group 211 <el-radio-group
341 :disabled="!viewEdit" 212 :disabled="!viewEdit"
...@@ -378,28 +249,16 @@ ...@@ -378,28 +249,16 @@
378 </el-row> 249 </el-row>
379 <qlrCommonTable 250 <qlrCommonTable
380 @upDateQlrxxList="upDateQlrxxList" 251 @upDateQlrxxList="upDateQlrxxList"
252 :disabled="!viewEdit"
381 :tableData="ruleForm.qlrList" 253 :tableData="ruleForm.qlrList"
382 :disabled="viewEdit"
383 :gyfs="ruleForm.sldy.gyfs" /> 254 :gyfs="ruleForm.sldy.gyfs" />
384
385 <div v-if="ruleForm.qlxx.djlx == '200'">
386 <div class="slxx_title title-block">
387 义务人信息
388 <div class="triangle"></div>
389 </div>
390 <ywrCommonTable
391 v-if="ruleForm.qlxx"
392 @upDateQlrxxList="upDateYwrxxList"
393 :tableData="ruleForm.ywrList"
394 :disabled="viewEdit" />
395 </div>
396 <div class="slxx_title title-block"> 255 <div class="slxx_title title-block">
397 登记原因 256 登记原因
398 <div class="triangle"></div> 257 <div class="triangle"></div>
399 </div> 258 </div>
400 <el-row :gutter="10"> 259 <el-row :gutter="10">
401 <el-col> 260 <el-col>
402 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="fdcq2.djyy"> 261 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="fdcq2.djyy">
403 <el-input 262 <el-input
404 class="textArea" 263 class="textArea"
405 type="textarea" 264 type="textarea"
...@@ -423,14 +282,13 @@ ...@@ -423,14 +282,13 @@
423 <script> 282 <script>
424 import ywmix from "@/views/ywbl/mixin/index"; 283 import ywmix from "@/views/ywbl/mixin/index";
425 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 284 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
426 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
427 import tdytTable from "@/views/workflow/components/tdytTable"; 285 import tdytTable from "@/views/workflow/components/tdytTable";
428 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 286 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
429 import { mapGetters } from "vuex"; 287 import { mapGetters } from "vuex";
430 export default { 288 export default {
431 mixins: [ywmix], 289 mixins: [ywmix],
432 mounted () { 290 mounted () {
433 let that = this; 291 let that = this
434 this.loading = true 292 this.loading = true
435 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 293 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
436 this.propsParam = this.$attrs; 294 this.propsParam = this.$attrs;
...@@ -445,7 +303,9 @@ ...@@ -445,7 +303,9 @@
445 if (res.code === 200 && res.result) { 303 if (res.code === 200 && res.result) {
446 that.ruleForm = { 304 that.ruleForm = {
447 ...res.result, 305 ...res.result,
306 ...res.result.zdjbxxdatas,
448 ...res.result.qlxxdatas, 307 ...res.result.qlxxdatas,
308 ...res.result.jsydsyqdatas,
449 }; 309 };
450 that.ruleForm.qlrList.forEach((item) => { 310 that.ruleForm.qlrList.forEach((item) => {
451 item.id = item.bsmSqr 311 item.id = item.bsmSqr
...@@ -465,9 +325,10 @@ ...@@ -465,9 +325,10 @@
465 } 325 }
466 }).catch(() => { 326 }).catch(() => {
467 this.loading = false 327 this.loading = false
328 this.isSave = false
468 }) 329 })
469 }, 330 },
470 components: { qlrCommonTable, tdytTable, ywrCommonTable }, 331 components: { qlrCommonTable, tdytTable },
471 computed: { 332 computed: {
472 ...mapGetters(["dictData", "flag"]), 333 ...mapGetters(["dictData", "flag"]),
473 }, 334 },
...@@ -476,17 +337,8 @@ ...@@ -476,17 +337,8 @@
476 isSave: true, 337 isSave: true,
477 loading: false, 338 loading: false,
478 mjdw: "1", 339 mjdw: "1",
479 // 键名转换，方法默认是label和children进行树状渲染 340 //表单是否可操作
480 normalizer (node) { 341 viewEdit: false,
481 //方法
482 if (node.children == null || node.children == "null") {
483 delete node.children;
484 }
485 return {
486 id: node.dcode,
487 label: node.dname,
488 };
489 },
490 disabled: true, 342 disabled: true,
491 tdytOption: [], 343 tdytOption: [],
492 czrOptions: [], 344 czrOptions: [],
...@@ -495,25 +347,50 @@ ...@@ -495,25 +347,50 @@
495 flow: { 347 flow: {
496 ywh: "", 348 ywh: "",
497 }, 349 },
498 qlxx: { 350 slry: "",
499 mj: "", 351 slsj: "",
500 }, 352 qllx: "",
353 djlx: "",
354 djqx: "",
501 sldy: { 355 sldy: {
502 gyfs: "", 356 gyfs: "",
503 }, 357 },
504 slsq: {}, 358 // 宗地代码
505 fdcq2: { 359 zddm: "",
506 zyjzmj: "", 360 bdcdyh: "",
507 ftjzmj: "", 361 qlxzmc: "",
508 }, 362 qlrxx: [],
363 // 自然幢号
364 zrzh: "",
365 // 户不动产单元号
366 hbdcdyh: "",
367 djzt: "",
368 // 图幅丘幢号
369 tfqzh: "",
370 zl: "",
371 // 房屋用途
372 fwyt: "",
373 fwxz: "",
374 fwjg: "",
375 // 权利人信息
376 // 是否分别持证
377 sffbcz: "",
378 // 持证人
379 czr: "",
380 djyy: "",
381 // 规划用途名称
509 zdjbxx: { 382 zdjbxx: {
510 ghytmc: "", 383 ghytmc: "",
511 }, 384 },
385 fdcq2: {
386 fwxzmc: "",
387 },
388 slsq: {
389 gyfs: "",
390 },
512 }, 391 },
513 //传递参数 392 //传递参数
514 propsParam: this.$attrs, 393 propsParam: {},
515 //表单是否可操作
516 viewEdit: true,
517 rules: { 394 rules: {
518 'fdcq2.djyy': [ 395 'fdcq2.djyy': [
519 { required: true, message: '请输入登记原因', trigger: 'blur' } 396 { required: true, message: '请输入登记原因', trigger: 'blur' }
...@@ -523,12 +400,37 @@ ...@@ -523,12 +400,37 @@
523 }, 400 },
524 methods: { 401 methods: {
525 /** 402 /**
403 * @description: dataSelectClick
404 * @author: renchao
405 */
406 dataSelectClick () {
407 this.$popup(
408 "房屋所有权",
409 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
410 {
411 formData: {
412 bsmSldy: this.propsParam.bsmSldy,
413 qllx: this.propsParam.qllx,
414 },
415 }
416 );
417 },
418 /**
526 * @description: 更新土地用途信息 419 * @description: 更新土地用途信息
527 * @param {*} val 420 * @param {*} val
528 * @author: renchao 421 * @author: renchao
529 */ 422 */
530 upDateTdytxxList (val) { 423 upDateTdytxxList (val) {
531 this.ruleForm.tdytqxList = _.cloneDeep(val); 424 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
425 this.key++;
426 },
427 /**
428 * @description: 是否持证人变化
429 * @param {*} val
430 * @author: renchao
431 */
432 updaterow () {
433 this.czr = "";
532 }, 434 },
533 /** 435 /**
534 * @description: 更新权利人信息 436 * @description: 更新权利人信息
...@@ -550,15 +452,6 @@ ...@@ -550,15 +452,6 @@
550 this.czr = '' 452 this.czr = ''
551 } 453 }
552 }, 454 },
553 // 是否持证人变化
554 /**
555 * @description: 是否持证人变化
556 * @param {*} val
557 * @author: renchao
558 */
559 updaterow () {
560 this.czr = "";
561 },
562 /** 455 /**
563 * @description: 更新权利人信息 456 * @description: 更新权利人信息
564 * @param {*} val 457 * @param {*} val
...@@ -622,17 +515,17 @@ ...@@ -622,17 +515,17 @@
622 that.$message({ 515 that.$message({
623 showClose: true, 516 showClose: true,
624 message: "请选择持证人", 517 message: "请选择持证人",
625 type: "error", 518 type: "error"
626 }); 519 });
627 return false; 520 return false;
628 } 521 }
629 this.ruleForm.qlrList.forEach((item, index) => { 522 this.ruleForm.qlrList.forEach(item => {
630 if (item.id == that.czr) { 523 if (item.id == that.czr) {
631 item.sfczr = "1"; 524 item.sfczr = "1"
632 } else { 525 } else {
633 item.sfczr = "0"; 526 item.sfczr = "0"
634 } 527 }
635 }); 528 })
636 } 529 }
637 } 530 }
638 this.$refs['ruleForm'].validate((valid) => { 531 this.$refs['ruleForm'].validate((valid) => {
...@@ -650,10 +543,11 @@ ...@@ -650,10 +543,11 @@
650 that.$message({ 543 that.$message({
651 showClose: true, 544 showClose: true,
652 message: res.message, 545 message: res.message,
653 type: "error" 546 type: "error",
654 }) 547 });
655 } 548 }
656 }) 549 })
550
657 } else { 551 } else {
658 that.$message({ 552 that.$message({
659 showClose: true, 553 showClose: true,
...@@ -663,13 +557,29 @@ ...@@ -663,13 +557,29 @@
663 return false 557 return false
664 } 558 }
665 }) 559 })
666 } 560 },
667 } 561 /**
668 } 562 * @description: compare
563 * @author: renchao
564 */
565 compare () {
566 this.$popupDialog(
567 this.ruleForm.qlxx.qllxmc,
568 "registerBook/comparison",
569 {
570 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
571 dqqllx: "FDCQ2",
572 },
573 "80%",
574 true
575 );
576 },
577 },
578 };
669 </script> 579 </script>
670 <style scoped lang="scss"> 580 <style scoped lang="scss">
671 @import "~@/styles/public.scss"; 581 @import "~@/styles/public.scss";
672 582 @import "~@/styles/slxx/slxx.scss";
673 /deep/.el-form { 583 /deep/.el-form {
674 display: flex; 584 display: flex;
675 flex-direction: column; 585 flex-direction: column;
......
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
58 不动产单元情况 58 不动产单元情况
59 </el-col> 59 </el-col>
60 <el-col :span="4"> 60 <el-col :span="4">
61 <el-button @click="compare">变化情况对比+</el-button> 61 <el-button v-if="ruleForm.sldy=='300'||ruleForm.sldy=='500'" @click="compare">变化情况对比+</el-button>
62 </el-col> 62 </el-col>
63 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'"> 63 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
64 <el-form-item label="是否创建证书：" style="height:24px"> 64 <el-form-item label="是否创建证书：" style="height:24px">
......
1 0
1 <!-- 2 <!--
2 * @Description: 3 * @Description:
3 * @Autor: renchao 4 * @Autor: renchao
4 * @LastEditTime: 2024-01-31 10:14:06 5 * @LastEditTime: 2024-01-31 10:14:22
5 --> 6 -->
6 <template> 7 <template>
7 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -9,7 +10,6 @@ ...@@ -9,7 +10,6 @@
9 <el-form 10 <el-form
10 :model="ruleForm" 11 :model="ruleForm"
11 :rules="rules" 12 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 v-Loading="loading" 13 v-Loading="loading"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -56,9 +56,12 @@ ...@@ -56,9 +56,12 @@
56 </el-row> 56 </el-row>
57 <div class="slxx_title title-block"> 57 <div class="slxx_title title-block">
58 <el-row> 58 <el-row>
59 <el-col :span="20"> 59 <el-col :span="16">
60 不动产单元情况 60 不动产单元情况
61 </el-col> 61 </el-col>
62 <el-col :span="4">
63 <el-button v-if="ruleForm.sldy=='300'||ruleForm.sldy=='500'" @click="compare">变化情况对比+</el-button>
64 </el-col>
62 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'"> 65 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
63 <el-form-item label="是否创建证书：" style="height:24px"> 66 <el-form-item label="是否创建证书：" style="height:24px">
64 <el-radio-group v-model="ruleForm.sldy.sfxysczs"> 67 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
...@@ -69,27 +72,28 @@ ...@@ -69,27 +72,28 @@
69 </el-col> 72 </el-col>
70 </el-row> 73 </el-row>
71 <div class="triangle"></div> 74 <div class="triangle"></div>
75
72 </div> 76 </div>
73 <el-row :gutter="10"> 77 <el-row :gutter="10">
74 <el-col :span="8"> 78 <el-col :span="8">
75 <el-form-item label="宗地代码："> 79 <el-form-item label="原不动产权证号：">
76 <el-input v-model="ruleForm.zdjbxx.zddm" disabled></el-input> 80 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
77 </el-form-item> 81 </el-form-item>
78 </el-col> 82 </el-col>
79 <el-col :span="8"> 83 <el-col :span="8">
80 <el-form-item label="不动产单元号："> 84 <el-form-item label="不动产单元号：">
81 <el-input v-model="ruleForm.sldy.bdcdyh" disabled></el-input> 85 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
82 </el-form-item> 86 </el-form-item>
83 </el-col> 87 </el-col>
84 <el-col :span="8"> 88 <el-col :span="8">
85 <el-form-item label="权利性质："> 89 <el-form-item label="权利性质：">
86 <treeselect 90 <treeselect
91 :disabled="!viewEdit"
87 v-model="ruleForm.zdjbxx.qlxz" 92 v-model="ruleForm.zdjbxx.qlxz"
88 noOptionsText="暂无数据" 93 noOptionsText="暂无数据"
89 :default-expand-level="1"
90 :disabled="!viewEdit"
91 placeholder="" 94 placeholder=""
92 :normalizer="normalizer" 95 :normalizer="normalizer"
96 :default-expand-level="1"
93 :show-count="true" 97 :show-count="true"
94 :options="dictData['A9']" /> 98 :options="dictData['A9']" />
95 </el-form-item> 99 </el-form-item>
...@@ -97,25 +101,6 @@ ...@@ -97,25 +101,6 @@
97 </el-row> 101 </el-row>
98 <el-row :gutter="10"> 102 <el-row :gutter="10">
99 <el-col :span="8"> 103 <el-col :span="8">
100 <el-form-item label="使用权面积：">
101 <div class="flex">
102 <el-input
103 maxlength="12"
104 :disabled="!viewEdit"
105 v-model="ruleForm.jsydsyq.syqmj"
106 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
107 <el-select disabled v-model="mjdw" style="width: 68px">
108 <el-option
109 v-for="item in dictData['A7']"
110 :key="item.dcode"
111 :label="item.dname"
112 :value="item.dcode">
113 </el-option>
114 </el-select>
115 </div>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item label="权利设定方式："> 104 <el-form-item label="权利设定方式：">
120 <el-select v-model="ruleForm.zdjbxx.qlsdfs" :disabled="!viewEdit"> 105 <el-select v-model="ruleForm.zdjbxx.qlsdfs" :disabled="!viewEdit">
121 <el-option 106 <el-option
...@@ -127,16 +112,22 @@ ...@@ -127,16 +112,22 @@
127 </el-select> 112 </el-select>
128 </el-form-item> 113 </el-form-item>
129 </el-col> 114 </el-col>
115
116 <el-col :span="8">
117 <el-form-item label="宗地面积：">
118 <el-input :disabled="!viewEdit" v-model="ruleForm.zdjbxx.zdmj"></el-input>
119 </el-form-item>
120 </el-col>
130 <el-col :span="8"> 121 <el-col :span="8">
131 <el-form-item label="取得价格："> 122 <el-form-item label="取得价格：">
132 <div style="display: flex"> 123 <div style="display: flex">
133 <el-input 124 <el-input
134 maxlength="11" 125 maxlength="11"
135 :disabled="!viewEdit"
136 v-model="ruleForm.jsydsyq.qdjg" 126 v-model="ruleForm.jsydsyq.qdjg"
137 style="width: 500%" 127 style="width: 500%"
138 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 128 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
139 <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="!viewEdit"> 129 :disabled="!viewEdit"></el-input>
130 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
140 <el-option 131 <el-option
141 v-for="item in dictData['A57']" 132 v-for="item in dictData['A57']"
142 :key="item.dcode" 133 :key="item.dcode"
...@@ -147,10 +138,48 @@ ...@@ -147,10 +138,48 @@
147 </div> 138 </div>
148 </el-form-item> 139 </el-form-item>
149 </el-col> 140 </el-col>
141 </el-row>
142 <el-row :gutter="10">
143 <el-col :span="8">
144 <el-form-item label="土地等级：">
145 <el-select placeholder="" v-model="ruleForm.zdjbxx.dj" :disabled="!viewEdit">
146 <el-option
147 v-for="item in dictData['A50']"
148 :key="item.dcode"
149 :label="item.dname"
150 :value="item.dcode">
151 </el-option>
152 </el-select>
153 </el-form-item>
154 </el-col>
155
156 <el-col :span="8">
157 <el-form-item label="图幅号：">
158 <el-input
159 :disabled="!viewEdit"
160 v-model="ruleForm.zdjbxx.tfh"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="地籍号：">
165 <el-input
166 v-model="ruleForm.zdjbxx.djh"
167 :disabled="!viewEdit"></el-input>
168 </el-form-item>
169 </el-col>
150 170
171 </el-row>
172 <el-row :gutter="10">
173 <el-col :span="8">
174 <el-form-item label="地块代码：">
175 <el-input
176 v-model="ruleForm.zdjbxx.dkdm"
177 :disabled="!viewEdit"></el-input>
178 </el-form-item>
179 </el-col>
151 <el-col :span="16"> 180 <el-col :span="16">
152 <el-form-item label="坐落："> 181 <el-form-item label="坐落：">
153 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input> 182 <el-input :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input>
154 </el-form-item> 183 </el-form-item>
155 </el-col> 184 </el-col>
156 </el-row> 185 </el-row>
...@@ -160,9 +189,9 @@ ...@@ -160,9 +189,9 @@
160 <el-input 189 <el-input
161 type="textarea" 190 type="textarea"
162 maxlength="500" 191 maxlength="500"
163 :disabled="!viewEdit"
164 show-word-limit 192 show-word-limit
165 v-model="ruleForm.jsydsyq.fj"></el-input> 193 v-model="ruleForm.jsydsyq.fj"
194 :disabled="!viewEdit"></el-input>
166 </el-form-item> 195 </el-form-item>
167 </el-col> 196 </el-col>
168 </el-row> 197 </el-row>
...@@ -171,8 +200,8 @@ ...@@ -171,8 +200,8 @@
171 <div class="triangle"></div> 200 <div class="triangle"></div>
172 </div> 201 </div>
173 <tdytTable 202 <tdytTable
174 :ableOperation="viewEdit"
175 :tableData="ruleForm.tdytqxList" 203 :tableData="ruleForm.tdytqxList"
204 :ableOperation="viewEdit"
176 @upDateTdytxxList="upDateTdytxxList" /> 205 @upDateTdytxxList="upDateTdytxxList" />
177 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
178 权利人信息 207 权利人信息
...@@ -211,8 +240,8 @@ ...@@ -211,8 +240,8 @@
211 placeholder="持证人" 240 placeholder="持证人"
212 :disabled="!viewEdit"> 241 :disabled="!viewEdit">
213 <el-option 242 <el-option
214 v-for="(item, index) in czrOptions" 243 v-for="item in czrOptions"
215 :key="index" 244 :key="item.id"
216 :label="item.sqrmc" 245 :label="item.sqrmc"
217 :value="item.id"> 246 :value="item.id">
218 </el-option> 247 </el-option>
...@@ -224,10 +253,9 @@ ...@@ -224,10 +253,9 @@
224 :tableData="ruleForm.qlrList" 253 :tableData="ruleForm.qlrList"
225 :disabled="viewEdit" 254 :disabled="viewEdit"
226 @upDateQlrxxList="upDateQlrxxList" 255 @upDateQlrxxList="upDateQlrxxList"
227 :key="key"
228 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs" />
229 257
230 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx==200"> 258 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx==200">
231 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
232 义务人信息 260 义务人信息
233 <div class="triangle"></div> 261 <div class="triangle"></div>
...@@ -270,26 +298,26 @@ ...@@ -270,26 +298,26 @@
270 <script> 298 <script>
271 import { mapGetters } from "vuex"; 299 import { mapGetters } from "vuex";
272 import ywmix from "@/views/ywbl/mixin/index"; 300 import ywmix from "@/views/ywbl/mixin/index";
273 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
274 import tdytTable from "@/views/workflow/components/tdytTable";
275 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
276 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; 302 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
303 import tdytTable from "@/views/workflow/components/tdytTable";
304 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
277 export default { 305 export default {
278 mixins: [ywmix], 306 mixins: [ywmix],
279 mounted () { 307 mounted () {
280 let that = this 308 let that = this;
309 this.loading = true
281 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 310 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
282 this.propsParam = this.$attrs; 311 this.propsParam = this.$attrs;
283 var formdata = new FormData(); 312 var formdata = new FormData();
284 this.loading = true
285 formdata.append("bsmSldy", this.propsParam.bsmSldy); 313 formdata.append("bsmSldy", this.propsParam.bsmSldy);
286 formdata.append("djlx", this.propsParam.djlx); 314 formdata.append("djlx", this.propsParam.djlx);
287 formdata.append("isEdit", this.viewEdit); 315 formdata.append("isEdit", this.viewEdit);
288 Init(formdata).then((res) => { 316 Init(formdata).then((res) => {
289 setTimeout(() => { 317 setTimeout(() => {
290 that.loading = false 318 this.loading = false
291 }, 200) 319 }, 200)
292 if (res.code === 200) { 320 if (res.code === 200 && res.result) {
293 that.ruleForm = res.result; 321 that.ruleForm = res.result;
294 that.ruleForm.qlrList.forEach((item) => { 322 that.ruleForm.qlrList.forEach((item) => {
295 item.id = item.bsmSqr 323 item.id = item.bsmSqr
...@@ -315,18 +343,12 @@ ...@@ -315,18 +343,12 @@
315 components: { qlrCommonTable, tdytTable, ywrCommonTable }, 343 components: { qlrCommonTable, tdytTable, ywrCommonTable },
316 computed: { 344 computed: {
317 ...mapGetters(["dictData", "flag"]), 345 ...mapGetters(["dictData", "flag"]),
318 // 根据流程判断表单是否为只读
319 editDisabled () {
320 if (!this.viewEdit) {
321 //只读状态
322 return true;
323 }
324 return false;
325 },
326 }, 346 },
327 data () { 347 data () {
328 return { 348 return {
349 key: 0,
329 isSave: true, 350 isSave: true,
351 loading: false,
330 // 键名转换，方法默认是label和children进行树状渲染 352 // 键名转换，方法默认是label和children进行树状渲染
331 normalizer (node) { 353 normalizer (node) {
332 //方法 354 //方法
...@@ -338,15 +360,17 @@ ...@@ -338,15 +360,17 @@
338 label: node.dname, 360 label: node.dname,
339 }; 361 };
340 }, 362 },
341 loading: false,
342 mjdw: "1",
343 //表单是否可操作 363 //表单是否可操作
344 viewEdit: true, 364 viewEdit: false,
345 czr: "",
346 key: 0,
347 disabled: true, 365 disabled: true,
348 czrOptions: [], 366 czrOptions: [],
349 ruleForm: {}, 367 czr: "",
368 ruleForm: {
369 slywxx: {},
370 qlxx: {},
371 zdjbxx: {},
372 jsydsyq: {},
373 },
350 //传递参数 374 //传递参数
351 propsParam: {}, 375 propsParam: {},
352 rules: { 376 rules: {
...@@ -354,7 +378,7 @@ ...@@ -354,7 +378,7 @@
354 { required: true, message: '请输入登记原因', trigger: 'blur' } 378 { required: true, message: '请输入登记原因', trigger: 'blur' }
355 ] 379 ]
356 } 380 }
357 } 381 };
358 }, 382 },
359 methods: { 383 methods: {
360 /** 384 /**
...@@ -372,8 +396,10 @@ ...@@ -372,8 +396,10 @@
372 * @author: renchao 396 * @author: renchao
373 */ 397 */
374 upDateQlrxxList (val) { 398 upDateQlrxxList (val) {
375 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 399 if (!_.isEqual(val, this.ruleForm.qlrList)) {
376 this.czrOptions = this.ruleForm.qlrList; 400 this.ruleForm.qlrList = _.cloneDeep(val);
401 this.czrOptions = this.ruleForm.qlrList;
402 }
377 this.num = 0 403 this.num = 0
378 this.ruleForm.qlrList.forEach(item => { 404 this.ruleForm.qlrList.forEach(item => {
379 if (item.id == this.czr) { 405 if (item.id == this.czr) {
...@@ -393,15 +419,6 @@ ...@@ -393,15 +419,6 @@
393 this.czr = ""; 419 this.czr = "";
394 }, 420 },
395 /** 421 /**
396 * @description: 更新义务人信息
397 * @param {*} val
398 * @author: renchao
399 */
400 upDateYwrxxList (val) {
401 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
402 this.key++;
403 },
404 /**
405 * @description: onSubmit 422 * @description: onSubmit
406 * @author: renchao 423 * @author: renchao
407 */ 424 */
...@@ -424,6 +441,7 @@ ...@@ -424,6 +441,7 @@
424 }); 441 });
425 return false; 442 return false;
426 } 443 }
444
427 if (this.ruleForm.sldy.gyfs == "0") { 445 if (this.ruleForm.sldy.gyfs == "0") {
428 if (this.ruleForm.qlrList.length > 1) { 446 if (this.ruleForm.qlrList.length > 1) {
429 this.$message({ 447 this.$message({
...@@ -465,24 +483,20 @@ ...@@ -465,24 +483,20 @@
465 } else { 483 } else {
466 item.sfczr = "0"; 484 item.sfczr = "0";
467 } 485 }
468 }); 486 })
469 } 487 }
470 } 488 }
471 /**
472 * @description: saveData
473 * @author: renchao
474 */
475 this.$refs['ruleForm'].validate((valid) => { 489 this.$refs['ruleForm'].validate((valid) => {
476 if (valid) { 490 if (valid) {
477 that.$store.dispatch("user/refreshPage", false); 491 that.$store.dispatch("user/refreshPage", false)
478 saveData(that.ruleForm).then((res) => { 492 saveData(this.ruleForm).then((res) => {
479 if (res.code === 200) { 493 if (res.code === 200) {
480 that.$message({ 494 that.$message({
481 showClose: true, 495 showClose: true,
482 message: "保存成功！", 496 message: "保存成功！",
483 type: "success" 497 type: "success"
484 }) 498 })
485 that.$store.dispatch("user/refreshPage", true); 499 that.$store.dispatch("user/refreshPage", true)
486 } else { 500 } else {
487 that.$message({ 501 that.$message({
488 showClose: true, 502 showClose: true,
...@@ -500,9 +514,25 @@ ...@@ -500,9 +514,25 @@
500 return false 514 return false
501 } 515 }
502 }) 516 })
503 } 517 },
504 } 518 /**
505 } 519 * @description: compare
520 * @author: renchao
521 */
522 compare () {
523 this.$popupDialog(
524 this.ruleForm.qlxx.qllxmc,
525 "registerBook/comparison",
526 {
527 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
528 dqqllx: "JSYDSYQ",
529 },
530 "80%",
531 true
532 );
533 },
534 },
535 };
506 </script> 536 </script>
507 <style scoped lang="scss"> 537 <style scoped lang="scss">
508 @import "~@/styles/public.scss"; 538 @import "~@/styles/public.scss";
......
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
60 不动产单元情况 60 不动产单元情况
61 </el-col> 61 </el-col>
62 <el-col :span="4"> 62 <el-col :span="4">
63 <el-button @click="compare">变化情况对比+</el-button> 63 <el-button v-if="ruleForm.sldy=='300'||ruleForm.sldy=='500'" @click="compare">变化情况对比+</el-button>
64 </el-col> 64 </el-col>
65 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'"> 65 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
66 <el-form-item label="是否创建证书：" style="height:24px"> 66 <el-form-item label="是否创建证书：" style="height:24px">
......