Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
883c8291 by tianhaohao@pashanhoo.com
Options

整合工作流相关组件分类

1 parent cc5973a3
Inline Side-by-side
Showing 34 changed files with 1531 additions and 12282 deletions
...@@ -53,7 +53,7 @@ export function getForm (tabName) { ...@@ -53,7 +53,7 @@ export function getForm (tabName) {
53 break; 53 break;
54 //森林林木使用权 54 //森林林木使用权
55 case "sllmslxx": 55 case "sllmslxx":
56 form = require("@/views/ywbl/slsqxx/sllmslxx"); 56 form = require("@/views/workflow/main/slsqxx/sllmslxx");
57 break; 57 break;
58 case "slxxjsydsyq": 58 case "slxxjsydsyq":
59 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); 59 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue");
......
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
60 <div class="slxx_title title-block" v-else> 60 <div class="slxx_title title-block" v-else>
61 查封不动产列表（{{ ruleForm.ztQlxxList.length }} 个） 61 查封不动产列表（{{ ruleForm.ztQlxxList.length }} 个）
62 <div class="triangle"></div> 62 <div class="triangle"></div>
63 <cfBdcdyTable :tableData="ruleForm.ztQlxxList" /> 63 <qlxxTable :tableData="ruleForm.ztQlxxList" />
64 </div> 64 </div>
65 <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')"> 65 <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')">
66 批量查封信息 66 批量查封信息
...@@ -162,7 +162,8 @@ ...@@ -162,7 +162,8 @@
162 </div> 162 </div>
163 </template> 163 </template>
164 <script> 164 <script>
165 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; 165 //import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
166 import qlxxTable from "../commonTable/qlxxTable.vue";
166 import cfdjTable from "@/views/workflow/components/cfdjTable"; 167 import cfdjTable from "@/views/workflow/components/cfdjTable";
167 import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; 168 import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js";
168 import { mapGetters } from "vuex"; 169 import { mapGetters } from "vuex";
...@@ -205,7 +206,7 @@ ...@@ -205,7 +206,7 @@
205 } 206 }
206 }) 207 })
207 }, 208 },
208 components: { cfBdcdyTable,cfdjTable }, 209 components: { qlxxTable,cfdjTable },
209 props: { 210 props: {
210 flag: { 211 flag: {
211 type: Boolean, 212 type: Boolean,
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-12-26 15:00:22
5 -->
6 <template>
7 <dialogBox
8 title="申请人信息"
9 width="75%"
10 isMain
11 v-model="myValue"
12 :isFullscreen="false"
13 @submitForm="submitForm"
14 @closeDialog="closeDialog"
15 :isButton="isShow">
16
17 <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
18 <el-tab-pane label="基本信息" name="1"></el-tab-pane>
19 <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane>
20 <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane>
21 </el-tabs>
22
23 <el-form
24 v-if="activeName==1"
25 :model="ruleForm"
26 :rules="rules"
27 ref="ruleForm"
28 label-width="120px">
29 <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0">
30 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
31 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
32 </el-form-item>
33 <el-row>
34 <el-col :span="8">
35 <el-form-item label="头像">
36 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
37 </el-form-item>
38 </el-col>
39 <el-col :span="16">
40 <el-row>
41 <el-col :span="12">
42 <el-form-item label="姓名/名称" prop="sqrmc">
43 <el-input
44 v-model="ruleForm.sqrmc"
45 maxlegth="15"
46 :disabled="!showButton"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="12">
50 <el-form-item label="证件种类" prop="zjzl">
51 <el-select
52 clearable
53 v-model="ruleForm.zjzl"
54 :disabled="!showButton"
55 @change="handleZjzl"
56 class="width100"
57 placeholder="请选择">
58 <el-option
59 v-for="item in dictData['A30']"
60 :key="item.dcode"
61 :label="item.dname"
62 :value="item.dcode">
63 </el-option>
64 </el-select>
65 </el-form-item>
66 </el-col>
67 </el-row>
68 <el-row>
69 <el-col :span="12">
70 <el-form-item label="证件号" prop="zjh">
71 <el-input
72 v-model="ruleForm.zjh"
73 :disabled="!showButton"
74 maxlength="18"
75 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="12">
79 <el-form-item label="性别" prop="xb">
80 <el-select
81 clearable
82 v-model="ruleForm.xb"
83 :disabled="!showButton"
84 class="width100"
85 placeholder="请选择">
86 <el-option
87 v-for="item in dictData['A43']"
88 :key="item.dcode"
89 :label="item.dname"
90 :value="item.dcode">
91 </el-option>
92 </el-select>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 <el-row>
97 <el-col :span="12">
98 <el-form-item label="联系电话" prop="dh">
99 <el-input
100 v-model="ruleForm.dh"
101 :disabled="!showButton"
102 maxlength="11"
103 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="12">
107 <el-form-item label="国家/地区" prop="gj">
108 <el-input
109 v-model="ruleForm.gj"
110 maxlength="3"
111 :disabled="!showButton"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
115 </el-col>
116 </el-row>
117 <el-row>
118 <el-col :span="8">
119 <el-form-item label="权利人类型" prop="sqrlx">
120 <el-select
121 clearable
122 v-model="ruleForm.sqrlx"
123 class="width100"
124 :disabled="!showButton"
125 placeholder="请选择">
126 <el-option
127 v-for="item in dictData['A36']"
128 :key="item.dcode"
129 :label="item.dname"
130 :value="item.dcode">
131 </el-option>
132 </el-select>
133 </el-form-item>
134 </el-col>
135 <el-col :span="8">
136 <el-form-item label="户籍所在省市" prop="hjszss">
137 <el-input
138 v-model="ruleForm.hjszss"
139 maxlength="3"
140 :disabled="!showButton"></el-input>
141 </el-form-item>
142 </el-col>
143 <el-col :span="8">
144 <el-form-item label="权利比例" prop="qlbl">
145 <el-input
146 v-model="ruleForm.qlbl"
147 maxlength="32"
148 :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
149 </el-form-item>
150 </el-col>
151 </el-row>
152 <el-row>
153 <el-col :span="8">
154 <el-form-item label="法人名称" prop="frmc">
155 <el-input
156 v-model="ruleForm.frmc"
157 maxlength="32"
158 :disabled="!showButton"></el-input>
159 </el-form-item>
160 </el-col>
161 <el-col :span="16">
162 <el-form-item label="地址" prop="txdz">
163 <el-input
164 v-model="ruleForm.txdz"
165 maxlength="100"
166 :disabled="!showButton"></el-input>
167 </el-form-item>
168 </el-col>
169 </el-row>
170 <el-row>
171 <el-col :span="8">
172 <el-form-item label="发证机关" prop="fzjg">
173 <el-input
174 v-model="ruleForm.fzjg"
175 maxlength="10"
176 :disabled="!showButton"></el-input>
177 </el-form-item>
178 </el-col>
179 <el-col :span="8">
180 <el-form-item label="电子邮件" prop="dzyj">
181 <el-input
182 v-model="ruleForm.dzyj"
183 :disabled="!showButton"
184 maxlength="25"></el-input>
185 </el-form-item>
186 </el-col>
187 <el-col :span="8">
188 <el-form-item label="邮编" prop="yb">
189 <el-input
190 v-model.number="ruleForm.yb"
191 :disabled="!showButton"
192 maxlength="6"
193 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
194 </el-form-item>
195 </el-col>
196 </el-row>
197 <el-row>
198 <el-col :span="8">
199 <el-form-item label="工作单位" prop="gzdw">
200 <el-input
201 v-model="ruleForm.gzdw"
202 maxlength="32"
203 :disabled="!showButton"></el-input>
204 </el-form-item>
205 </el-col>
206 <el-col :span="16">
207 <el-form-item label="代理机构" prop="dlrjg">
208 <el-input
209 v-model="ruleForm.dlrjg"
210 maxlength="32"
211 :disabled="!showButton"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215
216 <el-row>
217 <el-col :span="8">
218 <el-form-item label="代理人姓名" prop="dlrmc">
219 <el-input
220 v-model="ruleForm.dlrmc"
221 maxlength="15"
222 :disabled="!showButton"></el-input>
223 </el-form-item>
224 </el-col>
225 <el-col :span="8">
226 <el-form-item label="代理人证件类型" prop="dlrzjlx">
227 <el-select
228 clearable
229 v-model="ruleForm.dlrzjlx"
230 :disabled="!showButton"
231 class="width100"
232 placeholder="请选择">
233 <el-option
234 v-for="item in dictData['A30']"
235 :key="item.dcode"
236 :label="item.dname"
237 :value="item.dcode">
238 </el-option>
239 </el-select>
240 </el-form-item>
241 </el-col>
242 <el-col :span="8">
243 <el-form-item label="代理人证件号" prop="dlrzjh">
244 <el-input
245 v-model="ruleForm.dlrzjh"
246 :disabled="!showButton"
247 maxlength="18"
248 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
249 </el-form-item>
250 </el-col>
251 </el-row>
252 <el-row>
253 <el-col :span="8">
254 <el-form-item label="代理人电话" prop="dlrdh">
255 <el-input
256 v-model="ruleForm.dlrdh"
257 :disabled="!showButton"
258 maxlength="11"
259 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
260 </el-form-item>
261 </el-col>
262 </el-row>
263 </el-form>
264 <div v-if="activeName==2" class="padding10">
265 <el-form :model="queryFormQY" label-width="80px">
266 <el-row>
267 <el-col :span="8">
268 <el-form-item label="姓名/名称">
269 <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100">
270 </el-input>
271 </el-form-item>
272 </el-col>
273 <el-col :span="8">
274 <el-form-item label="证件号">
275 <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100">
276 </el-input>
277 </el-form-item>
278 </el-col>
279 <el-col :span="8" class="btnColRight">
280 <el-form-item>
281 <el-button type="primary" @click="handleSearchQY">查询</el-button>
282 </el-form-item>
283 </el-col>
284 </el-row>
285 </el-form>
286 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="563">
287 <el-table-column label="序号" type="index" width="50" align="center">
288 <template slot-scope="scope">
289 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
290 </template>
291 </el-table-column>
292 <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center">
293 </el-table-column>
294 <el-table-column label="操作" width="50">
295 <template slot-scope="scope">
296 <el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
297 </template>
298 </el-table-column>
299 </el-table>
300 <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
301 @current-change="handleQYCurrentChange"></el-pagination>
302 </div>
303
304 <div v-if="activeName==3" class="padding10">
305 <el-form :model="queryFormYH" label-width="80px">
306 <el-row>
307 <el-col :span="8">
308 <el-form-item label="姓名/名称">
309 <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100">
310 </el-input>
311 </el-form-item>
312 </el-col>
313 <el-col :span="8">
314 <el-form-item label="证件号">
315 <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100">
316 </el-input>
317 </el-form-item>
318 </el-col>
319 <el-col :span="8" class="btnColRight">
320 <el-form-item>
321 <el-button type="primary" @click="handleSearchYH">查询</el-button>
322 </el-form-item>
323 </el-col>
324 </el-row>
325 </el-form>
326 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="563">
327 <el-table-column label="序号" type="index" width="50" align="center">
328 <template slot-scope="scope">
329 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
330 </template>
331 </el-table-column>
332 <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
333 </el-table-column>
334 <el-table-column label="操作" width="50">
335 <template slot-scope="scope">
336 <el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
337 </template>
338 </el-table-column>
339 </el-table>
340 <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
341 @current-change="handleYHCurrentChange"></el-pagination>
342 </div>
343
344 </dialogBox>
345 </template>
346 <script>
347 import { mapGetters } from "vuex";
348 import store from '@/store/index.js'
349 import { getUuid } from "@/utils/operation.js"
350 import { replace } from "@/api/company.js"
351 import { getIdCardInfo } from '@/utils/operation.js'
352 import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js";
353 import { dataYh, dataQy, sendThis } from "./addSqrData";
354 export default {
355 props: {
356 value: { type: Boolean, default: false },
357 details: { type: Object, default: {} },
358 showButton: { type: Boolean, default: false },
359 },
360 computed: {
361 ...mapGetters(["dictData"]),
362 },
363 data () {
364 return {
365 avatar: require('@/image/user.png'),
366 isShow: false,
367 isBz: false,
368 activeName: '1',
369 loading: false,
370 myValue: this.value,
371 ruleForm: {
372 sqrlx: "",
373 sqrmc: "111111",
374 zjzl: "",
375 zjh: "",
376 dh: "",
377 xb: "",
378 fs: "",
379 frmc: "",
380 gj: "",
381 hjszss: "",
382 txdz: "",
383 yb: "",
384 fzjg: "",
385 dzyj: "",
386 qlbl: "",
387 gzdw: "",
388 dlrjg: "",
389 avatar: "",
390 dlrmc: "",
391 dlrzjlx: "",
392 dlrzjh: "",
393 dlrdh: "",
394 },
395 rules: {
396 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
397 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
398 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
399 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
400 },
401
402 pageData: {
403 currentPage: 1,
404 pageSize: 8
405 },
406 // 企业
407 queryFormQY: {
408 qymc: "",
409 zjh: ""
410 },
411 tableDataQy: {
412 total: 0,
413 columns: dataQy.columns(),
414 data: [],
415 },
416 // 银行
417 queryFormYH: {
418 qymc: "",
419 zjh: ""
420 },
421 tableDataYh: {
422 total: 0,
423 columns: dataYh.columns(),
424 data: [
425 ],
426 },
427 }
428 },
429 mounted () {
430 sendThis(this);
431 },
432 watch: {
433 value (val) {
434 this.myValue = _.cloneDeep(val)
435 if (val && Object.keys(this.details).length > 0) {
436 this.activeName = '1'
437 }
438 this.isShow = this.showButton
439 },
440 details: {
441 handler: function (val, oldVal) {
442 this.ruleForm = _.cloneDeep(val);
443 },
444 deep: true
445 }
446 },
447 methods: {
448 /**
449 * @description: 证件种类选择
450 * @param {*} val
451 * @author: renchao
452 */
453 handleZjzl (val) {
454 if (['6', '7', '8'].includes(val)) {
455 this.isBz = true
456 } else {
457 this.isBz = false
458 }
459 },
460 /**
461 * @description: 信息备案
462 * @author: renchao
463 */
464 handleFilings () {
465 this.ruleForm.qymc = this.ruleForm.sqrmc
466 this.ruleForm.dwdz = this.ruleForm.txdz
467 addQy(this.ruleForm).then(res => {
468 if (res.code == 200) {
469 this.$message.success('备案成功')
470 } else {
471 this.$message.error(res.message);
472 }
473 })
474 },
475 /**
476 * @description: handleClick
477 * @param {*} event
478 * @param {*} tab
479 * @author: renchao
480 */
481 handleClick (event, tab) {
482 if (this.activeName != 1) {
483 this.isShow = false
484 } else {
485 this.isShow = true
486 }
487 this.pageData.currentPage = 1
488 if (this.activeName == 2) {
489 this.handleSearchQY()
490 } else {
491 this.handleSearchYH()
492 }
493 },
494 /**
495 * @description:企业查询
496 * @param {*} val
497 * @param {*} code
498 * @author: renchao
499 */
500 dicStatus (val, code) {
501 let data = store.getters.dictData[code],
502 name = '暂无'
503 if (data) {
504 data.map((item) => {
505 if (item.dcode == val) {
506 name = item.dname
507 }
508 })
509 return name
510 }
511 },
512 /**
513 * @description: 企业信息搜索
514 * @author: renchao
515 */
516 handleSearchQY () {
517 let data = { ...this.queryFormQY, ...this.pageData }
518 this.tableDataQy.data = []
519 queryQyByPage(data).then((res) => {
520 if (res.code === 200) {
521 let { total, records } = res.result;
522 this.tableDataQy.total = total;
523 this.tableDataQy.data = records;
524 this.tableDataQy.data.forEach((item, index) => {
525 item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
526 item.sqrmc = item.qymc
527 item.txdz = item.dwdz
528 })
529 }
530 })
531 },
532 /**
533 * @description: handleQYCurrentChange
534 * @param {*} val
535 * @author: renchao
536 */
537 handleQYCurrentChange (val) {
538 this.pageData.currentPage = val
539 this.handleSearchQY()
540 },
541 /**
542 * @description: handlesQYSelect
543 * @param {*} val
544 * @author: renchao
545 */
546 handleSelect (val) {
547 let that = this
548 let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : ''
549 this.$confirm('是否同步材料信息?', '提示', {
550 confirmButtonText: '确定',
551 cancelButtonText: '取消',
552 distinguishCancelAndClose: true,//区分取消与关闭
553 }).then(() => {
554 replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
555 that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2', id: getUuid(16) }));
556 that.$emit("input", false);
557 if (res.code == 200) {
558 that.$message({
559 type: 'success',
560 message: '同步成功!'
561 })
562 } else {
563 that.$message.error(res.message);
564 }
565 })
566 }).catch(action => {
567 if (action == 'cancel') {
568 that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
569 that.$emit("input", false);
570 }
571 })
572 },
573 /**
574 * @description: 银行信息搜索
575 * @author: renchao
576 */
577 handleSearchYH () {
578 let data = { ...this.queryFormYH, ...this.pageData }
579 this.tableDataYh.data = []
580 queryYhByPage(data).then((res) => {
581 if (res.code === 200) {
582 let { total, records } = res.result;
583 this.tableDataYh.total = total;
584 this.tableDataYh.data = records;
585 this.tableDataYh.data.forEach((item, index) => {
586 item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
587 item.sqrmc = item.qymc
588 item.txdz = item.dwdz
589 })
590 }
591 })
592 },
593 /**
594 * @description: handleYHCurrentChange
595 * @param {*} val
596 * @author: renchao
597 */
598 handleYHCurrentChange (val) {
599 this.pageData.currentPage = val
600 this.handleSearchQY()
601 },
602 /**
603 * @description: 身份证打卡器
604 * @author: renchao
605 */
606 readClick () {
607 function getObjectByValue (arrayOfObjects, value) {
608 var name = ''
609 arrayOfObjects.forEach(item => {
610 if (item.dname.includes(value)) name = item.dcode
611 })
612 return name
613 }
614 getIdCardInfo(this.BASE_API.gaopaiyi).then(res => {
615 if (this.BASE_API.gaopaiyi == 'jy') {
616 const {
617 Name,
618 IdNo,
619 Sex,
620 Address,
621 Agencvy,
622 PhotoB64
623 } = JSON.parse(res)
624 if (Name) {
625 this.ruleForm.sqrmc = Name;
626 this.ruleForm.zjzl = '1';
627 this.ruleForm.zjh = IdNo;
628 this.ruleForm.xb = getObjectByValue(this.dictData['A43'], Sex);
629 this.ruleForm.txdz = Address;
630 this.ruleForm.fzjg = Agencvy;
631 this.ruleForm.avatar = 'data:image/png;base64,' + PhotoB64
632 this.$message({
633 message: '读取成功！',
634 type: 'success'
635 })
636 } else {
637 this.$message({
638 message: '请放置身份证',
639 type: 'warning'
640 })
641 }
642 } else {
643 if (res.data.code == 0) {
644 let data = res.data.IDCardInfo;
645 const {
646 name,
647 cardID: zjh,
648 sexCode: xb,
649 address: txdz,
650 issueOrgan: fzjg,
651 photoBase64
652 } = data
653 this.ruleForm.sqrmc = name;
654 this.ruleForm.zjzl = '1';
655 this.ruleForm.zjh = zjh;
656 this.ruleForm.xb = xb
657 this.ruleForm.txdz = txdz;
658 this.ruleForm.fzjg = fzjg;
659 this.ruleForm.avatar = 'data:image/png;base64,' + photoBase64
660 this.$message({
661 message: '读取成功！',
662 type: 'success'
663 })
664
665 } else {
666 this.$message({
667 message: res.data.message,
668 type: 'warning'
669 })
670 }
671 }
672 })
673 },
674 /**
675 * @description: closeDialog
676 * @author: renchao
677 */
678 closeDialog () {
679 this.$emit("input", false);
680 this.$nextTick(() => {
681 if (this.$refs.ruleForm !== undefined) {
682 this.$refs.ruleForm.resetFields();
683 }
684 })
685 },
686 /**
687 * @description: submitForm
688 * @author: renchao
689 */
690 submitForm () {
691 this.$refs.ruleForm.validate((valid) => {
692 if (valid) {
693 this.$emit("input", false);
694 this.ruleForm.id = getUuid(16)
695 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
696 if (this.$refs.ruleForm !== undefined) {
697 this.$refs.ruleForm.resetFields();
698 }
699 } else {
700 return false;
701 }
702 })
703 }
704 }
705 }
706 </script>
707 <style scoped lang="scss">
708 @import "~@/styles/dialogBoxheader.scss";
709 .submit-button {
710 text-align: center;
711 height: 52px;
712 padding-top: 10px;
713 background-color: #fff;
714 }
715 .padding10 {
716 padding-bottom: 10px;
717 }
718 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-11 15:32:32
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data1 extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 prop: "sqrmc",
20 label: "姓名/名称",
21 },
22 {
23 prop: "zjzlMc",
24 label: "证件种类"
25 },
26 {
27 prop: "zjh",
28 label: "证件号",
29 },
30 {
31 prop: "frmc",
32 label: "法人名称",
33 },
34 {
35 prop: "dwdz",
36 label: "地址",
37 },
38 {
39 prop: "dh",
40 label: "联系电话",
41 }
42 ]
43 }
44
45 }
46 class data2 extends filter {
47 constructor() {
48 super()
49
50 }
51 columns () {
52 return [
53 {
54 prop: "sqrmc",
55 label: "姓名/名称",
56 },
57 {
58 prop: "zjzlMc",
59 label: "证件种类",
60 },
61 {
62 prop: "zjh",
63 label: "证件号",
64 },
65 {
66 prop: "frmc",
67 label: "法人名称",
68 },
69 {
70 prop: "dwdz",
71 label: "地址",
72 },
73 {
74 prop: "dh",
75 label: "联系电话",
76 },
77 ]
78 }
79
80 }
81 let dataYh = new data1()
82 let dataQy = new data2()
83 export {
84 dataYh,
85 dataQy,
86 sendThis
87 }
...@@ -8,12 +8,8 @@ ...@@ -8,12 +8,8 @@
8 </lb-table> 8 </lb-table>
9 </template> 9 </template>
10 <script> 10 <script>
11 // import addQlr from './dialog/addQlr.vue' 11 import { mapGetters } from 'vuex';
12 import { mapGetters } from 'vuex'
13 export default { 12 export default {
14 components: {
15
16 },
17 computed: { 13 computed: {
18 ...mapGetters(["dictData"]), 14 ...mapGetters(["dictData"]),
19 }, 15 },
...@@ -23,20 +19,12 @@ ...@@ -23,20 +19,12 @@
23 default: function () { 19 default: function () {
24 return [] 20 return []
25 } 21 }
26 },
27 gyfs: {
28 type: String,
29 default: '1'
30 } 22 }
31 }, 23 },
32 data () { 24 data () {
33 return { 25 return {
34 key: 0, 26 key: 0,
35 dataIndex: 0, 27 column: [
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 { 28 {
41 label: '序号', 29 label: '序号',
42 type: 'index', 30 type: 'index',
...@@ -88,48 +76,8 @@ ...@@ -88,48 +76,8 @@
88 { 76 {
89 prop: "zl", 77 prop: "zl",
90 label: "坐落" 78 label: "坐落"
91 },
92
93
94 ],
95 column: this.qlrCommonTable
96 }
97 },
98 watch: {
99 tableData: {
100 handler: function (val, oldVal) {
101 let that = this
102 if (val.length == 0 || !val) {
103 that.tableDataList = _.cloneDeep([{
104 sqrmc: '',
105 dlrzjlx: '',
106 dlrzjh: '',
107 fr: ''
108 }])
109 } else {
110 that.tableDataList = _.cloneDeep(val)
111 }
112 },
113 immediate: true,
114 deep: true
115 },
116 gyfs: {
117 handler (newVal, oldValue) {
118 let dataList = _.cloneDeep(this.qlrCommonTable)
119 if (newVal == '1') {
120 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
121 } else if ((newVal == '2')) {
122 this.column = dataList
123 } else {
124 this.column = _.cloneDeep(dataList)
125 this.column.splice(
126 2, 0, {
127 prop: "qlbl",
128 label: "份数"
129 })
130 } 79 }
131 }, 80 ]
132 immediate: true
133 } 81 }
134 }, 82 },
135 methods: { 83 methods: {
......
...@@ -8,12 +8,8 @@ ...@@ -8,12 +8,8 @@
8 </lb-table> 8 </lb-table>
9 </template> 9 </template>
10 <script> 10 <script>
11 import addQlr from '../../../components/dialog/addQlr.vue'
12 import { mapGetters } from 'vuex' 11 import { mapGetters } from 'vuex'
13 export default { 12 export default {
14 components: {
15 addQlr
16 },
17 computed: { 13 computed: {
18 ...mapGetters(["dictData"]), 14 ...mapGetters(["dictData"]),
19 }, 15 },
...@@ -23,20 +19,12 @@ ...@@ -23,20 +19,12 @@
23 default: function () { 19 default: function () {
24 return [] 20 return []
25 } 21 }
26 },
27 gyfs: {
28 type: String,
29 default: '1'
30 } 22 }
31 }, 23 },
32 data () { 24 data () {
33 return { 25 return {
34 key: 0, 26 key: 0,
35 dataIndex: 0, 27 column: [
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 { 28 {
41 label: '序号', 29 label: '序号',
42 type: 'index', 30 type: 'index',
...@@ -92,48 +80,8 @@ ...@@ -92,48 +80,8 @@
92 { 80 {
93 prop: "zl", 81 prop: "zl",
94 label: "坐落" 82 label: "坐落"
95 },
96
97
98 ],
99 column: this.qlrCommonTable
100 }
101 },
102 watch: {
103 tableData: {
104 handler: function (val, oldVal) {
105 let that = this
106 if (val.length == 0 || !val) {
107 that.tableDataList = _.cloneDeep([{
108 sqrmc: '',
109 dlrzjlx: '',
110 dlrzjh: '',
111 fr: ''
112 }])
113 } else {
114 that.tableDataList = _.cloneDeep(val)
115 }
116 },
117 immediate: true,
118 deep: true
119 },
120 gyfs: {
121 handler (newVal, oldValue) {
122 let dataList = _.cloneDeep(this.qlrCommonTable)
123 if (newVal == '1') {
124 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
125 } else if ((newVal == '2')) {
126 this.column = dataList
127 } else {
128 this.column = _.cloneDeep(dataList)
129 this.column.splice(
130 2, 0, {
131 prop: "qlbl",
132 label: "份数"
133 })
134 } 83 }
135 }, 84 ]
136 immediate: true
137 } 85 }
138 }, 86 },
139 methods: { 87 methods: {
......
...@@ -8,12 +8,8 @@ ...@@ -8,12 +8,8 @@
8 </lb-table> 8 </lb-table>
9 </template> 9 </template>
10 <script> 10 <script>
11 // import addQlr from './dialog/addQlr.vue'
12 import { mapGetters } from 'vuex' 11 import { mapGetters } from 'vuex'
13 export default { 12 export default {
14 components: {
15
16 },
17 computed: { 13 computed: {
18 ...mapGetters(["dictData"]), 14 ...mapGetters(["dictData"]),
19 }, 15 },
...@@ -23,20 +19,12 @@ ...@@ -23,20 +19,12 @@
23 default: function () { 19 default: function () {
24 return [] 20 return []
25 } 21 }
26 },
27 gyfs: {
28 type: String,
29 default: '1'
30 } 22 }
31 }, 23 },
32 data () { 24 data () {
33 return { 25 return {
34 key: 0, 26 key: 0,
35 dataIndex: 0, 27 column: [
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 { 28 {
41 label: '序号', 29 label: '序号',
42 type: 'index', 30 type: 'index',
...@@ -85,41 +73,9 @@ ...@@ -85,41 +73,9 @@
85 prop: "showfwjg", 73 prop: "showfwjg",
86 label: "房屋结构" 74 label: "房屋结构"
87 }, 75 },
88 ], 76 ]
89 column: this.qlrCommonTable
90 } 77 }
91 }, 78 },
92 watch: {
93 tableData: {
94 handler: function (val, oldVal) {
95 let that = this;
96 if (val.length == 0 || !val) {
97 } else {
98 that.tableDataList = _.cloneDeep(val)
99 }
100 },
101 immediate: true,
102 deep: true
103 },
104 gyfs: {
105 handler (newVal, oldValue) {
106 let dataList = _.cloneDeep(this.qlrCommonTable)
107 if (newVal == '1') {
108 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
109 } else if ((newVal == '2')) {
110 this.column = dataList
111 } else {
112 this.column = _.cloneDeep(dataList)
113 this.column.splice(
114 2, 0, {
115 prop: "qlbl",
116 label: "份数"
117 })
118 }
119 },
120 immediate: true
121 }
122 },
123 methods: { 79 methods: {
124 } 80 }
125 } 81 }
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-18 14:55:20
5 -->
6 <template>
7 <div>
8 <div>
9 <el-form-item label="共有方式：">
10 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
11 <el-radio label="0">单独所有</el-radio>
12 <el-radio label="1">共同共有</el-radio>
13 <el-radio label="2">按份所有</el-radio>
14 <el-radio label="3">其它共有</el-radio>
15 </el-radio-group>
16 </el-form-item>
17 </div>
18 <lb-table
19 :column="column" :pagination="false"
20 :key="key"
21 :heightNumSetting="true"
22 :minHeight="0"
23 :rowStyleHeight="25"
24 :data="tableDataList"
25 >
26 </lb-table>
27 <addQlr
28 v-model="dialog"
29 :details="details"
30 :showButton="disabled"
31 @updateDetail="handleupdateDetail"
32 />
33 </div>
34 </template>
35 <script>
36 import { mapGetters } from "vuex";
37 import { getIdCardInfo } from "@/utils/operation.js";
38 import addQlr from "./addSqr.vue";
39 export default {
40 components: {
41 addQlr,
42 },
43 computed: {
44 ...mapGetters(["dictData"]),
45 },
46 props: {
47 tableData: {
48 type: Array,
49 default: function () {
50 return [];
51 },
52 },
53 gyfs: {
54 type: String,
55 default: "1",
56 },
57 disabled: {
58 type: Boolean,
59 default: true,
60 },
61 },
62 data() {
63 return {
64 key: 0,
65 dataIndex: 0,
66 dialog: false,
67 isaddupdate: false,
68 details: {},
69 tableDataList: [],
70 InformationTable: [
71 {
72 width: "50",
73 renderHeader: (h, scope) => {
74 return (
75 <div>
76 {" "}
77 {!this.disabled ? (
78 "序号"
79 ) : (
80 <i
81 class="el-icon-plus pointer"
82 onClick={() => {
83 this.addClick();
84 }}
85 ></i>
86 )}
87 </div>
88 );
89 },
90 render: (h, scope) => {
91 return (
92 <div>
93 {!this.disabled ? (
94 <span>{scope.$index + 1}</span>
95 ) : (
96 <i
97 class="el-icon-minus pointer"
98 onClick={() => {
99 this.deleClick(scope.$index, scope.row);
100 }}
101 ></i>
102 )}
103 </div>
104 );
105 },
106 },
107 {
108 label: "身份证读卡器",
109 align: "center",
110 render: (h, scope) => {
111 return (
112 <el-button
113 type="text"
114 icon="el-icon-tickets"
115 disabled={!this.disabled}
116 onClick={() => {
117 this.readClick(scope.row);
118 }}
119 >
120 读取
121 </el-button>
122 );
123 },
124 },
125 {
126 prop: "sqrmc",
127 label: "姓名/名称",
128 },
129 {
130 prop: "zjzl",
131 label: "证件种类",
132 render: (h, scope) => {
133 return (
134 this.dictData["A30"] &&
135 this.dictData["A30"].map((option) => {
136 if (option.dcode == scope.row.zjzl) {
137 return <span>{option.dname}</span>;
138 }
139 })
140 );
141 },
142 },
143 {
144 prop: "zjh",
145 label: "证件号",
146 },
147 {
148 prop: "dh",
149 label: "联系电话",
150 },
151 {
152 label: "操作",
153 render: (h, scope) => {
154 return (
155 <div>
156 {this.disabled ? (
157 <el-button
158 icon="el-icon-edit-outline"
159 type="text"
160 onClick={() => {
161 this.editClick(scope.$index, scope.row);
162 }}
163 >
164 编辑
165 </el-button>
166 ) : (
167 <el-button
168 icon="el-icon-view"
169 type="text"
170 onClick={() => {
171 this.queryViewClick(scope.$index, scope.row);
172 }}
173 >
174 {" "}
175 查看
176 </el-button>
177 )}
178 </div>
179 );
180 },
181 },
182 ],
183 column: [],
184 };
185 },
186 watch: {
187 tableData: {
188 handler: function (val, oldVal) {
189 let that = this;
190 this.$nextTick(() => {
191 if (val.length == 0 || !val) {
192 } else {
193 that.tableDataList = _.cloneDeep(val);
194 that.key++;
195 }
196 });
197 },
198 immediate: true,
199 deep: true,
200 },
201 gyfs: {
202 handler(newVal, oldValue) {
203 let dataList = _.cloneDeep(this.InformationTable);
204 if (newVal == 0) {
205 this.column = _.cloneDeep(dataList);
206 this.tableDataList = _.cloneDeep(this.tableData);
207 this.key++;
208 } else if (newVal == "1" || newVal == "3") {
209 this.column = dataList;
210 } else {
211 this.column = _.cloneDeep(dataList);
212 this.column.splice(2, 0, {
213 prop: "qlbl",
214 label: "份数",
215 });
216 }
217 },
218 immediate: true,
219 },
220 },
221 methods: {
222 /**
223 * @description: handleupdateDetail
224 * @param {*} value
225 * @author: renchao
226 */
227 handleupdateDetail(value) {
228 let that = this;
229 let arr = this.tableData.map((item) => item.zjh);
230 // if (this.isaddupdate) {
231 // if (!arr.includes(value.zjh)) {
232 // this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
233 // this.$emit('upDateQlrxxList', this.tableDataList)
234 // } else {
235 // setTimeout(() => {
236 // that.$message.error('证件号不能重复')
237 // }, 1500)
238 // }
239 // } else {
240 // if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
241 // this.tableDataList[this.dataIndex] = _.cloneDeep(value);
242 // this.$emit('upDateQlrxxList', this.tableDataList)
243 // } else {
244 // setTimeout(() => {
245 // that.$message.error('证件号不能重复')
246 // }, 1500)
247 // }
248 // }
249
250 if (this.isaddupdate) {
251 if (!_.isEqual(value, this.tableData)) {
252 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
253 this.$emit("upDateQlrxxList", this.tableDataList);
254 }
255 } else {
256 if (!_.isEqual(value, this.tableData)) {
257 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
258 this.$emit("upDateQlrxxList", this.tableDataList);
259 }
260 }
261 this.key++;
262 },
263 /**
264 * @description: 新增
265 * @author: renchao
266 */
267 addClick() {
268 if (this.gyfs == "0" && this.tableDataList.length > 0) {
269 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
270 } else {
271 this.key++;
272 this.details = {
273 sqrmc: "",
274 zjzl: "1",
275 zjh: "",
276 xb: "",
277 txdz: "",
278 fzjg: "",
279 };
280 this.dialog = true;
281 this.isaddupdate = true;
282 }
283 },
284
285 /**
286 * @description: 删除
287 * @param {*} index
288 * @param {*} row
289 * @author: renchao
290 */
291 deleClick(index, row) {
292 this.tableDataList.splice(index, 1);
293 this.$emit("upDateQlrxxList", this.tableDataList);
294 this.key++;
295 },
296 /**
297 * @description: 身份证读取
298 * @param {*} row
299 * @author: renchao
300 */
301 readClick(row) {
302 function getObjectByValue(arrayOfObjects, value) {
303 var name = "";
304 arrayOfObjects.forEach((item) => {
305 if (item.dname.includes(value)) name = item.dcode;
306 });
307 return name;
308 }
309 getIdCardInfo(this.BASE_API.gaopaiyi).then((res) => {
310 if (this.BASE_API.gaopaiyi == "jy") {
311 const { Name, IdNo, Sex, Address, Agencvy, PhotoB64 } =
312 JSON.parse(res);
313 if (Name != "") {
314 row.sqrmc = Name;
315 row.zjzl = "1";
316 row.zjh = IdNo;
317 row.xb = getObjectByValue(this.dictData["A43"], Sex);
318 row.txdz = Address;
319 row.fzjg = Agencvy;
320 row.avatar = "data:image/png;base64," + PhotoB64;
321 this.$message({
322 message: "读取成功！",
323 type: "success",
324 });
325 } else {
326 this.$message({
327 message: "请放置身份证",
328 type: "warning",
329 });
330 }
331 } else {
332 if (res.data.code == 0) {
333 let data = res.data.IDCardInfo;
334 const {
335 name,
336 cardID: zjh,
337 sexCode: xb,
338 address: txdz,
339 issueOrgan: fzjg,
340 photoBase64,
341 } = data;
342 row.sqrmc = name;
343 row.zjzl = "1";
344 row.zjh = zjh;
345 row.xb = xb;
346 row.txdz = txdz;
347 row.fzjg = fzjg;
348 row.avatar = "data:image/png;base64," + photoBase64;
349 this.$message({
350 message: "读取成功！",
351 type: "success",
352 });
353 } else {
354 this.$message({
355 message: res.data.message,
356 type: "warning",
357 });
358 }
359 }
360 this.$emit("upDateQlrxxList", this.tableDataList);
361 });
362 },
363 /**
364 * @description: 修改
365 * @param {*} index
366 * @param {*} row
367 * @author: renchao
368 */
369 editClick(index, row) {
370 this.details = row;
371 this.details.gyfs = this.gyfs;
372 this.dataIndex = index;
373 this.dialog = true;
374
375 this.isaddupdate = false;
376 },
377 /**
378 * @description: queryViewClick
379 * @param {*} index
380 * @param {*} row
381 * @author: renchao
382 */
383 queryViewClick(index, row) {
384 this.details = row;
385 this.dialog = true;
386 },
387 },
388 };
389 </script>
390 <style scoped lang="scss">
391 /deep/.el-table--small .el-table__cell {
392 padding: 0 0 !important;
393 }
394 /deep/.el-table th {
395 height: 30px !important;
396 }
397 /deep/.el-table .cell {
398 padding-right: 12px;
399 }
400 </style>
...@@ -8,12 +8,8 @@ ...@@ -8,12 +8,8 @@
8 </lb-table> 8 </lb-table>
9 </template> 9 </template>
10 <script> 10 <script>
11 import addQlr from '../../../components/dialog/addQlr.vue'
12 import { mapGetters } from 'vuex' 11 import { mapGetters } from 'vuex'
13 export default { 12 export default {
14 components: {
15 addQlr
16 },
17 computed: { 13 computed: {
18 ...mapGetters(["dictData"]), 14 ...mapGetters(["dictData"]),
19 }, 15 },
...@@ -23,20 +19,12 @@ ...@@ -23,20 +19,12 @@
23 default: function () { 19 default: function () {
24 return [] 20 return []
25 } 21 }
26 }, 22 }
27 gyfs: {
28 type: String,
29 default: '1'
30 }
31 }, 23 },
32 data () { 24 data () {
33 return { 25 return {
34 key: 0, 26 key: 0,
35 dataIndex: 0, 27 column: [
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 { 28 {
41 label: '序号', 29 label: '序号',
42 type: 'index', 30 type: 'index',
...@@ -85,45 +73,7 @@ ...@@ -85,45 +73,7 @@
85 prop: "zl", 73 prop: "zl",
86 label: "坐落" 74 label: "坐落"
87 }, 75 },
88 ], 76 ]
89 column: this.qlrCommonTable
90 }
91 },
92 watch: {
93 tableData: {
94 handler: function (val, oldVal) {
95 let that = this
96 if (val.length == 0 || !val) {
97 that.tableDataList = _.cloneDeep([{
98 sqrmc: '',
99 dlrzjlx: '',
100 dlrzjh: '',
101 fr: ''
102 }])
103 } else {
104 that.tableDataList = _.cloneDeep(val)
105 }
106 },
107 immediate: true,
108 deep: true
109 },
110 gyfs: {
111 handler (newVal, oldValue) {
112 let dataList = _.cloneDeep(this.qlrCommonTable)
113 if (newVal == '1') {
114 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
115 } else if ((newVal == '2')) {
116 this.column = dataList
117 } else {
118 this.column = _.cloneDeep(dataList)
119 this.column.splice(
120 2, 0, {
121 prop: "qlbl",
122 label: "份数"
123 })
124 }
125 },
126 immediate: true
127 } 77 }
128 }, 78 },
129 methods: { 79 methods: {
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-18 14:55:20
5 -->
6 <template>
7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25'
9 :data="tableDataList">
10 </lb-table>
11 <addSqr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" />
12 </div>
13 </template>
14 <script>
15 import { mapGetters } from 'vuex'
16 import { getIdCardInfo } from '@/utils/operation.js'
17 import addSqr from './addSqr.vue'
18 export default {
19 components: {
20 addSqr
21 },
22 computed: {
23 ...mapGetters(["dictData"]),
24 },
25 props: {
26 tableData: {
27 type: Array,
28 default: function () {
29 return []
30 }
31 },
32 disabled: {
33 type: Boolean,
34 default: true
35 }
36 },
37 data () {
38 return {
39 key: 0,
40 dataIndex: 0,
41 dialog: false,
42 isaddupdate: false,
43 details: {},
44 tableDataList: [],
45 InformationTable: [
46 {
47 width: '50',
48 renderHeader: (h, scope) => {
49 return <div> {
50 !this.disabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
51 }
52 </div>
53 },
54 render: (h, scope) => {
55 return (
56 <div>
57 {
58 !this.disabled ? <span>{scope.$index + 1}</span> :
59 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
60 }
61 </div>
62 )
63 }
64 },
65 {
66 label: '身份证读卡器',
67 align: 'center',
68 render: (h, scope) => {
69 return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button>
70 }
71 },
72 {
73 prop: "sqrmc",
74 label: "姓名/名称"
75 },
76 {
77 prop: "zjzl",
78 label: "证件种类",
79 render: (h, scope) => {
80 return this.dictData['A30'] && this.dictData['A30'].map(option => {
81 if (option.dcode == scope.row.zjzl) {
82 return <span>{option.dname}</span>
83 }
84 })
85 }
86 },
87 {
88 prop: "zjh",
89 label: "证件号"
90 },
91 {
92 prop: "dh",
93 label: "联系电话"
94 },
95 {
96 label: '操作',
97 render: (h, scope) => {
98 return (
99 <div>
100 {
101 this.disabled ? <el-button
102 icon="el-icon-edit-outline"
103 type="text"
104 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> : <el-button
105 icon="el-icon-view"
106 type="text"
107 onClick={() => { this.queryViewClick(scope.$index, scope.row) }} > 查看</el-button>
108 }
109 </div>
110 )
111 }
112 }
113 ],
114 column: []
115 }
116 },
117 watch: {
118 tableData: {
119 handler: function (val, oldVal) {
120 let that = this
121 this.$nextTick(() => {
122 if (val.length == 0 || !val) {
123 } else {
124 that.tableDataList = _.cloneDeep(val)
125 that.key++
126 }
127 })
128 },
129 immediate: true,
130 deep: true
131 }
132 },
133 methods: {
134 /**
135 * @description: handleupdateDetail
136 * @param {*} value
137 * @author: renchao
138 */
139 handleupdateDetail (value) {
140 let that = this
141 let arr = this.tableData.map(item => item.zjh)
142 if (this.isaddupdate) {
143 if (!_.isEqual(value, this.tableData)) {
144 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
145 this.$emit("upDateQlrxxList", this.tableDataList);
146 }
147 } else {
148 if (!_.isEqual(value, this.tableData)) {
149 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
150 this.$emit("upDateQlrxxList", this.tableDataList);
151 }
152 }
153 this.key++
154 },
155 /**
156 * @description: 新增
157 * @author: renchao
158 */
159 addClick () {
160 if (this.gyfs == '0' && this.tableDataList.length > 0) {
161 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
162 } else {
163 this.key++
164 this.details = {
165 sqrmc: '',
166 zjzl: '1',
167 zjh: '',
168 xb: '',
169 txdz: '',
170 fzjg: ''
171 }
172 this.dialog = true
173 this.isaddupdate = true
174 }
175 },
176
177 /**
178 * @description: 删除
179 * @param {*} index
180 * @param {*} row
181 * @author: renchao
182 */
183 deleClick (index, row) {
184 this.tableDataList.splice(index, 1)
185 this.$emit('upDateQlrxxList', this.tableDataList)
186 this.key++
187 },
188 /**
189 * @description: 身份证读取
190 * @param {*} row
191 * @author: renchao
192 */
193 readClick (row) {
194 function getObjectByValue (arrayOfObjects, value) {
195 var name = ''
196 arrayOfObjects.forEach(item => {
197 if (item.dname.includes(value)) name = item.dcode
198 })
199 return name
200 }
201 getIdCardInfo(this.BASE_API.gaopaiyi).then(res => {
202 if (this.BASE_API.gaopaiyi == 'jy') {
203 const {
204 Name,
205 IdNo,
206 Sex,
207 Address,
208 Agencvy,
209 PhotoB64
210 } = JSON.parse(res)
211 if (Name != '') {
212 row.sqrmc = Name;
213 row.zjzl = '1';
214 row.zjh = IdNo;
215 row.xb = getObjectByValue(this.dictData['A43'], Sex);
216 row.txdz = Address;
217 row.fzjg = Agencvy;
218 row.avatar = 'data:image/png;base64,' + PhotoB64
219 this.$message({
220 message: '读取成功！',
221 type: 'success'
222 })
223 } else {
224 this.$message({
225 message: '请放置身份证',
226 type: 'warning'
227 })
228 }
229 } else {
230 if (res.data.code == 0) {
231 let data = res.data.IDCardInfo;
232 const {
233 name,
234 cardID: zjh,
235 sexCode: xb,
236 address: txdz,
237 issueOrgan: fzjg,
238 photoBase64
239 } = data
240 row.sqrmc = name;
241 row.zjzl = '1';
242 row.zjh = zjh;
243 row.xb = xb
244 row.txdz = txdz;
245 row.fzjg = fzjg;
246 row.avatar = 'data:image/png;base64,' + photoBase64
247 this.$message({
248 message: '读取成功！',
249 type: 'success'
250 })
251 } else {
252 this.$message({
253 message: res.data.message,
254 type: 'warning'
255 })
256 }
257 }
258 this.$emit('upDateQlrxxList', this.tableDataList)
259 })
260 },
261 /**
262 * @description: 修改
263 * @param {*} index
264 * @param {*} row
265 * @author: renchao
266 */
267 editClick (index, row) {
268 this.details = row
269 this.details.gyfs = this.gyfs
270 this.dataIndex = index
271 this.dialog = true
272
273
274 this.isaddupdate = false
275 },
276 /**
277 * @description: queryViewClick
278 * @param {*} index
279 * @param {*} row
280 * @author: renchao
281 */
282 queryViewClick (index, row) {
283 this.details = row
284 this.dialog = true
285 }
286 }
287 }
288 </script>
289 <style scoped lang="scss">
290 /deep/.el-table--small .el-table__cell {
291 padding: 0 0 !important;
292 }
293 /deep/.el-table th {
294 height: 30px !important;
295 }
296 /deep/.el-table .cell {
297 padding-right: 12px;
298 }
299 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-02-01 16:27:35
5 -->
6 <template>
7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
9 label-width="120px">
10 <div class="slxx_con">
11 <div class="slxx_title title-block">
12 申请业务信息
13 <div class="triangle"></div>
14 </div>
15 <el-row :gutter="10">
16 <el-col :span="8">
17 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="8">
22 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
23 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="8">
27 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
28 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 <el-row :gutter="10">
33 <el-col :span="8">
34 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
35 <el-select disabled v-model="ruleForm.sldyList[0].qllx" filterable clearable placeholder="请选择权利类型">
36 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option>
38 </el-select>
39 </el-form-item>
40 </el-col>
41 <el-col :span="8">
42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
43 <el-select disabled v-model="ruleForm.sldyList[0].djlx" filterable clearable placeholder="请选择登记类型">
44 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
45 </el-option>
46 </el-select>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
51 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <div class="slxx_title title-block" v-if="ruleForm.slsq.djywbm.includes('400')">
56 解封信息列表（{{ ruleForm.cfdjDetailList.length }} 个）
57 <div class="triangle"></div>
58 <cfdjTable :tableData="ruleForm.cfdjDetailList" />
59 </div>
60 <div class="slxx_title title-block" v-else>
61 查封不动产列表（{{ ruleForm.ztQlxxList.length }} 个）
62 <div class="triangle"></div>
63 <cfBdcdyTable :tableData="ruleForm.ztQlxxList" />
64 </div>
65 <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')">
66 批量查封信息
67 <div class="triangle"></div>
68 </div>
69 <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')">
70 <el-col :span="8">
71 <el-form-item :class="flag ? 'marginBot0' : ''" label="原告：">
72 <el-input v-model="ruleForm.cfdj.yg" :disabled="!ableOperation|| isJfOperation"></el-input>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" >
77 <el-input v-model="ruleForm.cfdj.cfwh" :disabled="!ableOperation|| isJfOperation"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：">
82 <el-input v-model="ruleForm.cfdj.cfjg" :disabled="!ableOperation|| isJfOperation"></el-input>
83 </el-form-item>
84 </el-col>
85 </el-row>
86 <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')">
87 <el-col :span="8">
88 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：">
89 <el-input v-model="ruleForm.cfdj.cfqx" :disabled="!ableOperation|| isJfOperation"></el-input>
90 </el-form-item>
91 </el-col>
92 <el-col :span="8">
93 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：">
94 <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期"
95 value-format="yyyy-MM-dd" :disabled="!ableOperation|| isJfOperation"></el-date-picker>
96 </el-form-item>
97 </el-col>
98 <el-col :span="8">
99 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：">
100 <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100"
101 :disabled="!ableOperation|| isJfOperation" type="date" placeholder="选择日期"
102 value-format="yyyy-MM-dd"></el-date-picker>
103 </el-form-item>
104 </el-col>
105 </el-row>
106 <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')">
107 <el-col :span="8">
108 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：">
109 <el-input v-model="ruleForm.cfdj.cfwj" :disabled="!ableOperation|| isJfOperation"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="16">
113 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：">
114 <el-input v-model="ruleForm.cfdj.cffw" :disabled="!ableOperation|| isJfOperation"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')">
119 <el-col>
120 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：">
121 <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.fj"
122 :disabled="!ableOperation|| isJfOperation"></el-input>
123 </el-form-item>
124 </el-col>
125 </el-row>
126 <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')">
127 <el-col>
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
129 <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy"
130 :disabled="!ableOperation|| isJfOperation"></el-input>
131 </el-form-item>
132 </el-col>
133 </el-row>
134 <div v-if="propsParam.djlx == '400'">
135 <div class="slxx_title title-block">
136 解封信息
137 <div class="triangle"></div>
138 </div>
139 <el-row :gutter="10">
140 <el-col :span="8">
141 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：">
142 <el-input v-model="ruleForm.cfdj.jfjg" :disabled="!ableOperation"></el-input>
143 </el-form-item>
144 </el-col>
145 <el-col :span="8">
146 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：">
147 <el-input v-model="ruleForm.cfdj.jfwj" :disabled="!ableOperation"></el-input>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：">
152 <el-input v-model="ruleForm.cfdj.jfwh" :disabled="!ableOperation"></el-input>
153 </el-form-item>
154 </el-col>
155 </el-row>
156 </div>
157 </div>
158 <el-row class="btn" v-if="ableOperation">
159 <el-button type="primary" @click="onSubmit">保存</el-button>
160 </el-row>
161 </el-form>
162 </div>
163 </template>
164 <script>
165 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
166 import cfdjTable from "@/views/workflow/components/cfdjTable";
167 import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js";
168 import { mapGetters } from "vuex";
169 export default {
170 data () {
171 return {
172 //表单是否可操作
173 ableOperation: true,
174 disabled: true,
175 flagTop: this.flag ? "top" : "",
176 rules: {
177 'cfdj.djyy': [
178 { required: true, message: '请输入登记原因', trigger: 'blur' }
179 ]
180 },
181 //传递参数
182 propsParam: {},
183 //页面数据
184 ruleForm: {
185 slsq: {},
186 cfdj: {},
187 },
188 isJfOperation: false,
189 tableData: []
190 }
191 },
192 mounted () {
193 this.ableOperation = this.$parent.currentSelectTab.ableOperation
194 this.propsParam = this.$attrs;
195 var formdata = new FormData();
196 if (this.propsParam.djlx == '400') {
197 this.isJfOperation = true;
198 }
199 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
200 formdata.append("djlx", this.propsParam.djlx);
201 formdata.append("isEdit", this.ableOperation);
202 BatchInit(formdata).then((res) => {
203 if (res.code === 200 && res.result) {
204 this.ruleForm = res.result
205 }
206 })
207 },
208 components: { cfBdcdyTable,cfdjTable },
209 props: {
210 flag: {
211 type: Boolean,
212 default: false,
213 },
214 fetch: {
215 type: Boolean,
216 default: false,
217 },
218 },
219 computed: {
220 ...mapGetters(["dictData"]),
221 },
222
223 methods: {
224 /**
225 * @description: onSubmit
226 * @author: renchao
227 */
228 onSubmit () {
229 this.$refs['ruleForm'].validate((valid) => {
230 if (valid) {
231 this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
232 batchSaveData(this.ruleForm).then((res) => {
233 if (res.code === 200) {
234 this.$message.success('保存成功');
235 }
236 })
237 } else {
238 this.$message({
239 showClose: true,
240 message: "请输入登记原因",
241 type: "error"
242 })
243 return false;
244 }
245 });
246
247 },
248 /**
249 * @description: changeCflx
250 * @param {*} e
251 * @author: renchao
252 */
253 changeCflx (e) {
254 let cflxItem = {}
255 cflxItem = this.dictData['A32'].find((item) => {
256 return item.dcode == e
257 })
258 this.ruleForm.cfdjList[0].cflxmc = cflxItem.dname;
259 }
260 },
261 };
262 </script>
263 <style scoped lang='scss'>
264 @import "~@/styles/public.scss";
265 @import "~@/styles/slxx/slxx.scss";
266 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-30 15:08:38
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flagTop"
13 :inline="flag"
14 label-width="120px">
15 <div class="slxx_con">
16 <div class="slxx_title title-block">
17 申请业务信息
18 <div class="triangle"></div>
19 </div>
20 <el-row :gutter="10">
21 <el-col :span="8">
22 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh">
23 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="8">
27 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slsq.slry">
28 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
29 </el-form-item>
30 </el-col>
31 <el-col :span="8">
32 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsq.slsj">
33 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
34 </el-form-item>
35 </el-col>
36 </el-row>
37 <el-row :gutter="10">
38 <el-col :span="8">
39 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
40 <el-select
41 disabled
42 v-model="ruleForm.sldy.qllx"
43 filterable
44 clearable
45 placeholder="请选择权利类型">
46 <el-option
47 v-for="item in dictData['A8']"
48 :key="item.dcode"
49 :label="item.dname"
50 :value="item.dcode"></el-option>
51 </el-select>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
56 <el-select
57 disabled
58 v-model="ruleForm.sldy.djlx"
59 filterable
60 clearable
61 placeholder="请选择登记类型">
62 <el-option
63 v-for="item in dictData['A21']"
64 :key="item.dcode"
65 :label="item.dname"
66 :value="item.dcode"></el-option>
67 </el-select>
68 </el-form-item>
69 </el-col>
70 <el-col :span="8">
71 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="slsq.djqx">
72 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
73 </el-form-item>
74 </el-col>
75 </el-row>
76 <div class="slxx_title title-block">
77 查封不动产情况
78 <div class="triangle"></div>
79 </div>
80
81 <el-row :gutter="10">
82 <el-col :span="8">
83 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
84 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
85 </el-form-item>
86 </el-col>
87
88 <el-col :span="8">
89 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
90 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
91 </el-form-item>
92 </el-col>
93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况：">
95 <el-input disabled v-model="ruleForm.ztQlxx.gyqk"></el-input>
96 </el-form-item>
97 </el-col>
98 </el-row>
99 <el-row :gutter="10">
100 <el-col :span="8">
101 <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc">
102 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
107 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
112 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
113 </el-form-item>
114 </el-col>
115 </el-row>
116 <el-row :gutter="10">
117 <el-col :span="8">
118 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
119 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
120 </el-form-item>
121 </el-col>
122 <el-col :span="16">
123 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
124 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
125 </el-form-item>
126 </el-col>
127 </el-row>
128 <el-row :gutter="10">
129 <el-col :span="8">
130 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质">
131 <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
136 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
141 <el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input>
142 </el-form-item>
143 </el-col>
144 </el-row>
145
146 <div class="slxx_title title-block">
147 查封信息
148 <div class="triangle"></div>
149 </div>
150 <el-row :gutter="10">
151 <el-col :span="8">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="原告：" prop="cfdj.cfwh">
153 <el-input
154 v-model="ruleForm.cfdj.yg"
155 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
160 <el-input
161 v-model="ruleForm.cfdj.cfwh"
162 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
163 </el-form-item>
164 </el-col>
165 <el-col :span="8">
166 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
167 <el-input
168 v-model="ruleForm.cfdj.cfjg"
169 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 <el-row :gutter="10">
174 <el-col :span="8">
175 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="cfdj.cflxmc">
176 <el-input v-model="ruleForm.cfdj.cflxmc" disabled></el-input>
177 </el-form-item>
178 </el-col>
179 <el-col :span="16">
180 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
181 <el-input
182 v-model="ruleForm.cfdj.cfwj"
183 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
184 </el-form-item>
185 </el-col>
186 </el-row>
187 <el-row :gutter="10">
188 <el-col :span="8">
189 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx">
190 <el-input
191 v-model="ruleForm.cfdj.cfqx"
192 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
193 </el-form-item>
194 </el-col>
195 <el-col :span="8">
196 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
197 <el-date-picker
198 v-model="ruleForm.cfdj.cfqssj"
199 class="width100"
200 type="date"
201 placeholder="选择日期"
202 value-format="yyyy-MM-dd"
203 :disabled="!viewEdit || ableEdit || isJfOperation"></el-date-picker>
204 </el-form-item>
205 </el-col>
206 <el-col :span="8">
207 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
208 <el-date-picker
209 v-model="ruleForm.cfdj.cfjssj"
210 class="width100"
211 :disabled="!viewEdit || ableEdit || isJfOperation"
212 type="date"
213 placeholder="选择日期"
214 value-format="yyyy-MM-dd"></el-date-picker>
215 </el-form-item>
216 </el-col>
217 </el-row>
218
219 <el-row :gutter="10">
220 <el-col :span="24">
221 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw">
222 <el-input
223 v-model="ruleForm.cfdj.cffw"
224 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
225 </el-form-item>
226 </el-col>
227 </el-row>
228 <el-row :gutter="10">
229 <el-col :span="24">
230 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj">
231 <el-input
232 v-model="ruleForm.cfdj.fj"
233 type="textarea"
234 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
235 </el-form-item>
236 </el-col>
237 </el-row>
238 <el-row :gutter="10">
239 <el-col>
240 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
241 <el-input
242 class="textArea"
243 type="textarea"
244 v-model="ruleForm.cfdj.djyy"
245 :disabled="!viewEdit || ableEdit || isJfOperation"></el-input>
246 </el-form-item>
247 </el-col>
248 </el-row>
249 <div v-if="propsParam.djlx == '400'">
250 <div class="slxx_title title-block">
251 解封信息
252 <div class="triangle"></div>
253 </div>
254 <el-row :gutter="10">
255 <el-col :span="8">
256 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg">
257 <el-input
258 v-model="ruleForm.cfdj.jfjg"
259 :disabled="!viewEdit || ableEdit"></el-input>
260 </el-form-item>
261 </el-col>
262 <el-col :span="8">
263 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj">
264 <el-input
265 v-model="ruleForm.cfdj.jfwj"
266 :disabled="!viewEdit || ableEdit"></el-input>
267 </el-form-item>
268 </el-col>
269 <el-col :span="8">
270 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh">
271 <el-input
272 v-model="ruleForm.cfdj.jfwh"
273 :disabled="!viewEdit || ableEdit"></el-input>
274 </el-form-item>
275 </el-col>
276 </el-row>
277 </div>
278 </div>
279 <el-row class="btn" v-if="viewEdit && !ableEdit">
280 <el-form-item :class="flag ? 'marginBot0' : ''">
281 <el-button type="primary" @click="onSubmit">保存</el-button>
282 </el-form-item>
283 </el-row>
284 </el-form>
285 </div>
286 </template>
287 <script>
288 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
289 import { Init, saveData } from "@/api/workflow/cfdjFlow.js";
290 import { mapGetters } from "vuex";
291 export default {
292 data () {
293 return {
294 // 键名转换，方法默认是label和children进行树状渲染
295 normalizer (node) {
296 //方法
297 if (node.children == null || node.children == "null") {
298 delete node.children;
299 }
300 return {
301 id: node.dcode,
302 label: node.dname,
303 };
304 },
305 //表单是否可操作
306 viewEdit: false,
307 disabled: true,
308 flagTop: this.flag ? "top" : "",
309 rules: {
310 'cfdj.djyy': [
311 { required: true, message: '请输入登记原因', trigger: 'blur' }
312 ]
313 },
314 //传递参数
315 propsParam: {},
316 //页面数据
317 ruleForm: {},
318 //是否可编辑
319 ableEdit: false,
320 //是否为解封
321 isJfOperation: false,
322 };
323 },
324 async created () {
325 this.propsParam = this.$attrs;
326 this.ableEdit = this.$parent.showBatch;
327 this.viewEdit = this.$parent.currentSelectTab.ableOperation
328 if (this.propsParam.djlx == "400") {
329 this.isJfOperation = true;
330 }
331 var formdata = new FormData();
332 formdata.append("bsmSldy", this.propsParam.bsmSldy);
333 formdata.append("djlx", this.propsParam.djlx);
334 formdata.append("isEdit", this.viewEdit);
335 Init(formdata).then((res) => {
336 if (res.code === 200 && res.result) {
337 this.ruleForm = res.result;
338 } else {
339 this.$message.error(res.message);
340 }
341 });
342 },
343 watch: {},
344 components: { sqrViewTable },
345 props: {
346 flag: {
347 type: Boolean,
348 default: false,
349 },
350 fetch: {
351 type: Boolean,
352 default: false,
353 },
354 },
355 computed: {
356 ...mapGetters(["dictData"])
357 },
358
359 methods: {
360 /**
361 * @description: onSubmit
362 * @author: renchao
363 */
364 onSubmit () {
365 this.$refs['ruleForm'].validate((valid) => {
366 if (valid) {
367 saveData(this.ruleForm).then((res) => {
368 if (res.code === 200) {
369 this.$message.success("保存成功");
370 }
371 })
372 } else {
373 this.$message({
374 showClose: true,
375 message: "请输入登记原因",
376 type: "error"
377 })
378 return false
379 }
380 })
381 },
382 /**
383 * @description: changeCflx
384 * @param {*} e
385 * @author: renchao
386 */
387 changeCflx (e) {
388 let cflxItem = {};
389 cflxItem = this.dictData["A32"].find((item) => {
390 return item.dcode == e;
391 });
392 this.ruleForm.cfdj.cflxmc = cflxItem.dname
393 }
394 }
395 }
396 </script>
397 <style scoped lang='scss'>
398 @import "~@/styles/public.scss";
399 @import "~@/styles/slxx/slxx.scss";
400 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 v-Loading="loading"
7 :label-position="flag ? 'top' : ''"
8 :inline="flag"
9 ref="ruleForm"
10 label-width="140px">
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block">
13 申请业务信息
14 <div class="triangle"></div>
15 </div>
16 <el-row :gutter="10" v-if="ruleForm.flow">
17 <el-col :span="8">
18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理人员：">
24 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理时间：">
29 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row :gutter="10" v-if="ruleForm.sldyList">
34 <el-col :span="8">
35 <el-form-item label="权利类型：">
36 <el-input
37 disabled
38 v-model="ruleForm.sldyList[0].qllxmc"></el-input>
39 </el-form-item>
40 </el-col>
41 <el-col :span="8">
42 <el-form-item label="登记类型：">
43 <el-input
44 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"></el-input>
46 </el-form-item>
47 </el-col>
48 <el-col :span="8">
49 <el-form-item label="登记情形：">
50 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
51 </el-form-item>
52 </el-col>
53 </el-row>
54
55 <div
56 class="slxx_title title-block"
57 v-if="ruleForm.slsq.djywbm.includes('400')">
58 在抵押权信息列表（{{ ruleForm.diyaqDetailList.length }} 个）
59 <div class="triangle"></div>
60 <dyaqTable :tableData="ruleForm.diyaqDetailList" />
61 </div>
62 <div
63 class="slxx_title title-block"
64 v-else>
65 抵押不动产列表信息（{{ ruleForm.ztQlxxList.length }} 个）
66 <div class="triangle"></div>
67 <cfBdcdyTable :tableData="ruleForm.ztQlxxList" />
68 </div>
69 <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')">
70 抵押信息
71 <div class="triangle"></div>
72 </div>
73 <el-row
74 :gutter="10"
75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
76 <el-col :span="8">
77 <el-form-item label="抵押方式：">
78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
79 <el-radio label="1">一般抵押</el-radio>
80 <el-radio label="2">最高额抵押</el-radio>
81 </el-radio-group>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="抵押金额类型：">
86 <el-radio-group
87 v-model="ruleForm.diyaqList[0].dyjelx"
88 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
89 <el-radio label="0">独立抵押</el-radio>
90 <el-radio label="1">整体抵押</el-radio>
91 </el-radio-group>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item
96 label="是否存在禁止或者限制转让抵押不动产的约定："
97 label-width="300px">
98 <el-radio-group
99 v-model="ruleForm.diyaqList[0].sfczjzhxz"
100 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
101 <el-radio label="1">启用</el-radio>
102 <el-radio label="0">禁用</el-radio>
103 </el-radio-group>
104 </el-form-item>
105 </el-col>
106 </el-row>
107 <el-row
108 :gutter="10"
109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
111 <el-form-item label="被担保主债权数额：">
112 <div style="display: flex">
113 <el-input
114 v-model="ruleForm.diyaqList[0].bdbzzqse"
115 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
116 <el-select
117 style="width: 68px"
118 v-model="ruleForm.diyaqList[0].jedw"
119 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode">
125 </el-option>
126 </el-select>
127 </div>
128 </el-form-item>
129 </el-col>
130
131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
132 <el-form-item label="最高债权额：">
133 <el-input
134 v-model="ruleForm.diyaqList[0].zgzqse"
135 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
136 <el-select
137 v-model="ruleForm.diyaqList[0].jedw"
138 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
139 <el-option
140 v-for="item in dictData['A57']"
141 :key="item.dcode"
142 :label="item.dname"
143 :value="item.dcode">
144 </el-option>
145 </el-select>
146 </el-form-item>
147 </el-col>
148
149 <el-col :span="8">
150 <el-form-item label="债务履行起始时间：">
151 <el-date-picker
152 v-model="ruleForm.diyaqList[0].zwlxqssj"
153 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
154 type="date">
155 </el-date-picker>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="债务履行结束时间：">
160 <el-date-picker
161 v-model="ruleForm.diyaqList[0].zwlxjssj"
162 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
163 type="date">
164 </el-date-picker>
165 </el-form-item>
166 </el-col>
167 </el-row>
168 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
169 <el-col :span="24">
170 <el-form-item label="担保范围：">
171 <el-input
172 v-model="ruleForm.diyaqList[0].dbfw"
173 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
174 </el-form-item>
175 </el-col>
176 </el-row>
177 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
178 <el-col :span="24">
179 <el-form-item label="最高债权确定事实和数额：">
180 <el-input
181 v-model="ruleForm.diyaqList[0].zgzqqdss"
182 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
183 </el-form-item>
184 </el-col>
185 </el-row>
186 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
187 <el-col>
188 <el-form-item label="附记：" prop="fj">
189 <el-input
190 type="textarea"
191 maxlength="500"
192 show-word-limit
193 v-model="ruleForm.diyaqList[0].fj"
194 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198
199 <div class="slxx_title title-block">
200 抵押权人信息
201 <div class="triangle"></div>
202 </div>
203 <el-row
204 :gutter="10"
205 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0">
206 <el-col :span="14">
207 <el-form-item label="共有方式：">
208 <el-radio-group
209 :disabled="!viewEdit"
210 v-model="ruleForm.sldyList[0].gyfs">
211 <el-radio label="0">单独所有</el-radio>
212 <el-radio label="1">共同共有</el-radio>
213 <el-radio label="2">按份所有</el-radio>
214 <el-radio label="3">其它共有</el-radio>
215 </el-radio-group>
216 </el-form-item>
217 </el-col>
218 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
219 <el-form-item label="是否分别持证：">
220 <el-radio-group
221 v-model="ruleForm.sldyList[0].sqfbcz"
222 :disabled="!viewEdit"
223 @input="updaterow()">
224 <el-radio :label="1">是</el-radio>
225 <el-radio :label="0">否</el-radio>
226 </el-radio-group>
227 </el-form-item>
228 </el-col>
229 <el-col
230 :span="5"
231 v-show="
232 ruleForm.sldyList[0].gyfs != '0' &&
233 ruleForm.sldyList[0].sqfbcz == '0'
234 ">
235 <el-form-item label="持证人：">
236 <el-select
237 v-model="czr"
238 placeholder="持证人"
239 :disabled="!viewEdit">
240 <el-option
241 v-for="(item,index) in czrOptions"
242 :key="index"
243 :label="item.sqrmc"
244 :value="item.id">
245 </el-option>
246 </el-select>
247 </el-form-item>
248 </el-col>
249 </el-row>
250 <qlrCommonTable
251 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
252 :tableData="ruleForm.qlrList"
253 @upDateQlrxxList="upDateQlrxxList"
254 :disabled="viewEdit"
255 :gyfs="ruleForm.sldyList[0].gyfs" />
256 <div class="slxx_title title-block">
257 抵押人信息
258 <div class="triangle"></div>
259 </div>
260 <qlrCommonTable
261 :tableData="ruleForm.ywrList"
262 @upDateQlrxxList="upDateYwrxxList"
263 :disabled="viewEdit" />
264
265 <div class="slxx_title title-block">
266 登记原因
267 <div class="triangle"></div>
268 </div>
269 <el-row
270 :gutter="10"
271 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
272 <el-col>
273 <el-form-item
274 v-if="ruleForm.sldyList[0].djlx == '400'"
275 label="注销抵押原因："
276 prop="djyy">
277 <el-input
278 class="textArea"
279 type="textarea"
280 :disabled="!viewEdit"
281 v-model="ruleForm.diyaqList[0].zxdyyy">
282 </el-input>
283 </el-form-item>
284 <el-form-item v-else label="登记原因：" prop="diyaqList[0].djyy">
285 <el-input
286 class="textArea"
287 type="textarea"
288 maxlength="500"
289 show-word-limit
290 :disabled="!viewEdit"
291 v-model="ruleForm.diyaqList[0].djyy">
292 </el-input>
293 </el-form-item>
294 </el-col>
295 </el-row>
296 </div>
297 <el-row class="btn" v-if="isSave">
298 <el-form-item>
299 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
300 </el-form-item>
301 </el-row>
302 </el-form>
303 </div>
304 </template>
305 <script>
306 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
307 import dyaqTable from "@/views/workflow/components/dyaqTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
309 import { batchInit, saveBatchData } from "@/api/workflow/diyaqFlow.js";
310 import { mapGetters } from "vuex";
311 export default {
312 mounted () {
313 let that = this
314 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
315 this.propsParam = this.$attrs;
316 var formdata = new FormData();
317
318 this.loading = true
319 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
320 formdata.append("djlx", this.propsParam.djlx);
321 formdata.append("isEdit", this.viewEdit);
322 batchInit(formdata).then((res) => {
323 setTimeout(() => {
324 that.loading = false
325 }, 200)
326 if (res.code === 200 && res.result) {
327 this.ruleForm = res.result;
328 this.ruleForm.qlrList.forEach((item) => {
329 item.id = item.bsmSqr
330 if (item.sfczr == '1') {
331 that.czr = item.bsmSqr
332 }
333 })
334 that.czrOptions = that.ruleForm.qlrList;
335 that.isSave = that.viewEdit
336 } else {
337 that.isSave = false
338 that.$confirm(res.message, '提示', {
339 cancelButtonText: '取消',
340 showConfirmButton: false,
341 type: 'warning'
342 })
343 }
344 }).catch(() => {
345 this.loading = false
346 })
347 },
348 components: { qlrCommonTable, cfBdcdyTable,dyaqTable },
349 computed: {
350 ...mapGetters(["dictData", "flag"]),
351 },
352 data () {
353 return {
354 isSave: true,
355 loading: false,
356 //表单是否可操作
357 viewEdit: true,
358 disabled: true,
359 czrOptions: [],
360 czr: "",
361 ruleForm: {},
362 //传递参数
363 propsParam: {},
364 rules: {
365 'diyaqList[0].djyy': [
366 { required: true, message: '请输入登记原因', trigger: 'blur' }
367 ]
368 },
369 tableData: [],
370 };
371 },
372 methods: {
373 /**
374 * @description: onSubmitClick
375 * @author: renchao
376 */
377 onSubmitClick () {
378 let that = this;
379 if (this.ruleForm.qlrList.length == 0) {
380 this.$message({
381 showClose: true,
382 message: "请确认抵押权人信息",
383 type: "error",
384 });
385 return false;
386 }
387 if (this.ruleForm.sldyList[0].gyfs == "0") {
388 if (this.ruleForm.qlrList.length > 1) {
389 this.$message({
390 showClose: true,
391 message: "共有方式：单独所有，抵押权人只能是一个人",
392 type: "error",
393 });
394 return false;
395 }
396 this.ruleForm.qlrList[0].sfczr = "1";
397 } else {
398 if (this.ruleForm.qlrList.length <= 1) {
399 this.$message({
400 showClose: true,
401 message:
402 "共有方式：共同所有，按份所有，其他所有，抵押权人必须是两个以上",
403 type: "error",
404 });
405 return false;
406 }
407 //是否分别持证
408 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
409 //是
410 this.ruleForm.qlrList.forEach((item, index) => {
411 item.sfczr = "1"
412 })
413 } else {
414 if (that.czr === '') {
415 that.$message({
416 showClose: true,
417 message: "请选择持证人",
418 type: "error",
419 });
420 return false;
421 }
422 this.ruleForm.qlrList.forEach((item, index) => {
423 if (item.id == that.czr) {
424 item.sfczr = "1";
425 } else {
426 item.sfczr = "0";
427 }
428 });
429 }
430 }
431 this.$refs['ruleForm'].validate((valid) => {
432 if (valid) {
433 that.$store.dispatch("user/refreshPage", false);
434 saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => {
435 if (res.code === 200) {
436 that.$message({
437 showClose: true,
438 message: "保存成功！",
439 type: "success",
440 });
441 that.$store.dispatch("user/refreshPage", true);
442 } else {
443 that.$message({
444 showClose: true,
445 message: res.message,
446 type: "error",
447 });
448 }
449 })
450 } else {
451 that.$message({
452 showClose: true,
453 message: "请输入登记原因",
454 type: "error"
455 })
456 return false
457 }
458 })
459 },
460 /**
461 * @description: 是否持证人变化
462 * @param {*} val
463 * @author: renchao
464 */
465 updaterow () {
466 this.czr = "";
467 },
468 /**
469 * @description: 更新抵押权人信息
470 * @param {*} val
471 * @author: renchao
472 */
473 upDateQlrxxList (val) {
474 if (!_.isEqual(val, this.ruleForm.qlrList)) {
475 this.ruleForm.qlrList = _.cloneDeep(val);
476 this.czrOptions = this.ruleForm.qlrList;
477 }
478 this.num = 0
479 this.ruleForm.qlrList.forEach(item => {
480 if (item.id == this.czr) {
481 this.num++
482 }
483 })
484 if (this.num == 0) {
485 this.czr = ''
486 }
487 },
488 /**
489 * @description: 更新义务人信息
490 * @param {*} val
491 * @author: renchao
492 */
493 upDateYwrxxList (val) {
494 if (!_.isEqual(val, this.ruleForm.ywrList)) {
495 this.ruleForm.ywrList = _.cloneDeep(val);
496 }
497 }
498 }
499 }
500 </script>
501 <style scoped lang="scss">
502 @import "~@/styles/public.scss";
503 @import "~@/styles/slxx/slxx.scss";
504 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-31 09:38:51
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 v-Loading="loading"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="180px">
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block">
19 申请业务信息
20 <div class="triangle"></div>
21 </div>
22 <el-row :gutter="10">
23 <el-col :span="8">
24 <el-form-item label="业务号：">
25 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理人员：">
30 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="8">
34 <el-form-item label="受理时间：">
35 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 <el-row :gutter="10">
40 <el-col :span="8">
41 <el-form-item label="权利类型：" prop="qllx">
42 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记类型：" prop="djlx">
47 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="登记情形：" prop="djqx">
52 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
53 </el-form-item>
54 </el-col>
55 </el-row>
56 <div class="slxx_title title-block">
57 抵押不动产情况
58 <div class="triangle"></div>
59 </div>
60
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利人：">
64 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="证件种类：">
69 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="证件号：">
74 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10">
79 <el-col :span="8">
80 <el-form-item label="权利类型：">
81 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="不动产权证号：">
86 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="坐落：">
91 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10">
96 <el-col :span="8">
97 <el-form-item label="不动产单元号：">
98 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item label="权利性质：">
103 <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item label="权利用途：">
108 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112
113 <div class="slxx_title title-block">
114 抵押信息
115 <div class="triangle"></div>
116 </div>
117
118 <el-row :gutter="10">
119 <el-col :span="8">
120 <el-form-item label="原不动产证号：">
121 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="抵押方式：">
126 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
127 <el-radio label="1">一般抵押权</el-radio>
128 <el-radio label="2">最高额抵押权</el-radio>
129 </el-radio-group>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="抵押面积：">
134 <div class="flex">
135 <el-input
136 maxlength="12"
137 v-model="ruleForm.diyaq.dymj"
138 disabled></el-input>
139 <el-select disabled v-model="ruleForm.diyaq.mjdw" style="width: 68px">
140 <el-option
141 v-for="item in dictData['A7']"
142 :key="item.dcode"
143 :label="item.dname"
144 :value="item.dcode">
145 </el-option>
146 </el-select>
147 </div>
148 </el-form-item>
149 </el-col>
150 </el-row>
151 <el-row :gutter="10">
152 <el-col :span="8">
153 <el-form-item
154 label="是否禁止或者限制转让的约定："
155 label-width="200px">
156 <el-radio-group
157 v-model="ruleForm.diyaq.sfczjzhxz"
158 :disabled="!viewEdit || isJfOperation">
159 <el-radio label="1">是</el-radio>
160 <el-radio label="0">否</el-radio>
161 </el-radio-group>
162 </el-form-item>
163 </el-col>
164 <el-col :span="8">
165 <el-form-item
166 label="是否预告登记：">
167 <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled>
168 <el-radio label="1">是</el-radio>
169 <el-radio label="0">否</el-radio>
170 </el-radio-group>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="债务履行期限：">
175 <el-input
176 v-model="ruleForm.diyaq.dyqx"
177 :disabled="!viewEdit || isJfOperation"></el-input>
178 </el-form-item>
179 </el-col>
180 </el-row>
181
182 <el-row :gutter="10">
183 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
184 <el-form-item label="被担保主债权数额：">
185 <div style="display: flex">
186 <el-input
187 v-model="ruleForm.diyaq.bdbzzqse"
188 :disabled="!viewEdit || isJfOperation"
189 style="width: 500%"></el-input>
190 <el-select
191 v-model="ruleForm.diyaq.jedw"
192 :disabled="!viewEdit || isJfOperation">
193 <el-option
194 v-for="item in dictData['A57']"
195 :key="item.dcode"
196 :label="item.dname"
197 :value="item.dcode">
198 </el-option>
199 </el-select>
200 </div>
201 </el-form-item>
202 </el-col>
203
204 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
205 <el-form-item label="最高债权额：">
206 <el-input
207 v-model="ruleForm.diyaq.zgzqse"
208 :disabled="!viewEdit || isJfOperation"></el-input>
209 </el-form-item>
210 </el-col>
211
212 <el-col :span="8">
213 <el-form-item label="债务履行起始时间：">
214 <el-date-picker
215 v-model="ruleForm.diyaq.zwlxqssj"
216 :disabled="!viewEdit || isJfOperation"
217 type="date">
218 </el-date-picker>
219 </el-form-item>
220 </el-col>
221 <el-col :span="8">
222 <el-form-item label="债务履行结束时间：">
223 <el-date-picker class="width100"
224 v-model="ruleForm.diyaq.zwlxjssj"
225 :disabled="!viewEdit || isJfOperation"
226 type="date">
227 </el-date-picker>
228 </el-form-item>
229 </el-col>
230 </el-row>
231 <el-row>
232 <el-col :span="24">
233 <el-form-item label="担保范围：">
234 <el-input
235 v-model="ruleForm.diyaq.dbfw"
236 :disabled="
237 (ruleForm.sldy.djlx == '300' || !viewEdit) || isJfOperation
238 "></el-input>
239 </el-form-item>
240 </el-col>
241 </el-row>
242 <el-row>
243 <el-col :span="24">
244 <el-form-item label="最高债权确定事实和数额：">
245 <el-input
246 v-model="ruleForm.diyaq.zgzqqdss"
247 :disabled="!viewEdit || isJfOperation"></el-input>
248 </el-form-item>
249 </el-col>
250 </el-row>
251 <el-row>
252 <el-col>
253 <el-form-item label="附记：" prop="fj">
254 <el-input
255 type="textarea"
256 maxlength="500"
257 show-word-limit
258 v-model="ruleForm.diyaq.fj"
259 :disabled="!viewEdit || isJfOperation"></el-input>
260 </el-form-item>
261 </el-col>
262 </el-row>
263
264 <div class="slxx_title title-block">
265 抵押权人信息
266 <div class="triangle"></div>
267 </div>
268 <el-row :gutter="10">
269 <el-col :span="12">
270 <el-form-item label="共有方式：">
271 <el-radio-group
272 :disabled="!viewEdit"
273 v-model="ruleForm.sldy.gyfs">
274 <el-radio label="0">单独所有</el-radio>
275 <el-radio label="1">共同共有</el-radio>
276 <el-radio label="2">按份所有</el-radio>
277 <el-radio label="3">其它共有</el-radio>
278 </el-radio-group>
279 </el-form-item>
280 </el-col>
281 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
282 <el-form-item label="是否分别持证：">
283 <el-radio-group
284 v-model="ruleForm.sldy.sqfbcz"
285 :disabled="!viewEdit"
286 @input="updaterow()">
287 <el-radio :label="1">是</el-radio>
288 <el-radio :label="0">否</el-radio>
289 </el-radio-group>
290 </el-form-item>
291 </el-col>
292 <el-col
293 :span="6"
294 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
295 <el-form-item label="持证人：">
296 <el-select
297 v-model="czr"
298 placeholder="持证人"
299 :disabled="!viewEdit">
300 <el-option
301 v-for="(item,index) in czrOptions"
302 :key="index"
303 :label="item.sqrmc"
304 :value="item.id">
305 </el-option>
306 </el-select>
307 </el-form-item>
308 </el-col>
309 </el-row>
310 <qlrCommonTable
311 :tableData="ruleForm.qlrList"
312 :disabled="viewEdit"
313 @upDateQlrxxList="upDateQlrxxList"
314 :gyfs="ruleForm.sldy.gyfs" />
315 <div class="slxx_title title-block">
316 抵押人信息
317 <div class="triangle"></div>
318 </div>
319 <qlrCommonTable
320 :tableData="ruleForm.ywrList"
321 :disabled="viewEdit"
322 @upDateQlrxxList="upDateYwrxxList" />
323
324 <div class="slxx_title title-block">
325 登记原因
326 <div class="triangle"></div>
327 </div>
328 <el-row :gutter="10">
329 <el-col>
330 <el-form-item
331 v-if="ruleForm.sldy.djlx == '400'"
332 label="注销抵押原因："
333 prop="djyy">
334 <el-input
335 class="textArea"
336 type="textarea"
337 :disabled="!viewEdit"
338 v-model="ruleForm.diyaq.zxdyyy">
339 </el-input>
340 </el-form-item>
341 <el-form-item v-else label="登记原因：" prop="diyaq.djyy">
342 <el-input
343 class="textArea"
344 type="textarea"
345 maxlength="500"
346 show-word-limit
347 :disabled="!viewEdit"
348 v-model="ruleForm.diyaq.djyy">
349 </el-input>
350 </el-form-item>
351 </el-col>
352 </el-row>
353 </div>
354 <el-row class="btn" v-if="viewEdit">
355 <el-form-item>
356 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
357 </el-form-item>
358 </el-row>
359 </el-form>
360 </div>
361 </template>
362 <script>
363 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
364 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
365 import { mapGetters } from "vuex";
366 export default {
367 mounted () {
368 let that = this
369 this.loading = true
370 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
371 this.propsParam = this.$attrs;
372 var formdata = new FormData();
373 if (this.propsParam.djlx == "400") {
374 this.isJfOperation = true;
375 }
376 formdata.append("bsmSldy", this.propsParam.bsmSldy);
377 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
378 formdata.append("djlx", this.propsParam.djlx);
379 formdata.append("isEdit", this.viewEdit);
380 Init(formdata).then((res) => {
381 setTimeout(() => {
382 this.loading = false
383 }, 200)
384 if (res.code === 200 && res.result) {
385 that.ruleForm = res.result;
386 that.ruleForm.qlrList.forEach((item) => {
387 item.id = item.bsmSqr
388 if (item.sfczr == '1') {
389 that.czr = item.bsmSqr
390 }
391 })
392 that.czrOptions = this.ruleForm.qlrList;
393 that.isSave = that.viewEdit
394 } else {
395 that.isSave = false
396 that.$confirm(res.message, '提示', {
397 cancelButtonText: '取消',
398 showConfirmButton: false,
399 type: 'warning'
400 })
401 }
402 }).catch(() => {
403 this.loading = false
404 })
405 },
406 components: { qlrCommonTable },
407 computed: {
408 ...mapGetters(["dictData", "flag"]),
409 },
410 data () {
411 return {
412 isSave: true,
413 // 键名转换，方法默认是label和children进行树状渲染
414 normalizer (node) {
415 //方法
416 if (node.children == null || node.children == "null") {
417 delete node.children;
418 }
419 return {
420 id: node.dcode,
421 label: node.dname,
422 };
423 },
424 loading: false,
425 //表单是否可操作
426 viewEdit: true,
427 disabled: true,
428 czrOptions: [],
429 czr: "",
430 ruleForm: {
431 slsq: {},
432 ssQlxx: {},
433 diyaq: {},
434 gyfs: "",
435 },
436 isJfOperation: false,
437 //传递参数
438 propsParam: {},
439 rules: {
440 'diyaq.djyy': [
441 { required: true, message: '请输入登记原因', trigger: 'blur' }
442 ]
443 }
444 }
445 },
446 methods: {
447 /**
448 * @description: onSubmitClick
449 * @author: renchao
450 */
451 onSubmitClick () {
452 let that = this;
453 if (this.ruleForm.qlrList.length == 0) {
454 this.$message({
455 showClose: true,
456 message: "请确认抵押权人信息",
457 type: "error",
458 });
459 return false;
460 }
461 if (this.ruleForm.sldy.gyfs == "0") {
462 if (this.ruleForm.qlrList.length > 1) {
463 this.$message({
464 showClose: true,
465 message: "共有方式：单独所有，权利人只能是一个人",
466 type: "error",
467 });
468 return false;
469 }
470 this.ruleForm.qlrList[0].sfczr = "1";
471 } else {
472 if (this.ruleForm.qlrList.length <= 1) {
473 this.$message({
474 showClose: true,
475 message:
476 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
477 type: "error",
478 });
479 return false;
480 }
481 //是否分别持证
482 if (this.ruleForm.sldy.sqfbcz == "1") {
483 //是
484 this.ruleForm.qlrList.forEach((item, index) => {
485 item.sfczr = "1";
486 });
487 } else {
488 if (that.czr === '') {
489 that.$message({
490 showClose: true,
491 message: "请选择持证人",
492 type: "error"
493 });
494 return false;
495 }
496 this.ruleForm.qlrList.forEach((item, index) => {
497 if (item.id == that.czr) {
498 item.sfczr = "1"
499 } else {
500 item.sfczr = "0"
501 }
502 })
503 }
504 }
505
506 this.$refs['ruleForm'].validate((valid) => {
507 if (valid) {
508 that.$store.dispatch("user/refreshPage", false);
509 saveData(that.ruleForm, that.propsParam.djlx).then((res) => {
510 if (res.code === 200) {
511 that.$message({
512 showClose: true,
513 message: "保存成功！",
514 type: "success",
515 });
516 that.$store.dispatch("user/refreshPage", true);
517 } else {
518 that.$message({
519 showClose: true,
520 message: res.message,
521 type: "error",
522 });
523 }
524 })
525
526 } else {
527 this.$message({
528 showClose: true,
529 message: "请输入登记原因",
530 type: "error"
531 })
532 return false
533 }
534 })
535 },
536 /**
537 * @description: 更新权利人信息
538 * @param {*} val
539 * @author: renchao
540 */
541 upDateQlrxxList (val) {
542 if (!_.isEqual(val, this.ruleForm.qlrList)) {
543 this.ruleForm.qlrList = _.cloneDeep(val);
544 this.czrOptions = this.ruleForm.qlrList;
545 }
546 this.num = 0
547 this.ruleForm.qlrList.forEach(item => {
548 if (item.id == this.czr) {
549 this.num++
550 }
551 })
552 if (this.num == 0) {
553 this.czr = ''
554 }
555
556 },
557 /**
558 * @description: 是否持证人变化
559 * @author: renchao
560 */
561 updaterow () {
562 this.czr = "";
563 },
564 /**
565 * @description: 更新义务人信息
566 * @param {*} val
567 * @author: renchao
568 */
569 upDateYwrxxList (val) {
570 if (!_.isEqual(val, this.ruleForm.ywrList)) {
571 this.ruleForm.ywrList = _.cloneDeep(val);
572 }
573 },
574 },
575 };
576 </script>
577 <style scoped lang="scss">
578 @import "~@/styles/public.scss";
579 @import "~@/styles/slxx/slxx.scss";
580 </style>
1 <!--
2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq
4 * @LastEditTime: 2024-01-31 10:11:41
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 v-Loading="loading"
15 label-width="120px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block">
18 申请业务信息
19 <div class="triangle"></div>
20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq">
22 <el-col :span="8">
23 <el-form-item label="业务号：">
24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理人员：">
29 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="受理时间：">
34 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 <el-row :gutter="10" v-if="ruleForm.slsq">
39 <el-col :span="8">
40 <el-form-item label="权利类型：">
41 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记类型：">
46 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="登记情形：">
51 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <div class="slxx_title title-block">
56 <el-row>
57 <el-col :span="20">
58 不动产单元情况
59 </el-col>
60 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio>
64 <el-radio label="0">否</el-radio>
65 </el-radio-group>
66 </el-form-item>
67 </el-col>
68 </el-row>
69 <div class="triangle"></div>
70 </div>
71 <el-row :gutter="10" v-if="ruleForm.qlxx">
72 <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="不动产单元号：">
79 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
80 </el-form-item>
81 </el-col>
82 <el-col :span="8">
83 <el-form-item label="坐落：">
84 <el-input maxlength="100" disabled v-model="ruleForm.sldy.zl"></el-input>
85 </el-form-item>
86 </el-col>
87 </el-row>
88 <el-row :gutter="10" v-if="ruleForm.fdcq1">
89 <el-col :span="8">
90 <el-form-item label="宗地面积：">
91 <div class="flex">
92 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
93 <el-select
94 disabled
95 v-model="ruleForm.zdjbxx.mjdw"
96 style="width: 20%">
97 <el-option
98 v-for="item in dictData['A7']"
99 :key="item.dcode"
100 :label="item.dname"
101 :value="item.dcode"></el-option>
102 </el-select>
103 </div>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item label="土地性质：">
108 <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
109 </el-form-item>
110 </el-col>
111 <el-col :span="8">
112 <el-form-item label="土地使用权人：">
113 <el-input disabled v-model="ruleForm.fdcq1.tdsyqr"></el-input>
114 </el-form-item>
115 </el-col>
116 </el-row>
117 <el-row :gutter="10" v-if="ruleForm.fdcq1">
118 <el-col :span="8">
119 <el-form-item label="独用土地面积：">
120 <div class="flex">
121 <el-input
122 maxlength="12"
123 v-model="ruleForm.fdcq1.dytdmj"
124 :disabled="!viewEdit"
125 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
126 <el-select disabled v-model="mjdw" style="width: 68px">
127 <el-option
128 v-for="item in dictData['A7']"
129 :key="item.dcode"
130 :label="item.dname"
131 :value="item.dcode">
132 </el-option>
133 </el-select>
134 </div>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="分摊土地面积：">
139 <div class="flex">
140 <el-input
141 maxlength="12"
142 v-model="ruleForm.fdcq1.fttdmj"
143 :disabled="!viewEdit"
144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
145 <el-select disabled v-model="mjdw" style="width: 68px">
146 <el-option
147 v-for="item in dictData['A7']"
148 :key="item.dcode"
149 :label="item.dname"
150 :value="item.dcode">
151 </el-option>
152 </el-select>
153 </div>
154 </el-form-item>
155 </el-col>
156 <el-col :span="8">
157
158 <el-form-item label="房地产交易价格：">
159 <div class="flex">
160 <el-input
161 maxlength="11"
162 :disabled="!viewEdit"
163 v-model="ruleForm.fdcq1.fdcjyjg"
164 style="width: 500%"
165 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
166 <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw">
167 <el-option
168 v-for="item in dictData['A57']"
169 :key="item.dcode"
170 :label="item.dname"
171 :value="item.dcode"></el-option>
172 </el-select>
173 </div>
174 </el-form-item>
175 </el-col>
176 </el-row>
177 <el-row :gutter="10">
178 <el-col :span="24">
179 <el-form-item label="附记：">
180 <el-input
181 :disabled="!viewEdit"
182 v-model="ruleForm.fdcq1.fj"
183 type="textarea"
184 maxlength="500"
185 show-word-limit></el-input>
186 </el-form-item>
187 </el-col>
188 </el-row>
189 <div class="slxx_title title-block">
190 房屋多幢明细
191 <div class="triangle"></div>
192 <fdcqxmTable
193 :ableOperation="viewEdit"
194 :tableData="ruleForm.fdcqxm"
195 @updateFdcwxmList="updateFdcwxmList" />
196 <div class="slxx_title title-block">
197 土地用途
198 <div class="triangle"></div>
199 </div>
200 <tdytTable
201 :ableOperation="viewEdit"
202 :tableData="ruleForm.tdytqxList"
203 @upDateTdytxxList="upDateTdytxxList" />
204 <div class="slxx_title title-block">
205 权利人信息
206 <div class="triangle"></div>
207 </div>
208 <el-row :gutter="10">
209 <el-col :span="14" v-if="ruleForm.qlxx">
210 <el-form-item label="共有方式：">
211 <el-radio-group
212 :disabled="!viewEdit"
213 v-model="ruleForm.sldy.gyfs">
214 <el-radio label="0">单独所有</el-radio>
215 <el-radio label="1">共同共有</el-radio>
216 <el-radio label="2">按份所有</el-radio>
217 <el-radio label="3">其它共有</el-radio>
218 </el-radio-group>
219 </el-form-item>
220 </el-col>
221 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
222 <el-form-item label="是否分别持证：">
223 <el-radio-group
224 v-model="ruleForm.sldy.sqfbcz"
225 :disabled="!viewEdit"
226 @input="updaterow()">
227 <el-radio :label="1">是</el-radio>
228 <el-radio :label="0">否</el-radio>
229 </el-radio-group>
230 </el-form-item>
231 </el-col>
232 <el-col
233 :span="5"
234 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
235 <el-form-item label="持证人：">
236 <el-select
237 v-model="czr"
238 placeholder="持证人"
239 :disabled="!viewEdit">
240 <el-option
241 v-for="(item,index) in czrOptions"
242 :key="index"
243 :label="item.sqrmc"
244 :value="item.id"></el-option>
245 </el-select>
246 </el-form-item>
247 </el-col>
248 </el-row>
249 <qlrCommonTable
250 @upDateQlrxxList="upDateQlrxxList"
251 :disabled="viewEdit"
252 :tableData="ruleForm.qlrList"
253 :gyfs="ruleForm.sldy.gyfs" />
254
255 <div v-if="ruleForm.qlxx.djlx == '200'">
256 <div class="slxx_title title-block">
257 义务人信息
258 <div class="triangle"></div>
259 </div>
260 <ywrCommonTable
261 v-if="ruleForm.qlxx"
262 :disabled="viewEdit"
263 @upDateQlrxxList="upDateYwrxxList"
264 :tableData="ruleForm.ywrList"
265 :gyfs="ruleForm.qlxx.gyfs" />
266
267 </div>
268 <div class="slxx_title title-block">
269 登记原因
270 <div class="triangle"></div>
271 </div>
272 <el-row :gutter="10">
273 <el-col>
274 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="fdcq1.djyy">
275 <el-input
276 class="textArea"
277 type="textarea"
278 maxlength="500"
279 show-word-limit
280 :disabled="!viewEdit"
281 v-model="ruleForm.fdcq1.djyy"></el-input>
282 </el-form-item>
283 </el-col>
284 </el-row>
285 </div>
286 </div>
287 <el-row class="btn" v-if="isSave">
288 <el-form-item>
289 <el-button type="primary" @click="onSubmit">保存</el-button>
290 </el-form-item>
291 </el-row>
292 </el-form>
293 </div>
294 </template>
295 <script>
296 import ywmix from "@/views/ywbl/mixin/index";
297 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
298 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
299 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
300 import tdytTable from "@/views/workflow/components/tdytTable";
301 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
302 import { mapGetters } from "vuex";
303 export default {
304 mixins: [ywmix],
305 mounted () {
306 let that = this
307 this.loading = true
308 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
309 this.propsParam = this.$attrs;
310 var formdata = new FormData();
311 formdata.append("bsmSldy", this.propsParam.bsmSldy);
312 formdata.append("djlx", this.propsParam.djlx);
313 formdata.append("isEdit", this.viewEdit);
314 Init(formdata).then((res) => {
315 setTimeout(() => {
316 this.loading = false
317 }, 200)
318 if (res.code === 200 && res.result) {
319 that.ruleForm = {
320 ...res.result,
321 ...res.result.qlxxdatas,
322 };
323 that.ruleForm.qlrList.forEach((item) => {
324 item.id = item.bsmSqr
325 if (item.sfczr == '1') {
326 that.czr = item.bsmSqr
327 }
328 });
329 that.czrOptions = that.ruleForm.qlrList;
330 that.isSave = this.viewEdit
331 } else {
332 that.isSave = false
333 that.$confirm(res.message, '提示', {
334 cancelButtonText: '取消',
335 showConfirmButton: false,
336 type: 'warning'
337 })
338 }
339 }).catch(() => {
340 this.loading = false
341 })
342 },
343 components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable },
344 computed: {
345 ...mapGetters(["dictData", "flag"]),
346 },
347 data () {
348 return {
349 isSave: true,
350 loading: false,
351 disabled: true,
352 tdytOption: [],
353 czrOptions: [],
354 mjdw: "1",
355 czr: "",
356 ruleForm: {
357 flow: {
358 ywh: "",
359 },
360 qlxx: {
361 mj: "",
362 },
363 sldy: {
364 gyfs: "",
365 },
366 slsq: {},
367 fdcq1: {
368 zyjzmj: "",
369 ftjzmj: "",
370 },
371 zdjbxx: {
372 ghytmc: "",
373 },
374 },
375 //传递参数
376 propsParam: this.$attrs,
377 //表单是否可操作
378 viewEdit: false,
379 rules: {
380 'fdcq1.djyy': [
381 { required: true, message: '请输入登记原因', trigger: 'blur' }
382 ]
383 }
384 }
385 },
386 methods: {
387 /**
388 * @description: updateFdcwxmList
389 * @author: renchao
390 */
391 updateFdcwxmList (val) {
392 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
393 this.key++;
394 },
395 /**
396 * @description: 更新土地用途信息
397 * @param {*} val
398 * @author: renchao
399 */
400 upDateTdytxxList (val) {
401 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
402 this.key++;
403 },
404 /**
405 * @description: 更新权利人信息
406 * @param {*} val
407 * @author: renchao
408 */
409 upDateQlrxxList (val) {
410 if (!_.isEqual(val, this.ruleForm.qlrList)) {
411 this.ruleForm.qlrList = _.cloneDeep(val);
412 this.czrOptions = this.ruleForm.qlrList;
413 }
414 this.num = 0
415 this.ruleForm.qlrList.forEach(item => {
416 if (item.id == this.czr) {
417 this.num++
418 }
419 })
420 if (this.num == 0) {
421 this.czr = ''
422 }
423 },
424 /**
425 * @description: 是否持证人变化
426 * @param {*} val
427 * @author: renchao
428 */
429 updaterow () {
430 this.czr = "";
431 },
432 /**
433 * @description: 更新权利人信息
434 * @param {*} val
435 * @author: renchao
436 */
437 upDateYwrxxList (val) {
438 this.ruleForm.ywrList = _.cloneDeep(val);
439 },
440 /**
441 * @description: onSubmit
442 * @author: renchao
443 */
444 onSubmit () {
445 let that = this;
446 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
447
448 let jzmjArr = this.ruleForm.fdcqxm.filter((item) => {
449 return item.jzmj && item.jzmj !== '';
450 });
451 if (jzmjArr.length < this.ruleForm.fdcqxm.length) {
452 this.$message({
453 showClose: true,
454 message: "请检查房屋多幢明细建筑面积",
455 type: "error",
456 });
457 return false;
458 }
459 if (arr.length > 0) {
460 this.$message({
461 showClose: true,
462 message: "土地用途不能为空",
463 type: "error",
464 });
465 return false;
466 }
467 if (this.ruleForm.qlrList.length == 0) {
468 this.$message({
469 showClose: true,
470 message: "请确认权利人信息",
471 type: "error",
472 });
473 return false;
474 }
475 if (this.ruleForm.sldy.gyfs == "0") {
476 if (this.ruleForm.qlrList.length > 1) {
477 this.$message({
478 showClose: true,
479 message: "共有方式：单独所有，权利人只能是一个人",
480 type: "error",
481 });
482 return false;
483 }
484 this.ruleForm.qlrList[0].sfczr = "1";
485 } else {
486 if (this.ruleForm.qlrList.length <= 1) {
487 this.$message({
488 showClose: true,
489 message:
490 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
491 type: "error",
492 });
493 return false;
494 }
495 //是否分别持证
496 if (this.ruleForm.sldy.sqfbcz == "1") {
497 //是
498 this.ruleForm.qlrList.forEach((item, index) => {
499 item.sfczr = "1";
500 });
501 } else {
502 if (that.czr === '') {
503 that.$message({
504 showClose: true,
505 message: "请选择持证人",
506 type: "error",
507 });
508 return false;
509 }
510 this.ruleForm.qlrList.forEach(item => {
511 if (item.id == that.czr) {
512 item.sfczr = "1"
513 } else {
514 item.sfczr = "0"
515 }
516 })
517 }
518 }
519
520 this.$refs['ruleForm'].validate((valid) => {
521 if (valid) {
522 that.$store.dispatch("user/refreshPage", false);
523 saveData(this.ruleForm).then((res) => {
524 if (res.code === 200) {
525 this.$message({
526 showClose: true,
527 message: "保存成功！",
528 type: "success",
529 });
530 that.$store.dispatch("user/refreshPage", true);
531 } else {
532 that.$message({
533 showClose: true,
534 message: res.message,
535 type: "error"
536 })
537 }
538 })
539 } else {
540 that.$message({
541 showClose: true,
542 message: "请输入登记原因",
543 type: "error"
544 })
545 return false
546 }
547 })
548 }
549 }
550 }
551 </script>
552 <style scoped lang="scss">
553 @import "~@/styles/public.scss";
554 @import "~@/styles/slxx/slxx.scss";
555 </style>
1 <!--
2 * @Description: 受理信息
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-24 09:30:19
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 v-Loading="loading"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="130px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block">
18 申请业务信息
19 <div class="triangle"></div>
20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq">
22 <el-col :span="8">
23 <el-form-item label="业务号：">
24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理人员：">
29 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="受理时间：">
34 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 <el-row :gutter="10" v-if="ruleForm.slsq">
39 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
40 <el-form-item label="权利类型：">
41 <el-input
42 disabled
43 v-model="ruleForm.sldyList[0].qllxmc"></el-input>
44 </el-form-item>
45 </el-col>
46 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
47 <el-form-item label="登记类型：">
48 <el-input
49 disabled
50 v-model="ruleForm.sldyList[0].djlxmc"></el-input>
51 </el-form-item>
52 </el-col>
53 <el-col :span="8">
54 <el-form-item label="登记情形：">
55 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
56 </el-form-item>
57 </el-col>
58 </el-row>
59 <div class="slxx_title title-block" v-if="ruleForm.slsq.djywbm.includes('100')">
60 <el-row>
61 <el-col :span="19">
62 <p>房屋信息列表（{{ ruleForm.hlist.length }} 户）</p>
63 </el-col>
64 <el-col :span="5">
65 <el-form-item label="发证方式：" :disabled="!viewEdit">
66 <el-radio-group v-model="ruleForm.slsq.fzfs">
67 <el-radio label="2">大证</el-radio>
68 <el-radio label="1">小证</el-radio>
69 </el-radio-group>
70 </el-form-item>
71 </el-col>
72 <!-- <div class="triangle"></div> -->
73 </el-row>
74 </div>
75 <qjhTable :tableData="ruleForm.hlist" v-if="ruleForm.slsq.djywbm.includes('100')"/>
76 <cfBdcdyTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')"/>
77 <div class="slxx_title title-block" v-if="ruleForm.slsq.djywbm.includes('100')">
78 权利人信息
79 <div class="triangle"></div>
80 </div>
81 <el-row :gutter="10" v-if="ruleForm.slsq.djywbm.includes('100')">
82 <el-col :span="12" v-if="ruleForm.sldyList.length > 0">
83 <el-form-item label="共有方式：">
84 <el-radio-group
85 :disabled="!viewEdit"
86 v-model="ruleForm.sldyList[0].gyfs">
87 <el-radio label="0">单独所有</el-radio>
88 <el-radio label="1">共同共有</el-radio>
89 <el-radio label="2">按份所有</el-radio>
90 <el-radio label="3">其它共有</el-radio>
91 </el-radio-group>
92 </el-form-item>
93 </el-col>
94
95 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0">
96 <el-form-item label="是否分别持证：">
97 <el-radio-group
98 v-model="ruleForm.sldyList[0].sqfbcz"
99 :disabled="!viewEdit"
100 @input="updaterow()">
101 <el-radio :label="1">是</el-radio>
102 <el-radio :label="0">否</el-radio>
103 </el-radio-group>
104 </el-form-item>
105 </el-col>
106 <el-col
107 :span="6"
108 v-if="
109 ruleForm.sldyList[0].gyfs != 0 &&
110 ruleForm.sldyList[0].sqfbcz == '0'
111 ">
112 <el-form-item label="持证人：">
113 <el-select
114 v-model="czr"
115 placeholder="持证人"
116 :disabled="!viewEdit">
117 <el-option
118 v-for="(item,index) in czrOptions"
119 :key="index"
120 :label="item.sqrmc"
121 :value="item.id"></el-option>
122 </el-select>
123 </el-form-item>
124 </el-col>
125 </el-row>
126 <qlrCommonTable
127 :disabled="viewEdit"
128 @upDateQlrxxList="upDateQlrxxList"
129 :tableData="ruleForm.qlrList"
130 :gyfs="ruleForm.sldyList[0].gyfs" v-if="ruleForm.slsq.djywbm.includes('100')" />
131 <div class="slxx_title title-block">
132 登记原因
133 <div class="triangle"></div>
134 </div>
135 <el-row :gutter="10">
136 <el-col v-if="ruleForm.fdcq2List.length > 0">
137 <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
138 <el-input
139 class="textArea"
140 type="textarea"
141 maxlength="500"
142 show-word-limit
143 :disabled="!viewEdit"
144 v-model="ruleForm.fdcq2List[0].djyy">
145 </el-input>
146 </el-form-item>
147 </el-col>
148 </el-row>
149 </div>
150 <el-row class="btn" v-if="isSave">
151 <el-form-item>
152 <el-button type="primary" @click="onSubmit">保存</el-button>
153 </el-form-item>
154 </el-row>
155 </el-form>
156 </div>
157 </template>
158 <script>
159 import ywmix from "@/views/ywbl/mixin/index";
160 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
161 import qjhTable from "@/views/workflow/components/qjhTable";
162 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
163 import {
164 BatchInit,
165 Init,
166 saveBatchData,
167 saveData,
168 } from "@/api/workflow/fwsyqFlow.js";
169 import { mapGetters } from "vuex";
170 export default {
171 mixins: [ywmix],
172 computed: {
173 ...mapGetters(["dictData", "flag"])
174 },
175 components: { qlrCommonTable, cfBdcdyTable,qjhTable},
176 data () {
177 return {
178 isSave: true,
179 loading: false,
180 disabled: true,
181 tdytOption: [],
182 ruleForm: {
183 cfdjList: [], //查封登记
184 diyaqList: [], //抵押权
185 fdcq2List: [], //房屋信息集合
186 qlrList: [], //权利人
187 ywrList: [], //义务人
188 qlxxList: [], //权利信息集合
189 sldyList: [], //受理不动产单元集合
190 slsq: {}, //受理申请流程明细
191 flow: {}, //受理申请流程明细
192 sqrList: [], //申请人
193 ssQlxxList: [], //上手权利信息
194 user: {}, //用户
195 zdjbxx: {}, //宗地基本信息
196 },
197 czrOptions: [],
198 czr: "",
199 //传递参数
200 propsParam: this.$attrs,
201 //表单是否可操作
202 viewEdit: true,
203 rules: {},
204 gyfs: "",
205 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
206 };
207 },
208 mounted (callbackfn, thisArg) {
209 let that = this
210 this.loading = true
211 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
212 this.propsParam = this.$attrs;
213 var formdata = new FormData();
214 formdata.append("bsmSldy", this.propsParam.bsmSldy);
215 formdata.append("djlx", this.propsParam.djlx);
216 formdata.append("bsmSlsq", this.bsmSlsq);
217 formdata.append("isEdit", this.viewEdit);
218 BatchInit(formdata).then((res) => {
219 setTimeout(() => {
220 this.loading = false
221 }, 200)
222 if (res.code == 200) {
223 this.ruleForm = res.result;
224 this.czrOptions = this.ruleForm.qlrList;
225 this.gyfs = this.ruleForm.sldyList[0].gyfs;
226 this.ruleForm.qlrList.forEach((item) => {
227 item.id = item.bsmSqr
228 if (item.sfczr == '1') {
229 that.czr = item.bsmSqr
230 }
231 })
232 that.isSave = this.viewEdit
233
234 } else {
235 that.isSave = false
236 that.$confirm(res.message, '提示', {
237 cancelButtonText: '取消',
238 showConfirmButton: false,
239 type: 'warning'
240 })
241 }
242 }).catch(() => {
243 this.loading = false
244 })
245 },
246 methods: {
247 /**
248 * @description: 更新权利人信息
249 * @param {*} val
250 * @author: renchao
251 */
252 upDateQlrxxList (val) {
253 if (!_.isEqual(val, this.ruleForm.qlrList)) {
254 this.ruleForm.qlrList = _.cloneDeep(val);
255 this.czrOptions = this.ruleForm.qlrList;
256 }
257 this.num = 0
258 this.ruleForm.qlrList.forEach(item => {
259 if (item.id == this.czr) {
260 this.num++
261 }
262 })
263 if (this.num == 0) {
264 this.czr = ''
265 }
266 },
267 /**
268 * @description: 是否持证人变化
269 * @param {*} val
270 * @author: renchao
271 */
272 updaterow () {
273 this.czr = "";
274 },
275 // 更新义务人信息
276 /**
277 * @description: 更新义务人信息
278 * @param {*} val
279 * @author: renchao
280 */
281 upDateYwrxxList (val) {
282 this.ruleForm.ywrList = _.cloneDeep(val);
283 },
284 /**
285 * @description: onSubmit
286 * @author: renchao
287 */
288 onSubmit () {
289 let that = this;
290 if (this.ruleForm.qlrList.length == 0) {
291 this.$message({
292 showClose: true,
293 message: "请确认权利人信息",
294 type: "error",
295 });
296 return false;
297 }
298 if (this.ruleForm.sldyList[0].gyfs == "0") {
299 if (this.ruleForm.qlrList.length > 1) {
300 this.$message({
301 showClose: true,
302 message: "共有方式：单独所有，权利人只能是一个人",
303 type: "error",
304 });
305 return false;
306 }
307 this.ruleForm.qlrList[0].sfczr = "1";
308 } else {
309 if (this.ruleForm.qlrList.length <= 1) {
310 this.$message({
311 showClose: true,
312 message:
313 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
314 type: "error",
315 });
316 return false;
317 }
318 //是否分别持证
319 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
320 //是
321 this.ruleForm.qlrList.forEach((item, index) => {
322 item.sfczr = "1";
323 });
324 } else {
325 if (that.czr === '') {
326 that.$message({
327 showClose: true,
328 message: "请选择持证人",
329 type: "error"
330 });
331 return false;
332 }
333 this.ruleForm.qlrList.forEach((item, index) => {
334 if (item.id == that.czr) {
335 item.sfczr = "1"
336 } else {
337 item.sfczr = "0"
338 }
339 })
340 }
341 }
342 saveBatchData(this.ruleForm).then((res) => {
343 if (res.code === 200) {
344 this.$message({
345 showClose: true,
346 message: "保存成功！",
347 type: "success",
348 });
349 this.$store.dispatch("user/refreshPage", true);
350 } else {
351 this.$message({
352 showClose: true,
353 message: res.message,
354 type: "error"
355 })
356 }
357 })
358 }
359 }
360 }
361 </script>
362 <style scoped lang="scss">
363 @import "~@/styles/public.scss";
364
365 /deep/.el-form {
366 display: flex;
367 flex-direction: column;
368 height: calc(100vh - 130px);
369 }
370
371 /deep/.el-form-item__label {
372 padding: 0;
373 }
374
375 /deep/.el-radio {
376 margin-right: 10px;
377 }
378
379 /deep/.el-select {
380 width: 100%;
381 }
382
383 /deep/.el-form-item {
384 margin-bottom: 3px;
385 }
386
387 .marginBot0 {
388 margin-bottom: 0 !important;
389 }
390
391 .slxx {
392 box-sizing: border-box;
393 }
394
395 .slxx_con {
396 flex: 1;
397 height: 100%;
398 background-color: #ffffff;
399 overflow-y: auto;
400 padding-right: 3px;
401 overflow-x: hidden;
402 }
403
404 .submit_btn {
405 height: 50px;
406 }
407
408 .btn {
409 text-align: center;
410 padding-top: 10px;
411 height: 36px;
412 background-color: #ffffff;
413 padding: 5px 0;
414 }
415
416 .textArea {
417 /deep/.el-textarea__inner {
418 min-height: 90px !important;
419 }
420 }
421
422 /deep/.el-form-item__label {
423 padding-bottom: 0px;
424 }
425 </style>
1 <!--
2 * @Description: 受理信息
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-30 16:07:53
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 v-Loading="loading"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="120px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block">
18 申请业务信息
19 <div class="triangle"></div>
20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq">
22 <el-col :span="8">
23 <el-form-item label="业务号：">
24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理人员：">
29 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="受理时间：">
34 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 <el-row :gutter="10" v-if="ruleForm.slsq">
39 <el-col :span="8">
40 <el-form-item label="权利类型：">
41 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记类型：">
46 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="登记情形：">
51 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <div class="slxx_title title-block">
56 <el-row>
57 <el-col :span="16">
58 不动产单元情况
59 </el-col>
60 <el-col :span="4" v-show="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio>
64 <el-radio label="0">否</el-radio>
65 </el-radio-group>
66 </el-form-item>
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>
71 </el-row>
72 <div class="triangle"></div>
73 </div>
74 <el-row :gutter="10" v-if="ruleForm.qlxx">
75 <el-col :span="8">
76 <el-form-item label="不动产单元号：">
77 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="16">
81 <el-form-item label="坐落：">
82 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
83 </el-form-item>
84 </el-col>
85 </el-row>
86 <el-row :gutter="10" v-if="ruleForm.fdcq2">
87 <el-col :span="8">
88 <el-form-item label="土地用途：">
89 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
90 </el-form-item>
91 </el-col>
92 <el-col :span="8">
93 <el-form-item label="土地使用起止时间：">
94 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
95 </el-form-item>
96 </el-col>
97 <el-col :span="8">
98 <el-form-item label="土地使用期限：">
99 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
100 </el-form-item>
101 </el-col>
102 </el-row>
103 <el-row :gutter="10" v-if="ruleForm.qlxx">
104 <el-col :span="8">
105 <el-form-item label="规划用途名称：">
106 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="房屋性质：">
111 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="房屋结构：">
116 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
117 </el-form-item>
118 </el-col>
119 </el-row>
120 <el-row :gutter="10" v-if="ruleForm.fdcq2">
121 <el-col :span="8">
122 <el-form-item label="所在层：">
123 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
124 </el-form-item>
125 </el-col>
126 <el-col :span="8">
127 <el-form-item label="总层数：">
128 <el-input
129 disabled
130 v-model.number="ruleForm.fdcq2.zcs"
131 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item label="竣工时间：">
136 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
137 </el-form-item>
138 </el-col>
139 </el-row>
140 <el-row :gutter="10" v-if="ruleForm.qlxx">
141 <el-col :span="8">
142 <el-form-item label="建筑面积：">
143 <div class="flex">
144 <el-input
145 disabled
146 v-model="ruleForm.qlxx.mj"
147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
148 <el-select disabled v-model="mjdw" style="width: 68px">
149 <el-option
150 v-for="item in dictData['A7']"
151 :key="item.dcode"
152 :label="item.dname"
153 :value="item.dcode">
154 </el-option>
155 </el-select>
156 </div>
157 </el-form-item>
158 </el-col>
159 <el-col :span="8">
160 <el-form-item label="专有建筑面积：">
161 <div class="flex">
162 <el-input
163 disabled
164 v-model="ruleForm.fdcq2.zyjzmj"
165 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
166 <el-select disabled v-model="mjdw" style="width: 68px">
167 <el-option
168 v-for="item in dictData['A7']"
169 :key="item.dcode"
170 :label="item.dname"
171 :value="item.dcode">
172 </el-option>
173 </el-select>
174 </div>
175 </el-form-item>
176 </el-col>
177 <el-col :span="8">
178 <el-form-item label="分摊建筑面积：">
179 <div class="flex">
180 <el-input
181 disabled
182 v-model="ruleForm.fdcq2.ftjzmj"
183 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
184 <el-select disabled v-model="mjdw" style="width: 68px">
185 <el-option
186 v-for="item in dictData['A7']"
187 :key="item.dcode"
188 :label="item.dname"
189 :value="item.dcode">
190 </el-option>
191 </el-select>
192 </div>
193 </el-form-item>
194 </el-col>
195 </el-row>
196 <div class="slxx_title title-block">
197 土地用途
198 <div class="triangle"></div>
199 </div>
200 <tdytTable
201 :ableOperation="viewEdit"
202 :tableData="ruleForm.tdytqxList"
203 @upDateTdytxxList="upDateTdytxxList" />
204 <div class="slxx_title title-block">
205 权利人信息
206 <div class="triangle"></div>
207 </div>
208 <el-row :gutter="10">
209 <el-col :span="12">
210 <el-form-item label="共有方式：">
211 <el-radio-group
212 :disabled="!viewEdit"
213 v-model="ruleForm.sldy.gyfs">
214 <el-radio label="0">单独所有</el-radio>
215 <el-radio label="1">共同共有</el-radio>
216 <el-radio label="2">按份所有</el-radio>
217 <el-radio label="3">其它共有</el-radio>
218 </el-radio-group>
219 </el-form-item>
220 </el-col>
221 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
222 <el-form-item label="是否分别持证：">
223 <el-radio-group
224 v-model="ruleForm.sldy.sqfbcz"
225 :disabled="!viewEdit"
226 @input="updaterow()">
227 <el-radio :label="1">是</el-radio>
228 <el-radio :label="0">否</el-radio>
229 </el-radio-group>
230 </el-form-item>
231 </el-col>
232 <el-col
233 :span="6"
234 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
235 <el-form-item label="持证人：">
236 <el-select
237 v-model="czr"
238 placeholder="持证人"
239 :disabled="!viewEdit">
240 <el-option
241 v-for="(item,index) in czrOptions"
242 :key="index"
243 :label="item.sqrmc"
244 :value="item.id">
245 </el-option>
246 </el-select>
247 </el-form-item>
248 </el-col>
249 </el-row>
250 <qlrCommonTable
251 @upDateQlrxxList="upDateQlrxxList"
252 :disabled="!viewEdit"
253 :tableData="ruleForm.qlrList"
254 :gyfs="ruleForm.sldy.gyfs" />
255 <div class="slxx_title title-block">
256 登记原因
257 <div class="triangle"></div>
258 </div>
259 <el-row :gutter="10">
260 <el-col>
261 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="fdcq2.djyy">
262 <el-input
263 class="textArea"
264 type="textarea"
265 maxlength="500"
266 show-word-limit
267 :disabled="!viewEdit"
268 v-model="ruleForm.fdcq2.djyy">
269 </el-input>
270 </el-form-item>
271 </el-col>
272 </el-row>
273 </div>
274 <el-row class="btn" v-if="isSave">
275 <el-form-item>
276 <el-button type="primary" @click="onSubmit">保存</el-button>
277 </el-form-item>
278 </el-row>
279 </el-form>
280 </div>
281 </template>
282 <script>
283 import ywmix from "@/views/ywbl/mixin/index";
284 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
285 import tdytTable from "@/views/workflow/components/tdytTable";
286 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
287 import { mapGetters } from "vuex";
288 export default {
289 mixins: [ywmix],
290 mounted () {
291 let that = this
292 this.loading = true
293 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
294 this.propsParam = this.$attrs;
295 var formdata = new FormData();
296 formdata.append("bsmSldy", this.propsParam.bsmSldy);
297 formdata.append("djlx", this.propsParam.djlx);
298 formdata.append("isEdit", this.viewEdit);
299 Init(formdata).then((res) => {
300 setTimeout(() => {
301 this.loading = false
302 }, 200)
303 if (res.code === 200 && res.result) {
304 that.ruleForm = {
305 ...res.result,
306 ...res.result.zdjbxxdatas,
307 ...res.result.qlxxdatas,
308 ...res.result.jsydsyqdatas,
309 };
310 that.ruleForm.qlrList.forEach((item) => {
311 item.id = item.bsmSqr
312 if (item.sfczr == '1') {
313 that.czr = item.bsmSqr
314 }
315 })
316 that.czrOptions = that.ruleForm.qlrList;
317 that.isSave = that.viewEdit
318 } else {
319 that.isSave = false
320 that.$confirm(res.message, '提示', {
321 cancelButtonText: '取消',
322 showConfirmButton: false,
323 type: 'warning'
324 })
325 }
326 }).catch(() => {
327 this.loading = false
328 this.isSave = false
329 })
330 },
331 components: { qlrCommonTable, tdytTable },
332 computed: {
333 ...mapGetters(["dictData", "flag"]),
334 },
335 data () {
336 return {
337 isSave: true,
338 loading: false,
339 mjdw: "1",
340 //表单是否可操作
341 viewEdit: false,
342 disabled: true,
343 tdytOption: [],
344 czrOptions: [],
345 czr: "",
346 ruleForm: {
347 flow: {
348 ywh: "",
349 },
350 slry: "",
351 slsj: "",
352 qllx: "",
353 djlx: "",
354 djqx: "",
355 sldy: {
356 gyfs: "",
357 },
358 // 宗地代码
359 zddm: "",
360 bdcdyh: "",
361 qlxzmc: "",
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 // 规划用途名称
382 zdjbxx: {
383 ghytmc: "",
384 },
385 fdcq2: {
386 fwxzmc: "",
387 },
388 slsq: {
389 gyfs: "",
390 },
391 },
392 //传递参数
393 propsParam: {},
394 rules: {
395 'fdcq2.djyy': [
396 { required: true, message: '请输入登记原因', trigger: 'blur' }
397 ]
398 }
399 }
400 },
401 methods: {
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 /**
419 * @description: 更新土地用途信息
420 * @param {*} val
421 * @author: renchao
422 */
423 upDateTdytxxList (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 = "";
434 },
435 /**
436 * @description: 更新权利人信息
437 * @param {*} val
438 * @author: renchao
439 */
440 upDateQlrxxList (val) {
441 if (!_.isEqual(val, this.ruleForm.qlrList)) {
442 this.ruleForm.qlrList = _.cloneDeep(val);
443 this.czrOptions = this.ruleForm.qlrList;
444 }
445 this.num = 0
446 this.ruleForm.qlrList.forEach(item => {
447 if (item.id == this.czr) {
448 this.num++
449 }
450 })
451 if (this.num == 0) {
452 this.czr = ''
453 }
454 },
455 /**
456 * @description: 更新权利人信息
457 * @param {*} val
458 * @author: renchao
459 */
460 upDateYwrxxList (val) {
461 this.ruleForm.ywrList = _.cloneDeep(val);
462 },
463 /**
464 * @description: onSubmit
465 * @author: renchao
466 */
467 onSubmit () {
468 let that = this;
469 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
470 if (arr.length > 0) {
471 this.$message({
472 showClose: true,
473 message: "土地用途不能为空",
474 type: "error",
475 });
476 return false;
477 }
478 if (this.ruleForm.qlrList.length == 0) {
479 this.$message({
480 showClose: true,
481 message: "请确认权利人信息",
482 type: "error",
483 });
484 return false;
485 }
486
487 if (this.ruleForm.sldy.gyfs == "0") {
488 if (this.ruleForm.qlrList.length > 1) {
489 this.$message({
490 showClose: true,
491 message: "共有方式：单独所有，权利人只能是一个人",
492 type: "error",
493 });
494 return false;
495 }
496 this.ruleForm.qlrList[0].sfczr = "1";
497 } else {
498 if (this.ruleForm.qlrList.length <= 1) {
499 this.$message({
500 showClose: true,
501 message:
502 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
503 type: "error",
504 });
505 return false;
506 }
507 //是否分别持证
508 if (this.ruleForm.sldy.sqfbcz == "1") {
509 //是
510 this.ruleForm.qlrList.forEach((item, index) => {
511 item.sfczr = "1";
512 });
513 } else {
514 if (that.czr === '') {
515 that.$message({
516 showClose: true,
517 message: "请选择持证人",
518 type: "error"
519 });
520 return false;
521 }
522 this.ruleForm.qlrList.forEach(item => {
523 if (item.id == that.czr) {
524 item.sfczr = "1"
525 } else {
526 item.sfczr = "0"
527 }
528 })
529 }
530 }
531 this.$refs['ruleForm'].validate((valid) => {
532 if (valid) {
533 that.$store.dispatch("user/refreshPage", false);
534 saveData(that.ruleForm).then((res) => {
535 if (res.code === 200) {
536 that.$message({
537 showClose: true,
538 message: "保存成功！",
539 type: "success",
540 });
541 that.$store.dispatch("user/refreshPage", true);
542 } else {
543 that.$message({
544 showClose: true,
545 message: res.message,
546 type: "error",
547 });
548 }
549 })
550
551 } else {
552 that.$message({
553 showClose: true,
554 message: "请输入登记原因",
555 type: "error"
556 })
557 return false
558 }
559 })
560 },
561 /**
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 };
579 </script>
580 <style scoped lang="scss">
581 @import "~@/styles/public.scss";
582 @import "~@/styles/slxx/slxx.scss";
583 /deep/.el-form {
584 display: flex;
585 flex-direction: column;
586 height: calc(100vh - 130px);
587 }
588
589 /deep/.el-form-item__label {
590 padding: 0;
591 }
592
593 /deep/.el-radio {
594 margin-right: 10px;
595 }
596
597 /deep/.el-select {
598 width: 100%;
599 }
600
601 /deep/.el-form-item {
602 margin-bottom: 3px;
603 }
604
605 .marginBot0 {
606 margin-bottom: 0 !important;
607 }
608
609 .slxx {
610 box-sizing: border-box;
611 }
612
613 .slxx_con {
614 flex: 1;
615 height: 100%;
616 background-color: #ffffff;
617 overflow-y: auto;
618 padding-right: 3px;
619 overflow-x: hidden;
620 }
621
622 .submit_btn {
623 height: 50px;
624 }
625
626 .btn {
627 text-align: center;
628 padding-top: 10px;
629 height: 36px;
630 background-color: #ffffff;
631 padding: 5px 0;
632 }
633
634 .textArea {
635 /deep/.el-textarea__inner {
636 min-height: 90px !important;
637 }
638 }
639
640 /deep/.el-form-item__label {
641 padding-bottom: 0px;
642 }
643 </style>
1 <!--
2 * @Description: 受理信息
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-30 16:07:53
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 v-Loading="loading"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="120px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block">
18 申请业务信息
19 <div class="triangle"></div>
20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq">
22 <el-col :span="8">
23 <el-form-item label="业务号：">
24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理人员：">
29 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="受理时间：">
34 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 <el-row :gutter="10" v-if="ruleForm.slsq">
39 <el-col :span="8">
40 <el-form-item label="权利类型：">
41 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记类型：">
46 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="登记情形：">
51 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <div class="slxx_title title-block">
56 <el-row>
57 <el-col :span="16">
58 不动产单元情况
59 </el-col>
60 <el-col :span="4">
61 <el-button v-if="ruleForm.sldy=='300'||ruleForm.sldy=='500'" @click="compare">变化情况对比+</el-button>
62 </el-col>
63 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
64 <el-form-item label="是否创建证书：" style="height:24px">
65 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
66 <el-radio label="1">是</el-radio>
67 <el-radio label="0">否</el-radio>
68 </el-radio-group>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <div class="triangle"></div>
73
74 </div>
75 <el-row :gutter="10" v-if="ruleForm.qlxx">
76 <el-col :span="8">
77 <el-form-item label="不动产单元号：">
78 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
79 </el-form-item>
80 </el-col>
81 <el-col :span="16">
82 <el-form-item label="坐落：">
83 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
84 </el-form-item>
85 </el-col>
86 </el-row>
87 <el-row :gutter="10" v-if="ruleForm.fdcq2">
88 <el-col :span="8">
89 <el-form-item label="土地用途：">
90 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
91 </el-form-item>
92 </el-col>
93 <el-col :span="8">
94 <el-form-item label="土地使用起止时间：">
95 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
96 </el-form-item>
97 </el-col>
98 <el-col :span="8">
99 <el-form-item label="土地使用期限：">
100 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
101 </el-form-item>
102 </el-col>
103 </el-row>
104 <el-row :gutter="10" v-if="ruleForm.qlxx">
105 <el-col :span="8">
106 <el-form-item label="规划用途名称：">
107 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="房屋性质：">
112 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房屋结构：">
117 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
118 </el-form-item>
119 </el-col>
120 </el-row>
121 <el-row :gutter="10" v-if="ruleForm.fdcq2">
122 <el-col :span="8">
123 <el-form-item label="所在层：">
124 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
125 </el-form-item>
126 </el-col>
127 <el-col :span="8">
128 <el-form-item label="总层数：">
129 <el-input
130 disabled
131 v-model.number="ruleForm.fdcq2.zcs"
132 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
133 </el-form-item>
134 </el-col>
135 <el-col :span="8">
136 <el-form-item label="竣工时间：">
137 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
138 </el-form-item>
139 </el-col>
140 </el-row>
141 <el-row :gutter="10" v-if="ruleForm.qlxx">
142 <el-col :span="8">
143 <el-form-item label="建筑面积：">
144 <div class="flex">
145 <el-input
146 disabled
147 v-model="ruleForm.qlxx.mj"
148 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
149 <el-select disabled v-model="mjdw" style="width: 68px">
150 <el-option
151 v-for="item in dictData['A7']"
152 :key="item.dcode"
153 :label="item.dname"
154 :value="item.dcode">
155 </el-option>
156 </el-select>
157 </div>
158 </el-form-item>
159 </el-col>
160 <el-col :span="8">
161 <el-form-item label="专有建筑面积：">
162 <div class="flex">
163 <el-input
164 disabled
165 v-model="ruleForm.fdcq2.zyjzmj"
166 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
167 <el-select disabled v-model="mjdw" style="width: 68px">
168 <el-option
169 v-for="item in dictData['A7']"
170 :key="item.dcode"
171 :label="item.dname"
172 :value="item.dcode">
173 </el-option>
174 </el-select>
175 </div>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <div class="flex">
181 <el-input
182 disabled
183 v-model="ruleForm.fdcq2.ftjzmj"
184 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
185 <el-select disabled v-model="mjdw" style="width: 68px">
186 <el-option
187 v-for="item in dictData['A7']"
188 :key="item.dcode"
189 :label="item.dname"
190 :value="item.dcode">
191 </el-option>
192 </el-select>
193 </div>
194 </el-form-item>
195 </el-col>
196 </el-row>
197 <div class="slxx_title title-block">
198 土地用途
199 <div class="triangle"></div>
200 </div>
201 <tdytTable
202 :ableOperation="viewEdit"
203 :tableData="ruleForm.tdytqxList"
204 @upDateTdytxxList="upDateTdytxxList" />
205 <div class="slxx_title title-block">
206 权利人信息
207 <div class="triangle"></div>
208 </div>
209 <el-row :gutter="10">
210 <el-col :span="12">
211 <el-form-item label="共有方式：">
212 <el-radio-group
213 :disabled="!viewEdit"
214 v-model="ruleForm.sldy.gyfs">
215 <el-radio label="0">单独所有</el-radio>
216 <el-radio label="1">共同共有</el-radio>
217 <el-radio label="2">按份所有</el-radio>
218 <el-radio label="3">其它共有</el-radio>
219 </el-radio-group>
220 </el-form-item>
221 </el-col>
222 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
223 <el-form-item label="是否分别持证：">
224 <el-radio-group
225 v-model="ruleForm.sldy.sqfbcz"
226 :disabled="!viewEdit"
227 @input="updaterow()">
228 <el-radio :label="1">是</el-radio>
229 <el-radio :label="0">否</el-radio>
230 </el-radio-group>
231 </el-form-item>
232 </el-col>
233 <el-col
234 :span="6"
235 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
236 <el-form-item label="持证人：">
237 <el-select
238 v-model="czr"
239 placeholder="持证人"
240 :disabled="!viewEdit">
241 <el-option
242 v-for="(item,index) in czrOptions"
243 :key="index"
244 :label="item.sqrmc"
245 :value="item.id">
246 </el-option>
247 </el-select>
248 </el-form-item>
249 </el-col>
250 </el-row>
251 <qlrCommonTable
252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="!viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs" />
256 <div class="slxx_title title-block">
257 登记原因
258 <div class="triangle"></div>
259 </div>
260 <el-row :gutter="10">
261 <el-col>
262 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="fdcq2.djyy">
263 <el-input
264 class="textArea"
265 type="textarea"
266 maxlength="500"
267 show-word-limit
268 :disabled="!viewEdit"
269 v-model="ruleForm.fdcq2.djyy">
270 </el-input>
271 </el-form-item>
272 </el-col>
273 </el-row>
274 </div>
275 <el-row class="btn" v-if="isSave">
276 <el-form-item>
277 <el-button type="primary" @click="onSubmit">保存</el-button>
278 </el-form-item>
279 </el-row>
280 </el-form>
281 </div>
282 </template>
283 <script>
284 import ywmix from "@/views/ywbl/mixin/index";
285 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
286 import tdytTable from "@/views/workflow/components/tdytTable";
287 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
288 import { mapGetters } from "vuex";
289 export default {
290 mixins: [ywmix],
291 mounted () {
292 let that = this
293 this.loading = true
294 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
295 this.propsParam = this.$attrs;
296 var formdata = new FormData();
297 formdata.append("bsmSldy", this.propsParam.bsmSldy);
298 formdata.append("djlx", this.propsParam.djlx);
299 formdata.append("isEdit", this.viewEdit);
300 Init(formdata).then((res) => {
301 setTimeout(() => {
302 this.loading = false
303 }, 200)
304 if (res.code === 200 && res.result) {
305 that.ruleForm = {
306 ...res.result,
307 ...res.result.zdjbxxdatas,
308 ...res.result.qlxxdatas,
309 ...res.result.jsydsyqdatas,
310 };
311 that.ruleForm.qlrList.forEach((item) => {
312 item.id = item.bsmSqr
313 if (item.sfczr == '1') {
314 that.czr = item.bsmSqr
315 }
316 })
317 that.czrOptions = that.ruleForm.qlrList;
318 that.isSave = that.viewEdit
319 } else {
320 that.isSave = false
321 that.$confirm(res.message, '提示', {
322 cancelButtonText: '取消',
323 showConfirmButton: false,
324 type: 'warning'
325 })
326 }
327 }).catch(() => {
328 this.loading = false
329 this.isSave = false
330 })
331 },
332 components: { qlrCommonTable, tdytTable },
333 computed: {
334 ...mapGetters(["dictData", "flag"]),
335 },
336 data () {
337 return {
338 isSave: true,
339 loading: false,
340 mjdw: "1",
341 //表单是否可操作
342 viewEdit: false,
343 disabled: true,
344 tdytOption: [],
345 czrOptions: [],
346 czr: "",
347 ruleForm: {
348 flow: {
349 ywh: "",
350 },
351 slry: "",
352 slsj: "",
353 qllx: "",
354 djlx: "",
355 djqx: "",
356 sldy: {
357 gyfs: "",
358 },
359 // 宗地代码
360 zddm: "",
361 bdcdyh: "",
362 qlxzmc: "",
363 qlrxx: [],
364 // 自然幢号
365 zrzh: "",
366 // 户不动产单元号
367 hbdcdyh: "",
368 djzt: "",
369 // 图幅丘幢号
370 tfqzh: "",
371 zl: "",
372 // 房屋用途
373 fwyt: "",
374 fwxz: "",
375 fwjg: "",
376 // 权利人信息
377 // 是否分别持证
378 sffbcz: "",
379 // 持证人
380 czr: "",
381 djyy: "",
382 // 规划用途名称
383 zdjbxx: {
384 ghytmc: "",
385 },
386 fdcq2: {
387 fwxzmc: "",
388 },
389 slsq: {
390 gyfs: "",
391 },
392 },
393 //传递参数
394 propsParam: {},
395 rules: {
396 'fdcq2.djyy': [
397 { required: true, message: '请输入登记原因', trigger: 'blur' }
398 ]
399 }
400 }
401 },
402 methods: {
403 /**
404 * @description: dataSelectClick
405 * @author: renchao
406 */
407 dataSelectClick () {
408 this.$popup(
409 "房屋所有权",
410 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
411 {
412 formData: {
413 bsmSldy: this.propsParam.bsmSldy,
414 qllx: this.propsParam.qllx,
415 },
416 }
417 );
418 },
419 /**
420 * @description: 更新土地用途信息
421 * @param {*} val
422 * @author: renchao
423 */
424 upDateTdytxxList (val) {
425 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
426 this.key++;
427 },
428 /**
429 * @description: 是否持证人变化
430 * @param {*} val
431 * @author: renchao
432 */
433 updaterow () {
434 this.czr = "";
435 },
436 /**
437 * @description: 更新权利人信息
438 * @param {*} val
439 * @author: renchao
440 */
441 upDateQlrxxList (val) {
442 if (!_.isEqual(val, this.ruleForm.qlrList)) {
443 this.ruleForm.qlrList = _.cloneDeep(val);
444 this.czrOptions = this.ruleForm.qlrList;
445 }
446 this.num = 0
447 this.ruleForm.qlrList.forEach(item => {
448 if (item.id == this.czr) {
449 this.num++
450 }
451 })
452 if (this.num == 0) {
453 this.czr = ''
454 }
455 },
456 /**
457 * @description: 更新权利人信息
458 * @param {*} val
459 * @author: renchao
460 */
461 upDateYwrxxList (val) {
462 this.ruleForm.ywrList = _.cloneDeep(val);
463 },
464 /**
465 * @description: onSubmit
466 * @author: renchao
467 */
468 onSubmit () {
469 let that = this;
470 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
471 if (arr.length > 0) {
472 this.$message({
473 showClose: true,
474 message: "土地用途不能为空",
475 type: "error",
476 });
477 return false;
478 }
479 if (this.ruleForm.qlrList.length == 0) {
480 this.$message({
481 showClose: true,
482 message: "请确认权利人信息",
483 type: "error",
484 });
485 return false;
486 }
487
488 if (this.ruleForm.sldy.gyfs == "0") {
489 if (this.ruleForm.qlrList.length > 1) {
490 this.$message({
491 showClose: true,
492 message: "共有方式：单独所有，权利人只能是一个人",
493 type: "error",
494 });
495 return false;
496 }
497 this.ruleForm.qlrList[0].sfczr = "1";
498 } else {
499 if (this.ruleForm.qlrList.length <= 1) {
500 this.$message({
501 showClose: true,
502 message:
503 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
504 type: "error",
505 });
506 return false;
507 }
508 //是否分别持证
509 if (this.ruleForm.sldy.sqfbcz == "1") {
510 //是
511 this.ruleForm.qlrList.forEach((item, index) => {
512 item.sfczr = "1";
513 });
514 } else {
515 if (that.czr === '') {
516 that.$message({
517 showClose: true,
518 message: "请选择持证人",
519 type: "error"
520 });
521 return false;
522 }
523 this.ruleForm.qlrList.forEach(item => {
524 if (item.id == that.czr) {
525 item.sfczr = "1"
526 } else {
527 item.sfczr = "0"
528 }
529 })
530 }
531 }
532 this.$refs['ruleForm'].validate((valid) => {
533 if (valid) {
534 that.$store.dispatch("user/refreshPage", false);
535 saveData(that.ruleForm).then((res) => {
536 if (res.code === 200) {
537 that.$message({
538 showClose: true,
539 message: "保存成功！",
540 type: "success",
541 });
542 that.$store.dispatch("user/refreshPage", true);
543 } else {
544 that.$message({
545 showClose: true,
546 message: res.message,
547 type: "error",
548 });
549 }
550 })
551
552 } else {
553 that.$message({
554 showClose: true,
555 message: "请输入登记原因",
556 type: "error"
557 })
558 return false
559 }
560 })
561 },
562 /**
563 * @description: compare
564 * @author: renchao
565 */
566 compare () {
567 this.$popupDialog(
568 this.ruleForm.qlxx.qllxmc,
569 "registerBook/comparison",
570 {
571 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
572 dqqllx: "FDCQ2",
573 },
574 "80%",
575 true
576 );
577 },
578 },
579 };
580 </script>
581 <style scoped lang="scss">
582 @import "~@/styles/public.scss";
583 @import "~@/styles/slxx/slxx.scss";
584 /deep/.el-form {
585 display: flex;
586 flex-direction: column;
587 height: calc(100vh - 130px);
588 }
589
590 /deep/.el-form-item__label {
591 padding: 0;
592 }
593
594 /deep/.el-radio {
595 margin-right: 10px;
596 }
597
598 /deep/.el-select {
599 width: 100%;
600 }
601
602 /deep/.el-form-item {
603 margin-bottom: 3px;
604 }
605
606 .marginBot0 {
607 margin-bottom: 0 !important;
608 }
609
610 .slxx {
611 box-sizing: border-box;
612 }
613
614 .slxx_con {
615 flex: 1;
616 height: 100%;
617 background-color: #ffffff;
618 overflow-y: auto;
619 padding-right: 3px;
620 overflow-x: hidden;
621 }
622
623 .submit_btn {
624 height: 50px;
625 }
626
627 .btn {
628 text-align: center;
629 padding-top: 10px;
630 height: 36px;
631 background-color: #ffffff;
632 padding: 5px 0;
633 }
634
635 .textArea {
636 /deep/.el-textarea__inner {
637 min-height: 90px !important;
638 }
639 }
640
641 /deep/.el-form-item__label {
642 padding-bottom: 0px;
643 }
644 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:50
5 -->
6 <template>
7 <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
8 style="overflow-y:scroll;">
9 <div class="tableBox">
10 <div class="title">
11 <span>{{ title }}</span>
12 </div>
13 <div class="xxTableBox">
14 <table class="xxTable">
15 <tr>
16 <td></td>
17 <td>变更前</td>
18 <td>变更后</td>
19 </tr>
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td
25 v-for="(row, index) in tableData"
26 :key="index"
27 :class="[
28 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '',
31
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
36 ]">
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 </tr>
64 </table>
65 </div>
66 </div>
67 </div>
68 </template>
69
70 <script>
71 import { getFdcqLSInfo } from "@/api/djbDetail.js";
72 import { datas } from "@/views/registerBook/qlxxFormData.js";
73
74 export default {
75 data () {
76 return {
77 title: "房地产权登记信息（独幢、层、套、间房屋）",
78 qsztList: datas.columns().qsztList,
79 checkList: datas.columns().checkList,
80 //传递参数
81 propsParam: this.$attrs,
82 //列表数据
83 tableData: [],
84 //空列值个数
85 emptycolNum: 1,
86 //列名称对象
87 columns: datas.columns().FDCQ2,
88 tdColumns: datas.columns().JSYDSYQ
89
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 mounted () {
96 this.timeLineHeight = document.documentElement.clientHeight - 210;
97 window.onresize = () => {
98 this.timeLineHeight = document.documentElement.clientHeight - 210;
99 };
100 },
101 methods: {
102 /**
103 * @description: loadData
104 * @author: renchao
105 */
106 loadData () {
107 var formdata = new FormData();
108 formdata.append("bsmSldy", this.propsParam.formData.bsmSldy);
109 formdata.append("qllx", this.propsParam.formData.qllx);
110 formdata.append("isEdit", this.ableOperation);
111 getFdcqLSInfo(formdata).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 if (this.tableData.length < datas.columns().emptycolNum) {
115 this.emptycolNum =
116 datas.columns().emptycolNum - this.tableData.length;
117 } else {
118 this.emptycolNum = 0;
119 }
120 }
121 });
122 },
123 /**
124 * @description: checkChange
125 * @author: renchao
126 */
127 checkChange () {
128 if (this.checkList.length === 0) {
129 this.tableData = [];
130 this.emptycolNum = datas.columns().emptycolNum;
131 } else {
132 this.loadData();
133 }
134 },
135 /**
136 * @description: getQsztName
137 * @param {*} code
138 * @author: renchao
139 */
140 getQsztName (code) {
141 let name = "";
142 for (let item of this.qsztList) {
143 if (item.value == code) {
144 name = item.label;
145 break;
146 }
147 }
148 return name;
149 },
150 },
151 };
152 </script>
153
154 <style lang="scss" scoped>
155 @import "~@/views/registerBook/qlxxCommon.scss";
156 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-31 10:13:28
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 ref="ruleForm"
13 v-Loading="loading"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px">
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block">
19 申请业务信息
20 <div class="triangle"></div>
21 </div>
22 <el-row :gutter="10">
23 <el-col :span="8">
24 <el-form-item label="业务号：" prop="ywh">
25 <el-input disabled v-model="ruleForm.ywh"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理人员：" prop="slry">
30 <el-input disabled v-model="ruleForm.slry"></el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="8">
34 <el-form-item label="受理时间：" prop="slsj">
35 <el-input disabled v-model="ruleForm.slsj"></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 <el-row :gutter="10">
40 <el-col :span="8">
41 <el-form-item label="权利类型：" prop="qllx">
42 <el-select
43 disabled
44 v-model="ruleForm.qllx"
45 filterable
46 clearable
47 placeholder="请选择权利类型">
48 <el-option
49 v-for="item in dictData['A8']"
50 :key="item.dcode"
51 :label="item.dname"
52 :value="item.dcode">
53 </el-option>
54 </el-select>
55 </el-form-item>
56 </el-col>
57 <el-col :span="8">
58 <el-form-item label="登记类型：" prop="djlx">
59 <el-select
60 disabled
61 v-model="ruleForm.djlx"
62 filterable
63 clearable
64 placeholder="请选择登记类型">
65 <el-option
66 v-for="item in dictData['A21']"
67 :key="item.dcode"
68 :label="item.dname"
69 :value="item.dcode">
70 </el-option>
71 </el-select>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="登记情形：" prop="djqx">
76 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
77 </el-form-item>
78 </el-col>
79 </el-row>
80 <div class="slxx_title title-block">
81 <el-row>
82 <el-col :span="20">
83 不动产单元情况
84 </el-col>
85 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
86 <el-form-item label="是否创建证书：" style="height:24px">
87 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
88 <el-radio label="1">是</el-radio>
89 <el-radio label="0">否</el-radio>
90 </el-radio-group>
91 </el-form-item>
92 </el-col>
93 </el-row>
94 <div class="triangle"></div>
95 </div>
96 <el-row :gutter="10">
97 <el-col :span="8">
98 <el-form-item label="宗地代码：" prop="zddm">
99 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
100 </el-form-item>
101 </el-col>
102 <el-col :span="8">
103 <el-form-item label="不动产单元号：" prop="bdcdyh">
104 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item label="权利性质：" prop="qlxzmc">
109 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
110 </el-form-item>
111 </el-col>
112 </el-row>
113 <el-row :gutter="10">
114 <el-col :span="8">
115 <el-form-item label="自然幢号：" prop="zrzh">
116 <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="户不动产单元号：" prop="ghytmc">
121 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="登记状态：" prop="djzt">
126 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
127 <el-option
128 v-for="item in djztList"
129 :key="item.value"
130 :label="item.label"
131 :value="item.value">
132 </el-option>
133 </el-select>
134 </el-form-item>
135 </el-col>
136 </el-row>
137 <el-row :gutter="10">
138 <el-col :span="8">
139 <el-form-item label="图幅丘幢号：" prop="tfqzh">
140 <el-input disabled v-model="ruleForm.tfqzh"></el-input>
141 </el-form-item>
142 </el-col>
143
144 <el-col :span="16">
145 <el-form-item label="坐落：" prop="zl">
146 <el-input disabled v-model="ruleForm.zl"></el-input>
147 </el-form-item>
148 </el-col>
149 </el-row>
150 <el-row :gutter="10">
151 <el-col :span="8">
152 <el-form-item label="房屋用途：">
153 <el-input disabled v-model="ruleForm.ytmc"></el-input>
154 </el-form-item>
155 </el-col>
156 <el-col :span="8">
157 <el-form-item label="房屋性质：">
158 <el-input disabled v-model="ruleForm.fwxz"></el-input>
159 </el-form-item>
160 </el-col>
161 <el-col :span="8">
162 <el-form-item label="房屋结构：">
163 <el-input disabled v-model="ruleForm.fwjg"></el-input>
164 </el-form-item>
165 </el-col>
166 </el-row>
167 <div class="slxx_title title-block">
168 土地用途
169 <div class="triangle"></div>
170 </div>
171 <tdytTable
172 :ableOperation="viewEdit"
173 :tableData="ruleForm.tdytqxList"
174 @upDateTdytxxList="upDateTdytxxList" />
175 <div class="slxx_title title-block">
176 权利人信息
177 <div class="triangle"></div>
178 </div>
179 <el-row :gutter="10">
180 <el-col :span="14">
181 <el-form-item label="共有方式：">
182 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.gyfs">
183 <el-radio label="1">单独所有</el-radio>
184 <el-radio label="2">共同共有</el-radio>
185 <el-radio label="3">按份所有</el-radio>
186 </el-radio-group>
187 </el-form-item>
188 </el-col>
189
190 <el-col :span="5" v-show="ruleForm.gyfs != '1'">
191 <el-form-item label="是否分别持证：">
192 <el-radio-group
193 v-model="ruleForm.sffbcz"
194 :disabled="!viewEdit"
195 @input="updaterow()">
196 <el-radio label="1">是</el-radio>
197 <el-radio label="0">否</el-radio>
198 </el-radio-group>
199 </el-form-item>
200 </el-col>
201 <el-col
202 :span="5"
203 v-show="ruleForm.gyfs != '0' && ruleForm.sffbcz == '0'">
204 <el-form-item label="持证人：">
205 <el-select
206 v-model="czr"
207 placeholder="持证人"
208 :disabled="!viewEdit">
209 <el-option
210 v-for="(item,index) in czrOptions"
211 :key="index"
212 :label="item.sqrmc"
213 :value="item.id">
214 </el-option>
215 </el-select>
216 </el-form-item>
217 </el-col>
218 </el-row>
219 <qlrCommonTable
220 :tableData="ruleForm.qlrList"
221 @upDateQlrxxList="upDateQlrxxList"
222 :gyfs="ruleForm.gyfs"
223 :disabled="viewEdit" />
224 <div class="slxx_title title-block">
225 登记原因
226 <div class="triangle"></div>
227 </div>
228 <el-row :gutter="10">
229 <el-col>
230 <el-form-item label="登记原因：" prop="djyy">
231 <el-input
232 class="textArea"
233 type="textarea"
234 maxlength="500"
235 show-word-limit
236 :disabled="!viewEdit"
237 v-model="ruleForm.djyy">
238 </el-input>
239 </el-form-item>
240 </el-col>
241 </el-row>
242 </div>
243 <el-row class="btn" v-if="isSave">
244 <el-form-item>
245 <el-button type="primary" @click="onSubmit">保存</el-button>
246 </el-form-item>
247 </el-row>
248 </el-form>
249 </div>
250 </template>
251 <script>
252 import ywmix from "@/views/ywbl/mixin/index";
253 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
254 import tdytTable from "@/views/workflow/components/tdytTable";
255 import { Init } from "@/api/workflow/fwsyqFlow.js";
256 import { mapGetters } from "vuex";
257 export default {
258 mixins: [ywmix],
259 mounted () {
260 let that = this
261 this.loading = true
262 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
263 this.propsParam = this.$attrs;
264 var formdata = new FormData();
265 formdata.append("bsmSldy", this.propsParam.bsmSldy);
266 Init(formdata).then((res) => {
267 setTimeout(() => {
268 this.loading = false
269 }, 200)
270 if (res.code === 200 && res.result) {
271 this.ruleForm = {
272 ...res.result,
273 ...res.result.zdjbxxdatas,
274 ...res.result.qlxxdatas,
275 ...res.result.jsydsyqdatas,
276 };
277 this.ruleForm.qlrList.forEach((item) => {
278 item.id = item.bsmSqr
279 if (item.sfczr == '1') {
280 that.czr = item.bsmSqr
281 }
282 });
283 this.czrOptions = this.ruleForm.qlrList;
284 that.isSave = this.viewEdit
285 } else {
286 that.isSave = false
287 that.$confirm(res.message, '提示', {
288 cancelButtonText: '取消',
289 showConfirmButton: false,
290 type: 'warning'
291 })
292 }
293 }).catch(() => {
294 this.loading = false
295 this.isSave = false
296 })
297 },
298 components: { qlrCommonTable, tdytTable },
299 computed: {
300 ...mapGetters(["dictData", "flag"]),
301 },
302 data () {
303 return {
304 isSave: true,
305 // 键名转换，方法默认是label和children进行树状渲染
306 normalizer (node) {
307 //方法
308 if (node.children == null || node.children == "null") {
309 delete node.children;
310 }
311 return {
312 id: node.dcode,
313 label: node.dname,
314 };
315 },
316 loading: false,
317 //表单是否可操作
318 viewEdit: false,
319 disabled: true,
320 tdytOption: [],
321 czrOptions: [],
322 czr: "",
323 ruleForm: {
324 ywh: "",
325 slry: "",
326 slsj: "",
327 qllx: "",
328 djlx: "",
329 djqx: "",
330 // 宗地代码
331 zddm: "",
332 bdcdyh: "",
333 qlxzmc: "",
334 qlrxx: [],
335 // 自然幢号
336 zrzh: "",
337 // 户不动产单元号
338 ghytmc: "",
339 djzt: "",
340 // 图幅丘幢号
341 tfqzh: "",
342 zl: "",
343 // 房屋用途
344 fwyt: "",
345 fwxz: "",
346 fwjg: "",
347 // 权利人信息
348 gyfs: "1",
349 // 是否分别持证
350 sffbcz: "",
351 // 持证人
352 czr: "",
353 djyy: "",
354 },
355 //传递参数
356 propsParam: {},
357 rules: {
358 djyy: [
359 { required: true, message: '请输入登记原因', trigger: 'blur' }
360 ]
361 }
362 }
363 },
364 methods: {
365 /**
366 * @description: 更新土地用途信息
367 * @param {*} val
368 * @author: renchao
369 */
370 upDateTdytxxList (val) {
371 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
372 this.czrOptions = this.ruleForm.qlrData;
373 this.key++;
374 },
375 /**
376 * @description: 更新权利人信息
377 * @param {*} val
378 * @author: renchao
379 */
380 upDateQlrxxList (val) {
381 if (!_.isEqual(val, this.ruleForm.qlrList)) {
382 this.ruleForm.qlrList = _.cloneDeep(val);
383 this.czrOptions = this.ruleForm.qlrList;
384 }
385 this.num = 0
386 this.ruleForm.qlrList.forEach(item => {
387 if (item.id == this.czr) {
388 this.num++
389 }
390 })
391 if (this.num == 0) {
392 this.czr = ''
393 }
394 },
395 /**
396 * @description: 是否持证人变化
397 * @param {*} val
398 * @author: renchao
399 */
400 updaterow () {
401 this.czr = "";
402 },
403 /**
404 * @description: list
405 * @param {*} bsmSldy
406 * @author: renchao
407 */
408 list (bsmSldy) {
409 var formdata = new FormData();
410 formdata.append("bsmSldy", bsmSldy);
411 formdata.append("isEdit", this.viewEdit);
412 Init(formdata).then((res) => {
413 if (res.code === 200 && res.result) {
414 this.ruleForm = {
415 ...res.result,
416 ...res.result.zdjbxxdatas,
417 ...res.result.qlxxdatas,
418 ...res.result.jsydsyqdatas,
419 };
420 } else {
421 this.$message.error(res.message);
422 }
423 });
424 },
425 /**
426 * @description: onSubmit
427 * @author: renchao
428 */
429 onSubmit () {
430 let that = this;
431 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
432 if (arr.length > 0) {
433 this.$message({
434 showClose: true,
435 message: "土地用途不能为空",
436 type: "error",
437 });
438 return false;
439 }
440 if (this.ruleForm.qlrList.length == 0) {
441 this.$message({
442 showClose: true,
443 message: "请确认权利人信息",
444 type: "error",
445 });
446 return false;
447 }
448
449 if (this.ruleForm.gyfs == "0") {
450 if (this.ruleForm.qlrList.length > 1) {
451 this.$message({
452 showClose: true,
453 message: "共有方式：单独所有，权利人只能是一个人",
454 type: "error",
455 });
456 return false;
457 }
458 this.ruleForm.qlrList[0].sfczr = "1";
459 } else {
460 if (this.ruleForm.qlrList.length <= 1) {
461 this.$message({
462 showClose: true,
463 message:
464 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
465 type: "error",
466 });
467 return false;
468 }
469 //是否分别持证
470 if (this.ruleForm.sqfbcz == "1") {
471 //是
472 this.ruleForm.qlrList.forEach((item, index) => {
473 item.sfczr = "1";
474 });
475 } else {
476 if (that.czr === '') {
477 that.$message({
478 showClose: true,
479 message: "请选择持证人",
480 type: "error"
481 })
482 return false;
483 }
484 this.ruleForm.qlrList.forEach((item, index) => {
485 if (item.id == that.czr) {
486 item.sfczr = "1"
487 } else {
488 item.sfczr = "0"
489 }
490 })
491 }
492 }
493 fristReg(this.ruleForm).then((res) => {
494 if (res.code === 200 && res.result) {
495 console.log(res);
496 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
497 }
498 });
499 },
500 },
501 };
502 </script>
503 <style scoped lang="scss">
504 @import "~@/styles/public.scss";
505
506 /deep/.el-form {
507 display: flex;
508 flex-direction: column;
509 height: calc(100vh - 130px);
510 }
511
512 /deep/.el-form-item__label {
513 padding: 0;
514 }
515
516 /deep/.el-radio {
517 margin-right: 10px;
518 }
519
520 /deep/.el-select {
521 width: 100%;
522 }
523
524 /deep/.el-form-item {
525 margin-bottom: 3px;
526 }
527
528 .marginBot0 {
529 margin-bottom: 0 !important;
530 }
531
532 .slxx {
533 box-sizing: border-box;
534 }
535
536 .slxx_con {
537 flex: 1;
538 height: 100%;
539 background-color: #ffffff;
540 overflow-y: auto;
541 padding-right: 3px;
542 overflow-x: hidden;
543 }
544
545 .submit_btn {
546 height: 50px;
547 }
548
549 .btn {
550 text-align: center;
551 padding-top: 10px;
552 height: 36px;
553 background-color: #ffffff;
554 padding: 5px 0;
555 }
556
557 .textArea {
558 /deep/.el-textarea__inner {
559 min-height: 90px !important;
560 }
561 }
562
563 /deep/.el-form-item__label {
564 padding-bottom: 0px;
565 }
566 </style>
1 0
2 <!--
3 * @Description:
4 * @Autor: renchao
5 * @LastEditTime: 2024-01-31 10:14:22
6 -->
7 <template>
8 <!-- 受理信息 -->
9 <div class="slxx">
10 <el-form
11 :model="ruleForm"
12 :rules="rules"
13 v-Loading="loading"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px">
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 申请业务信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="业务号：">
26 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="受理人员：">
31 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="受理时间：">
36 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <el-row :gutter="10">
41 <el-col :span="8">
42 <el-form-item label="权利类型：">
43 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
44 </el-form-item>
45 </el-col>
46 <el-col :span="8">
47 <el-form-item label="登记类型：">
48 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="8">
52 <el-form-item label="登记情形：">
53 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
54 </el-form-item>
55 </el-col>
56 </el-row>
57 <div class="slxx_title title-block">
58 <el-row>
59 <el-col :span="16">
60 不动产单元情况
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>
65 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
66 <el-form-item label="是否创建证书：" style="height:24px">
67 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
68 <el-radio label="1">是</el-radio>
69 <el-radio label="0">否</el-radio>
70 </el-radio-group>
71 </el-form-item>
72 </el-col>
73 </el-row>
74 <div class="triangle"></div>
75
76 </div>
77 <el-row :gutter="10">
78 <el-col :span="8">
79 <el-form-item label="原不动产权证号：">
80 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item label="不动产单元号：">
85 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
86 </el-form-item>
87 </el-col>
88 <el-col :span="8">
89 <el-form-item label="权利性质：">
90 <treeselect
91 :disabled="!viewEdit"
92 v-model="ruleForm.zdjbxx.qlxz"
93 noOptionsText="暂无数据"
94 placeholder=""
95 :normalizer="normalizer"
96 :default-expand-level="1"
97 :show-count="true"
98 :options="dictData['A9']" />
99 </el-form-item>
100 </el-col>
101 </el-row>
102 <el-row :gutter="10">
103 <el-col :span="8">
104 <el-form-item label="权利设定方式：">
105 <el-select v-model="ruleForm.zdjbxx.qlsdfs" :disabled="!viewEdit">
106 <el-option
107 v-for="item in dictData['A10']"
108 :key="item.dcode"
109 :label="item.dname"
110 :value="item.dcode">
111 </el-option>
112 </el-select>
113 </el-form-item>
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>
121 <el-col :span="8">
122 <el-form-item label="取得价格：">
123 <div style="display: flex">
124 <el-input
125 maxlength="11"
126 v-model="ruleForm.jsydsyq.qdjg"
127 style="width: 500%"
128 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
129 :disabled="!viewEdit"></el-input>
130 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
131 <el-option
132 v-for="item in dictData['A57']"
133 :key="item.dcode"
134 :label="item.dname"
135 :value="item.dcode">
136 </el-option>
137 </el-select>
138 </div>
139 </el-form-item>
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>
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>
180 <el-col :span="16">
181 <el-form-item label="坐落：">
182 <el-input :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input>
183 </el-form-item>
184 </el-col>
185 </el-row>
186 <el-row :gutter="10">
187 <el-col>
188 <el-form-item label="附记：" prop="fj">
189 <el-input
190 type="textarea"
191 maxlength="500"
192 show-word-limit
193 v-model="ruleForm.jsydsyq.fj"
194 :disabled="!viewEdit"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 <div class="slxx_title title-block">
199 土地用途
200 <div class="triangle"></div>
201 </div>
202 <tdytTable
203 :tableData="ruleForm.tdytqxList"
204 :ableOperation="viewEdit"
205 @upDateTdytxxList="upDateTdytxxList" />
206 <div class="slxx_title title-block">
207 权利人信息
208 <div class="triangle"></div>
209 </div>
210 <el-row :gutter="10">
211 <el-col :span="12">
212 <el-form-item label="共有方式：">
213 <el-radio-group
214 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs">
216 <el-radio label="0">单独所有</el-radio>
217 <el-radio label="1">共同共有</el-radio>
218 <el-radio label="2">按份所有</el-radio>
219 <el-radio label="3">其它共有</el-radio>
220 </el-radio-group>
221 </el-form-item>
222 </el-col>
223 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
224 <el-form-item label="是否分别持证：">
225 <el-radio-group
226 v-model="ruleForm.sldy.sqfbcz"
227 :disabled="!viewEdit"
228 @input="updaterow()">
229 <el-radio :label="1">是</el-radio>
230 <el-radio :label="0">否</el-radio>
231 </el-radio-group>
232 </el-form-item>
233 </el-col>
234 <el-col
235 :span="6"
236 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
237 <el-form-item label="持证人：">
238 <el-select
239 v-model="czr"
240 placeholder="持证人"
241 :disabled="!viewEdit">
242 <el-option
243 v-for="item in czrOptions"
244 :key="item.id"
245 :label="item.sqrmc"
246 :value="item.id">
247 </el-option>
248 </el-select>
249 </el-form-item>
250 </el-col>
251 </el-row>
252 <qlrCommonTable
253 :tableData="ruleForm.qlrList"
254 :disabled="viewEdit"
255 @upDateQlrxxList="upDateQlrxxList"
256 :gyfs="ruleForm.sldy.gyfs" />
257
258 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx==200">
259 <div class="slxx_title title-block">
260 义务人信息
261 <div class="triangle"></div>
262 </div>
263 <ywrCommonTable
264 v-if="ruleForm.ywrList"
265 :disabled="viewEdit"
266 :tableData="ruleForm.ywrList"
267 :key="key"
268 @upDateQlrxxList="upDateYwrxxList" />
269 </div>
270
271 <div class="slxx_title title-block">
272 登记原因
273 <div class="triangle"></div>
274 </div>
275 <el-row :gutter="10">
276 <el-col>
277 <el-form-item label="登记原因：" prop="jsydsyq.djyy">
278 <el-input
279 class="textArea"
280 type="textarea"
281 maxlength="500"
282 show-word-limit
283 :disabled="!viewEdit"
284 v-model="ruleForm.jsydsyq.djyy">
285 </el-input>
286 </el-form-item>
287 </el-col>
288 </el-row>
289 </div>
290 <el-row class="btn" v-if="isSave">
291 <el-form-item>
292 <el-button type="primary" @click="onSubmit">保存</el-button>
293 </el-form-item>
294 </el-row>
295 </el-form>
296 </div>
297 </template>
298 <script>
299 import { mapGetters } from "vuex";
300 import ywmix from "@/views/ywbl/mixin/index";
301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
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";
305 export default {
306 mixins: [ywmix],
307 mounted () {
308 let that = this;
309 this.loading = true
310 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
311 this.propsParam = this.$attrs;
312 var formdata = new FormData();
313 formdata.append("bsmSldy", this.propsParam.bsmSldy);
314 formdata.append("djlx", this.propsParam.djlx);
315 formdata.append("isEdit", this.viewEdit);
316 Init(formdata).then((res) => {
317 setTimeout(() => {
318 this.loading = false
319 }, 200)
320 if (res.code === 200 && res.result) {
321 that.ruleForm = res.result;
322 that.ruleForm.qlrList.forEach((item) => {
323 item.id = item.bsmSqr
324 if (item.sfczr == '1') {
325 that.czr = item.bsmSqr
326 }
327 })
328 that.czrOptions = that.ruleForm.qlrList;
329 that.isSave = that.viewEdit
330 } else {
331 that.isSave = false
332 that.$confirm(res.message, '提示', {
333 cancelButtonText: '取消',
334 showConfirmButton: false,
335 type: 'warning'
336 })
337 }
338 }).catch(() => {
339 this.loading = false
340 this.isSave = false
341 })
342 },
343 components: { qlrCommonTable, tdytTable, ywrCommonTable },
344 computed: {
345 ...mapGetters(["dictData", "flag"]),
346 },
347 data () {
348 return {
349 key: 0,
350 isSave: true,
351 loading: false,
352 // 键名转换，方法默认是label和children进行树状渲染
353 normalizer (node) {
354 //方法
355 if (node.children == null || node.children == "null") {
356 delete node.children;
357 }
358 return {
359 id: node.dcode,
360 label: node.dname,
361 };
362 },
363 //表单是否可操作
364 viewEdit: false,
365 disabled: true,
366 czrOptions: [],
367 czr: "",
368 ruleForm: {
369 slywxx: {},
370 qlxx: {},
371 zdjbxx: {},
372 jsydsyq: {},
373 },
374 //传递参数
375 propsParam: {},
376 rules: {
377 'jsydsyq.djyy': [
378 { required: true, message: '请输入登记原因', trigger: 'blur' }
379 ]
380 }
381 };
382 },
383 methods: {
384 /**
385 * @description: 更新土地用途信息
386 * @param {*} val
387 * @author: renchao
388 */
389 upDateTdytxxList (val) {
390 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
391 this.key++;
392 },
393 /**
394 * @description: 更新权利人信息
395 * @param {*} val
396 * @author: renchao
397 */
398 upDateQlrxxList (val) {
399 if (!_.isEqual(val, this.ruleForm.qlrList)) {
400 this.ruleForm.qlrList = _.cloneDeep(val);
401 this.czrOptions = this.ruleForm.qlrList;
402 }
403 this.num = 0
404 this.ruleForm.qlrList.forEach(item => {
405 if (item.id == this.czr) {
406 this.num++
407 }
408 })
409 if (this.num == 0) {
410 this.czr = ''
411 }
412 },
413 /**
414 * @description: 是否持证人变化
415 * @param {*} val
416 * @author: renchao
417 */
418 updaterow () {
419 this.czr = "";
420 },
421 /**
422 * @description: onSubmit
423 * @author: renchao
424 */
425 onSubmit () {
426 let that = this;
427 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
428 if (arr.length > 0) {
429 this.$message({
430 showClose: true,
431 message: "土地用途不能为空",
432 type: "error",
433 });
434 return false;
435 }
436 if (this.ruleForm.qlrList.length == 0) {
437 this.$message({
438 showClose: true,
439 message: "请确认权利人信息",
440 type: "error",
441 });
442 return false;
443 }
444
445 if (this.ruleForm.sldy.gyfs == "0") {
446 if (this.ruleForm.qlrList.length > 1) {
447 this.$message({
448 showClose: true,
449 message: "共有方式：单独所有，权利人只能是一个人",
450 type: "error",
451 });
452 return false;
453 }
454 this.ruleForm.qlrList[0].sfczr = "1";
455 } else {
456 if (this.ruleForm.qlrList.length <= 1) {
457 this.$message({
458 showClose: true,
459 message:
460 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
461 type: "error",
462 });
463 return false;
464 }
465 //是否分别持证
466 if (this.ruleForm.sldy.sqfbcz == "1") {
467 //是
468 this.ruleForm.qlrList.forEach((item, index) => {
469 item.sfczr = "1";
470 });
471 } else {
472 if (that.czr === '') {
473 that.$message({
474 showClose: true,
475 message: "请选择持证人",
476 type: "error",
477 });
478 return false;
479 }
480 this.ruleForm.qlrList.forEach((item, index) => {
481 if (item.id == that.czr) {
482 item.sfczr = "1";
483 } else {
484 item.sfczr = "0";
485 }
486 })
487 }
488 }
489 this.$refs['ruleForm'].validate((valid) => {
490 if (valid) {
491 that.$store.dispatch("user/refreshPage", false)
492 saveData(this.ruleForm).then((res) => {
493 if (res.code === 200) {
494 that.$message({
495 showClose: true,
496 message: "保存成功！",
497 type: "success"
498 })
499 that.$store.dispatch("user/refreshPage", true)
500 } else {
501 that.$message({
502 showClose: true,
503 message: res.message,
504 type: "error"
505 })
506 }
507 })
508 } else {
509 this.$message({
510 showClose: true,
511 message: "请输入登记原因",
512 type: "error"
513 })
514 return false
515 }
516 })
517 },
518 /**
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 };
536 </script>
537 <style scoped lang="scss">
538 @import "~@/styles/public.scss";
539 @import "~@/styles/slxx/slxx.scss";
540 </style>
1 0
2 <!--
3 * @Description:
4 * @Autor: renchao
5 * @LastEditTime: 2024-01-31 10:14:22
6 -->
7 <template>
8 <!-- 受理信息 -->
9 <div class="slxx">
10 <el-form
11 :model="ruleForm"
12 :rules="rules"
13 v-Loading="loading"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px">
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 申请业务信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="业务号：">
26 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="受理人员：">
31 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="受理时间：">
36 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <el-row :gutter="10">
41 <el-col :span="8">
42 <el-form-item label="权利类型：">
43 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
44 </el-form-item>
45 </el-col>
46 <el-col :span="8">
47 <el-form-item label="登记类型：">
48 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="8">
52 <el-form-item label="登记情形：">
53 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
54 </el-form-item>
55 </el-col>
56 </el-row>
57 <div class="slxx_title title-block">
58 <el-row>
59 <el-col :span="16">
60 不动产单元情况
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>
65 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
66 <el-form-item label="是否创建证书：" style="height:24px">
67 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
68 <el-radio label="1">是</el-radio>
69 <el-radio label="0">否</el-radio>
70 </el-radio-group>
71 </el-form-item>
72 </el-col>
73 </el-row>
74 <div class="triangle"></div>
75
76 </div>
77 <el-row :gutter="10">
78 <el-col :span="8">
79 <el-form-item label="原不动产权证号：">
80 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item label="不动产单元号：">
85 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
86 </el-form-item>
87 </el-col>
88 <el-col :span="8">
89 <el-form-item label="权利性质：">
90 <treeselect
91 :disabled="!viewEdit"
92 v-model="ruleForm.zdjbxx.qlxz"
93 noOptionsText="暂无数据"
94 placeholder=""
95 :normalizer="normalizer"
96 :default-expand-level="1"
97 :show-count="true"
98 :options="dictData['A9']" />
99 </el-form-item>
100 </el-col>
101 </el-row>
102 <el-row :gutter="10">
103 <el-col :span="8">
104 <el-form-item label="权利设定方式：">
105 <el-select v-model="ruleForm.zdjbxx.qlsdfs" :disabled="!viewEdit">
106 <el-option
107 v-for="item in dictData['A10']"
108 :key="item.dcode"
109 :label="item.dname"
110 :value="item.dcode">
111 </el-option>
112 </el-select>
113 </el-form-item>
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>
121 <el-col :span="8">
122 <el-form-item label="取得价格：">
123 <div style="display: flex">
124 <el-input
125 maxlength="11"
126 v-model="ruleForm.jsydsyq.qdjg"
127 style="width: 500%"
128 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
129 :disabled="!viewEdit"></el-input>
130 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
131 <el-option
132 v-for="item in dictData['A57']"
133 :key="item.dcode"
134 :label="item.dname"
135 :value="item.dcode">
136 </el-option>
137 </el-select>
138 </div>
139 </el-form-item>
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>
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>
180 <el-col :span="16">
181 <el-form-item label="坐落：">
182 <el-input :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input>
183 </el-form-item>
184 </el-col>
185 </el-row>
186 <el-row :gutter="10">
187 <el-col>
188 <el-form-item label="附记：" prop="fj">
189 <el-input
190 type="textarea"
191 maxlength="500"
192 show-word-limit
193 v-model="ruleForm.jsydsyq.fj"
194 :disabled="!viewEdit"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 <div class="slxx_title title-block">
199 土地用途
200 <div class="triangle"></div>
201 </div>
202 <tdytTable
203 :tableData="ruleForm.tdytqxList"
204 :ableOperation="viewEdit"
205 @upDateTdytxxList="upDateTdytxxList" />
206 <div class="slxx_title title-block">
207 权利人信息
208 <div class="triangle"></div>
209 </div>
210 <el-row :gutter="10">
211 <el-col :span="12">
212 <el-form-item label="共有方式：">
213 <el-radio-group
214 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs">
216 <el-radio label="0">单独所有</el-radio>
217 <el-radio label="1">共同共有</el-radio>
218 <el-radio label="2">按份所有</el-radio>
219 <el-radio label="3">其它共有</el-radio>
220 </el-radio-group>
221 </el-form-item>
222 </el-col>
223 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
224 <el-form-item label="是否分别持证：">
225 <el-radio-group
226 v-model="ruleForm.sldy.sqfbcz"
227 :disabled="!viewEdit"
228 @input="updaterow()">
229 <el-radio :label="1">是</el-radio>
230 <el-radio :label="0">否</el-radio>
231 </el-radio-group>
232 </el-form-item>
233 </el-col>
234 <el-col
235 :span="6"
236 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
237 <el-form-item label="持证人：">
238 <el-select
239 v-model="czr"
240 placeholder="持证人"
241 :disabled="!viewEdit">
242 <el-option
243 v-for="item in czrOptions"
244 :key="item.id"
245 :label="item.sqrmc"
246 :value="item.id">
247 </el-option>
248 </el-select>
249 </el-form-item>
250 </el-col>
251 </el-row>
252 <qlrCommonTable
253 :tableData="ruleForm.qlrList"
254 :disabled="viewEdit"
255 @upDateQlrxxList="upDateQlrxxList"
256 :gyfs="ruleForm.sldy.gyfs" />
257
258 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx==200">
259 <div class="slxx_title title-block">
260 义务人信息
261 <div class="triangle"></div>
262 </div>
263 <ywrCommonTable
264 v-if="ruleForm.ywrList"
265 :disabled="viewEdit"
266 :tableData="ruleForm.ywrList"
267 :key="key"
268 @upDateQlrxxList="upDateYwrxxList" />
269 </div>
270
271 <div class="slxx_title title-block">
272 登记原因
273 <div class="triangle"></div>
274 </div>
275 <el-row :gutter="10">
276 <el-col>
277 <el-form-item label="登记原因：" prop="jsydsyq.djyy">
278 <el-input
279 class="textArea"
280 type="textarea"
281 maxlength="500"
282 show-word-limit
283 :disabled="!viewEdit"
284 v-model="ruleForm.jsydsyq.djyy">
285 </el-input>
286 </el-form-item>
287 </el-col>
288 </el-row>
289 </div>
290 <el-row class="btn" v-if="isSave">
291 <el-form-item>
292 <el-button type="primary" @click="onSubmit">保存</el-button>
293 </el-form-item>
294 </el-row>
295 </el-form>
296 </div>
297 </template>
298 <script>
299 import { mapGetters } from "vuex";
300 import ywmix from "@/views/ywbl/mixin/index";
301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
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";
305 export default {
306 mixins: [ywmix],
307 mounted () {
308 let that = this;
309 this.loading = true
310 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
311 this.propsParam = this.$attrs;
312 var formdata = new FormData();
313 formdata.append("bsmSldy", this.propsParam.bsmSldy);
314 formdata.append("djlx", this.propsParam.djlx);
315 formdata.append("isEdit", this.viewEdit);
316 Init(formdata).then((res) => {
317 setTimeout(() => {
318 this.loading = false
319 }, 200)
320 if (res.code === 200 && res.result) {
321 that.ruleForm = res.result;
322 that.ruleForm.qlrList.forEach((item) => {
323 item.id = item.bsmSqr
324 if (item.sfczr == '1') {
325 that.czr = item.bsmSqr
326 }
327 })
328 that.czrOptions = that.ruleForm.qlrList;
329 that.isSave = that.viewEdit
330 } else {
331 that.isSave = false
332 that.$confirm(res.message, '提示', {
333 cancelButtonText: '取消',
334 showConfirmButton: false,
335 type: 'warning'
336 })
337 }
338 }).catch(() => {
339 this.loading = false
340 this.isSave = false
341 })
342 },
343 components: { qlrCommonTable, tdytTable, ywrCommonTable },
344 computed: {
345 ...mapGetters(["dictData", "flag"]),
346 },
347 data () {
348 return {
349 key: 0,
350 isSave: true,
351 loading: false,
352 // 键名转换，方法默认是label和children进行树状渲染
353 normalizer (node) {
354 //方法
355 if (node.children == null || node.children == "null") {
356 delete node.children;
357 }
358 return {
359 id: node.dcode,
360 label: node.dname,
361 };
362 },
363 //表单是否可操作
364 viewEdit: false,
365 disabled: true,
366 czrOptions: [],
367 czr: "",
368 ruleForm: {
369 slywxx: {},
370 qlxx: {},
371 zdjbxx: {},
372 jsydsyq: {},
373 },
374 //传递参数
375 propsParam: {},
376 rules: {
377 'jsydsyq.djyy': [
378 { required: true, message: '请输入登记原因', trigger: 'blur' }
379 ]
380 }
381 };
382 },
383 methods: {
384 /**
385 * @description: 更新土地用途信息
386 * @param {*} val
387 * @author: renchao
388 */
389 upDateTdytxxList (val) {
390 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
391 this.key++;
392 },
393 /**
394 * @description: 更新权利人信息
395 * @param {*} val
396 * @author: renchao
397 */
398 upDateQlrxxList (val) {
399 if (!_.isEqual(val, this.ruleForm.qlrList)) {
400 this.ruleForm.qlrList = _.cloneDeep(val);
401 this.czrOptions = this.ruleForm.qlrList;
402 }
403 this.num = 0
404 this.ruleForm.qlrList.forEach(item => {
405 if (item.id == this.czr) {
406 this.num++
407 }
408 })
409 if (this.num == 0) {
410 this.czr = ''
411 }
412 },
413 /**
414 * @description: 是否持证人变化
415 * @param {*} val
416 * @author: renchao
417 */
418 updaterow () {
419 this.czr = "";
420 },
421 /**
422 * @description: onSubmit
423 * @author: renchao
424 */
425 onSubmit () {
426 let that = this;
427 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
428 if (arr.length > 0) {
429 this.$message({
430 showClose: true,
431 message: "土地用途不能为空",
432 type: "error",
433 });
434 return false;
435 }
436 if (this.ruleForm.qlrList.length == 0) {
437 this.$message({
438 showClose: true,
439 message: "请确认权利人信息",
440 type: "error",
441 });
442 return false;
443 }
444
445 if (this.ruleForm.sldy.gyfs == "0") {
446 if (this.ruleForm.qlrList.length > 1) {
447 this.$message({
448 showClose: true,
449 message: "共有方式：单独所有，权利人只能是一个人",
450 type: "error",
451 });
452 return false;
453 }
454 this.ruleForm.qlrList[0].sfczr = "1";
455 } else {
456 if (this.ruleForm.qlrList.length <= 1) {
457 this.$message({
458 showClose: true,
459 message:
460 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
461 type: "error",
462 });
463 return false;
464 }
465 //是否分别持证
466 if (this.ruleForm.sldy.sqfbcz == "1") {
467 //是
468 this.ruleForm.qlrList.forEach((item, index) => {
469 item.sfczr = "1";
470 });
471 } else {
472 if (that.czr === '') {
473 that.$message({
474 showClose: true,
475 message: "请选择持证人",
476 type: "error",
477 });
478 return false;
479 }
480 this.ruleForm.qlrList.forEach((item, index) => {
481 if (item.id == that.czr) {
482 item.sfczr = "1";
483 } else {
484 item.sfczr = "0";
485 }
486 })
487 }
488 }
489 this.$refs['ruleForm'].validate((valid) => {
490 if (valid) {
491 that.$store.dispatch("user/refreshPage", false)
492 saveData(this.ruleForm).then((res) => {
493 if (res.code === 200) {
494 that.$message({
495 showClose: true,
496 message: "保存成功！",
497 type: "success"
498 })
499 that.$store.dispatch("user/refreshPage", true)
500 } else {
501 that.$message({
502 showClose: true,
503 message: res.message,
504 type: "error"
505 })
506 }
507 })
508 } else {
509 this.$message({
510 showClose: true,
511 message: "请输入登记原因",
512 type: "error"
513 })
514 return false
515 }
516 })
517 },
518 /**
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 };
536 </script>
537 <style scoped lang="scss">
538 @import "~@/styles/public.scss";
539 @import "~@/styles/slxx/slxx.scss";
540 </style>
1 <!--
2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq
4 * @LastEditTime: 2024-01-31 10:15:25
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 v-Loading="loading"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="190px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block">
18 申请业务信息
19 <div class="triangle"></div>
20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq">
22 <el-col :span="8">
23 <el-form-item label="业务号：">
24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理人员：">
29 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="受理时间：">
34 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 <el-row :gutter="10" v-if="ruleForm.slsq">
39 <el-col :span="8">
40 <el-form-item label="权利类型：">
41 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记类型：">
46 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="登记情形：">
51 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <div class="slxx_title title-block">
56 <el-row>
57 <el-col :span="20">
58 不动产单元情况
59 </el-col>
60 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio>
64 <el-radio label="0">否</el-radio>
65 </el-radio-group>
66 </el-form-item>
67 </el-col>
68 </el-row>
69 <div class="triangle"></div>
70 </div>
71 <el-row :gutter="10" v-if="ruleForm.qlxx">
72 <el-col :span="8">
73 <el-form-item label="不动产单元号：">
74 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="16">
78 <el-form-item label="坐落：">
79 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
80 </el-form-item>
81 </el-col>
82 </el-row>
83 <el-row :gutter="10">
84 <el-col :span="8">
85 <el-form-item label="发包方：">
86 <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="发包方代码：">
91 <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="使用权（承包）面积：">
96 <el-input v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 <el-row :gutter="10">
101 <el-col :span="8">
102 <el-form-item label="林地所有权性质：">
103 <el-select v-model="ruleForm.lq.ldsyqxz" :disabled="!viewEdit">
104 <el-option
105 v-for="item in dictData['A45']"
106 :key="item.dcode"
107 :label="item.dname"
108 :value="item.dcode">
109 </el-option>
110 </el-select>
111 </el-form-item>
112 </el-col>
113 <el-col :span="8">
114 <el-form-item label="森林类别：">
115 <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item label="主要树种：">
120 <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124 <el-row :gutter="10">
125 <el-col :span="8">
126 <el-form-item label="株数：">
127 <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="林种：">
132 <el-select v-model="ruleForm.lq.lz" :disabled="!viewEdit">
133 <el-option
134 v-for="item in dictData['A26']"
135 :key="item.dcode"
136 :label="item.dname"
137 :value="item.dcode">
138 </el-option>
139 </el-select>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="起源：">
144 <el-select v-model="ruleForm.lq.qy" :disabled="!viewEdit">
145 <el-option
146 v-for="item in dictData['A52']"
147 :key="item.dcode"
148 :label="item.dname"
149 :value="item.dcode">
150 </el-option>
151 </el-select>
152 </el-form-item>
153 </el-col>
154 </el-row>
155 <el-row :gutter="10">
156 <el-col :span="8">
157 <el-form-item label="造林年度：">
158 <el-date-picker
159 class="width100"
160 value-format="yyyy"
161 v-model="ruleForm.lq.zlnd"
162 :disabled="!viewEdit"
163 type="year">
164 </el-date-picker>
165 </el-form-item>
166 </el-col>
167 <el-col :span="8">
168 <el-form-item label="林班：">
169 <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input>
170 </el-form-item>
171 </el-col>
172 <el-col :span="8">
173 <el-form-item label="小班：">
174 <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input>
175 </el-form-item>
176 </el-col>
177 </el-row>
178 <el-row :gutter="10">
179 <el-col :span="8">
180 <el-form-item label="小地名：">
181 <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input>
182 </el-form-item>
183 </el-col>
184 <el-col :span="8">
185 <el-form-item label="林地使用(承包)起始时间：">
186 <el-date-picker
187 class="width100"
188 value-format="yyyy-MM-dd HH:mm:ss"
189 v-model="ruleForm.lq.ldsyqssj"
190 :disabled="!viewEdit"
191 type="date"></el-date-picker>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="林地使用(承包)结束时间：">
196 <el-date-picker
197 class="width100"
198 value-format="yyyy-MM-dd HH:mm:ss"
199 v-model="ruleForm.lq.ldsyjssj"
200 :disabled="!viewEdit"
201 type="date"></el-date-picker>
202 </el-form-item>
203 </el-col>
204 </el-row>
205 <el-row :gutter="10">
206 <el-col :span="8">
207 <el-form-item label="林地使用 (承包)期限：">
208 <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input>
209 </el-form-item>
210 </el-col>
211 </el-row>
212 <el-row :gutter="10">
213 <el-col :span="24">
214 <el-form-item label="附记：">
215 <el-input
216 v-model="ruleForm.lq.fj"
217 :disabled="!viewEdit"
218 type="textarea"
219 maxlength="500"
220 show-word-limit></el-input>
221 </el-form-item>
222 </el-col>
223 </el-row>
224 <div class="slxx_title title-block">
225 权利人信息
226 <div class="triangle"></div>
227 </div>
228 <el-row :gutter="10">
229 <el-col :span="12" v-if="ruleForm.qlxx">
230 <el-form-item label="共有方式：">
231 <el-radio-group
232 :disabled="!viewEdit"
233 v-model="ruleForm.sldy.gyfs">
234 <el-radio label="0">单独所有</el-radio>
235 <el-radio label="1">共同共有</el-radio>
236 <el-radio label="2">按份所有</el-radio>
237 <el-radio label="3">其它共有</el-radio>
238 </el-radio-group>
239 </el-form-item>
240 </el-col>
241 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
242 <el-form-item label="是否分别持证：">
243 <el-radio-group
244 v-model="ruleForm.sldy.sqfbcz"
245 :disabled="!viewEdit"
246 @input="updaterow()">
247 <el-radio :label="1">是</el-radio>
248 <el-radio :label="0">否</el-radio>
249 </el-radio-group>
250 </el-form-item>
251 </el-col>
252 <el-col
253 :span="6"
254 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
255 <el-form-item label="持证人：">
256 <el-select
257 v-model="czr"
258 placeholder="持证人"
259 :disabled="!viewEdit">
260 <el-option
261 v-for="(item, index) in czrOptions"
262 :key="index"
263 :label="item.sqrmc"
264 :value="item.id">
265 </el-option>
266 </el-select>
267 </el-form-item>
268 </el-col>
269 </el-row>
270 <qlrCommonTable
271 @upDateQlrxxList="upDateQlrxxList"
272 :tableData="ruleForm.qlrList"
273 :disabled="viewEdit"
274 :gyfs="ruleForm.sldy.gyfs" />
275
276 <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'">
277 <div class="slxx_title title-block">
278 义务人信息
279 <div class="triangle"></div>
280 </div>
281 <ywrCommonTable
282 v-if="ruleForm.qlxx"
283 :disabled="viewEdit"
284 @upDateQlrxxList="upDateYwrxxList"
285 :tableData="ruleForm.ywrList"
286 :gyfs="ruleForm.sldy.gyfs" />
287 </div>
288 <div class="slxx_title title-block">
289 登记原因
290 <div class="triangle"></div>
291 </div>
292 <el-row :gutter="10">
293 <el-col>
294 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="lq.djyy">
295 <el-input
296 class="textArea"
297 type="textarea"
298 maxlength="500"
299 show-word-limit
300 :disabled="!viewEdit"
301 v-model="ruleForm.lq.djyy">
302 </el-input>
303 </el-form-item>
304 </el-col>
305 </el-row>
306 </div>
307 <el-row class="btn" v-if="isSave">
308 <el-form-item>
309 <el-button type="primary" @click="onSubmit">保存</el-button>
310 </el-form-item>
311 </el-row>
312 </el-form>
313 </div>
314 </template>
315 <script>
316 import { mapGetters } from "vuex";
317 import ywmix from "@/views/ywbl/mixin/index";
318 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
319 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
320 import tdytTable from "@/views/workflow/components/tdytTable";
321 import { Init, saveData } from "@/api/workflow/lqFlow.js";
322 export default {
323 mixins: [ywmix],
324 mounted () {
325 let that = this;
326 this.loading = true
327 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
328 this.propsParam = this.$attrs;
329 var formdata = new FormData();
330 formdata.append("bsmSldy", this.propsParam.bsmSldy);
331 formdata.append("djlx", this.propsParam.djlx);
332 formdata.append("isEdit", this.viewEdit);
333 Init(formdata).then((res) => {
334 setTimeout(() => {
335 this.loading = false
336 }, 200)
337 if (res.code === 200 && res.result) {
338 that.ruleForm = {
339 ...res.result,
340 ...res.result.qlxxdatas
341 };
342 that.ruleForm.qlrList.forEach(item => {
343 item.id = item.bsmSqr
344 if (item.sfczr == '1') {
345 that.czr = item.bsmSqr
346 }
347 })
348 that.czrOptions = that.ruleForm.qlrList;
349 that.ruleForm.lq.zlnd ? that.$set(that.ruleForm.lq, 'zlnd', that.ruleForm.lq.zlnd.toString()) : that.$set(that.ruleForm.lq, 'zlnd', "")
350 that.isSave = that.viewEdit
351 } else {
352 that.isSave = false
353 that.$confirm(res.message, '提示', {
354 cancelButtonText: '取消',
355 showConfirmButton: false,
356 type: 'warning'
357 })
358 }
359 }).catch(() => {
360 this.loading = false
361 this.isSave = false
362 })
363 },
364 components: { qlrCommonTable, tdytTable, ywrCommonTable },
365 computed: {
366 ...mapGetters(["dictData", "flag"])
367 },
368 data () {
369 return {
370 isSave: true,
371 loading: false,
372 disabled: true,
373 tdytOption: [],
374 czrOptions: [],
375 czr: "",
376 ruleForm: {
377 lq: {
378 },
379 flow: {
380 ywh: "",
381 },
382 qlxx: {
383 mj: "",
384 },
385 sldy: {
386 gyfs: "",
387 },
388 slsq: {},
389 fdcq2: {
390 zyjzmj: "",
391 ftjzmj: "",
392 },
393 zdjbxx: {
394 ghytmc: "",
395 },
396 },
397 //传递参数
398 propsParam: this.$attrs,
399 //表单是否可操作
400 viewEdit: true,
401 rules: {
402 'lq.djyy': [
403 { required: true, message: '请输入登记原因', trigger: 'blur' }
404 ]
405 }
406 };
407 },
408 methods: {
409 /**
410 * @description: 更新土地用途信息
411 * @param {*} val
412 * @author: renchao
413 */
414 upDateTdytxxList (val) {
415 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
416 },
417 /**
418 * @description: 是否持证人变化
419 * @param {*} val
420 * @author: renchao
421 */
422 updaterow () {
423 this.czr = "";
424 },
425 /**
426 * @description: 更新权利人信息
427 * @param {*} val
428 * @author: renchao
429 */
430 upDateQlrxxList (val) {
431 this.ruleForm.qlrList = _.cloneDeep(val);
432 this.czrOptions = this.ruleForm.qlrList;
433 this.num = 0
434 this.ruleForm.qlrList.forEach(item => {
435 if (item.id == this.czr) {
436 this.num++
437 }
438 })
439 if (this.num == 0) {
440 this.czr = ''
441 }
442 },
443 /**
444 * @description: 更新业务人信息
445 * @param {*} val
446 * @author: renchao
447 */
448 upDateYwrxxList (val) {
449 this.ruleForm.ywrList = _.cloneDeep(val);
450 },
451 /**
452 * @description: onSubmit
453 * @author: renchao
454 */
455 onSubmit () {
456 let that = this;
457 if (this.ruleForm.qlrList.length == 0) {
458 this.$message({
459 showClose: true,
460 message: "请确认权利人信息",
461 type: "error",
462 });
463 return false;
464 }
465
466 if (this.ruleForm.sldy.gyfs == "0") {
467 if (this.ruleForm.qlrList.length > 1) {
468 this.$message({
469 showClose: true,
470 message: "共有方式：单独所有，权利人只能是一个人",
471 type: "error",
472 });
473 return false;
474 }
475 this.ruleForm.qlrList[0].sfczr = "1";
476 } else {
477 if (this.ruleForm.qlrList.length <= 1) {
478 this.$message({
479 showClose: true,
480 message:
481 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
482 type: "error",
483 });
484 return false;
485 }
486 //是否分别持证
487 if (this.ruleForm.sldy.sqfbcz == "1") {
488 //是
489 this.ruleForm.qlrList.forEach((item, index) => {
490 item.sfczr = "1";
491 });
492 } else {
493 if (that.czr === '') {
494 that.$message({
495 showClose: true,
496 message: "请选择持证人",
497 type: "error",
498 });
499 return false;
500 }
501 this.ruleForm.qlrList.forEach(item => {
502 if (item.id == that.czr) {
503 item.sfczr = "1"
504 } else {
505 item.sfczr = "0"
506 }
507 })
508 }
509 }
510 this.$refs['ruleForm'].validate((valid) => {
511 if (valid) {
512 that.$store.dispatch("user/refreshPage", false);
513 saveData(that.ruleForm).then((res) => {
514 if (res.code === 200) {
515 that.$message({
516 showClose: true,
517 message: "保存成功！",
518 type: "success",
519 });
520 that.$store.dispatch("user/refreshPage", true);
521 } else {
522 that.$message({
523 showClose: true,
524 message: res.message,
525 type: "error",
526 });
527 }
528 })
529 } else {
530 this.$message({
531 showClose: true,
532 message: "请输入登记原因",
533 type: "error"
534 })
535 return false
536 }
537 })
538 }
539 }
540 };
541 </script>
542 <style scoped lang="scss">
543 @import "~@/styles/public.scss";
544
545 /deep/.el-form {
546 display: flex;
547 flex-direction: column;
548 height: calc(100vh - 130px);
549 }
550
551 /deep/.el-form-item__label {
552 padding: 0;
553 }
554
555 /deep/.el-radio {
556 margin-right: 10px;
557 }
558
559 /deep/.el-select {
560 width: 100%;
561 }
562
563 /deep/.el-form-item {
564 margin-bottom: 3px;
565 }
566
567 .marginBot0 {
568 margin-bottom: 0 !important;
569 }
570
571 .slxx {
572 box-sizing: border-box;
573 }
574
575 .slxx_con {
576 flex: 1;
577 height: 100%;
578 background-color: #ffffff;
579 overflow-y: auto;
580 padding-right: 3px;
581 overflow-x: hidden;
582 }
583
584 .submit_btn {
585 height: 50px;
586 }
587
588 .btn {
589 text-align: center;
590 padding-top: 10px;
591 height: 36px;
592 background-color: #ffffff;
593 padding: 5px 0;
594 }
595
596 .textArea {
597 /deep/.el-textarea__inner {
598 min-height: 90px !important;
599 }
600 }
601
602 /deep/.el-form-item__label {
603 padding-bottom: 0px;
604 }
605 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block">
14 申请业务信息
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10">
18 <el-col :span="8">
19 <el-form-item label="业务号：">
20 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item label="受理人员：">
25 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理时间：">
30 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="8">
36 <el-form-item label="权利类型：">
37 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="8">
41 <el-form-item label="登记类型：">
42 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记情形：">
47 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 <el-row>
53 <el-col :span="20">
54 不动产单元情况
55 </el-col>
56 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
57 <el-form-item label="是否创建证书：" style="height:24px">
58 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
59 <el-radio label="1">是</el-radio>
60 <el-radio label="0">否</el-radio>
61 </el-radio-group>
62 </el-form-item>
63 </el-col>
64 </el-row>
65 <div class="triangle"></div>
66 </div>
67 <el-row :gutter="10">
68 <el-col :span="8">
69 <el-form-item label="宗地代码：">
70 <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item label="不动产单元号：">
75 <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item label="权利性质：">
80 <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10">
85 <el-col :span="8">
86 <el-form-item label="宗地面积：">
87 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="土地用途：">
92 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="权利设定方式：">
97 <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101 <el-row :gutter="10">
102 <el-col :span="16">
103 <el-form-item label="坐落：">
104 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
105 </el-form-item>
106 </el-col>
107 </el-row>
108 <el-row :gutter="10">
109 <el-col :span="8">
110 <el-form-item label="发包方名称：">
111 <el-input v-model="ruleForm.nydsyq.fbfmc"></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="发包方代码：">
116 <el-input v-model="ruleForm.nydsyq.fbfdm"></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="土地所有权性质：">
121 <el-select
122 v-model="ruleForm.nydsyq.tdsyqxzmc"
123 :disabled="!viewEdit"
124 class="width100"
125 filterable
126 clearable>
127 <el-option
128 v-for="item in dictData['A45']"
129 :key="item.dname"
130 :label="item.dname"
131 :value="item.dname">
132 </el-option>
133 </el-select>
134 </el-form-item>
135 </el-col>
136 </el-row>
137 <el-row :gutter="10">
138 <el-col :span="8">
139 <el-form-item label="承包期限：">
140 <el-input disabled v-model="ruleForm.nydsyq.cbqx"></el-input>
141 </el-form-item>
142 </el-col>
143 <el-col :span="16">
144 <el-form-item label="承包起止时间：">
145 <el-input disabled v-model="ruleForm.nydsyq.cbqzsj"></el-input>
146 </el-form-item>
147 </el-col>
148 </el-row>
149 <el-row :gutter="10">
150 <el-col :span="8">
151 <el-form-item label="水域滩涂类型：">
152 <el-select
153 v-model="ruleForm.nydsyq.syttlx"
154 :disabled="!viewEdit"
155 class="width100"
156 filterable
157 clearable
158 @change="changeSyttlx">
159 <el-option
160 v-for="item in dictData['A23']"
161 :key="item.dcode"
162 :label="item.dname"
163 :value="item.dcode">
164 </el-option>
165 </el-select>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="养殖业方式：">
170 <el-select
171 v-model="ruleForm.nydsyq.yzyfs"
172 :disabled="!viewEdit"
173 class="width100"
174 filterable
175 clearable
176 @change="changeYzyfs">
177 <el-option
178 v-for="item in dictData['A24']"
179 :key="item.dcode"
180 :label="item.dname"
181 :value="item.dcode">
182 </el-option>
183 </el-select>
184 </el-form-item>
185 </el-col>
186 <el-col :span="8">
187 <el-form-item label="草原质量：">
188 <el-input
189 v-model="ruleForm.nydsyq.cyzl"
190 :disabled="!viewEdit"></el-input>
191 </el-form-item>
192 </el-col>
193 </el-row>
194 <el-row :gutter="10">
195 <el-col :span="8">
196 <el-form-item label="适宜载畜量：">
197 <el-input
198 v-model="ruleForm.nydsyq.syzcl"
199 :disabled="!viewEdit"
200 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
201 </el-form-item>
202 </el-col>
203 <el-col :span="8">
204 <el-form-item label="用地用海分类：">
205 <el-select
206 v-model="ruleForm.nydsyq.ydyhfl"
207 class="width100"
208 :disabled="!viewEdit"
209 filterable
210 clearable
211 @change="changeYdyhfl">
212 <el-option
213 v-for="item in dictData['A51']"
214 :key="item.dcode"
215 :label="item.dname"
216 :value="item.dcode">
217 </el-option>
218 </el-select>
219 </el-form-item>
220 </el-col>
221 <el-col :span="8">
222 <el-form-item label="土地承包合同：">
223 <el-input
224 v-model="ruleForm.nydsyq.tdcbht"
225 :disabled="!viewEdit"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <el-row :gutter="10">
230 <el-col>
231 <el-form-item label="附记：" prop="fj">
232 <el-input
233 type="textarea"
234 maxlength="500"
235 show-word-limit
236 v-model="ruleForm.nydsyq.fj"
237 :disabled="!viewEdit"></el-input>
238 </el-form-item>
239 </el-col>
240 </el-row>
241 <div class="slxx_title title-block">
242 权利人信息
243 <div class="triangle"></div>
244 </div>
245 <el-row :gutter="10">
246 <el-col :span="12">
247 <el-form-item label="共有方式：">
248 <el-radio-group
249 v-model="ruleForm.sldy.gyfs"
250 :disabled="!viewEdit">
251 <el-radio label="0">单独所有</el-radio>
252 <el-radio label="1">共同共有</el-radio>
253 <el-radio label="2">按份所有</el-radio>
254 <el-radio label="3">其它共有</el-radio>
255 </el-radio-group>
256 </el-form-item>
257 </el-col>
258 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
259 <el-form-item label="是否分别持证：">
260 <el-radio-group
261 v-model="ruleForm.sldy.sqfbcz"
262 :disabled="!viewEdit"
263 @input="updaterow()">
264 <el-radio :label="1">是</el-radio>
265 <el-radio :label="0">否</el-radio>
266 </el-radio-group>
267 </el-form-item>
268 </el-col>
269 <el-col
270 :span="6"
271 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
272 <el-form-item label="持证人：">
273 <el-select
274 v-model="czr"
275 placeholder="持证人"
276 :disabled="!viewEdit">
277 <el-option
278 v-for="(item,index) in czrOptions"
279 :key="index"
280 :label="item.sqrmc"
281 :value="item.id">
282 </el-option>
283 </el-select>
284 </el-form-item>
285 </el-col>
286 </el-row>
287 <qlrCommonTable
288 :tableData="ruleForm.qlrList"
289 @upDateQlrxxList="upDateQlrxxList"
290 :disabled="viewEdit"
291 :gyfs="ruleForm.sldy.gyfs" />
292 <div class="slxx_title title-block">
293 家庭成员
294 <div class="triangle"></div>
295 </div>
296 <JtcyTable
297 :tableData="ruleForm.jtcyList"
298 @upDateJtcyList="upDateJtcyList"
299 :disabled="viewEdit"
300 :gyfs="ruleForm.sldy.gyfs" />
301 <div class="slxx_title title-block">
302 登记原因
303 <div class="triangle"></div>
304 </div>
305 <el-row :gutter="10">
306 <el-col>
307 <el-form-item label="登记原因：" prop="nydsyq.djyy">
308 <el-input
309 class="textArea"
310 type="textarea"
311 maxlength="500"
312 show-word-limit
313 :disabled="!viewEdit"
314 v-model="ruleForm.nydsyq.djyy">
315 </el-input>
316 </el-form-item>
317 </el-col>
318 </el-row>
319 </div>
320 <el-row class="btn" v-if="isSave">
321 <el-form-item>
322 <el-button type="primary" @click="onSubmit">保存</el-button>
323 </el-form-item>
324 </el-row>
325 </el-form>
326 </div>
327 </template>
328 <script>
329 import { mapGetters } from "vuex";
330 import ywmix from "@/views/ywbl/mixin/index";
331 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
332 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
333 import JtcyTable from "@/views/workflow/components/JtcyTable";
334 export default {
335 mixins: [ywmix],
336 mounted () {
337 let that = this
338 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
339 this.propsParam = this.$attrs;
340 this.loading = true
341 var formdata = new FormData();
342 formdata.append("bsmSldy", this.propsParam.bsmSldy);
343 formdata.append("djlx", this.propsParam.djlx);
344 formdata.append("isEdit", this.viewEdit);
345 Init(formdata).then((res) => {
346 setTimeout(() => {
347 that.loading = false
348 }, 200)
349 if (res.code === 200) {
350 that.ruleForm = res.result;
351 that.ruleForm.qlrList.forEach((item) => {
352 item.id = item.bsmSqr
353 if (item.sfczr == '1') {
354 that.czr = item.bsmSqr
355 }
356 })
357 that.czrOptions = that.ruleForm.qlrList;
358 that.isSave = that.viewEdit
359 } else {
360 that.isSave = false
361 that.$confirm(res.message, '提示', {
362 cancelButtonText: '取消',
363 showConfirmButton: false,
364 type: 'warning'
365 })
366 }
367 }).catch(() => {
368 this.loading = false
369 this.isSave = false
370 })
371 },
372 components: { qlrCommonTable, JtcyTable },
373 computed: {
374 ...mapGetters(["dictData", "flag"]),
375 },
376 data () {
377 return {
378 isSave: true,
379 // 键名转换，方法默认是label和children进行树状渲染
380 normalizer (node) {
381 //方法
382 if (node.children == null || node.children == "null") {
383 delete node.children;
384 }
385 return {
386 id: node.dcode,
387 label: node.dname,
388 };
389 },
390 loading: false,
391 disabled: true,
392 //持证人选项
393 czrOptions: [],
394 czr: "",
395 ruleForm: {
396 zdjbxx: {
397 ghytmc: "",
398 },
399 },
400 //传递参数
401 propsParam: {},
402 //表单是否可操作
403 viewEdit: true,
404 rules: {
405 'nydsyq.djyy': [
406 { required: true, message: '请输入登记原因', trigger: 'blur' }
407 ]
408 },
409 };
410 },
411 methods: {
412 /**
413 * @description: onSubmit
414 * @author: renchao
415 */
416 onSubmit () {
417 let that = this;
418 if (this.ruleForm.qlrList.length == 0) {
419 this.$message({
420 showClose: true,
421 message: "请确认权利人信息",
422 type: "error",
423 });
424 return false;
425 }
426
427 if (this.ruleForm.sldy.gyfs == "0") {
428 if (this.ruleForm.qlrList.length > 1) {
429 this.$message({
430 showClose: true,
431 message: "共有方式：单独所有，权利人只能是一个人",
432 type: "error",
433 });
434 return false;
435 }
436 this.ruleForm.qlrList[0].sfczr = "1";
437 } else {
438 if (this.ruleForm.qlrList.length <= 1) {
439 this.$message({
440 showClose: true,
441 message:
442 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
443 type: "error",
444 });
445 return false;
446 }
447 //是否分别持证
448 if (this.ruleForm.sldy.sqfbcz == "1") {
449 //是
450 this.ruleForm.qlrList.forEach((item, index) => {
451 item.sfczr = "1";
452 });
453 } else {
454 if (that.czr === '') {
455 that.$message({
456 showClose: true,
457 message: "请选择持证人",
458 type: "error",
459 })
460 return false;
461 }
462 this.ruleForm.qlrList.forEach((item, index) => {
463 if (item.id == that.czr) {
464 item.sfczr = "1";
465 } else {
466 item.sfczr = "0";
467 }
468 });
469 }
470 }
471 this.$refs['ruleForm'].validate((valid) => {
472 if (valid) {
473 that.$store.dispatch("user/refreshPage", false);
474 saveData(that.ruleForm).then((res) => {
475 if (res.code === 200) {
476 that.$message({
477 showClose: true,
478 message: "保存成功！",
479 type: "success",
480 });
481 that.$store.dispatch("user/refreshPage", true);
482 } else {
483 that.$message({
484 showClose: true,
485 message: res.message,
486 type: "error",
487 });
488 }
489 })
490 } else {
491 this.$message({
492 showClose: true,
493 message: "请输入登记原因",
494 type: "error"
495 })
496 return false
497 }
498 })
499
500 },
501 /**
502 * @description: upDateQlrxxList
503 * @param {*} val
504 * @author: renchao
505 */
506 upDateQlrxxList (val) {
507 if (!_.isEqual(val, this.ruleForm.qlrList)) {
508 this.ruleForm.qlrList = _.cloneDeep(val);
509 this.czrOptions = this.ruleForm.qlrList;
510 }
511 this.num = 0
512 this.ruleForm.qlrList.forEach(item => {
513 if (item.id == this.czr) {
514 this.num++
515 }
516 })
517 if (this.num == 0) {
518 this.czr = ''
519 }
520 },
521 /**
522 * @description: 是否持证人变化
523 * @param {*} val
524 * @author: renchao
525 */
526 updaterow () {
527 this.czr = "";
528 },
529 /**
530 * @description: upDateJtcyList
531 * @param {*} val
532 * @author: renchao
533 */
534 upDateJtcyList (val) {
535 this.ruleForm.jtcyList = _.cloneDeep(val);
536 },
537 // 是否持证人变化
538 /**
539 * @description: 是否持证人变化
540 * @param {*} val
541 * @author: renchao
542 */
543 updaterow () {
544 this.czr = "";
545 },
546
547 /**
548 * @description: 水域滩涂类型变化事件
549 * @param {*} e
550 * @author: renchao
551 */
552 changeSyttlx (e) {
553 let itemLx = {};
554 itemLx = this.dictData["A23"].find((item) => {
555 return item.dcode == e;
556 });
557 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
558 },
559 /**
560 * @description: 养殖业方式变化事件
561 * @param {*} e
562 * @author: renchao
563 */
564 changeYzyfs (e) {
565 let itemLx = {};
566 itemLx = this.dictData["A24"].find((item) => {
567 return item.dcode == e;
568 });
569 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
570 },
571 /**
572 * @description: 用地用海变化事件
573 * @param {*} e
574 * @author: renchao
575 */
576 changeYdyhfl (e) {
577 let itemLx = {};
578 itemLx = this.dictData["A51"].find((item) => {
579 return item.dcode == e;
580 });
581 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
582 },
583 },
584 };
585 </script>
586 <style scoped lang="scss">
587 @import "~@/styles/public.scss";
588 @import "~@/styles/slxx/slxx.scss";
589 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block">
14 申请业务信息
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10">
18 <el-col :span="8">
19 <el-form-item label="业务号：">
20 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item label="受理人员：">
25 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理时间：">
30 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="8">
36 <el-form-item label="权利类型：">
37 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="8">
41 <el-form-item label="登记类型：">
42 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记情形：">
47 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 <el-row>
53 <el-col :span="20">
54 不动产单元情况
55 </el-col>
56 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
57 <el-form-item label="是否创建证书：" style="height:24px">
58 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
59 <el-radio label="1">是</el-radio>
60 <el-radio label="0">否</el-radio>
61 </el-radio-group>
62 </el-form-item>
63 </el-col>
64 </el-row>
65 <div class="triangle"></div>
66 </div>
67 <el-row :gutter="10">
68 <el-col :span="8">
69 <el-form-item label="宗地代码：">
70 <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item label="不动产单元号：">
75 <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item label="权利性质：">
80 <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10">
85 <el-col :span="8">
86 <el-form-item label="宗地面积：">
87 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="土地用途：">
92 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="权利设定方式：">
97 <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101 <el-row :gutter="10">
102 <el-col :span="16">
103 <el-form-item label="坐落：">
104 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
105 </el-form-item>
106 </el-col>
107 </el-row>
108 <el-row :gutter="10">
109 <el-col :span="8">
110 <el-form-item label="发包方名称：">
111 <el-input
112 v-model="ruleForm.nydsyq.fbfmc"
113 :disabled="!viewEdit"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item label="发包方代码：">
118 <el-input
119 v-model="ruleForm.nydsyq.fbfdm"
120 :disabled="!viewEdit"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item label="土地所有权性质：">
125 <el-select
126 v-model="ruleForm.nydsyq.tdsyqxzmc"
127 class="width100"
128 :disabled="!viewEdit"
129 filterable
130 clearable>
131 <el-option
132 v-for="item in dictData['A45']"
133 :key="item.dname"
134 :label="item.dname"
135 :value="item.dname">
136 </el-option>
137 </el-select>
138 </el-form-item>
139 </el-col>
140 </el-row>
141 <el-row :gutter="10">
142 <el-col :span="8">
143 <el-form-item label="承包期限：">
144 <el-input disabled v-model="ruleForm.nydsyq.cbqx"></el-input>
145 </el-form-item>
146 </el-col>
147 <el-col :span="16">
148 <el-form-item label="承包起止时间：">
149 <el-input disabled v-model="ruleForm.nydsyq.cbqzsj"></el-input>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <el-row :gutter="10">
154 <el-col :span="8">
155 <el-form-item label="水域滩涂类型：">
156 <el-select
157 v-model="ruleForm.nydsyq.syttlx"
158 :disabled="!viewEdit"
159 class="width100"
160 filterable
161 clearable
162 @change="changeSyttlx">
163 <el-option
164 v-for="item in dictData['A23']"
165 :key="item.dcode"
166 :label="item.dname"
167 :value="item.dcode">
168 </el-option>
169 </el-select>
170 </el-form-item>
171 </el-col>
172 <el-col :span="8">
173 <el-form-item label="养殖业方式：">
174 <el-select
175 v-model="ruleForm.nydsyq.yzyfs"
176 :disabled="!viewEdit"
177 class="width100"
178 filterable
179 clearable
180 @change="changeYzyfs">
181 <el-option
182 v-for="item in dictData['A24']"
183 :key="item.dcode"
184 :label="item.dname"
185 :value="item.dcode">
186 </el-option>
187 </el-select>
188 </el-form-item>
189 </el-col>
190 <el-col :span="8">
191 <el-form-item label="草原质量：">
192 <el-input
193 v-model="ruleForm.nydsyq.cyzl"
194 :disabled="!viewEdit"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 <el-row :gutter="10">
199 <el-col :span="8">
200 <el-form-item label="适宜载畜量：">
201 <el-input
202 v-model="ruleForm.nydsyq.syzcl"
203 :disabled="!viewEdit"
204 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
205 </el-form-item>
206 </el-col>
207 <el-col :span="8">
208 <el-form-item label="用地用海分类：">
209 <el-select
210 v-model="ruleForm.nydsyq.ydyhfl"
211 :disabled="!viewEdit"
212 class="width100"
213 filterable
214 clearable
215 @change="changeYdyhfl">
216 <el-option
217 v-for="item in dictData['A51']"
218 :key="item.dcode"
219 :label="item.dname"
220 :value="item.dcode">
221 </el-option>
222 </el-select>
223 </el-form-item>
224 </el-col>
225 <el-col :span="8">
226 <el-form-item label="土地承包合同：">
227 <el-input
228 v-model="ruleForm.nydsyq.tdcbht"
229 :disabled="!viewEdit"></el-input>
230 </el-form-item>
231 </el-col>
232 </el-row>
233 <el-row :gutter="10">
234 <el-col>
235 <el-form-item label="附记：" prop="fj">
236 <el-input
237 type="textarea"
238 maxlength="500"
239 show-word-limit
240 v-model="ruleForm.nydsyq.fj"
241 :disabled="!viewEdit"></el-input>
242 </el-form-item>
243 </el-col>
244 </el-row>
245 <div class="slxx_title title-block">
246 权利人信息
247 <div class="triangle"></div>
248 </div>
249 <el-row :gutter="10">
250 <el-col :span="12">
251 <el-form-item label="共有方式：">
252 <el-radio-group
253 :disabled="!viewEdit"
254 v-model="ruleForm.sldy.gyfs">
255 <el-radio label="0">单独所有</el-radio>
256 <el-radio label="1">共同共有</el-radio>
257 <el-radio label="2">按份所有</el-radio>
258 <el-radio label="3">其它共有</el-radio>
259 </el-radio-group>
260 </el-form-item>
261 </el-col>
262 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
263 <el-form-item label="是否分别持证：">
264 <el-radio-group
265 v-model="ruleForm.sldy.sqfbcz"
266 :disabled="!viewEdit"
267 @input="updaterow()">
268 <el-radio :label="1">是</el-radio>
269 <el-radio :label="0">否</el-radio>
270 </el-radio-group>
271 </el-form-item>
272 </el-col>
273 <el-col
274 :span="6"
275 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
276 <el-form-item label="持证人：">
277 <el-select
278 v-model="czr"
279 placeholder="持证人"
280 :disabled="!viewEdit">
281 <el-option
282 v-for="(item,index) in czrOptions"
283 :key="index"
284 :label="item.sqrmc"
285 :value="item.id">
286 </el-option>
287 </el-select>
288 </el-form-item>
289 </el-col>
290 </el-row>
291 <qlrCommonTable
292 :tableData="ruleForm.qlrList"
293 @upDateQlrxxList="upDateQlrxxList"
294 :disabled="viewEdit"
295 :gyfs="ruleForm.sldy.gyfs" />
296 <div class="slxx_title title-block">
297 义务人信息
298 <div class="triangle"></div>
299 </div>
300 <ywrCommonTable
301 :tableData="ruleForm.ywrList"
302 @upDateQlrxxList="upDateYwrxxList"
303 :disabled="viewEdit" />
304 <div class="slxx_title title-block">
305 家庭成员
306 <div class="triangle"></div>
307 </div>
308 <JtcyTable
309 :tableData="ruleForm.jtcyList"
310 :disabled="!viewEdit"
311 @upDateJtcyList="upDateJtcyList"
312 :gyfs="ruleForm.slywxx.gyfs" />
313 <div class="slxx_title title-block">
314 登记原因
315 <div class="triangle"></div>
316 </div>
317 <el-row :gutter="10">
318 <el-col>
319 <el-form-item label="登记原因：" prop="nydsyq.djyy">
320 <el-input
321 class="textArea"
322 type="textarea"
323 maxlength="500"
324 show-word-limit
325 :disabled="!viewEdit"
326 v-model="ruleForm.nydsyq.djyy">
327 </el-input>
328 </el-form-item>
329 </el-col>
330 </el-row>
331 </div>
332 <el-row class="btn" v-if="isSave">
333 <el-form-item>
334 <el-button type="primary" @click="onSubmit">保存</el-button>
335 </el-form-item>
336 </el-row>
337 </el-form>
338 </div>
339 </template>
340 <script>
341 import { mapGetters } from "vuex";
342 import ywmix from "@/views/ywbl/mixin/index";
343 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
344 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
345 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
346 import JtcyTable from "@/views/workflow/components/JtcyTable";
347 export default {
348 mixins: [ywmix],
349 mounted () {
350 let that = this
351 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
352 this.propsParam = this.$attrs;
353 var formdata = new FormData();
354 this.loading = true
355 formdata.append("bsmSldy", this.propsParam.bsmSldy);
356 formdata.append("djlx", this.propsParam.djlx);
357 formdata.append("isEdit", this.viewEdit);
358 Init(formdata).then((res) => {
359 setTimeout(() => {
360 that.loading = false
361 }, 200)
362 if (res.code === 200) {
363 that.ruleForm = res.result;
364 that.ruleForm.qlrList.forEach((item) => {
365 item.id = item.bsmSqr
366 if (item.sfczr == '1') {
367 that.czr = item.bsmSqr
368 }
369 })
370 that.czrOptions = that.ruleForm.qlrList
371 that.isSave = that.viewEdit
372 } else {
373 that.isSave = false
374 that.$confirm(res.message, '提示', {
375 cancelButtonText: '取消',
376 showConfirmButton: false,
377 type: 'warning'
378 })
379 }
380 }).catch(() => {
381 this.loading = false
382 this.isSave = false
383 })
384 },
385 components: { qlrCommonTable, JtcyTable, ywrCommonTable },
386 computed: {
387 ...mapGetters(["dictData", "flag"]),
388 },
389 data () {
390 return {
391 isSave: true,
392 loading: false,
393 // 键名转换，方法默认是label和children进行树状渲染
394 normalizer (node) {
395 //方法
396 if (node.children == null || node.children == "null") {
397 delete node.children;
398 }
399 return {
400 id: node.dcode,
401 label: node.dname,
402 };
403 },
404 //表单是否可操作
405 viewEdit: true,
406 disabled: true,
407 czrOptions: [],
408 czr: "",
409 ruleForm: {},
410 //传递参数
411 propsParam: {},
412 rules: {
413 'nydsyq.djyy': [
414 { required: true, message: '请输入登记原因', trigger: 'blur' }
415 ]
416 }
417 }
418 },
419 methods: {
420 /**
421 * @description: onSubmit
422 * @author: renchao
423 */
424 onSubmit () {
425 let that = this;
426 if (this.ruleForm.qlrList.length == 0) {
427 this.$message({
428 showClose: true,
429 message: "请确认权利人信息",
430 type: "error",
431 });
432 return false;
433 }
434
435 if (this.ruleForm.sldy.gyfs == "0") {
436 if (this.ruleForm.qlrList.length > 1) {
437 this.$message({
438 showClose: true,
439 message: "共有方式：单独所有，权利人只能是一个人",
440 type: "error",
441 });
442 return false;
443 }
444 this.ruleForm.qlrList[0].sfczr = "1";
445 } else {
446 if (this.ruleForm.qlrList.length <= 1) {
447 this.$message({
448 showClose: true,
449 message:
450 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
451 type: "error",
452 });
453 return false;
454 }
455 //是否分别持证
456 if (this.ruleForm.sldy.sqfbcz == "1") {
457 //是
458 this.ruleForm.qlrList.forEach((item, index) => {
459 item.sfczr = "1";
460 });
461 } else {
462 if (that.czr === '') {
463 that.$message({
464 showClose: true,
465 message: "请选择持证人",
466 type: "error"
467 });
468 return false;
469 }
470 this.ruleForm.qlrList.forEach((item, index) => {
471 if (item.id == that.czr) {
472 item.sfczr = "1"
473 } else {
474 item.sfczr = "0"
475 }
476 })
477 }
478 }
479 this.$refs['ruleForm'].validate((valid) => {
480 if (valid) {
481 that.$store.dispatch("user/refreshPage", false);
482 saveData(that.ruleForm).then((res) => {
483 if (res.code === 200) {
484 that.$message({
485 showClose: true,
486 message: "保存成功！",
487 type: "success",
488 });
489 that.$store.dispatch("user/refreshPage", true);
490 } else {
491 that.$message({
492 showClose: true,
493 message: res.message,
494 type: "error",
495 });
496 }
497 })
498 } else {
499 this.$message({
500 showClose: true,
501 message: "请输入登记原因",
502 type: "error"
503 })
504 return false
505 }
506 })
507 },
508 /**
509 * @description: 权利人更新
510 * @param {*} val
511 * @author: renchao
512 */
513 upDateQlrxxList (val) {
514 this.ruleForm.qlrList = _.cloneDeep(val);
515 this.czrOptions = this.ruleForm.qlrList;
516 this.num = 0
517 this.ruleForm.qlrList.forEach(item => {
518 if (item.id == this.czr) {
519 this.num++
520 }
521 })
522 if (this.num == 0) {
523 this.czr = ''
524 }
525 },
526 /**
527 * @description: 是否持证人变化
528 * @param {*} val
529 * @author: renchao
530 */
531 updaterow () {
532 this.czr = "";
533 },
534 /**
535 * @description: 更新义务人信息
536 * @param {*} val
537 * @author: renchao
538 */
539 upDateYwrxxList (val) {
540 this.ruleForm.ywrList = _.cloneDeep(val);
541 },
542 //家庭成员更新
543 /**
544 * @description: 家庭成员更新
545 * @param {*} val
546 * @author: renchao
547 */
548 upDateJtcyList (val) {
549 this.ruleForm.jtcyList = _.cloneDeep(val);
550 },
551 //水域滩涂类型变化事件
552 /**
553 * @description: 水域滩涂类型变化事件
554 * @param {*} e
555 * @author: renchao
556 */
557 changeSyttlx (e) {
558 let itemLx = {};
559 itemLx = this.dictData["A23"].find((item) => {
560 return item.dcode == e;
561 });
562 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
563 },
564 //养殖业方式变化事件
565 /**
566 * @description: 养殖业方式变化事件
567 * @param {*} e
568 * @author: renchao
569 */
570 changeYzyfs (e) {
571 let itemLx = {};
572 itemLx = this.dictData["A24"].find((item) => {
573 return item.dcode == e;
574 });
575 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
576 },
577 //用地用海变化事件
578 /**
579 * @description: 用地用海变化事件
580 * @param {*} e
581 * @author: renchao
582 */
583 changeYdyhfl (e) {
584 let itemLx = {};
585 itemLx = this.dictData["A51"].find((item) => {
586 return item.dcode == e;
587 });
588 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
589 },
590 },
591 };
592 </script>
593 <style scoped lang="scss">
594 @import "~@/styles/public.scss";
595 @import "~@/styles/slxx/slxx.scss";
596 </style>
1 <!--
2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq
4 * @LastEditTime: 2024-01-31 10:17:15
5 -->
6 <template>
7 <div class="slxx">
8 <el-form
9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 v-Loading="loading"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="190px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block">
18 申请业务信息
19 <div class="triangle"></div>
20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq">
22 <el-col :span="8">
23 <el-form-item label="业务号：">
24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理人员：">
29 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="受理时间：">
34 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 <el-row :gutter="10" v-if="ruleForm.slsq">
39 <el-col :span="8">
40 <el-form-item label="权利类型：">
41 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记类型：">
46 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="登记情形：">
51 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <div class="slxx_title title-block">
56 <el-row>
57 <el-col :span="20">
58 不动产单元情况
59 </el-col>
60 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio>
64 <el-radio label="0">否</el-radio>
65 </el-radio-group>
66 </el-form-item>
67 </el-col>
68 </el-row>
69 <div class="triangle"></div>
70 </div>
71 <el-row :gutter="10" v-if="ruleForm.qlxx">
72 <el-col :span="8">
73 <el-form-item label="不动产单元号：">
74 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="16">
78 <el-form-item label="坐落：">
79 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
80 </el-form-item>
81 </el-col>
82 </el-row>
83 <el-row :gutter="10">
84 <el-col :span="8">
85 <el-form-item label="发包方：">
86 <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="发包方代码：">
91 <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="使用权（承包）面积：">
96 <el-input maxlength="12" v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 <el-row :gutter="10">
101 <el-col :span="8">
102 <el-form-item label="林地所有权性质：">
103 <el-select v-model="ruleForm.lq.ldsyqxz" :disabled="!viewEdit">
104 <el-option
105 v-for="item in dictData['A45']"
106 :key="item.dcode"
107 :label="item.dname"
108 :value="item.dcode">
109 </el-option>
110 </el-select>
111 </el-form-item>
112 </el-col>
113 <el-col :span="8">
114 <el-form-item label="森林类别：">
115 <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item label="主要树种：">
120 <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124 <el-row :gutter="10">
125 <el-col :span="8">
126 <el-form-item label="株数：">
127 <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="林种：">
132 <el-select v-model="ruleForm.lq.lz" :disabled="!viewEdit">
133 <el-option
134 v-for="item in dictData['A26']"
135 :key="item.dcode"
136 :label="item.dname"
137 :value="item.dcode">
138 </el-option>
139 </el-select>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="起源：">
144 <el-select v-model="ruleForm.lq.qy" :disabled="!viewEdit">
145 <el-option
146 v-for="item in dictData['A52']"
147 :key="item.dcode"
148 :label="item.dname"
149 :value="item.dcode">
150 </el-option>
151 </el-select>
152 </el-form-item>
153 </el-col>
154 </el-row>
155 <el-row :gutter="10">
156 <el-col :span="8">
157 <el-form-item label="造林年度：">
158 <!-- <el-input v-model="ruleForm.lq.zlnd"></el-input> -->
159 <el-date-picker
160 class="width100"
161 value-format="yyyy"
162 v-model="ruleForm.lq.zlnd"
163 :disabled="!viewEdit"
164 type="year">
165 </el-date-picker>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="林班：">
170 <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="小班：">
175 <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input>
176 </el-form-item>
177 </el-col>
178 </el-row>
179 <el-row :gutter="10">
180 <el-col :span="8">
181 <el-form-item label="小地名：">
182 <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input>
183 </el-form-item>
184 </el-col>
185 <el-col :span="8">
186 <el-form-item label="林地使用(承包)起始时间：">
187 <el-date-picker
188 class="width100"
189 value-format="yyyy-MM-dd HH:mm:ss"
190 v-model="ruleForm.lq.ldsyqssj"
191 :disabled="!viewEdit"
192 type="date"></el-date-picker>
193 </el-form-item>
194 </el-col>
195 <el-col :span="8">
196 <el-form-item label="林地使用(承包)结束时间：">
197 <el-date-picker
198 class="width100"
199 value-format="yyyy-MM-dd HH:mm:ss"
200 v-model="ruleForm.lq.ldsyjssj"
201 :disabled="!viewEdit"
202 type="date"></el-date-picker>
203 </el-form-item>
204 </el-col>
205 </el-row>
206 <el-row :gutter="10">
207 <!-- <el-col :span="8">
208 <el-form-item label="土地用途：">
209 <el-input v-model="ruleForm.lq.xdm"></el-input>
210 </el-form-item>
211 </el-col> -->
212 <el-col :span="8">
213 <el-form-item label="林地使用 (承包)期限：">
214 <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input>
215 </el-form-item>
216 </el-col>
217 </el-row>
218 <el-row :gutter="10">
219 <el-col :span="24">
220 <el-form-item label="附记：">
221 <el-input
222 v-model="ruleForm.lq.fj"
223 :disabled="!viewEdit"
224 type="textarea"
225 maxlength="500"
226 show-word-limit></el-input>
227 </el-form-item>
228 </el-col>
229 </el-row>
230 <!-- <div class="slxx_title title-block">
231 土地用途
232 <div class="triangle"></div>
233 </div> -->
234 <!-- <tdytTable
235 :ableOperation="viewEdit"
236 :tableData="ruleForm.tdytqxList"
237 @upDateTdytxxList="upDateTdytxxList" /> -->
238 <div class="slxx_title title-block">
239 权利人信息
240 <div class="triangle"></div>
241 </div>
242 <el-row :gutter="10">
243 <el-col :span="12" v-if="ruleForm.qlxx">
244 <el-form-item label="共有方式：">
245 <el-radio-group
246 :disabled="!viewEdit"
247 v-model="ruleForm.sldy.gyfs">
248 <el-radio label="0">单独所有</el-radio>
249 <el-radio label="1">共同共有</el-radio>
250 <el-radio label="2">按份所有</el-radio>
251 <el-radio label="3">其它共有</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col>
255 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
256 <el-form-item label="是否分别持证：">
257 <el-radio-group
258 v-model="ruleForm.sldy.sqfbcz"
259 :disabled="!viewEdit"
260 @input="updaterow()">
261 <el-radio :label="1">是</el-radio>
262 <el-radio :label="0">否</el-radio>
263 </el-radio-group>
264 </el-form-item>
265 </el-col>
266 <el-col
267 :span="6"
268 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
269 <el-form-item label="持证人：">
270 <el-select
271 v-model="czr"
272 placeholder="持证人"
273 :disabled="!viewEdit">
274 <el-option
275 v-for="(item, index) in czrOptions"
276 :key="index"
277 :label="item.sqrmc"
278 :value="item.id">
279 </el-option>
280 </el-select>
281 </el-form-item>
282 </el-col>
283 </el-row>
284 <qlrCommonTable
285 @upDateQlrxxList="upDateQlrxxList"
286 :tableData="ruleForm.qlrList"
287 :disabled="viewEdit"
288 :gyfs="ruleForm.sldy.gyfs" />
289
290 <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'">
291 <div class="slxx_title title-block">
292 义务人信息
293 <div class="triangle"></div>
294 </div>
295 <ywrCommonTable
296 v-if="ruleForm.qlxx"
297 :disabled="viewEdit"
298 @upDateQlrxxList="upDateYwrxxList"
299 :tableData="ruleForm.ywrList"
300 :gyfs="ruleForm.sldy.gyfs" />
301 </div>
302 <div class="slxx_title title-block">
303 登记原因
304 <div class="triangle"></div>
305 </div>
306 <el-row :gutter="10">
307 <el-col>
308 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
309 <el-input
310 class="textArea"
311 type="textarea"
312 maxlength="500"
313 show-word-limit
314 :disabled="!viewEdit"
315 v-model="ruleForm.lq.djyy">
316 </el-input>
317 </el-form-item>
318 </el-col>
319 </el-row>
320 </div>
321 <el-row class="btn" v-if="isSave">
322 <el-form-item>
323 <el-button type="primary" @click="onSubmit">保存</el-button>
324 </el-form-item>
325 </el-row>
326 </el-form>
327 </div>
328 </template>
329 <script>
330 import ywmix from "@/views/ywbl/mixin/index";
331 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
332 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
333 import tdytTable from "@/views/workflow/components/tdytTable";
334 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
335 import { mapGetters } from "vuex";
336 export default {
337 mixins: [ywmix],
338 mounted () {
339 let that = this
340 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
341 this.propsParam = this.$attrs;
342 var formdata = new FormData();
343 this.loading = true
344 formdata.append("bsmSldy", this.propsParam.bsmSldy);
345 formdata.append("djlx", this.propsParam.djlx);
346 formdata.append("isEdit", this.viewEdit);
347 Init(formdata).then((res) => {
348 setTimeout(() => {
349 this.loading = false
350 }, 200)
351 if (res.code === 200 && res.result) {
352 this.ruleForm = {
353 ...res.result,
354 ...res.result.qlxxdatas,
355 };
356 this.ruleForm.qlrList.forEach((item) => {
357 item.id = item.bsmSqr
358 if (item.sfczr == '1') {
359 that.czr = item.bsmSqr
360 }
361 })
362 that.czrOptions = that.ruleForm.qlrList
363 that.isSave = that.viewEdit
364 } else {
365 that.isSave = false
366 that.$confirm(res.message, '提示', {
367 cancelButtonText: '取消',
368 showConfirmButton: false,
369 type: 'warning'
370 })
371 }
372 }).catch(() => {
373 this.loading = false
374 this.isSave = false
375 })
376 },
377 components: { qlrCommonTable, tdytTable, ywrCommonTable },
378 computed: {
379 ...mapGetters(["dictData", "flag"]),
380 },
381 data () {
382 return {
383 isSave: true,
384 loading: false,
385 disabled: true,
386 tdytOption: [],
387 czrOptions: [],
388 czr: "",
389 ruleForm: {
390 lq: {
391 zlnd: "",
392 ldsyqssj: "",
393 ldsyjssj: ""
394 },
395 flow: {
396 ywh: "",
397 },
398 qlxx: {
399 mj: "",
400 },
401 sldy: {
402 gyfs: "",
403 },
404 slsq: {},
405 fdcq2: {
406 zyjzmj: "",
407 ftjzmj: "",
408 },
409 zdjbxx: {
410 ghytmc: "",
411 },
412 },
413 //传递参数
414 propsParam: this.$attrs,
415 //表单是否可操作
416 viewEdit: true,
417 rules: {},
418 };
419 },
420 methods: {
421 /**
422 * @description: 更新土地用途信息
423 * @param {*} val
424 * @author: renchao
425 */
426 upDateTdytxxList (val) {
427 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
428 },
429 /**
430 * @description: 更新权利人信息
431 * @param {*} val
432 * @author: renchao
433 */
434 upDateQlrxxList (val) {
435 if (!_.isEqual(val, this.ruleForm.qlrList)) {
436 this.ruleForm.qlrList = _.cloneDeep(val);
437 this.czrOptions = this.ruleForm.qlrList;
438 }
439 this.num = 0
440 this.ruleForm.qlrList.forEach(item => {
441 if (item.id == this.czr) {
442 this.num++
443 }
444 })
445 if (this.num == 0) {
446 this.czr = ''
447 }
448 },
449 /**
450 * @description: 是否持证人变化
451 * @param {*} val
452 * @author: renchao
453 */
454 updaterow () {
455 this.czr = "";
456 },
457 /**
458 * @description: 更新业务人信息
459 * @param {*} val
460 * @author: renchao
461 */
462 upDateYwrxxList (val) {
463 this.ruleForm.ywrList = _.cloneDeep(val);
464 },
465 /**
466 * @description: onSubmit
467 * @author: renchao
468 */
469 onSubmit () {
470 let that = this;
471 if (this.ruleForm.qlrList.length == 0) {
472 this.$message({
473 showClose: true,
474 message: "请确认权利人信息",
475 type: "error",
476 });
477 return false;
478 }
479
480 if (this.ruleForm.sldy.gyfs == "0") {
481 if (this.ruleForm.qlrList.length > 1) {
482 this.$message({
483 showClose: true,
484 message: "共有方式：单独所有，权利人只能是一个人",
485 type: "error",
486 });
487 return false;
488 }
489 this.ruleForm.qlrList[0].sfczr = "1";
490 } else {
491 if (this.ruleForm.qlrList.length <= 1) {
492 this.$message({
493 showClose: true,
494 message:
495 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
496 type: "error",
497 });
498 return false;
499 }
500 //是否分别持证
501 if (this.ruleForm.sldy.sqfbcz == "1") {
502 //是
503 this.ruleForm.qlrList.forEach(item => {
504 item.sfczr = "1";
505 });
506 } else {
507 if (that.czr === '') {
508 that.$message({
509 showClose: true,
510 message: "请选择持证人",
511 type: "error",
512 });
513 return false;
514 }
515 this.ruleForm.qlrList.forEach(item => {
516 if (item.id == that.czr) {
517 item.sfczr = "1";
518 } else {
519 item.sfczr = "0";
520 }
521 });
522 }
523 }
524 saveData(this.ruleForm).then((res) => {
525 if (res.code === 200) {
526 this.$message({
527 showClose: true,
528 message: "保存成功！",
529 type: "success",
530 });
531 this.$store.dispatch("user/refreshPage", true);
532 } else {
533 this.$message({
534 showClose: true,
535 message: res.message,
536 type: "error"
537 })
538 }
539 })
540 }
541 }
542 }
543 </script>
544 <style scoped lang="scss">
545 @import "~@/styles/public.scss";
546
547 /deep/.el-form {
548 display: flex;
549 flex-direction: column;
550 height: calc(100vh - 130px);
551 }
552
553 /deep/.el-form-item__label {
554 padding: 0;
555 }
556
557 /deep/.el-radio {
558 margin-right: 10px;
559 }
560
561 /deep/.el-select {
562 width: 100%;
563 }
564
565 /deep/.el-form-item {
566 margin-bottom: 3px;
567 }
568
569 .marginBot0 {
570 margin-bottom: 0 !important;
571 }
572
573 .slxx {
574 box-sizing: border-box;
575 }
576
577 .slxx_con {
578 flex: 1;
579 height: 100%;
580 background-color: #ffffff;
581 overflow-y: auto;
582 padding-right: 3px;
583 overflow-x: hidden;
584 }
585
586 .submit_btn {
587 height: 50px;
588 }
589
590 .btn {
591 text-align: center;
592 padding-top: 10px;
593 height: 36px;
594 background-color: #ffffff;
595 padding: 5px 0;
596 }
597
598 .textArea {
599 /deep/.el-textarea__inner {
600 min-height: 90px !important;
601 }
602 }
603
604 /deep/.el-form-item__label {
605 padding-bottom: 0px;
606 }
607 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-02-04 16:11:40
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 v-Loading="loading"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="140px">
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 申请业务信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="业务号：">
26 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="受理人员：">
31 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="受理时间：">
36 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <el-row :gutter="10">
41 <el-col :span="8">
42 <el-form-item label="权利类型：">
43 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
44 </el-form-item>
45 </el-col>
46 <el-col :span="8">
47 <el-form-item label="登记类型：">
48 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="8">
52 <el-form-item label="登记情形：">
53 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
54 </el-form-item>
55 </el-col>
56 </el-row>
57 <div class="slxx_title title-block">
58 <el-row>
59 <el-col :span="20">
60 不动产单元情况
61 </el-col>
62 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
63 <el-form-item label="是否创建证书：" style="height:24px">
64 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
65 <el-radio label="1">是</el-radio>
66 <el-radio label="0">否</el-radio>
67 </el-radio-group>
68 </el-form-item>
69 </el-col>
70 </el-row>
71 <div class="triangle"></div>
72 </div>
73 <el-row :gutter="10">
74 <el-col :span="8">
75 <el-form-item label="宗地代码：">
76 <el-input v-model="ruleForm.zdjbxx.zddm" disabled></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item label="不动产单元号：">
81 <el-input v-model="ruleForm.sldy.bdcdyh" disabled></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="权利性质：">
86 <treeselect
87 v-model="ruleForm.zdjbxx.qlxz"
88 noOptionsText="暂无数据"
89 :default-expand-level="1"
90 :disabled="!viewEdit"
91 placeholder=""
92 :normalizer="normalizer"
93 :show-count="true"
94 :options="dictData['A9']" />
95 </el-form-item>
96 </el-col>
97 </el-row>
98 <el-row :gutter="10">
99 <el-col :span="8">
100 <el-form-item label="地块代码：">
101 <el-input v-model="ruleForm.tdcbjyq.dkdm" :disabled="!viewEdit"></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item label="地块名称：">
106 <el-input v-model="ruleForm.tdcbjyq.dkmc" :disabled="!viewEdit"></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="承包方式：">
111 <el-input v-model="ruleForm.tdcbjyq.cbfs" :disabled="!viewEdit"></el-input>
112 </el-form-item>
113 </el-col>
114
115 </el-row>
116
117 <el-row :gutter="10">
118 <el-col :span="8">
119 <el-form-item label="发包方代码：">
120 <el-input v-model="ruleForm.tdcbjyq.fbfdm" :disabled="!viewEdit"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item label="发包方全称：">
125 <el-input v-model="ruleForm.tdcbjyq.fbfqc" :disabled="!viewEdit"></el-input>
126 </el-form-item>
127 </el-col>
128 <el-col :span="8">
129 <el-form-item label="发包方负责人：">
130 <el-input v-model="ruleForm.tdcbjyq.fbffzr" :disabled="!viewEdit"></el-input>
131 </el-form-item>
132 </el-col>
133 </el-row>
134
135 <el-row :gutter="10">
136 <el-col :span="8">
137 <el-form-item label="承包起始时间：">
138 <el-date-picker
139 v-model="ruleForm.tdcbjyq.cbqssj"
140 class="width100"
141 type="date"
142 :disabled="!viewEdit"
143 :picker-options="pickerOptionsStart"
144 placeholder="选择日期"
145 value-format="yyyy-MM-dd HH:mm:ss"
146 format="yyyy-MM-dd"></el-date-picker>
147 </el-form-item>
148 </el-col>
149 <el-col :span="8">
150 <el-form-item label="承包结束时间：">
151 <el-date-picker
152 v-model="ruleForm.tdcbjyq.cbjssj"
153 :disabled="!viewEdit"
154 class="width100"
155 type="date"
156 placeholder="选择日期"
157 :picker-options="pickerOptionsEnd"
158 value-format="yyyy-MM-dd HH:mm:ss"
159 format="yyyy-MM-dd"></el-date-picker>
160 </el-form-item>
161 </el-col>
162 <el-col :span="8">
163 <el-form-item label="承包期限：">
164 <el-input v-model="ruleForm.tdcbjyq.cbqx" :disabled="!viewEdit"></el-input>
165 </el-form-item>
166 </el-col>
167 </el-row>
168 <el-row :gutter="10">
169 <el-col :span="8">
170 <el-form-item label="用途：">
171 <treeselect
172 :disabled="!viewEdit"
173 v-model="ruleForm.tdcbjyq.yt"
174 noOptionsText="暂无数据"
175 :default-expand-level="1"
176 placeholder=""
177 :normalizer="normalizer"
178 :show-count="true"
179 :options="dictData['tdyt']" />
180 </el-form-item>
181 </el-col>
182 <el-col :span="8">
183 <el-form-item label="确权面积：">
184 <div class="flex">
185 <el-input
186 :disabled="!viewEdit"
187 v-model="ruleForm.tdcbjyq.qqmj"
188 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
189 <el-select :disabled="!viewEdit" v-model="mjdw" style="width: 68px">
190 <el-option
191 v-for="item in dictData['A7']"
192 :key="item.dcode"
193 :label="item.dname"
194 :value="item.dcode">
195 </el-option>
196 </el-select>
197 </div>
198 </el-form-item>
199 </el-col>
200 <el-col :span="8">
201 <el-form-item label="土地所有权性质：">
202 <el-select clearable v-model="ruleForm.tdcbjyq.tdsyqxz" class="width100" placeholder="请选择" :disabled="!viewEdit">
203 <el-option v-for="item in dictData['A45']" :key="item.dcode" :label="item.dname" :value="item.dcode">
204 </el-option>
205 </el-select>
206 </el-form-item>
207 </el-col>
208 </el-row>
209
210 <el-row :gutter="10">
211 <el-col :span="8">
212 <el-form-item label="是否永久基本农田：">
213 <el-radio-group v-model="ruleForm.tdcbjyq.sfyjjbnt" :disabled="!viewEdit">
214 <el-radio label="1">是</el-radio>
215 <el-radio label="0">否</el-radio>
216 </el-radio-group>
217 </el-form-item>
218 </el-col>
219 <el-col :span="8">
220 <el-form-item label="是否自留地：">
221 <el-radio-group
222 v-model="ruleForm.tdcbjyq.sfzld"
223 :disabled="!viewEdit">
224 <el-radio label="1">是</el-radio>
225 <el-radio label="0">否</el-radio>
226 </el-radio-group>
227 </el-form-item>
228 </el-col>
229 <el-col :span="8">
230 <el-form-item label="用地用海分类：">
231 <el-select clearable v-model="ruleForm.tdcbjyq.ydyhfl" class="width100" placeholder="请选择" :disabled="!viewEdit">
232 <el-option v-for="item in dictData['A56']" :key="item.dcode" :label="item.dname" :value="item.dcode">
233 </el-option>
234 </el-select>
235 </el-form-item>
236 </el-col>
237 </el-row>
238
239 <el-row :gutter="10">
240 <el-col :span="8">
241 <el-form-item label="承包经营权取得方式：">
242 <el-select clearable v-model="ruleForm.tdcbjyq.cbjyqqdfs" class="width100" placeholder="请选择" :disabled="!viewEdit">
243 <el-option v-for="item in dictData['A59']" :key="item.dcode" :label="item.dname" :value="item.dcode">
244 </el-option>
245 </el-select>
246 </el-form-item>
247 </el-col>
248 <el-col :span="16">
249 <el-form-item label="附记：">
250 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.fj"></el-input>
251 </el-form-item>
252 </el-col>
253 </el-row>
254
255 <div class="slxx_title title-block">
256 权利人信息
257 <div class="triangle"></div>
258 </div>
259 <el-row :gutter="10">
260 <el-col :span="12">
261 <el-form-item label="共有方式：">
262 <el-radio-group
263 :disabled="!viewEdit"
264 v-model="ruleForm.sldy.gyfs">
265 <el-radio label="0">单独所有</el-radio>
266 <el-radio label="1">共同共有</el-radio>
267 <el-radio label="2">按份所有</el-radio>
268 <el-radio label="3">其它共有</el-radio>
269 </el-radio-group>
270 </el-form-item>
271 </el-col>
272 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
273 <el-form-item label="是否分别持证：">
274 <el-radio-group
275 v-model="ruleForm.sldy.sqfbcz"
276 :disabled="!viewEdit"
277 @input="updaterow()">
278 <el-radio :label="1">是</el-radio>
279 <el-radio :label="0">否</el-radio>
280 </el-radio-group>
281 </el-form-item>
282 </el-col>
283 <el-col
284 :span="6"
285 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
286 <el-form-item label="持证人：">
287 <el-select
288 v-model="czr"
289 placeholder="持证人"
290 :disabled="!viewEdit">
291 <el-option
292 v-for="(item, index) in czrOptions"
293 :key="index"
294 :label="item.sqrmc"
295 :value="item.id">
296 </el-option>
297 </el-select>
298 </el-form-item>
299 </el-col>
300 </el-row>
301 <qlrCommonTable
302 :tableData="ruleForm.qlrList"
303 :disabled="viewEdit"
304 @upDateQlrxxList="upDateQlrxxList"
305 :key="key"
306 :gyfs="ruleForm.sldy.gyfs" />
307
308 <div v-if="ruleForm.qlxx.djlx == '200'">
309 <div class="slxx_title title-block">
310 义务人信息
311 <div class="triangle"></div>
312 </div>
313 <ywrCommonTable
314 v-if="ruleForm.ywrList"
315 :disabled="viewEdit"
316 :tableData="ruleForm.ywrList"
317 :key="key"
318 @upDateQlrxxList="upDateYwrxxList" />
319 </div>
320 <div class="slxx_title title-block">
321 登记原因
322 <div class="triangle"></div>
323 </div>
324 <el-row :gutter="10">
325 <el-col>
326 <el-form-item label="登记原因：" prop="tdcbjyq.djyy">
327 <el-input
328 class="textArea"
329 maxlength="500"
330 show-word-limit
331 type="textarea"
332 :disabled="!viewEdit"
333 v-model="ruleForm.tdcbjyq.djyy">
334 </el-input>
335 </el-form-item>
336 </el-col>
337 </el-row>
338 </div>
339 <el-row class="btn" v-if="isSave">
340 <el-form-item>
341 <el-button type="primary" @click="onSubmit">保存</el-button>
342 </el-form-item>
343 </el-row>
344 </el-form>
345 </div>
346 </template>
347 <script>
348 import { mapGetters } from "vuex";
349 import ywmix from "@/views/ywbl/mixin/index";
350 import { Init, saveData } from "@/api/workflow/tdcbjyq.js";
351 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
352 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
353 export default {
354 mixins: [ywmix],
355 mounted () {
356 let that = this
357 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
358 this.propsParam = this.$attrs;
359 var formdata = new FormData();
360 this.loading = true
361 formdata.append("bsmSldy", this.propsParam.bsmSldy);
362 formdata.append("djlx", this.propsParam.djlx);
363 formdata.append("isEdit", this.viewEdit);
364 Init(formdata).then((res) => {
365 setTimeout(() => {
366 that.loading = false
367 }, 200)
368 if (res.code === 200) {
369 that.ruleForm = res.result;
370 that.ruleForm.qlrList.forEach((item) => {
371 item.id = item.bsmSqr
372 if (item.sfczr == '1') {
373 that.czr = item.bsmSqr
374 }
375 })
376 that.czrOptions = that.ruleForm.qlrList;
377 that.isSave = that.viewEdit
378 } else {
379 that.isSave = false
380 that.$confirm(res.message, '提示', {
381 cancelButtonText: '取消',
382 showConfirmButton: false,
383 type: 'warning'
384 })
385 }
386 }).catch(() => {
387 this.loading = false
388 this.isSave = false
389 })
390 },
391 components: { qlrCommonTable, ywrCommonTable },
392 computed: {
393 ...mapGetters(["dictData", "flag"]),
394 // 根据流程判断表单是否为只读
395 editDisabled () {
396 if (!this.viewEdit) {
397 //只读状态
398 return true;
399 }
400 return false;
401 },
402 },
403 data () {
404 return {
405 // 开始结束日期限制
406 pickerOptionsStart: {
407 disabledDate: (time) => {
408 if (this.ruleForm.tdcbjyq.cbjssj) {
409 return (
410 time.getTime() >= new Date(this.ruleForm.tdcbjyq.cbjssj).getTime()
411 );
412 }
413 }
414 },
415 // 结束日期限制
416 pickerOptionsEnd: {
417 disabledDate: (time) => {
418 if (this.ruleForm.tdcbjyq.cbqssj) {
419 return (
420 time.getTime() <= new Date(this.ruleForm.tdcbjyq.cbqssj).getTime()
421 );
422 }
423 }
424 },
425 isSave: true,
426 // 键名转换，方法默认是label和children进行树状渲染
427 normalizer (node) {
428 //方法
429 if (node.children == null || node.children == "null") {
430 delete node.children;
431 }
432 return {
433 id: node.dcode,
434 label: node.dname,
435 };
436 },
437 loading: false,
438 mjdw: "1",
439 //表单是否可操作
440 viewEdit: true,
441 czr: "",
442 key: 0,
443 disabled: true,
444 czrOptions: [],
445 ruleForm: {},
446 //传递参数
447 propsParam: {},
448 rules: {
449 'tdcbjyq.djyy': [
450 { required: true, message: '请输入登记原因', trigger: 'blur' }
451 ]
452 }
453 }
454 },
455 methods: {
456 /**
457 * @description: 更新权利人信息
458 * @param {*} val
459 * @author: renchao
460 */
461 upDateQlrxxList (val) {
462 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
463 this.czrOptions = this.ruleForm.qlrList;
464 this.num = 0
465 this.ruleForm.qlrList.forEach(item => {
466 if (item.id == this.czr) {
467 this.num++
468 }
469 })
470 if (this.num == 0) {
471 this.czr = ''
472 }
473 },
474 /**
475 * @description: 是否持证人变化
476 * @param {*} val
477 * @author: renchao
478 */
479 updaterow () {
480 this.czr = "";
481 },
482 /**
483 * @description: 更新义务人信息
484 * @param {*} val
485 * @author: renchao
486 */
487 upDateYwrxxList (val) {
488 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
489 this.key++;
490 },
491 /**
492 * @description: onSubmit
493 * @author: renchao
494 */
495 onSubmit () {
496 let that = this;
497 if (this.ruleForm.qlrList.length == 0) {
498 this.$message({
499 showClose: true,
500 message: "请确认权利人信息",
501 type: "error",
502 });
503 return false;
504 }
505 if (this.ruleForm.sldy.gyfs == "0") {
506 if (this.ruleForm.qlrList.length > 1) {
507 this.$message({
508 showClose: true,
509 message: "共有方式：单独所有，权利人只能是一个人",
510 type: "error",
511 });
512 return false;
513 }
514 this.ruleForm.qlrList[0].sfczr = "1";
515 } else {
516 if (this.ruleForm.qlrList.length <= 1) {
517 this.$message({
518 showClose: true,
519 message:
520 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
521 type: "error",
522 });
523 return false;
524 }
525 //是否分别持证
526 if (this.ruleForm.sldy.sqfbcz == "1") {
527 //是
528 this.ruleForm.qlrList.forEach((item, index) => {
529 item.sfczr = "1";
530 });
531 } else {
532 if (that.czr === '') {
533 that.$message({
534 showClose: true,
535 message: "请选择持证人",
536 type: "error",
537 });
538 return false;
539 }
540 this.ruleForm.qlrList.forEach((item, index) => {
541 if (item.id == that.czr) {
542 item.sfczr = "1";
543 } else {
544 item.sfczr = "0";
545 }
546 });
547 }
548 }
549 /**
550 * @description: saveData
551 * @author: renchao
552 */
553
554 this.$refs['ruleForm'].validate((valid) => {
555 if (valid) {
556 that.$store.dispatch("user/refreshPage", false);
557 saveData(that.ruleForm).then((res) => {
558 if (res.code === 200) {
559 that.$message({
560 showClose: true,
561 message: "保存成功！",
562 type: "success",
563 });
564 that.$store.dispatch("user/refreshPage", true);
565 } else {
566 that.$message({
567 showClose: true,
568 message: res.message,
569 type: "error"
570 })
571 }
572 })
573 } else {
574 that.$message({
575 showClose: true,
576 message: "请输入登记原因",
577 type: "error"
578 })
579 return false
580 }
581 })
582 }
583 }
584 }
585 </script>
586 <style scoped lang="scss">
587 @import "~@/styles/public.scss";
588 @import "~@/styles/slxx/slxx.scss";
589 /deep/.el-form-item__error {
590 display: none;
591 }
592 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-31 10:09:50
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 v-Loading="loading"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px">
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block">
19 申请业务信息
20 <div class="triangle"></div>
21 </div>
22 <el-row :gutter="10">
23 <el-col :span="8">
24 <el-form-item label="业务号：">
25 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理人员：">
30 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="8">
34 <el-form-item label="受理时间：">
35 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 <el-row :gutter="10">
40 <el-col :span="8">
41 <el-form-item label="权利类型：">
42 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记类型：">
47 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="登记情形：">
52 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
53 </el-form-item>
54 </el-col>
55 </el-row>
56 <div class="slxx_title title-block">
57 <el-row>
58 <el-col :span="20">
59 不动产单元情况
60 </el-col>
61 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
62 <el-form-item label="是否创建证书：" style="height:24px">
63 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
64 <el-radio label="1">是</el-radio>
65 <el-radio label="0">否</el-radio>
66 </el-radio-group>
67 </el-form-item>
68 </el-col>
69 </el-row>
70 <div class="triangle"></div>
71 </div>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item label="宗地代码：">
75 <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item label="不动产单元号：">
80 <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item label="权利性质：">
85 <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
86 </el-form-item>
87 </el-col>
88 </el-row>
89 <el-row :gutter="10">
90 <el-col :span="8">
91 <el-form-item label="宗地面积：">
92 <el-input :disabled="!viewEdit" v-model="ruleForm.zdjbxx.zdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="权利设定方式：">
97 <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="农用地面积：">
102 <div class="flex">
103 <el-input
104 maxlength="12"
105 v-model="ruleForm.tdsyq.nydmj"
106 :disabled="!viewEdit"
107 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
108 <el-select
109 v-model="mjdw"
110 :disabled="!viewEdit"
111 style="width: 68px">
112 <el-option
113 v-for="item in dictData['A7']"
114 :key="item.dcode"
115 :label="item.dname"
116 :value="item.dcode">
117 </el-option>
118 </el-select>
119 </div>
120 </el-form-item>
121 </el-col>
122 </el-row>
123 <el-row :gutter="10">
124 <el-col :span="8">
125 <el-form-item label="耕地面积：">
126 <div class="flex">
127 <el-input
128 maxlength="12"
129 v-model="ruleForm.tdsyq.gdmj"
130 :disabled="!viewEdit"
131 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
132 <el-select
133 v-model="mjdw"
134 :disabled="!viewEdit"
135 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.tdsyq.ldmj"
152 :disabled="!viewEdit"
153 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
154 <el-select
155 v-model="mjdw"
156 :disabled="!viewEdit"
157 style="width: 68px">
158 <el-option
159 v-for="item in dictData['A7']"
160 :key="item.dcode"
161 :label="item.dname"
162 :value="item.dcode">
163 </el-option>
164 </el-select>
165 </div>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="草地面积：">
170 <div class="flex">
171 <el-input
172 maxlength="12"
173 v-model="ruleForm.tdsyq.cdmj"
174 :disabled="!viewEdit"
175 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
176 <el-select
177 v-model="mjdw"
178 :disabled="!viewEdit"
179 style="width: 68px">
180 <el-option
181 v-for="item in dictData['A7']"
182 :key="item.dcode"
183 :label="item.dname"
184 :value="item.dcode">
185 </el-option>
186 </el-select>
187 </div>
188 </el-form-item>
189 </el-col>
190 </el-row>
191 <el-row :gutter="10">
192 <el-col :span="8">
193 <el-form-item label="其他农用地面积：">
194 <div class="flex">
195 <el-input
196 maxlength="12"
197 v-model="ruleForm.tdsyq.qtnydmj"
198 :disabled="!viewEdit"
199 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
200 <el-select
201 v-model="mjdw"
202 :disabled="!viewEdit"
203 style="width: 68px">
204 <el-option
205 v-for="item in dictData['A7']"
206 :key="item.dcode"
207 :label="item.dname"
208 :value="item.dcode">
209 </el-option>
210 </el-select>
211 </div>
212 </el-form-item>
213 </el-col>
214 <el-col :span="8">
215 <el-form-item label="建筑使用面积：">
216 <div class="flex">
217 <el-input
218 maxlength="12"
219 v-model="ruleForm.tdsyq.jsydmj"
220 :disabled="!viewEdit"
221 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
222 <el-select
223 v-model="mjdw"
224 :disabled="!viewEdit"
225 style="width: 68px">
226 <el-option
227 v-for="item in dictData['A7']"
228 :key="item.dcode"
229 :label="item.dname"
230 :value="item.dcode">
231 </el-option>
232 </el-select>
233 </div>
234 </el-form-item>
235 </el-col>
236 <el-col :span="8">
237 <el-form-item label="未利用地面积：">
238 <div class="flex">
239 <el-input
240 maxlength="12"
241 v-model="ruleForm.tdsyq.wlydmj"
242 :disabled="!viewEdit"
243 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
244 <el-select
245 v-model="mjdw"
246 :disabled="!viewEdit"
247 style="width: 68px">
248 <el-option
249 v-for="item in dictData['A7']"
250 :key="item.dcode"
251 :label="item.dname"
252 :value="item.dcode">
253 </el-option>
254 </el-select>
255 </div>
256 </el-form-item>
257 </el-col>
258 </el-row>
259 <div class="slxx_title title-block">
260 土地用途
261 <div class="triangle"></div>
262 </div>
263 <tdytTable
264 :tableData="ruleForm.tdytqxList"
265 :ableOperation="viewEdit"
266 @upDateTdytxxList="upDateTdytxxList" />
267 <div class="slxx_title title-block">
268 权利人信息
269 <div class="triangle"></div>
270 </div>
271 <el-row :gutter="10">
272 <el-col :span="12">
273 <el-form-item label="共有方式：">
274 <el-radio-group
275 :disabled="!viewEdit"
276 v-model="ruleForm.sldy.gyfs">
277 <el-radio label="0">单独所有</el-radio>
278 <el-radio label="1">共同共有</el-radio>
279 <el-radio label="2">按份所有</el-radio>
280 <el-radio label="3">其它共有</el-radio>
281 </el-radio-group>
282 </el-form-item>
283 </el-col>
284 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
285 <el-form-item label="是否分别持证：">
286 <el-radio-group
287 v-model="ruleForm.sldy.sqfbcz"
288 :disabled="!viewEdit"
289 @input="updaterow()">
290 <el-radio :label="1">是</el-radio>
291 <el-radio :label="0">否</el-radio>
292 </el-radio-group>
293 </el-form-item>
294 </el-col>
295 <el-col
296 :span="6"
297 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
298 <el-form-item label="持证人：">
299 <el-select
300 v-model="czr"
301 placeholder="持证人"
302 :disabled="!viewEdit">
303 <el-option
304 v-for="(item, index) in czrOptions"
305 :key="index"
306 :label="item.sqrmc"
307 :value="item.id">
308 </el-option>
309 </el-select>
310 </el-form-item>
311 </el-col>
312 </el-row>
313 <qlrCommonTable
314 :tableData="ruleForm.qlrList"
315 :disabled="viewEdit"
316 @upDateQlrxxList="upDateQlrxxList"
317 :key="key"
318 :gyfs="ruleForm.sldy.gyfs" />
319
320 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
321 <div class="slxx_title title-block">
322 义务人信息
323 <div class="triangle"></div>
324 </div>
325 <ywrCommonTable
326 v-if="ruleForm.ywrList"
327 :disabled="viewEdit"
328 :tableData="ruleForm.ywrList"
329 :key="key"
330 @upDateQlrxxList="upDateYwrxxList" />
331 </div>
332
333 <div class="slxx_title title-block">
334 登记原因
335 <div class="triangle"></div>
336 </div>
337 <el-row :gutter="10">
338 <el-col>
339 <el-form-item label="登记原因：" prop="tdsyq.djyy">
340 <el-input
341 class="textArea"
342 maxlength="500"
343 show-word-limit
344 type="textarea"
345 :disabled="!viewEdit"
346 v-model="ruleForm.tdsyq.djyy">
347 </el-input>
348 </el-form-item>
349 </el-col>
350 </el-row>
351 </div>
352 <el-row class="btn" v-if="isSave">
353 <el-form-item>
354 <el-button type="primary" @click="onSubmit">保存</el-button>
355 </el-form-item>
356 </el-row>
357 </el-form>
358 </div>
359 </template>
360 <script>
361 import { mapGetters } from "vuex";
362 import ywmix from "@/views/ywbl/mixin/index";
363 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
364 import tdytTable from "@/views/workflow/components/tdytTable";
365 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
366 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
367 export default {
368 mixins: [ywmix],
369 components: { qlrCommonTable, tdytTable, ywrCommonTable },
370 mounted () {
371 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
372 this.propsParam = this.$attrs;
373 var formdata = new FormData();
374 let that = this;
375 this.loading = true
376 formdata.append("bsmSldy", this.propsParam.bsmSldy);
377 formdata.append("djlx", this.propsParam.djlx);
378 formdata.append("isEdit", this.viewEdit);
379 Init(formdata).then((res) => {
380 setTimeout(() => {
381 this.loading = false
382 }, 200)
383 if (res.code === 200) {
384 that.ruleForm = res.result;
385 that.ruleForm.qlrList.forEach((item) => {
386 item.id = item.bsmSqr
387 if (item.sfczr == '1') {
388 that.czr = item.bsmSqr
389 }
390 })
391 that.czrOptions = that.ruleForm.qlrList;
392 that.isSave = that.viewEdit
393 } else {
394 this.isSave = false
395 this.$confirm(res.message, '提示', {
396 cancelButtonText: '取消',
397 showConfirmButton: false,
398 type: 'warning'
399 })
400 }
401 }).catch(() => {
402 this.loading = false
403 })
404 },
405 computed: {
406 ...mapGetters(["dictData", "flag"]),
407 },
408 data () {
409 return {
410 isSave: true,
411 loading: false,
412 // 键名转换，方法默认是label和children进行树状渲染
413 normalizer (node) {
414 //方法
415 if (node.children == null || node.children == "null") {
416 delete node.children;
417 }
418 return {
419 id: node.dcode,
420 label: node.dname,
421 };
422 },
423 mjdw: "1",
424 value2: {
425 id: "520000198407304275",
426 user: "史平",
427 },
428 props: {
429 label: "user",
430 value: "id",
431 keyword: "keyword",
432 },
433 //表单是否可操作
434 viewEdit: true,
435 key: 0,
436 disabled: true,
437 czrOptions: [],
438 czr: "",
439 ruleForm: {},
440 //传递参数
441 propsParam: {},
442 rules: {
443 'tdsyq.djyy': [
444 { required: true, message: '请输入登记原因', trigger: 'blur' }
445 ]
446 }
447 }
448 },
449 methods: {
450 /**
451 * @description: 更新土地用途信息
452 * @param {*} val
453 * @author: renchao
454 */
455 upDateTdytxxList (val) {
456 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
457 this.key++;
458 },
459 /**
460 * @description: 更新权利人信息
461 * @param {*} val
462 * @author: renchao
463 */
464 upDateQlrxxList (val) {
465 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
466 this.czrOptions = this.ruleForm.qlrList;
467 this.num = 0
468 this.ruleForm.qlrList.forEach(item => {
469 if (item.id == this.czr) {
470 this.num++
471 }
472 })
473 if (this.num == 0) {
474 this.czr = ''
475 }
476 },
477 /**
478 * @description: 更新义务人信息
479 * @param {*} val
480 * @author: renchao
481 */
482 upDateYwrxxList (val) {
483 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
484 this.key++;
485 },
486 /**
487 * @description: 是否持证人变化
488 * @param {*} val
489 * @author: renchao
490 */
491 updaterow () {
492 this.czr = "";
493 },
494 /**
495 * @description: onSubmit
496 * @author: renchao
497 */
498 onSubmit () {
499 let that = this;
500 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
501 if (arr.length > 0) {
502 this.$message({
503 showClose: true,
504 message: "土地用途不能为空",
505 type: "error",
506 });
507 return false;
508 }
509 if (this.ruleForm.qlrList.length == 0) {
510 this.$message({
511 showClose: true,
512 message: "请确认权利人信息",
513 type: "error",
514 });
515 return false;
516 }
517
518 if (this.ruleForm.sldy.gyfs == "0") {
519 if (this.ruleForm.qlrList.length > 1) {
520 this.$message({
521 showClose: true,
522 message: "共有方式：单独所有，权利人只能是一个人",
523 type: "error",
524 });
525 return false;
526 }
527 this.ruleForm.qlrList[0].sfczr = "1";
528 } else {
529 if (this.ruleForm.qlrList.length <= 1) {
530 this.$message({
531 showClose: true,
532 message:
533 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
534 type: "error",
535 });
536 return false;
537 }
538 //是否分别持证
539 if (this.ruleForm.sldy.sqfbcz == "1") {
540 //是
541 this.ruleForm.qlrList.forEach((item, index) => {
542 item.sfczr = "1";
543 })
544 } else {
545 if (that.czr === '') {
546 that.$message({
547 showClose: true,
548 message: "请选择持证人",
549 type: "error"
550 })
551 return false
552 }
553 this.ruleForm.qlrList.forEach((item, index) => {
554 if (item.id == that.czr) {
555 item.sfczr = "1"
556 } else {
557 item.sfczr = "0"
558 }
559 })
560 }
561 }
562 /**
563 * @description: saveData
564 * @author: renchao
565 */
566
567 this.$refs['ruleForm'].validate((valid) => {
568 if (valid) {
569 saveData(this.ruleForm).then((res) => {
570 if (res.code === 200) {
571 that.$message({
572 showClose: true,
573 message: "保存成功！",
574 type: "success",
575 });
576 that.$store.dispatch("user/refreshPage", true);
577 } else {
578 that.$message({
579 showClose: true,
580 message: res.message,
581 type: "error"
582 })
583 }
584 })
585 } else {
586 this.$message({
587 showClose: true,
588 message: "请输入登记原因",
589 type: "error"
590 });
591 return false;
592 }
593 });
594 }
595 }
596 }
597 </script>
598 <style scoped lang="scss">
599 @import "~@/styles/public.scss";
600 @import "~@/styles/slxx/slxx.scss";
601 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block">
14 申请业务信息
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10" v-if="ruleForm.slsq">
18 <el-col :span="8">
19 <el-form-item label="业务号：">
20 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item label="受理人员：">
25 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理时间：">
30 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10" v-if="ruleForm.slsq">
35 <el-col :span="8">
36 <el-form-item label="权利类型：">
37 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="8">
41 <el-form-item label="登记类型：">
42 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记情形：">
47 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10" v-if="ruleForm.qlxx">
56 <el-col :span="8">
57 <el-form-item label="原不动产证号：">
58 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item label="不动产单元号：">
63 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item label="坐落：">
68 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item label="预告登记种类：">
75 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item label="土地使用权人：">
80 <el-input disabled v-model="ruleForm.ygdj.tdsyqr"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item label="房屋性质：">
85 <el-select v-model="ruleForm.ygdj.fwxz" :disabled="!viewEdit">
86 <el-option
87 v-for="item in dictData['A19']"
88 :key="item.dcode"
89 :label="item.dname"
90 :value="item.dcode">
91 </el-option>
92 </el-select>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 <el-row :gutter="10" v-if="ruleForm.qlxx">
97 <el-col :span="8">
98 <el-form-item label="房屋用途：">
99 <el-select v-model="ruleForm.ygdj.ghyt" :disabled="!viewEdit">
100 <el-option
101 v-for="item in dictData['A17']"
102 :key="item.dcode"
103 :label="item.dname"
104 :value="item.dcode">
105 </el-option>
106 </el-select>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="所在层：">
111 <el-input maxlength="20" :disabled="!viewEdit" v-model="ruleForm.ygdj.szc"></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="总层数：">
116 <el-input
117 :disabled="!viewEdit"
118 maxlength="4"
119 v-model.number="ruleForm.ygdj.zcs"
120 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124 <el-row :gutter="10" v-if="ruleForm.qlxx">
125 <el-col :span="8">
126 <el-form-item label="房屋结构：">
127 <el-select v-model="ruleForm.ygdj.fwjg" :disabled="!viewEdit">
128 <el-option
129 v-for="item in dictData['A46']"
130 :key="item.dcode"
131 :label="item.dname"
132 :value="item.dcode">
133 </el-option>
134 </el-select>
135 </el-form-item>
136 </el-col>
137
138 <el-col :span="8">
139 <el-form-item label="建筑面积：">
140 <div class="flex">
141 <el-input
142 maxlength="12"
143 v-model="ruleForm.ygdj.jzmj"
144 :disabled="!viewEdit"
145 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
146 <el-select :disabled="!viewEdit" v-model="mjdw" style="width: 68px">
147 <el-option
148 v-for="item in dictData['A7']"
149 :key="item.dcode"
150 :label="item.dname"
151 :value="item.dcode">
152 </el-option>
153 </el-select>
154 </div>
155 </el-form-item>
156 </el-col>
157 <el-col :span="8">
158 <el-form-item label="取得价格：">
159 <div class="flex">
160 <el-input
161 :disabled="!viewEdit"
162 maxlength="11"
163 v-model="ruleForm.ygdj.qdjg"
164 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
165 <el-select
166 v-model="ruleForm.ygdj.jedw"
167 :disabled="!viewEdit"
168 style="width: 68px">
169 <el-option
170 v-for="item in dictData['A57']"
171 :key="item.dcode"
172 :label="item.dname"
173 :value="item.dcode">
174 </el-option>
175 </el-select>
176 </div>
177 </el-form-item>
178 </el-col>
179 </el-row>
180 <el-row :gutter="10">
181 <el-col :span="24">
182 <el-form-item label="附记：">
183 <el-input
184 :disabled="!viewEdit"
185 v-model="ruleForm.ygdj.fj"
186 type="textarea"
187 maxlength="500"
188 show-word-limit></el-input>
189 </el-form-item>
190 </el-col>
191 </el-row>
192 <div class="slxx_title title-block">
193 权利人信息
194 <div class="triangle"></div>
195 </div>
196 <el-row :gutter="10">
197 <el-col :span="12" v-if="ruleForm.qlxx">
198 <el-form-item label="共有方式：">
199 <el-radio-group
200 :disabled="!viewEdit"
201 v-model="ruleForm.sldy.gyfs">
202 <el-radio label="0">单独所有</el-radio>
203 <el-radio label="1">共同共有</el-radio>
204 <el-radio label="2">按份所有</el-radio>
205 <el-radio label="3">其它共有</el-radio>
206 </el-radio-group>
207 </el-form-item>
208 </el-col>
209 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
210 <el-form-item label="是否分别持证：">
211 <el-radio-group
212 v-model="ruleForm.sldy.sqfbcz"
213 :disabled="!viewEdit"
214 @input="updaterow()">
215 <el-radio :label="1">是</el-radio>
216 <el-radio :label="0">否</el-radio>
217 </el-radio-group>
218 </el-form-item>
219 </el-col>
220 <el-col
221 :span="6"
222 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
223 <el-form-item label="持证人：">
224 <el-select
225 v-model="czr"
226 placeholder="持证人"
227 :disabled="!viewEdit">
228 <el-option
229 v-for="(item,index) in czrOptions"
230 :key="index"
231 :label="item.sqrmc"
232 :value="item.id">
233 </el-option>
234 </el-select>
235 </el-form-item>
236 </el-col>
237 </el-row>
238 <qlrCommonTable
239 @upDateQlrxxList="upDateQlrxxList"
240 :disabled="viewEdit"
241 :tableData="ruleForm.qlrList"
242 :gyfs="ruleForm.sldy.gyfs" />
243 <div class="slxx_title title-block">
244 义务人信息
245 <div class="triangle"></div>
246 </div>
247 <ywrCommonTable
248 @upDateQlrxxList="upDateYwrxxList"
249 :disabled="viewEdit"
250 :tableData="ruleForm.ywrList"
251 :gyfs="ruleForm.sldy.gyfs" />
252 <div class="slxx_title title-block">
253 登记原因
254 <div class="triangle"></div>
255 </div>
256 <el-row :gutter="10">
257 <el-col>
258 <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy">
259 <el-input
260 class="textArea"
261 type="textarea"
262 maxlength="500"
263 show-word-limit
264 :disabled="!viewEdit"
265 v-model="ruleForm.ygdj.zxyy">
266 </el-input>
267 </el-form-item>
268 <el-form-item v-else label="登记原因：" prop="ygdj.djyy">
269 <el-input
270 class="textArea"
271 type="textarea"
272 maxlength="500"
273 show-word-limit
274 :disabled="!viewEdit"
275 v-model="ruleForm.ygdj.djyy">
276 </el-input>
277 </el-form-item>
278 </el-col>
279 </el-row>
280 </div>
281 <el-row class="btn" v-if="isSave">
282 <el-form-item>
283 <el-button type="primary" @click="onSubmit">保存</el-button>
284 </el-form-item>
285 </el-row>
286 </el-form>
287 </div>
288 </template>
289 <script>
290 import ywmix from "@/views/ywbl/mixin/index";
291 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
292 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
293 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
294 import { mapGetters } from "vuex";
295 export default {
296 mixins: [ywmix],
297 mounted () {
298 let that = this
299 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
300 this.propsParam = this.$attrs;
301 this.loading = true
302 var formdata = new FormData();
303 formdata.append("bsmSldy", this.propsParam.bsmSldy);
304 formdata.append("djlx", this.propsParam.djlx);
305 formdata.append("isEdit", this.viewEdit);
306 Init(formdata).then((res) => {
307 setTimeout(() => {
308 this.loading = false
309 }, 200)
310 if (res.code === 200 && res.result) {
311 this.ruleForm = res.result;
312 this.ruleForm.qlrList.forEach((item) => {
313 item.id = item.bsmSqr
314 if (item.sfczr == '1') {
315 that.czr = item.bsmSqr
316 }
317 })
318 that.czrOptions = this.ruleForm.qlrList
319 that.isSave = that.viewEdit
320 } else {
321 that.isSave = false
322 that.$confirm(res.message, '提示', {
323 cancelButtonText: '取消',
324 showConfirmButton: false,
325 type: 'warning'
326 })
327 }
328 }).catch(() => {
329 this.isSave = false
330 this.loading = false
331 })
332 },
333 components: { qlrCommonTable, ywrCommonTable },
334 computed: {
335 ...mapGetters(["dictData", "flag"])
336 },
337 data () {
338 return {
339 isSave: true,
340 loading: false,
341 mjdw: "1",
342 //表单是否可操作
343 viewEdit: true,
344 disabled: true,
345 tdytOption: [],
346 czrOptions: [],
347 czr: "",
348 ruleForm: {
349 qlxx: {},
350 sldy: {},
351 slsq: {},
352 ygdj: {},
353 zdjbxx: {},
354 },
355 //传递参数
356 propsParam: this.$attrs,
357 rules: {
358 'ygdj.djyy': [
359 { required: true, message: '请输入登记原因', trigger: 'blur' }
360 ]
361 }
362 }
363 },
364 methods: {
365 /**
366 * @description: 更新权利人信息
367 * @param {*} val
368 * @author: renchao
369 */
370 upDateQlrxxList (val) {
371 this.ruleForm.qlrList = _.cloneDeep(val);
372 this.czrOptions = this.ruleForm.qlrList;
373 this.num = 0
374 this.ruleForm.qlrList.forEach(item => {
375 if (item.id == this.czr) {
376 this.num++
377 }
378 })
379 if (this.num == 0) {
380 this.czr = ''
381 }
382 },
383 /**
384 * @description: 更新业务人信息
385 * @param {*} val
386 * @author: renchao
387 */
388 upDateYwrxxList (val) {
389 this.ruleForm.ywrList = _.cloneDeep(val);
390 },
391 /**
392 * @description: 是否持证人变化
393 * @param {*} val
394 * @author: renchao
395 */
396 updaterow () {
397 this.czr = "";
398 },
399 /**
400 * @description: onSubmit
401 * @author: renchao
402 */
403 onSubmit () {
404 let that = this;
405 if (this.ruleForm.qlrList.length == 0) {
406 this.$message({
407 showClose: true,
408 message: "请确认权利人信息",
409 type: "error",
410 });
411 return false;
412 }
413
414 if (this.ruleForm.sldy.gyfs == "0") {
415 if (this.ruleForm.qlrList.length > 1) {
416 this.$message({
417 showClose: true,
418 message: "共有方式：单独所有，权利人只能是一个人",
419 type: "error",
420 });
421 return false;
422 }
423 this.ruleForm.qlrList[0].sfczr = "1";
424 } else {
425 if (this.ruleForm.qlrList.length <= 1) {
426 this.$message({
427 showClose: true,
428 message:
429 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
430 type: "error",
431 });
432 return false;
433 }
434 //是否分别持证
435 if (this.ruleForm.sldy.sqfbcz == "1") {
436 //是
437 this.ruleForm.qlrList.forEach((item, index) => {
438 item.sfczr = "1";
439 });
440 } else {
441 if (that.czr === '') {
442 that.$message({
443 showClose: true,
444 message: "请选择持证人",
445 type: "error"
446 });
447 return false;
448 }
449 this.ruleForm.qlrList.forEach((item, index) => {
450 if (item.id == that.czr) {
451 item.sfczr = "1"
452 } else {
453 item.sfczr = "0"
454 }
455 })
456 }
457 }
458 this.$refs['ruleForm'].validate((valid) => {
459 if (valid) {
460 that.$store.dispatch("user/refreshPage", false);
461 saveData(that.ruleForm).then((res) => {
462 if (res.code === 200) {
463 that.$message({
464 showClose: true,
465 message: "保存成功！",
466 type: "success",
467 });
468 that.$store.dispatch("user/refreshPage", true);
469 } else {
470 that.$message({
471 showClose: true,
472 message: res.message,
473 type: "error",
474 });
475 }
476 })
477 } else {
478 that.$message({
479 showClose: true,
480 message: "请输入登记原因",
481 type: "error"
482 })
483 return false
484 }
485 })
486 }
487 }
488 }
489 </script>
490 <style scoped lang="scss">
491 @import "~@/styles/public.scss";
492
493 /deep/.el-form {
494 display: flex;
495 flex-direction: column;
496 height: calc(100vh - 130px);
497 }
498
499 /deep/.el-form-item__label {
500 padding: 0;
501 }
502
503 /deep/.el-radio {
504 margin-right: 10px;
505 }
506
507 /deep/.el-select {
508 width: 100%;
509 }
510
511 /deep/.el-form-item {
512 margin-bottom: 3px;
513 }
514
515 .marginBot0 {
516 margin-bottom: 0 !important;
517 }
518
519 .slxx {
520 box-sizing: border-box;
521 }
522
523 .slxx_con {
524 flex: 1;
525 height: 100%;
526 background-color: #ffffff;
527 overflow-y: auto;
528 padding-right: 3px;
529 overflow-x: hidden;
530 }
531
532 .submit_btn {
533 height: 50px;
534 }
535
536 .btn {
537 text-align: center;
538 padding-top: 10px;
539 height: 36px;
540 background-color: #ffffff;
541 padding: 5px 0;
542 }
543
544 .textArea {
545 /deep/.el-textarea__inner {
546 min-height: 90px !important;
547 }
548 }
549
550 /deep/.el-form-item__label {
551 padding-bottom: 0px;
552 }
553 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block">
14 申请业务信息
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10" v-if="ruleForm.slsq">
18 <el-col :span="8">
19 <el-form-item label="业务号：">
20 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item label="受理人员：">
25 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理时间：">
30 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10" v-if="ruleForm.slsq">
35 <el-col :span="8">
36 <el-form-item label="权利类型：">
37 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="8">
41 <el-form-item label="登记类型：">
42 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记情形：">
47 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 <el-row>
53 <el-col :span="16">
54 不动产单元情况
55 </el-col>
56 <el-col :span="4">
57 <el-button @click="compare">变化情况对比+</el-button>
58 </el-col>
59 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
60 <el-form-item label="是否创建证书：" style="height:24px">
61 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
62 <el-radio label="1">是</el-radio>
63 <el-radio label="0">否</el-radio>
64 </el-radio-group>
65 </el-form-item>
66 </el-col>
67 </el-row>
68 <div class="triangle"></div>
69 </div>
70 <el-row :gutter="10" v-if="ruleForm.qlxx">
71 <el-col :span="8">
72 <el-form-item label="不动产单元号：">
73 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
74 </el-form-item>
75 </el-col>
76 <el-col :span="16">
77 <el-form-item label="坐落：">
78 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
79 </el-form-item>
80 </el-col>
81 </el-row>
82 <el-row :gutter="10">
83 <el-col :span="8">
84 <el-form-item label="预告登记种类：">
85 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
86 </el-form-item>
87 </el-col>
88 <el-col :span="8">
89 <el-form-item label="规划用途：">
90 <el-input disabled v-model="ruleForm.ygdj.ytmc"></el-input>
91 </el-form-item>
92 </el-col>
93 <el-col :span="8">
94 <el-form-item label="房屋性质：">
95 <el-input disabled v-model="ruleForm.ygdj.fwxzmc"></el-input>
96 </el-form-item>
97 </el-col>
98 </el-row>
99 <el-row :gutter="10" v-if="ruleForm.qlxx">
100 <el-col :span="8">
101 <el-form-item label="房屋结构：">
102 <el-input disabled v-model="ruleForm.ygdj.fwjgmc"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="建筑面积：">
107 <el-input disabled v-model="ruleForm.ygdj.jzmj"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="取得价格：">
112 <el-input disabled v-model="ruleForm.ygdj.qdjg"></el-input>
113 </el-form-item>
114 </el-col>
115 </el-row>
116 <el-row :gutter="10">
117 <el-col :span="8">
118 <el-form-item label="所在层：">
119 <el-input disabled v-model="ruleForm.ygdj.szc"></el-input>
120 </el-form-item>
121 </el-col>
122 <el-col :span="8">
123 <el-form-item label="总层数：">
124 <el-input
125 disabled
126 v-model.number="ruleForm.ygdj.zcs"
127 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
128 </el-form-item>
129 </el-col>
130 </el-row>
131 <div class="slxx_title title-block">
132 权利人信息
133 <div class="triangle"></div>
134 </div>
135 <el-row :gutter="10">
136 <el-col :span="12" v-if="ruleForm.qlxx">
137 <el-form-item label="共有方式：">
138 <el-radio-group
139 :disabled="!viewEdit"
140 v-model="ruleForm.sldy.gyfs">
141 <el-radio label="0">单独所有</el-radio>
142 <el-radio label="1">共同共有</el-radio>
143 <el-radio label="2">按份所有</el-radio>
144 <el-radio label="3">其它共有</el-radio>
145 </el-radio-group>
146 </el-form-item>
147 </el-col>
148 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
149 <el-form-item label="是否分别持证：">
150 <el-radio-group
151 v-model="ruleForm.sldy.sqfbcz"
152 :disabled="!viewEdit"
153 @input="updaterow()">
154 <el-radio :label="1">是</el-radio>
155 <el-radio :label="0">否</el-radio>
156 </el-radio-group>
157 </el-form-item>
158 </el-col>
159 <el-col
160 :span="6"
161 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
162 <el-form-item label="持证人：">
163 <el-select
164 v-model="czr"
165 placeholder="持证人"
166 :disabled="!viewEdit">
167 <el-option
168 v-for="(item,index) in czrOptions"
169 :key="index"
170 :label="item.sqrmc"
171 :value="item.id">
172 </el-option>
173 </el-select>
174 </el-form-item>
175 </el-col>
176 </el-row>
177 <qlrCommonTable
178 @upDateQlrxxList="upDateQlrxxList"
179 :tableData="ruleForm.qlrList"
180 :disabled="viewEdit"
181 :gyfs="ruleForm.sldy.gyfs" />
182 <div class="slxx_title title-block">
183 义务人信息
184 <div class="triangle"></div>
185 </div>
186 <ywrCommonTable
187 @upDateQlrxxList="upDateYwrxxList"
188 :tableData="ruleForm.ywrList"
189 :disabled="viewEdit"
190 :gyfs="ruleForm.sldy.gyfs" />
191 <div class="slxx_title title-block">
192 登记原因
193 <div class="triangle"></div>
194 </div>
195 <el-row :gutter="10">
196 <el-col>
197 <el-form-item label="登记原因：" prop="ygdj.djyy">
198 <el-input
199 class="textArea"
200 type="textarea"
201 maxlength="500"
202 show-word-limit
203 :disabled="!viewEdit"
204 v-model="ruleForm.ygdj.djyy">
205 </el-input>
206 </el-form-item>
207 </el-col>
208 </el-row>
209 </div>
210 <el-row class="btn" v-if="isSave">
211 <el-form-item>
212 <el-button type="primary" @click="onSubmit">保存</el-button>
213 </el-form-item>
214 </el-row>
215 </el-form>
216 </div>
217 </template>
218 <script>
219 import ywmix from "@/views/ywbl/mixin/index";
220 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
221 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
222 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
223 import { mapGetters } from "vuex";
224 export default {
225 mixins: [ywmix],
226 mounted () {
227 let that = this
228 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
229 this.propsParam = this.$attrs;
230 var formdata = new FormData();
231 this.loading = true
232 formdata.append("bsmSldy", this.propsParam.bsmSldy);
233 formdata.append("djlx", this.propsParam.djlx);
234 formdata.append("isEdit", this.viewEdit);
235 Init(formdata).then((res) => {
236 setTimeout(() => {
237 that.loading = false
238 }, 200)
239 if (res.code === 200 && res.result) {
240 that.ruleForm = res.result;
241 that.ruleForm.qlrList.forEach((item) => {
242 item.id = item.bsmSqr
243 if (item.sfczr == '1') {
244 that.czr = item.bsmSqr
245 }
246 })
247 that.czrOptions = this.ruleForm.qlrList;
248 that.isSave = that.viewEdit
249 } else {
250 that.isSave = false
251 that.$confirm(res.message, '提示', {
252 cancelButtonText: '取消',
253 showConfirmButton: false,
254 type: 'warning'
255 })
256 }
257 }).catch(() => {
258 that.isSave = false
259 that.loading = false
260 })
261 },
262 components: { qlrCommonTable, ywrCommonTable },
263 computed: {
264 ...mapGetters(["dictData", "flag"]),
265 },
266 data () {
267 return {
268 isSave: true,
269 loading: false,
270 //表单是否可操作
271 viewEdit: true,
272 disabled: true,
273 tdytOption: [],
274 czrOptions: [],
275 czr: "",
276 ruleForm: {},
277 //传递参数
278 propsParam: this.$attrs,
279 rules: {
280 'ygdj.djyy': [
281 { required: true, message: '请输入登记原因', trigger: 'blur' }
282 ]
283 }
284 }
285 },
286 methods: {
287 /**
288 * @description: onClick
289 * @author: renchao
290 */
291 onClick () {
292 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
293 formData: {
294 bsmSldy: this.propsParam.bsmSldy,
295 qllx: this.propsParam.qllx,
296 },
297 });
298 },
299 /**
300 * @description: 更新权利人信息
301 * @param {*} val
302 * @author: renchao
303 */
304 upDateQlrxxList (val) {
305 this.ruleForm.qlrList = _.cloneDeep(val);
306 this.czrOptions = this.ruleForm.qlrList;
307 this.num = 0
308 this.ruleForm.qlrList.forEach(item => {
309 if (item.id == this.czr) {
310 this.num++
311 }
312 })
313 if (this.num == 0) {
314 this.czr = ''
315 }
316 },
317 /**
318 * @description: 是否持证人变化
319 * @param {*} val
320 * @author: renchao
321 */
322 updaterow () {
323 this.czr = "";
324 },
325 /**
326 * @description: 更新业务人信息
327 * @param {*} val
328 * @author: renchao
329 */
330 upDateYwrxxList (val) {
331 this.ruleForm.ywrList = _.cloneDeep(val);
332 },
333
334 /**
335 * @description: onSubmit
336 * @author: renchao
337 */
338 onSubmit () {
339 let that = this;
340 if (this.ruleForm.qlrList.length == 0) {
341 this.$message({
342 showClose: true,
343 message: "请确认权利人信息",
344 type: "error",
345 });
346 return false;
347 }
348
349 if (this.ruleForm.sldy.gyfs == "0") {
350 if (this.ruleForm.qlrList.length > 1) {
351 this.$message({
352 showClose: true,
353 message: "共有方式：单独所有，权利人只能是一个人",
354 type: "error",
355 });
356 return false;
357 }
358 this.ruleForm.qlrList[0].sfczr = "1";
359 } else {
360 if (this.ruleForm.qlrList.length <= 1) {
361 this.$message({
362 showClose: true,
363 message:
364 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
365 type: "error",
366 });
367 return false;
368 }
369 //是否分别持证
370 if (this.ruleForm.sldy.sqfbcz == "1") {
371 //是
372 this.ruleForm.qlrList.forEach((item, index) => {
373 item.sfczr = "1";
374 });
375 } else {
376 if (that.czr === '') {
377 that.$message({
378 showClose: true,
379 message: "请选择持证人",
380 type: "error"
381 });
382 return false;
383 }
384 this.ruleForm.qlrList.forEach((item, index) => {
385 if (item.id == that.czr) {
386 item.sfczr = "1"
387 } else {
388 item.sfczr = "0"
389 }
390 })
391 }
392 }
393
394
395 this.$refs['ruleForm'].validate((valid) => {
396 if (valid) {
397 that.$store.dispatch("user/refreshPage", false);
398 saveData(that.ruleForm).then((res) => {
399 if (res.code === 200) {
400 that.$message({
401 showClose: true,
402 message: "保存成功！",
403 type: "success",
404 });
405 that.$store.dispatch("user/refreshPage", true);
406 } else {
407 that.$message({
408 showClose: true,
409 message: res.message,
410 type: "error",
411 });
412 }
413 })
414 } else {
415 that.$message({
416 showClose: true,
417 message: "请输入登记原因",
418 type: "error"
419 })
420 return false
421 }
422 })
423
424 },
425 /**
426 * @description: compare
427 * @author: renchao
428 */
429 compare () {
430 this.$popupDialog(
431 this.ruleForm.qlxx.qllxmc,
432 "registerBook/comparison",
433 {
434 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
435 dqqllx: "YGDJ",
436 },
437 "80%",
438 true
439 );
440 },
441 },
442 };
443 </script>
444 <style scoped lang="scss">
445 @import "~@/styles/public.scss";
446
447 /deep/.el-form {
448 display: flex;
449 flex-direction: column;
450 height: calc(100vh - 130px);
451 }
452
453 /deep/.el-form-item__label {
454 padding: 0;
455 }
456
457 /deep/.el-radio {
458 margin-right: 10px;
459 }
460
461 /deep/.el-select {
462 width: 100%;
463 }
464
465 /deep/.el-form-item {
466 margin-bottom: 3px;
467 }
468
469 .marginBot0 {
470 margin-bottom: 0 !important;
471 }
472
473 .slxx {
474 box-sizing: border-box;
475 }
476
477 .slxx_con {
478 flex: 1;
479 height: 100%;
480 background-color: #ffffff;
481 overflow-y: auto;
482 padding-right: 3px;
483 overflow-x: hidden;
484 }
485
486 .submit_btn {
487 height: 50px;
488 }
489
490 .btn {
491 text-align: center;
492 padding-top: 10px;
493 height: 36px;
494 background-color: #ffffff;
495 padding: 5px 0;
496 }
497
498 .textArea {
499 /deep/.el-textarea__inner {
500 min-height: 90px !important;
501 }
502 }
503
504 /deep/.el-form-item__label {
505 padding-bottom: 0px;
506 }
507 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="140px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block">
14 申请业务信息
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10" v-if="ruleForm.slsq">
18 <el-col :span="8">
19 <el-form-item label="业务号：">
20 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item label="受理人员：">
25 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理时间：">
30 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10" v-if="ruleForm.slsq">
35 <el-col :span="8">
36 <el-form-item label="权利类型：">
37 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="8">
41 <el-form-item label="登记类型：">
42 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记情形：">
47 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 预告买卖登记情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item label="权利类型：">
58 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item label="不动产证明号：">
63 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item label="不动产单元号：">
68 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item label="权利人：">
75 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item label="证件种类：">
80 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item label="证件号：">
85 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
86 </el-form-item>
87 </el-col>
88 </el-row>
89 <el-row :gutter="10">
90 <el-col :span="8">
91 <el-form-item label="房屋面积：">
92 <el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="房屋用途：">
97 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="房屋性质：">
102 <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
103 </el-form-item>
104 </el-col>
105 </el-row>
106 <el-row :gutter="10">
107 <el-col :span="8">
108 <el-form-item label="房屋取得价格：">
109 <el-input disabled v-model="ruleForm.ztQlxx.qdjgmc"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="16">
113 <el-form-item label="不动产坐落：">
114 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 <div class="slxx_title title-block">
119 预告抵押情况
120 <div class="triangle"></div>
121 </div>
122 <el-row :gutter="10">
123 <el-col :span="8">
124 <el-form-item label="原不动产证号："
125 prop="sldy.ybdcqzsh"
126 :rules="rules.ybdcqzshrules">
127 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="预告登记种类："
132 prop="ygdj.ygdjzlmc"
133 :rules="rules.ygdjzlmcrules">
134 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item
139 label="是否禁止或者限制转让的约定："
140 label-width="200px"
141 prop="ygdj.sfczjzhxz"
142 :rules="rules.sfczjzhxzrules">
143 <el-radio-group
144 v-model="ruleForm.ygdj.sfczjzhxz"
145 :disabled="!viewEdit">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 </el-row>
152 <el-row :gutter="10">
153 <el-col :span="8">
154 <el-form-item label="被担保主债权数额："
155 prop="ygdj.qdjg"
156 :rules="rules.qdjgrules">
157 <div class="flex">
158 <el-input
159 v-model="ruleForm.ygdj.qdjg"
160 :disabled="!viewEdit"></el-input>
161 <el-select
162 v-model="ruleForm.ygdj.jedw"
163 :disabled="!viewEdit"
164 style="width: 68px">
165 <el-option
166 v-for="item in dictData['A57']"
167 :key="item.dcode"
168 :label="item.dname"
169 :value="item.dcode"></el-option>
170 </el-select>
171 </div>
172 </el-form-item>
173 </el-col>
174 <el-col :span="8">
175 <el-form-item label="债务履行起始时间："
176 prop="ygdj.zwlxqssj"
177 :rules="rules.zwlxqssjrules">
178 <el-date-picker
179 v-model="ruleForm.ygdj.zwlxqssj"
180 :disabled="!viewEdit"
181 type="date"></el-date-picker>
182 </el-form-item>
183 </el-col>
184 <el-col :span="8">
185 <el-form-item label="债务履行结束时间："
186 prop="ygdj.zwlxjssj"
187 :rules="rules.zwlxjssjrules">
188 <el-date-picker
189 v-model="ruleForm.ygdj.zwlxjssj"
190 :disabled="!viewEdit"
191 type="date"></el-date-picker>
192 </el-form-item>
193 </el-col>
194 </el-row>
195 <el-row :gutter="10">
196 <el-col :span="24">
197 <el-form-item label="担保范围："
198 prop="ygdj.dbfw"
199 :rules="rules.dbfwrules">
200 <el-input
201 v-model="ruleForm.ygdj.dbfw"
202 :disabled="!viewEdit"></el-input>
203 </el-form-item>
204 </el-col>
205 </el-row>
206 <el-row>
207 <el-col :span="24">
208 <el-form-item label="附记：" prop="fj">
209 <el-input
210 type="textarea"
211 maxlength="500"
212 show-word-limit
213 v-model="ruleForm.ygdj.fj"
214 :disabled="!viewEdit"></el-input>
215 </el-form-item>
216 </el-col>
217 </el-row>
218 <div class="slxx_title title-block">
219 抵押权人信息
220 <div class="triangle"></div>
221 </div>
222 <el-row :gutter="10">
223 <el-col :span="12">
224 <el-form-item label="共有方式：">
225 <el-radio-group
226 :disabled="!viewEdit"
227 v-model="ruleForm.sldy.gyfs">
228 <el-radio label="0">单独所有</el-radio>
229 <el-radio label="1">共同共有</el-radio>
230 <el-radio label="2">按份所有</el-radio>
231 <el-radio label="3">其它共有</el-radio>
232 </el-radio-group>
233 </el-form-item>
234 </el-col>
235 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
236 <el-form-item label="是否分别持证：">
237 <el-radio-group
238 v-model="ruleForm.sldy.sqfbcz"
239 :disabled="!viewEdit"
240 @input="updaterow()">
241 <el-radio :label="1">是</el-radio>
242 <el-radio :label="0">否</el-radio>
243 </el-radio-group>
244 </el-form-item>
245 </el-col>
246 <el-col
247 :span="6"
248 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
249 <el-form-item label="持证人：">
250 <el-select
251 v-model="czr"
252 placeholder="持证人"
253 :disabled="!viewEdit">
254 <el-option
255 v-for="(item,index) in czrOptions"
256 :key="index"
257 :label="item.sqrmc"
258 :value="item.id"></el-option>
259 </el-select>
260 </el-form-item>
261 </el-col>
262 </el-row>
263 <qlrCommonTable
264 @upDateQlrxxList="upDateQlrxxList"
265 :tableData="ruleForm.qlrList"
266 :disabled="viewEdit"
267 :gyfs="ruleForm.sldy.gyfs" />
268 <div class="slxx_title title-block">
269 抵押人信息
270 <div class="triangle"></div>
271 </div>
272 <ywrCommonTable
273 @upDateQlrxxList="upDateYwrxxList"
274 :tableData="ruleForm.ywrList"
275 :disabled="viewEdit"
276 :gyfs="ruleForm.sldy.gyfs" />
277 <div class="slxx_title title-block">
278 登记原因
279 <div class="triangle"></div>
280 </div>
281 <el-row :gutter="10">
282 <el-col>
283 <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy">
284 <el-input
285 class="textArea"
286 type="textarea"
287 maxlength="500"
288 show-word-limit
289 :disabled="!viewEdit"
290 v-model="ruleForm.ygdj.zxyy">
291 </el-input>
292 </el-form-item>
293 <el-form-item v-else label="登记原因：" prop="ygdj.djyy">
294 <el-input
295 class="textArea"
296 type="textarea"
297 maxlength="500"
298 show-word-limit
299 :disabled="!viewEdit"
300 v-model="ruleForm.ygdj.djyy">
301 </el-input>
302 </el-form-item>
303 </el-col>
304 </el-row>
305 </div>
306 <el-row class="btn" v-if="isSave">
307 <el-form-item>
308 <el-button type="primary" @click="onSubmit">保存</el-button>
309 </el-form-item>
310 </el-row>
311 </el-form>
312 </div>
313 </template>
314 <script>
315 import ywmix from "@/views/ywbl/mixin/index";
316 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
317 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
318 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
319 import { mapGetters } from "vuex";
320 export default {
321 mixins: [ywmix],
322 mounted () {
323 let that = this;
324 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
325 this.propsParam = this.$attrs;
326 var formdata = new FormData();
327 this.loading = true;
328 formdata.append("bsmSldy", this.propsParam.bsmSldy);
329 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
330 formdata.append("djlx", this.propsParam.djlx);
331 formdata.append("isEdit", this.viewEdit);
332 Init(formdata).then((res) => {
333 setTimeout(() => {
334 that.loading = false
335 }, 200)
336 if (res.code === 200 && res.result) {
337 that.ruleForm = res.result;
338 that.ruleForm.qlrList.forEach((item) => {
339 item.id = item.bsmSqr
340 if (item.sfczr == '1') {
341 that.czr = item.bsmSqr
342 }
343 })
344 that.czrOptions = this.ruleForm.qlrList;
345 that.isSave = that.viewEdit
346 } else {
347 that.isSave = false
348 that.$confirm(res.message, '提示', {
349 cancelButtonText: '取消',
350 showConfirmButton: false,
351 type: 'warning'
352 })
353 }
354 }).catch(() => {
355 this.loading = false
356 this.isSave = false
357 })
358 },
359 components: { qlrCommonTable, ywrCommonTable },
360 computed: {
361 ...mapGetters(["dictData", "flag"])
362 },
363 data () {
364 return {
365 isSave: true,
366 //表单是否可操作
367 viewEdit: true,
368 loading: false,
369 disabled: true,
370 tdytOption: [],
371 czrOptions: [],
372 czr: "",
373 ruleForm: {},
374 //传递参数
375 propsParam: this.$attrs,
376 rules: {
377 ybdcqzshrules: [
378 { required: true, message: "原不动产证号", trigger: "blur" },
379 ],
380 ygdjzlmcrules: [
381 { required: true, message: "预告登记种类", trigger: "blur" },
382 ],
383 sfczjzhxzrules: [
384 { required: true, message: "是否禁止或者限制转让的约定：", trigger: "blur" },
385 ],
386 qdjgrules: [{ required: true, message: "被担保主债权数额", trigger: "blur" }],
387 zwlxqssjrules: [{ required: true, message: "债务履行起始时间", trigger: "blur" }],
388 zwlxjssjrules: [{ required: true, message: "债务履行结束时间", trigger: "blur" }],
389 dbfwrules: [{ required: true, message: "担保范围", trigger: "blur" }],
390 'ygdj.djyy': [
391 { required: true, message: '请输入登记原因', trigger: 'blur' }
392 ]
393 }
394 }
395 },
396 methods: {
397 /**
398 * @description: 更新权利人信息
399 * @param {*} val
400 * @author: renchao
401 */
402 upDateQlrxxList (val) {
403 this.ruleForm.qlrList = _.cloneDeep(val);
404 this.czrOptions = this.ruleForm.qlrList;
405 this.num = 0
406 this.ruleForm.qlrList.forEach(item => {
407 if (item.id == this.czr) {
408 this.num++
409 }
410 })
411 if (this.num == 0) {
412 this.czr = ''
413 }
414 },
415 /**
416 * @description: 义务人信息
417 * @param {*} val
418 * @author: renchao
419 */
420 upDateYwrxxList (val) {
421 this.ruleForm.ywrList = _.cloneDeep(val);
422 },
423 /**
424 * @description: 是否持证人变化
425 * @author: renchao
426 */
427 updaterow () {
428 this.czr = "";
429 },
430 /**
431 * @description: onSubmit
432 * @author: renchao
433 */
434 onSubmit () {
435 let that = this;
436 if (this.ruleForm.qlrList.length == 0) {
437 this.$message({
438 showClose: true,
439 message: "请确认权利人信息",
440 type: "error",
441 });
442 return false;
443 }
444
445 if (this.ruleForm.sldy.gyfs == "0") {
446 if (this.ruleForm.qlrList.length > 1) {
447 this.$message({
448 showClose: true,
449 message: "共有方式：单独所有，权利人只能是一个人",
450 type: "error",
451 });
452 return false;
453 }
454 this.ruleForm.qlrList[0].sfczr = "1";
455 } else {
456 if (this.ruleForm.qlrList.length <= 1) {
457 this.$message({
458 showClose: true,
459 message:
460 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
461 type: "error",
462 });
463 return false;
464 }
465 //是否分别持证
466 if (this.ruleForm.sldy.sqfbcz == "1") {
467 //是
468 this.ruleForm.qlrList.forEach((item, index) => {
469 item.sfczr = "1";
470 });
471 } else {
472 if (that.czr === '') {
473 that.$message({
474 showClose: true,
475 message: "请选择持证人",
476 type: "error",
477 });
478 return false;
479 }
480 this.ruleForm.qlrList.forEach((item, index) => {
481 if (item.id == that.czr) {
482 item.sfczr = "1";
483 } else {
484 item.sfczr = "0";
485 }
486 });
487 }
488 }
489 saveData(this.ruleForm).then((res) => {
490 if (res.code === 200) {
491 this.$message({
492 showClose: true,
493 message: "保存成功！",
494 type: "success",
495 });
496 this.$store.dispatch("user/refreshPage", true);
497 } else {
498 this.$message({
499 showClose: true,
500 message: res.message,
501 type: "error"
502 })
503 }
504 })
505 }
506 }
507 }
508 </script>
509 <style scoped lang="scss">
510 @import "~@/styles/public.scss";
511 @import "~@/styles/slxx/slxx.scss";
512 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 v-Loading="loading"
7 :label-position="flag ? 'top' : ''"
8 :inline="flag"
9 ref="ruleForm"
10 label-width="140px">
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block">
13 申请业务信息
14 <div class="triangle"></div>
15 </div>
16 <el-row :gutter="10" v-if="ruleForm.flow">
17 <el-col :span="8">
18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理人员：">
24 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理时间：">
29 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row :gutter="10" v-if="ruleForm.sldyList">
34 <el-col :span="8">
35 <el-form-item label="权利类型：">
36 <el-input
37 disabled
38 v-model="ruleForm.sldyList[0].qllxmc"></el-input>
39 </el-form-item>
40 </el-col>
41 <el-col :span="8">
42 <el-form-item label="登记类型：">
43 <el-input
44 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"></el-input>
46 </el-form-item>
47 </el-col>
48 <el-col :span="8">
49 <el-form-item label="登记情形：">
50 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
51 </el-form-item>
52 </el-col>
53 </el-row>
54
55 <div
56 class="slxx_title title-block"
57 v-if="ruleForm.slsq.djywbm.includes('400')">
58 在建工程抵押信息列表（{{ ruleForm.qlxxList.length }} 户）
59 <div class="triangle"></div>
60 </div>
61 <div
62 class="slxx_title title-block"
63 v-else>
64 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
65 <div class="triangle"></div>
66 </div>
67 <cfBdcdyTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" />
68 <qjhTable v-else :tableData="ruleForm.hlist" />
69 <div class="slxx_title title-block">
70 抵押信息
71 <div class="triangle"></div>
72 </div>
73 <el-row
74 :gutter="10"
75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
76 <el-col :span="8">
77 <el-form-item label="抵押方式：">
78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
79 <el-radio label="1">一般抵押</el-radio>
80 <el-radio label="2">最高额抵押</el-radio>
81 </el-radio-group>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="抵押金额类型：">
86 <el-radio-group
87 v-model="ruleForm.diyaqList[0].dyjelx"
88 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
89 <el-radio label="0">独立抵押</el-radio>
90 <el-radio label="1">整体抵押</el-radio>
91 </el-radio-group>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item
96 label="是否存在禁止或者限制转让抵押不动产的约定："
97 label-width="300px">
98 <el-radio-group
99 v-model="ruleForm.diyaqList[0].sfczjzhxz"
100 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
101 <el-radio label="1">启用</el-radio>
102 <el-radio label="0">禁用</el-radio>
103 </el-radio-group>
104 </el-form-item>
105 </el-col>
106 </el-row>
107 <el-row
108 :gutter="10"
109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
111 <el-form-item label="被担保主债权数额：">
112 <div style="display: flex">
113 <el-input
114 v-model="ruleForm.diyaqList[0].bdbzzqse"
115 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
116 <el-select
117 style="width: 68px"
118 v-model="ruleForm.diyaqList[0].jedw"
119 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode">
125 </el-option>
126 </el-select>
127 </div>
128 </el-form-item>
129 </el-col>
130
131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
132 <el-form-item label="最高债权额：">
133 <el-input
134 v-model="ruleForm.diyaqList[0].zgzqse"
135 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
136 <el-select
137 v-model="ruleForm.diyaqList[0].jedw"
138 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
139 <el-option
140 v-for="item in dictData['A57']"
141 :key="item.dcode"
142 :label="item.dname"
143 :value="item.dcode">
144 </el-option>
145 </el-select>
146 </el-form-item>
147 </el-col>
148
149 <el-col :span="8">
150 <el-form-item label="债务履行起始时间：">
151 <el-date-picker
152 v-model="ruleForm.diyaqList[0].zwlxqssj"
153 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
154 type="date">
155 </el-date-picker>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="债务履行结束时间：">
160 <el-date-picker
161 v-model="ruleForm.diyaqList[0].zwlxjssj"
162 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
163 type="date">
164 </el-date-picker>
165 </el-form-item>
166 </el-col>
167 </el-row>
168
169 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
170 <el-col :span="24">
171 <el-form-item label="担保范围：">
172 <el-input
173 v-model="ruleForm.diyaqList[0].dbfw"
174 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
175 </el-form-item>
176 </el-col>
177 </el-row>
178 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
179 <el-col :span="24">
180 <el-form-item label="最高债权确定事实和数额：">
181 <el-input
182 v-model="ruleForm.diyaqList[0].zgzqqdss"
183 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
184 </el-form-item>
185 </el-col>
186 </el-row>
187 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
188 <el-col>
189 <el-form-item label="附记：" prop="fj">
190 <el-input
191 type="textarea"
192 maxlength="500"
193 show-word-limit
194 v-model="ruleForm.diyaqList[0].fj"
195 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
196 </el-form-item>
197 </el-col>
198 </el-row>
199
200 <div class="slxx_title title-block">
201 抵押权人信息
202 <div class="triangle"></div>
203 </div>
204 <el-row
205 :gutter="10"
206 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0">
207 <el-col :span="14">
208 <el-form-item label="共有方式：">
209 <el-radio-group
210 :disabled="!viewEdit"
211 v-model="ruleForm.sldyList[0].gyfs">
212 <el-radio label="0">单独所有</el-radio>
213 <el-radio label="1">共同共有</el-radio>
214 <el-radio label="2">按份所有</el-radio>
215 <el-radio label="3">其它共有</el-radio>
216 </el-radio-group>
217 </el-form-item>
218 </el-col>
219 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
220 <el-form-item label="是否分别持证：">
221 <el-radio-group
222 v-model="ruleForm.sldyList[0].sqfbcz"
223 :disabled="!viewEdit"
224 @input="updaterow()">
225 <el-radio :label="1">是</el-radio>
226 <el-radio :label="0">否</el-radio>
227 </el-radio-group>
228 </el-form-item>
229 </el-col>
230 <el-col
231 :span="5"
232 v-show="
233 ruleForm.sldyList[0].gyfs != '0' &&
234 ruleForm.sldyList[0].sqfbcz == '0'
235 ">
236 <el-form-item label="持证人：">
237 <el-select
238 v-model="czr"
239 placeholder="持证人"
240 :disabled="!viewEdit">
241 <el-option
242 v-for="(item,index) in czrOptions"
243 :key="index"
244 :label="item.sqrmc"
245 :value="item.id">
246 </el-option>
247 </el-select>
248 </el-form-item>
249 </el-col>
250 </el-row>
251 <qlrCommonTable
252 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
253 :tableData="ruleForm.qlrList"
254 @upDateQlrxxList="upDateQlrxxList"
255 :disabled="viewEdit"
256 :gyfs="ruleForm.sldyList[0].gyfs" />
257 <div class="slxx_title title-block">
258 抵押人信息
259 <div class="triangle"></div>
260 </div>
261 <qlrCommonTable
262 :tableData="ruleForm.ywrList"
263 @upDateQlrxxList="upDateYwrxxList"
264 :disabled="viewEdit" />
265
266 <div class="slxx_title title-block">
267 登记原因
268 <div class="triangle"></div>
269 </div>
270 <el-row
271 :gutter="10"
272 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
273 <el-col>
274 <el-form-item
275 v-if="ruleForm.sldyList[0].djlx == '400'"
276 label="注销抵押原因："
277 prop="djyy">
278 <el-input
279 class="textArea"
280 type="textarea"
281 :disabled="!viewEdit"
282 v-model="ruleForm.diyaqList[0].zxdyyy">
283 </el-input>
284 </el-form-item>
285 <el-form-item v-else label="登记原因：" prop="diyaqList[0].djyy">
286 <el-input
287 class="textArea"
288 type="textarea"
289 maxlength="500"
290 show-word-limit
291 :disabled="!viewEdit"
292 v-model="ruleForm.diyaqList[0].djyy">
293 </el-input>
294 </el-form-item>
295 </el-col>
296 </el-row>
297 </div>
298 <el-row class="btn" v-if="isSave">
299 <el-form-item>
300 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
301 </el-form-item>
302 </el-row>
303 </el-form>
304 </div>
305 </template>
306 <script>
307 import qjhTable from "@/views/workflow/components/qjhTable";
308 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
309 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
310 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
311 import { mapGetters } from "vuex";
312 export default {
313 mounted () {
314 let that = this
315 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
316 this.propsParam = this.$attrs;
317 var formdata = new FormData();
318
319 this.loading = true
320 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
321 formdata.append("djlx", this.propsParam.djlx);
322 formdata.append("isEdit", this.viewEdit);
323 bacthInit(formdata).then((res) => {
324 setTimeout(() => {
325 that.loading = false
326 }, 200)
327 if (res.code === 200 && res.result) {
328 this.ruleForm = res.result;
329 this.ruleForm.qlrList.forEach((item) => {
330 item.id = item.bsmSqr
331 if (item.sfczr == '1') {
332 that.czr = item.bsmSqr
333 }
334 })
335 that.czrOptions = that.ruleForm.qlrList;
336 that.isSave = that.viewEdit
337 } else {
338 that.isSave = false
339 that.$confirm(res.message, '提示', {
340 cancelButtonText: '取消',
341 showConfirmButton: false,
342 type: 'warning'
343 })
344 }
345 }).catch(() => {
346 this.loading = false
347 })
348 },
349 components: { qlrCommonTable, qjhTable, cfBdcdyTable },
350 computed: {
351 ...mapGetters(["dictData", "flag"]),
352 },
353 data () {
354 return {
355 isSave: true,
356 loading: false,
357 //表单是否可操作
358 viewEdit: true,
359 disabled: true,
360 czrOptions: [],
361 czr: "",
362 ruleForm: {},
363 //传递参数
364 propsParam: {},
365 rules: {
366 'diyaqList[0].djyy': [
367 { required: true, message: '请输入登记原因', trigger: 'blur' }
368 ]
369 },
370 tableData: [],
371 };
372 },
373 methods: {
374 /**
375 * @description: onSubmitClick
376 * @author: renchao
377 */
378 onSubmitClick () {
379 let that = this;
380 if (this.ruleForm.qlrList.length == 0) {
381 this.$message({
382 showClose: true,
383 message: "请确认抵押权人信息",
384 type: "error",
385 });
386 return false;
387 }
388 if (this.ruleForm.sldyList[0].gyfs == "0") {
389 if (this.ruleForm.qlrList.length > 1) {
390 this.$message({
391 showClose: true,
392 message: "共有方式：单独所有，抵押权人只能是一个人",
393 type: "error",
394 });
395 return false;
396 }
397 this.ruleForm.qlrList[0].sfczr = "1";
398 } else {
399 if (this.ruleForm.qlrList.length <= 1) {
400 this.$message({
401 showClose: true,
402 message:
403 "共有方式：共同所有，按份所有，其他所有，抵押权人必须是两个以上",
404 type: "error",
405 });
406 return false;
407 }
408 //是否分别持证
409 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
410 //是
411 this.ruleForm.qlrList.forEach((item, index) => {
412 item.sfczr = "1"
413 })
414 } else {
415 if (that.czr === '') {
416 that.$message({
417 showClose: true,
418 message: "请选择持证人",
419 type: "error",
420 });
421 return false;
422 }
423 this.ruleForm.qlrList.forEach((item, index) => {
424 if (item.id == that.czr) {
425 item.sfczr = "1";
426 } else {
427 item.sfczr = "0";
428 }
429 });
430 }
431 }
432 this.$refs['ruleForm'].validate((valid) => {
433 if (valid) {
434 that.$store.dispatch("user/refreshPage", false);
435 saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => {
436 if (res.code === 200) {
437 that.$message({
438 showClose: true,
439 message: "保存成功！",
440 type: "success",
441 });
442 that.$store.dispatch("user/refreshPage", true);
443 } else {
444 that.$message({
445 showClose: true,
446 message: res.message,
447 type: "error",
448 });
449 }
450 })
451 } else {
452 that.$message({
453 showClose: true,
454 message: "请输入登记原因",
455 type: "error"
456 })
457 return false
458 }
459 })
460 },
461 /**
462 * @description: 是否持证人变化
463 * @param {*} val
464 * @author: renchao
465 */
466 updaterow () {
467 this.czr = "";
468 },
469 /**
470 * @description: 更新抵押权人信息
471 * @param {*} val
472 * @author: renchao
473 */
474 upDateQlrxxList (val) {
475 if (!_.isEqual(val, this.ruleForm.qlrList)) {
476 this.ruleForm.qlrList = _.cloneDeep(val);
477 this.czrOptions = this.ruleForm.qlrList;
478 }
479 this.num = 0
480 this.ruleForm.qlrList.forEach(item => {
481 if (item.id == this.czr) {
482 this.num++
483 }
484 })
485 if (this.num == 0) {
486 this.czr = ''
487 }
488 },
489 /**
490 * @description: 更新义务人信息
491 * @param {*} val
492 * @author: renchao
493 */
494 upDateYwrxxList (val) {
495 if (!_.isEqual(val, this.ruleForm.ywrList)) {
496 this.ruleForm.ywrList = _.cloneDeep(val);
497 }
498 }
499 }
500 }
501 </script>
502 <style scoped lang="scss">
503 @import "~@/styles/public.scss";
504 @import "~@/styles/slxx/slxx.scss";
505 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="170px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block">
14 申请业务信息
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10">
18 <el-col :span="8">
19 <el-form-item label="业务号：">
20 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item label="受理人员：">
25 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="受理时间：">
30 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="8">
36 <el-form-item label="权利类型：" prop="qllx">
37 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="8">
41 <el-form-item label="登记类型：" prop="djlx">
42 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 抵押户信息情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item label="房屋用途：">
58 <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item label="房屋性质：">
63 <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item label="房屋结构：">
68 <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item label="建筑面积：">
75 <div class="flex">
76 <el-input
77 maxlength="12"
78 v-model="ruleForm.qjh.jzmj" disabled
79 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
80 <el-select disabled v-model="mjdw" style="width: 68px">
81 <el-option
82 v-for="item in dictData['A7']"
83 :key="item.dcode"
84 :label="item.dname"
85 :value="item.dcode">
86 </el-option>
87 </el-select>
88 </div>
89 </el-form-item>
90 </el-col>
91 <el-col :span="8">
92 <el-form-item label="套内建筑面积：">
93 <div class="flex">
94 <el-input
95 maxlength="12"
96 v-model="ruleForm.qjh.tnjzmj" disabled
97 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
98 <el-select disabled v-model="mjdw" style="width: 68px">
99 <el-option
100 v-for="item in dictData['A7']"
101 :key="item.dcode"
102 :label="item.dname"
103 :value="item.dcode">
104 </el-option>
105 </el-select>
106 </div>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="分摊建筑面积：">
111 <div class="flex">
112 <el-input
113 maxlength="12"
114 v-model="ruleForm.qjh.ftjzmj" disabled
115 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
116 <el-select disabled v-model="mjdw" style="width: 68px">
117 <el-option
118 v-for="item in dictData['A7']"
119 :key="item.dcode"
120 :label="item.dname"
121 :value="item.dcode">
122 </el-option>
123 </el-select>
124 </div>
125 </el-form-item>
126 </el-col>
127 </el-row>
128 <el-row :gutter="10">
129 <el-col :span="8">
130 <el-form-item label="不动产单元号：">
131 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item label="室号部位：">
136 <el-input disabled v-model="ruleForm.qjh.shbw"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item label="坐落：">
141 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
142 </el-form-item>
143 </el-col>
144 </el-row>
145
146 <div class="slxx_title title-block">
147 抵押信息
148 <div class="triangle"></div>
149 </div>
150
151 <el-row :gutter="10">
152 <el-col :span="8">
153 <el-form-item label="抵押方式：">
154 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
155 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
156 <el-radio label="1">一般抵押</el-radio>
157 <el-radio label="2">最高额抵押</el-radio>
158 </el-radio-group>
159 </el-form-item>
160 </el-col>
161 <el-col :span="16">
162 <el-form-item
163 label="是否存在禁止或者限制转让抵押不动产的约定："
164 label-width="350px">
165 <el-radio-group
166 v-model="ruleForm.diyaq.sfczjzhxz"
167 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'">
168 <el-radio label="1">是</el-radio>
169 <el-radio label="0">否</el-radio>
170 </el-radio-group>
171 </el-form-item>
172 </el-col>
173 </el-row>
174
175 <el-row :gutter="10">
176 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
177 <el-form-item label="被担保主债权数额：">
178 <div style="display:flex">
179 <el-input
180 v-model="ruleForm.diyaq.bdbzzqse"
181 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input>
182 <el-select style="width: 68px" v-model="ruleForm.diyaq.jedw"
183 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'">
184 <el-option
185 v-for="item in dictData['A57']"
186 :key="item.dcode"
187 :label="item.dname"
188 :value="item.dcode">
189 </el-option>
190 </el-select>
191 </div>
192 </el-form-item>
193 </el-col>
194
195 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
196 <el-form-item label="最高债权额：">
197 <div style="display: flex">
198 <el-input
199 v-model="ruleForm.diyaq.zgzqse"
200 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input>
201 <el-select v-model="ruleForm.diyaq.jedw" style="width: 68px" :disabled="!viewEdit || ruleForm.sldy.djlx == '400'">
202 <el-option
203 v-for="item in dictData['A57']"
204 :key="item.dcode"
205 :label="item.dname"
206 :value="item.dcode">
207 </el-option>
208 </el-select>
209 </div>
210 </el-form-item>
211 </el-col>
212
213 <el-col :span="8">
214 <el-form-item label="债务履行起始时间：">
215 <el-date-picker
216 v-model="ruleForm.diyaq.zwlxqssj"
217 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
218 type="date">
219 </el-date-picker>
220 </el-form-item>
221 </el-col>
222 <el-col :span="8">
223 <el-form-item label="债务履行结束时间：">
224 <el-date-picker
225 v-model="ruleForm.diyaq.zwlxjssj"
226 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
227 type="date">
228 </el-date-picker>
229 </el-form-item>
230 </el-col>
231 </el-row>
232
233 <el-row>
234 <el-col :span="24">
235 <el-form-item label="担保范围：">
236 <el-input
237 v-model="ruleForm.diyaq.dbfw"
238 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input>
239 </el-form-item>
240 </el-col>
241 </el-row>
242 <el-row>
243 <el-col :span="24">
244 <el-form-item label="最高债权确定事实和数额：">
245 <el-input
246 v-model="ruleForm.diyaq.zgzqqdss"
247 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input>
248 </el-form-item>
249 </el-col>
250 </el-row>
251 <el-row>
252 <el-col>
253 <el-form-item label="附记：" prop="fj">
254 <el-input
255 type="textarea"
256 maxlength="500"
257 show-word-limit
258 v-model="ruleForm.diyaq.fj"
259 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input>
260 </el-form-item>
261 </el-col>
262 </el-row>
263
264 <div class="slxx_title title-block">
265 抵押权人信息
266 <div class="triangle"></div>
267 </div>
268 <el-row :gutter="10">
269 <el-col :span="12">
270 <el-form-item label="共有方式：">
271 <el-radio-group
272 :disabled="!viewEdit"
273 v-model="ruleForm.sldy.gyfs">
274 <el-radio label="0">单独所有</el-radio>
275 <el-radio label="1">共同共有</el-radio>
276 <el-radio label="2">按份所有</el-radio>
277 <el-radio label="3">其它共有</el-radio>
278 </el-radio-group>
279 </el-form-item>
280 </el-col>
281 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
282 <el-form-item label="是否分别持证：">
283 <el-radio-group
284 v-model="ruleForm.sldy.sqfbcz"
285 :disabled="!viewEdit"
286 @input="updaterow()">
287 <el-radio :label="1">是</el-radio>
288 <el-radio :label="0">否</el-radio>
289 </el-radio-group>
290 </el-form-item>
291 </el-col>
292 <el-col
293 :span="6"
294 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
295 <el-form-item label="持证人：">
296 <el-select
297 v-model="czr"
298 placeholder="持证人"
299 :disabled="!viewEdit">
300 <el-option
301 v-for="(item,index) in czrOptions"
302 :key="index"
303 :label="item.sqrmc"
304 :value="item.id">
305 </el-option>
306 </el-select>
307 </el-form-item>
308 </el-col>
309 </el-row>
310 <qlrCommonTable
311 :tableData="ruleForm.qlrList"
312 @upDateQlrxxList="upDateQlrxxList"
313 :disabled="viewEdit"
314 :gyfs="ruleForm.sldy.gyfs" />
315 <div class="slxx_title title-block">
316 抵押人信息
317 <div class="triangle"></div>
318 </div>
319 <qlrCommonTable
320 :tableData="ruleForm.ywrList"
321 @upDateQlrxxList="upDateYwrxxList"
322 :disabled="viewEdit" />
323
324 <div class="slxx_title title-block">
325 登记原因
326 <div class="triangle"></div>
327 </div>
328 <el-row :gutter="10">
329 <el-col>
330 <el-form-item
331 v-if="ruleForm.sldy.djlx == '400'"
332 label="注销抵押原因："
333 prop="djyy">
334 <el-input
335 class="textArea"
336 type="textarea"
337 :disabled="!viewEdit"
338 v-model="ruleForm.diyaq.zxdyyy">
339 </el-input>
340 </el-form-item>
341 <el-form-item v-else label="登记原因：" prop="diyaq.djyy">
342 <el-input
343 class="textArea"
344 type="textarea"
345 maxlength="500"
346 show-word-limit
347 :disabled="!viewEdit"
348 v-model="ruleForm.diyaq.djyy">
349 </el-input>
350 </el-form-item>
351 </el-col>
352 </el-row>
353 </div>
354 <el-row class="btn" v-if="isSave">
355 <el-form-item>
356 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
357 </el-form-item>
358 </el-row>
359 </el-form>
360 </div>
361 </template>
362 <script>
363 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
364 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
365 import { mapGetters } from "vuex";
366 export default {
367 mounted () {
368 let that = this
369 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
370 this.propsParam = this.$attrs;
371 var formdata = new FormData();
372 this.loading = true
373 formdata.append("bsmSldy", this.propsParam.bsmSldy);
374 formdata.append("djlx", this.propsParam.djlx);
375 formdata.append("isEdit", this.viewEdit);
376 Init(formdata).then((res) => {
377 this.loading = false
378 if (res.code === 200 && res.result) {
379 this.ruleForm = res.result;
380 window.djlx = res.result.sldy.djlx
381 this.czrOptions = this.ruleForm.qlrList;
382 this.ruleForm.qlrList.forEach((item) => {
383 item.id = item.bsmSqr
384 if (item.sfczr == '1') {
385 that.czr = item.bsmSqr
386 }
387 })
388 that.czrOptions = that.ruleForm.qlrList;
389 that.isSave = that.viewEdit
390 } else {
391 that.isSave = false
392 that.$confirm(res.message, '提示', {
393 cancelButtonText: '取消',
394 showConfirmButton: false,
395 type: 'warning'
396 })
397 }
398 }).catch(() => {
399 this.loading = false
400 })
401 },
402 components: { qlrCommonTable },
403 computed: {
404 ...mapGetters(["dictData", "flag"]),
405 },
406 data () {
407 return {
408 mjdw: '1',
409 isSave: true,
410 loading: false,
411 //表单是否可操作
412 viewEdit: true,
413 disabled: true,
414 czrOptions: [],
415 czr: "",
416 ruleForm: {},
417 //传递参数
418 propsParam: {},
419 rules: {
420 'diyaq.djyy': [
421 { required: true, message: '请输入登记原因', trigger: 'blur' }
422 ]
423 },
424 // 键名转换，方法默认是label和children进行树状渲染
425 normalizer (node) {
426 //方法
427 if (node.children == null || node.children == "null") {
428 delete node.children;
429 }
430 return {
431 id: node.dcode,
432 label: node.dname,
433 };
434 },
435 };
436 },
437 methods: {
438 /**
439 * @description: onSubmitClick
440 * @author: renchao
441 */
442 onSubmitClick () {
443 let that = this;
444 if (this.ruleForm.qlrList.length == 0) {
445 this.$message({
446 showClose: true,
447 message: "请确认权利人信息",
448 type: "error",
449 });
450 return false;
451 }
452
453 if (this.ruleForm.sldy.gyfs == "0") {
454 if (this.ruleForm.qlrList.length > 1) {
455 this.$message({
456 showClose: true,
457 message: "共有方式：单独所有，权利人只能是一个人",
458 type: "error",
459 });
460 return false;
461 }
462 this.ruleForm.qlrList[0].sfczr = "1";
463 } else {
464 if (this.ruleForm.qlrList.length <= 1) {
465 this.$message({
466 showClose: true,
467 message:
468 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
469 type: "error",
470 });
471 return false;
472 }
473 //是否分别持证
474 if (this.ruleForm.sldy.sqfbcz == "1") {
475 //是
476 this.ruleForm.qlrList.forEach((item, index) => {
477 item.sfczr = "1";
478 });
479 } else {
480 if (that.czr === '') {
481 that.$message({
482 showClose: true,
483 message: "请选择持证人",
484 type: "error",
485 });
486 return false;
487 }
488 this.ruleForm.qlrList.forEach((item, index) => {
489 if (item.id == that.czr) {
490 item.sfczr = "1";
491 } else {
492 item.sfczr = "0";
493 }
494 });
495 }
496 }
497 this.$refs['ruleForm'].validate((valid) => {
498 if (valid) {
499 that.$store.dispatch("user/refreshPage", false);
500 saveData(that.ruleForm, that.propsParam.djlx).then((res) => {
501 if (res.code === 200) {
502 that.$message({
503 showClose: true,
504 message: "保存成功！",
505 type: "success",
506 });
507 that.$store.dispatch("user/refreshPage", true);
508 } else {
509 that.$message({
510 showClose: true,
511 message: res.message,
512 type: "error",
513 });
514 }
515 })
516 } else {
517 that.$message({
518 showClose: true,
519 message: "请输入登记原因",
520 type: "error"
521 })
522 return false
523 }
524 })
525
526 },
527 /**
528 * @description: 更新权利人信息
529 * @param {*} val
530 * @author: renchao
531 */
532 upDateQlrxxList (val) {
533 if (!_.isEqual(val, this.ruleForm.qlrList)) {
534 this.ruleForm.qlrList = _.cloneDeep(val);
535 this.czrOptions = this.ruleForm.qlrList;
536 }
537 this.num = 0
538 this.ruleForm.qlrList.forEach(item => {
539 if (item.id == this.czr) {
540 this.num++
541 }
542 })
543 if (this.num == 0) {
544 this.czr = ''
545 }
546 },
547 // 是否持证人变化
548 /**
549 * @description: 是否持证人变化
550 * @param {*} val
551 * @author: renchao
552 */
553 updaterow () {
554 this.czr = "";
555 },
556 /**
557 * @description: 更新义务人信息
558 * @param {*} val
559 * @author: renchao
560 */
561 upDateYwrxxList (val) {
562 if (!_.isEqual(val, this.ruleForm.ywrList)) {
563 this.ruleForm.ywrList = _.cloneDeep(val);
564 }
565 }
566 }
567 }
568 </script>
569 <style scoped lang="scss">
570 @import "~@/styles/public.scss";
571 @import "~@/styles/slxx/slxx.scss";
572 </style>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
71 import { ywPopupDialog } from "@/utils/popup.js"; 71 import { ywPopupDialog } from "@/utils/popup.js";
72 import { datas, sendThis } from "../javascript/selectH.js"; 72 import { datas, sendThis } from "../javascript/selectH.js";
73 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 73 import { defaultParameters } from "../javascript/publicDefaultPar.js";
74 import { selectHQjdc } from "@/api/ywsq.js"; 74 // import { selectHQjdc } from "@/api/ywsq.js";
75 import { startBusinessFlow, againAddSldy } from "@/api/workFlow.js"; 75 import { startBusinessFlow, againAddSldy } from "@/api/workFlow.js";
76 export default { 76 export default {
77 mixins: [ywsqTable, jump], 77 mixins: [ywsqTable, jump],
...@@ -123,16 +123,16 @@ ...@@ -123,16 +123,16 @@
123 * @author: renchao 123 * @author: renchao
124 */ 124 */
125 queryClick () { 125 queryClick () {
126 this.$startLoading(); 126 // this.$startLoading();
127 this.queryForm.sqywbm = this.sqywInfo.djywbm; 127 // this.queryForm.sqywbm = this.sqywInfo.djywbm;
128 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { 128 // selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
129 this.$endLoading(); 129 // this.$endLoading();
130 if (res.code === 200) { 130 // if (res.code === 200) {
131 let { total, records } = res.result; 131 // let { total, records } = res.result;
132 this.tableData.total = total; 132 // this.tableData.total = total;
133 this.tableData.data = records; 133 // this.tableData.data = records;
134 } 134 // }
135 }); 135 // });
136 }, 136 },
137 /** 137 /**
138 * @description: submitForm 138 * @description: submitForm
......