Skip to content

bdc / bdcdj-web

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

重构修改工作流框架内容

1 parent 9ab01e32
Inline Side-by-side
Showing 19 changed files with 9363 additions and 18 deletions
...@@ -4,88 +4,228 @@ ...@@ -4,88 +4,228 @@
4 * @LastEditTime: 2024-01-23 14:07:58 4 * @LastEditTime: 2024-01-23 14:07:58
5 */ 5 */
6 /** 6 /**
7 * @description: 流程环节操作按钮 7 * @description: 流程表单操作
8 * @param {*} tabName 8 * @param {*} tabName
9 * @author: renchao 9 * @author: renchao
10 */ 10 */
11 // export function getForm(tabName) {
12 // let form;
13 // if (tabName == 0) return
14 // switch (tabName) {
15 // //土地所有权
16 // case "tdsyqslxx":
17 // form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue");
18 // break;
19 // //建设用地、宅基地
20 // case "jsydsyqslxx100":
21 // case "jsydsyqslxx300":
22 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
23 // break;
24 // //土地承包经营权
25 // case "tdcbjyqslxx100":
26 // form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue");
27 // break;
28 // //房屋多幢
29 // case "fwsyqdzslxx":
30 // form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue");
31 // break;
32 // //房屋独幢
33 // case "fwsyqslxx100":
34 // case "fwsyqslxx200":
35 // case "fwsyqslxx400":
36 // case "fwsyqslxx300":
37 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
38 // break;
39 // //房屋独幢（批量）
40 // case "plfdcq2":
41 // form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue");
42 // break;
43 // //林地使用权
44 // case "lqslxx":
45 // form = require("@/views/ywbl/slsqxx/lqslxx");
46 // break;
47 // //森林林木使用权
48 // case "sllmslxx":
49 // form = require("@/views/ywbl/slsqxx/sllmslxx");
50 // break;
51 // //农用地使用权
52 // case "nydsyqslxx100":
53 // case "nydsyqslxx200":
54 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
55 // break;
56 // //查封登记
57 // case "tdslxxCfdj":
58 // form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue");
59 // break;
60 // //查封登记（批量）
61 // case "plslxxCfdj":
62 // form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue");
63 // break;
64 // //抵押权
65 // case "diyaqSlxx":
66 // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
67 // break;
68 // //抵押权（批量）
69 // case "batchDiyaq":
70 // form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue");
71 // break;
72 // //预告买卖登记
73 // case "ygmm100":
74 // case "ygmm300":
75 // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
76 // break;
77 // //预告抵押登记
78 // case "ygdy100":
79 // case "ygdy300":
80 // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
81 // break;
82 // //在建工程抵押权
83 // case "zjgcdyqSlxx":
84 // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
85 // break;
86 // //在建工程抵押权（批量）
87 // case "batchZjgcdyq":
88 // form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
89 // break;
90 // case "clxx"://材料信息
91 // form = require("@/views/workflow/components/clxx/clxxUnify.vue");
92 // break;
93 // case "spyj"://审批意见
94 // form = require("@/views/workflow/components/spyj.vue");
95 // break;
96 // case "swxx"://税务信息
97 // form = require("@/views/workflow/components/swxx.vue");
98 // break;
99 // case "sfxx"://收费信息
100 // form = require("@/views/workflow/components/sfxx.vue");
101 // break;
102 // case "sdqxx"://水电气信息
103 // form = require("@/views/workflow/components/sdqxx.vue");
104 // break;
105 // case "zdjbxx"://宗地基本信息
106 // form = require("@/views/registerBook/zdjbxx.vue");
107 // break;
108 // case "szxx"://缮证信息
109 // form = require("@/views/workflow/components/szxx.vue");
110 // break;
111 // case "fzxx"://发证信息
112 // form = require("@/views/workflow/components/fzxx.vue");
113 // break;
114 // case "zdjbxxImg"://宗地图
115 // form = require("@/views/workflow/components/zdt.vue");
116 // break;
117 // case "cfdjxx":
118 // form = require("@/views/registerBook/cfdj.vue");
119 // break;
120 // case "tdsyqQlxx":
121 // form = require("@/views/registerBook/tdsyq.vue");
122 // break;
123 // case "jsydsyqQlxx":
124 // form = require("@/views/registerBook/jsydsyq.vue");
125 // break;
126 // case "nydsyqQlxx":
127 // form = require("@/views/registerBook/nydsyq.vue");
128 // break;
129 // case "fdcq1Qlxx":
130 // form = require("@/views/registerBook/fdcq1.vue");
131 // break;
132 // case "fdcq2Qlxx":
133 // form = require("@/views/registerBook/fdcq2.vue");
134 // break;
135 // case "lqQlxx":
136 // form = require("@/views/registerBook/ldsyq.vue");
137 // break;
138 // case "diyaqQlxx":
139 // form = require("@/views/registerBook/diyaq.vue");
140 // break;
141 // case "ygdjQlxx":
142 // form = require("@/views/registerBook/ygdj.vue");
143 // break;
144 // default://默认地址404空页面
145 // form = require("@/views/error-page/404.vue");
146 // break;
147 // }
148 // return (r) => require.ensure([], () => r(form));
149 // }
150
11 export function getForm(tabName) { 151 export function getForm(tabName) {
12 let form; 152 let form;
13 if (tabName == 0) return 153 if (tabName == 0) return
14 switch (tabName) { 154 switch (tabName) {
15 //土地所有权 155 //土地所有权
16 case "tdsyqslxx": 156 case "tdsyqslxx":
17 form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue"); 157 form = require("@/views/workflow/main/slsqxx/tdsyq/slxx.vue");
18 break; 158 break;
19 //建设用地、宅基地 159 //建设用地、宅基地
20 case "jsydsyqslxx100": 160 case "jsydsyqslxx100":
21 case "jsydsyqslxx300": 161 case "jsydsyqslxx300":
22 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); 162 form = require("@/views/workflow/main/slsqxx/jsydsyq/slxx.vue");
23 break; 163 break;
24 //土地承包经营权 164 //土地承包经营权
25 case "tdcbjyqslxx100": 165 case "tdcbjyqslxx100":
26 form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue"); 166 form = require("@/views/workflow/main/slsqxx/tdcbjyq/slxx.vue");
27 break; 167 break;
28 //房屋多幢 168 //房屋多幢
29 case "fwsyqdzslxx": 169 case "fwsyqdzslxx":
30 form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue"); 170 form = require("@/views/workflow/main/slsqxx/fdcq1/slxx.vue");
31 break; 171 break;
32 //房屋独幢 172 //房屋独幢
33 case "fwsyqslxx100": 173 case "fwsyqslxx100":
34 case "fwsyqslxx200": 174 case "fwsyqslxx200":
35 case "fwsyqslxx400": 175 case "fwsyqslxx400":
36 case "fwsyqslxx300": 176 case "fwsyqslxx300":
37 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); 177 form = require("@/views/workflow/main/slsqxx/fdcq2/slxx.vue");
38 break; 178 break;
39 //房屋独幢（批量） 179 //房屋独幢（批量）
40 case "plfdcq2": 180 case "plfdcq2":
41 form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue"); 181 form = require("@/views/workflow/main/slsqxx/fdcq2/batchSlxx.vue");
42 break; 182 break;
43 //林地使用权 183 //林地使用权
44 case "lqslxx": 184 case "lqslxx":
45 form = require("@/views/ywbl/slsqxx/lqslxx"); 185 form = require("@/views/workflow/main/slsqxx/lqslxx");
46 break; 186 break;
47 //森林林木使用权 187 //森林林木使用权
48 case "sllmslxx": 188 case "sllmslxx":
49 form = require("@/views/ywbl/slsqxx/sllmslxx"); 189 form = require("@/views/workflow/main/slsqxx/sllmslxx");
50 break; 190 break;
51 //农用地使用权 191 //农用地使用权
52 case "nydsyqslxx100": 192 case "nydsyqslxx100":
53 case "nydsyqslxx200": 193 case "nydsyqslxx200":
54 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 194 form = require("@/views/workflow/main/slsqxx/nydsyq/slxx.vue");
55 break; 195 break;
56 //查封登记 196 //查封登记
57 case "tdslxxCfdj": 197 case "tdslxxCfdj":
58 form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue"); 198 form = require("@/views/workflow/main/slsqxx/cfdj/slxx.vue");
59 break; 199 break;
60 //查封登记（批量） 200 //查封登记（批量）
61 case "plslxxCfdj": 201 case "plslxxCfdj":
62 form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue"); 202 form = require("@/views/workflow/main/slsqxx/cfdj/batchSlxx.vue");
63 break; 203 break;
64 //抵押权 204 //抵押权
65 case "diyaqSlxx": 205 case "diyaqSlxx":
66 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 206 form = require("@/views/workflow/main/slsqxx/diyaq/slxx.vue");
67 break; 207 break;
68 //抵押权（批量） 208 //抵押权（批量）
69 case "batchDiyaq": 209 case "batchDiyaq":
70 form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue"); 210 form = require("@/views/workflow/main/slsqxx/diyaq/batchSlxx.vue");
71 break; 211 break;
72 //预告买卖登记 212 //预告买卖登记
73 case "ygmm100": 213 case "ygmm100":
74 case "ygmm300": 214 case "ygmm300":
75 form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); 215 form = require("@/views/workflow/main/slsqxx/ygdj/slxx.vue");
76 break; 216 break;
77 //预告抵押登记 217 //预告抵押登记
78 case "ygdy100": 218 case "ygdy100":
79 case "ygdy300": 219 case "ygdy300":
80 form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); 220 form = require("@/views/workflow/main/slsqxx/ygdy/slxx.vue");
81 break; 221 break;
82 //在建工程抵押权 222 //在建工程抵押权
83 case "zjgcdyqSlxx": 223 case "zjgcdyqSlxx":
84 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 224 form = require("@/views/workflow/main/slsqxx/zjgcdy/slxx.vue");
85 break; 225 break;
86 //在建工程抵押权（批量） 226 //在建工程抵押权（批量）
87 case "batchZjgcdyq": 227 case "batchZjgcdyq":
88 form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue"); 228 form = require("@/views/workflow/main/slsqxx/zjgcdy/batchSlxx.vue");
89 break; 229 break;
90 case "clxx"://材料信息 230 case "clxx"://材料信息
91 form = require("@/views/workflow/components/clxx/clxxUnify.vue"); 231 form = require("@/views/workflow/components/clxx/clxxUnify.vue");
......
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 <!--
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>变更前2</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 <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/workflow/main/dataCompare/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 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 <!--
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="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>