Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6aad4a91 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 0f7f530a c47d1fe2
Inline Side-by-side
Showing 14 changed files with 1077 additions and 1168 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:27:35 4 * @LastEditTime: 2023-08-30 15:52:11
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{ readonly: editDisabled }" 12 :class="{ readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm" 13 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
16 :inline="flag" 15 :inline="flag"
...@@ -313,20 +312,6 @@ ...@@ -313,20 +312,6 @@
313 <el-input v-model="ruleForm.qlxx.zl"></el-input> 312 <el-input v-model="ruleForm.qlxx.zl"></el-input>
314 </el-form-item> 313 </el-form-item>
315 </el-col> 314 </el-col>
316 <!-- <el-col :span="8">
317 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
318 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
319 </el-form-item>
320 </el-col> -->
321 <!-- <el-col :span="8">
322 <el-form-item
323 label="区县代码："
324 prop="qlxx.qxdm"
325 :rules="rules.qxdmrules"
326 >
327 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
328 </el-form-item>
329 </el-col> -->
330 <el-col :span="8"> 315 <el-col :span="8">
331 <el-form-item label="在建建筑物抵押范围："> 316 <el-form-item label="在建建筑物抵押范围：">
332 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> 317 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
...@@ -401,24 +386,6 @@ ...@@ -401,24 +386,6 @@
401 </el-date-picker> 386 </el-date-picker>
402 </el-form-item> 387 </el-form-item>
403 </el-col> 388 </el-col>
404
405 <!-- <el-col :span="8">
406 <el-form-item label="是否预告登记：">
407 <el-select v-model="ruleForm.diyaq.sfygdj">
408 <el-option
409 v-for="item in dictData['A6']"
410 :key="item.dcode"
411 :label="item.dname"
412 :value="item.dcode"></el-option>
413 </el-select>
414 </el-form-item>
415 </el-col> -->
416 <!-- <el-col :span="8">
417 <el-form-item label="在建建筑物坐落：">
418 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
419 </el-form-item>
420 </el-col> -->
421
422 <el-col :span="24"> 389 <el-col :span="24">
423 <el-form-item label="登记原因："> 390 <el-form-item label="登记原因：">
424 <el-input v-model="ruleForm.diyaq.djyy"></el-input> 391 <el-input v-model="ruleForm.diyaq.djyy"></el-input>
......
1 /* 1 /*
2 * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 2 * @Description:workFramezu.vue组件的方法 头部按钮弹框方法
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-10 14:13:32 4 * @LastEditTime: 2023-08-30 16:15:41
5 */ 5 */
6 import { getPrintTemplateByCode } from "@/api/print"; 6 import { getPrintTemplateByCode } from "@/api/print";
7 import { getQllxByBdcdyid } from "@/api/djbDetail.js"; 7 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
...@@ -43,7 +43,6 @@ export default { ...@@ -43,7 +43,6 @@ export default {
43 this.flowInitParam(); 43 this.flowInitParam();
44 }, 44 },
45 methods: { 45 methods: {
46 //加载流程初始参数
47 /** 46 /**
48 * @description: 加载流程初始参数 47 * @description: 加载流程初始参数
49 * @author: renchao 48 * @author: renchao
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 16:45:42 4 * @LastEditTime: 2023-08-30 16:14:24
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -12,14 +12,15 @@ ...@@ -12,14 +12,15 @@
12 :isFullscreen="false" 12 :isFullscreen="false"
13 @submitForm="submitForm" 13 @submitForm="submitForm"
14 @closeDialog="closeDialog" 14 @closeDialog="closeDialog"
15 :isButton="showButton" 15 :isButton="showButton">
16 >
17 <el-form 16 <el-form
18 :model="ruleForm" 17 :model="ruleForm"
19 :rules="rules" 18 :rules="rules"
20 ref="ruleForm" 19 ref="ruleForm"
21 label-width="120px" 20 label-width="120px">
22 > 21 <el-form-item label="身份证读卡器">
22 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
23 </el-form-item>
23 <el-row> 24 <el-row>
24 <el-col :span="8"> 25 <el-col :span="8">
25 <el-form-item label="权利人类型" prop="sqrlx"> 26 <el-form-item label="权利人类型" prop="sqrlx">
...@@ -28,14 +29,12 @@ ...@@ -28,14 +29,12 @@
28 v-model="ruleForm.sqrlx" 29 v-model="ruleForm.sqrlx"
29 class="width100" 30 class="width100"
30 :disabled="!showButton" 31 :disabled="!showButton"
31 placeholder="请选择" 32 placeholder="请选择">
32 >
33 <el-option 33 <el-option
34 v-for="item in dictData['A36']" 34 v-for="item in dictData['A36']"
35 :key="item.dcode" 35 :key="item.dcode"
36 :label="item.dname" 36 :label="item.dname"
37 :value="item.dcode" 37 :value="item.dcode">
38 >
39 </el-option> 38 </el-option>
40 </el-select> 39 </el-select>
41 </el-form-item> 40 </el-form-item>
...@@ -45,8 +44,7 @@ ...@@ -45,8 +44,7 @@
45 <el-input 44 <el-input
46 v-model="ruleForm.sqrmc" 45 v-model="ruleForm.sqrmc"
47 maxlegth="15" 46 maxlegth="15"
48 :disabled="!showButton" 47 :disabled="!showButton"></el-input>
49 ></el-input>
50 </el-form-item> 48 </el-form-item>
51 </el-col> 49 </el-col>
52 <el-col :span="8"> 50 <el-col :span="8">
...@@ -56,14 +54,12 @@ ...@@ -56,14 +54,12 @@
56 v-model="ruleForm.zjzl" 54 v-model="ruleForm.zjzl"
57 :disabled="!showButton" 55 :disabled="!showButton"
58 class="width100" 56 class="width100"
59 placeholder="请选择" 57 placeholder="请选择">
60 >
61 <el-option 58 <el-option
62 v-for="item in dictData['A30']" 59 v-for="item in dictData['A30']"
63 :key="item.dcode" 60 :key="item.dcode"
64 :label="item.dname" 61 :label="item.dname"
65 :value="item.dcode" 62 :value="item.dcode">
66 >
67 </el-option> 63 </el-option>
68 </el-select> 64 </el-select>
69 </el-form-item> 65 </el-form-item>
...@@ -76,8 +72,7 @@ ...@@ -76,8 +72,7 @@
76 v-model="ruleForm.zjh" 72 v-model="ruleForm.zjh"
77 :disabled="!showButton" 73 :disabled="!showButton"
78 maxlength="18" 74 maxlength="18"
79 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" 75 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
80 ></el-input>
81 </el-form-item> 76 </el-form-item>
82 </el-col> 77 </el-col>
83 <el-col :span="8"> 78 <el-col :span="8">
...@@ -86,37 +81,34 @@ ...@@ -86,37 +81,34 @@
86 v-model="ruleForm.dh" 81 v-model="ruleForm.dh"
87 :disabled="!showButton" 82 :disabled="!showButton"
88 maxlength="11" 83 maxlength="11"
89 oninput="value=value.replace(/[^\d]/g,'')" 84 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
90 ></el-input>
91 </el-form-item> 85 </el-form-item>
92 </el-col> 86 </el-col>
93 <el-col :span="8"> 87 <el-col :span="8">
94 <el-form-item label="权利比例" prop="qlbl"> 88 <el-form-item label="性别" prop="xb">
95 <el-input 89 <el-select
96 v-model="ruleForm.qlbl" 90 clearable
97 maxlength="32" 91 v-model="ruleForm.xb"
98 :disabled="!showButton || this.ruleForm.gyfs == 1" 92 :disabled="!showButton"
99 ></el-input> 93 class="width100"
94 placeholder="请选择">
95 <el-option
96 v-for="item in dictData['A43']"
97 :key="item.dcode"
98 :label="item.dname"
99 :value="item.dcode">
100 </el-option>
101 </el-select>
100 </el-form-item> 102 </el-form-item>
101 </el-col> 103 </el-col>
102 </el-row> 104 </el-row>
103 <el-row> 105 <el-row>
104 <el-col :span="8"> 106 <el-col :span="8">
105 <el-form-item label="法人名称" prop="frmc">
106 <el-input
107 v-model="ruleForm.frmc"
108 maxlength="32"
109 :disabled="!showButton"
110 ></el-input>
111 </el-form-item>
112 </el-col>
113 <el-col :span="8">
114 <el-form-item label="国家/地区" prop="gj"> 107 <el-form-item label="国家/地区" prop="gj">
115 <el-input 108 <el-input
116 v-model="ruleForm.gj" 109 v-model="ruleForm.gj"
117 maxlength="3" 110 maxlength="3"
118 :disabled="!showButton" 111 :disabled="!showButton"></el-input>
119 ></el-input>
120 </el-form-item> 112 </el-form-item>
121 </el-col> 113 </el-col>
122 <el-col :span="8"> 114 <el-col :span="8">
...@@ -124,20 +116,34 @@ ...@@ -124,20 +116,34 @@
124 <el-input 116 <el-input
125 v-model="ruleForm.hjszss" 117 v-model="ruleForm.hjszss"
126 maxlength="3" 118 maxlength="3"
127 :disabled="!showButton" 119 :disabled="!showButton"></el-input>
128 ></el-input> 120 </el-form-item>
121 </el-col>
122 <el-col :span="8">
123 <el-form-item label="权利比例" prop="qlbl">
124 <el-input
125 v-model="ruleForm.qlbl"
126 maxlength="32"
127 :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
129 </el-form-item> 128 </el-form-item>
130 </el-col> 129 </el-col>
131 </el-row> 130 </el-row>
132 131
133 <el-row> 132 <el-row>
134 <el-col :span="24"> 133 <el-col :span="8">
134 <el-form-item label="法人名称" prop="frmc">
135 <el-input
136 v-model="ruleForm.frmc"
137 maxlength="32"
138 :disabled="!showButton"></el-input>
139 </el-form-item>
140 </el-col>
141 <el-col :span="16">
135 <el-form-item label="地址" prop="txdz"> 142 <el-form-item label="地址" prop="txdz">
136 <el-input 143 <el-input
137 v-model="ruleForm.txdz" 144 v-model="ruleForm.txdz"
138 maxlength="100" 145 maxlength="100"
139 :disabled="!showButton" 146 :disabled="!showButton"></el-input>
140 ></el-input>
141 </el-form-item> 147 </el-form-item>
142 </el-col> 148 </el-col>
143 </el-row> 149 </el-row>
...@@ -148,8 +154,7 @@ ...@@ -148,8 +154,7 @@
148 <el-input 154 <el-input
149 v-model="ruleForm.fzjg" 155 v-model="ruleForm.fzjg"
150 maxlength="10" 156 maxlength="10"
151 :disabled="!showButton" 157 :disabled="!showButton"></el-input>
152 ></el-input>
153 </el-form-item> 158 </el-form-item>
154 </el-col> 159 </el-col>
155 <el-col :span="8"> 160 <el-col :span="8">
...@@ -157,8 +162,7 @@ ...@@ -157,8 +162,7 @@
157 <el-input 162 <el-input
158 v-model="ruleForm.dzyj" 163 v-model="ruleForm.dzyj"
159 :disabled="!showButton" 164 :disabled="!showButton"
160 maxlength="25" 165 maxlength="25"></el-input>
161 ></el-input>
162 </el-form-item> 166 </el-form-item>
163 </el-col> 167 </el-col>
164 <el-col :span="8"> 168 <el-col :span="8">
...@@ -167,8 +171,7 @@ ...@@ -167,8 +171,7 @@
167 v-model.number="ruleForm.yb" 171 v-model.number="ruleForm.yb"
168 :disabled="!showButton" 172 :disabled="!showButton"
169 maxlength="6" 173 maxlength="6"
170 oninput="value=value.replace(/[^\d]/g,'')" 174 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
171 ></el-input>
172 </el-form-item> 175 </el-form-item>
173 </el-col> 176 </el-col>
174 </el-row> 177 </el-row>
...@@ -179,8 +182,7 @@ ...@@ -179,8 +182,7 @@
179 <el-input 182 <el-input
180 v-model="ruleForm.gzdw" 183 v-model="ruleForm.gzdw"
181 maxlength="32" 184 maxlength="32"
182 :disabled="!showButton" 185 :disabled="!showButton"></el-input>
183 ></el-input>
184 </el-form-item> 186 </el-form-item>
185 </el-col> 187 </el-col>
186 <el-col :span="16"> 188 <el-col :span="16">
...@@ -188,8 +190,7 @@ ...@@ -188,8 +190,7 @@
188 <el-input 190 <el-input
189 v-model="ruleForm.dlrjg" 191 v-model="ruleForm.dlrjg"
190 maxlength="32" 192 maxlength="32"
191 :disabled="!showButton" 193 :disabled="!showButton"></el-input>
192 ></el-input>
193 </el-form-item> 194 </el-form-item>
194 </el-col> 195 </el-col>
195 </el-row> 196 </el-row>
...@@ -201,8 +202,7 @@ ...@@ -201,8 +202,7 @@
201 v-model="ruleForm.dlrdh" 202 v-model="ruleForm.dlrdh"
202 :disabled="!showButton" 203 :disabled="!showButton"
203 maxlength="11" 204 maxlength="11"
204 oninput="value=value.replace(/[^\d]/g,'')" 205 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
205 ></el-input>
206 </el-form-item> 206 </el-form-item>
207 </el-col> 207 </el-col>
208 <el-col :span="8"> 208 <el-col :span="8">
...@@ -210,8 +210,7 @@ ...@@ -210,8 +210,7 @@
210 <el-input 210 <el-input
211 v-model="ruleForm.dlrmc" 211 v-model="ruleForm.dlrmc"
212 maxlength="15" 212 maxlength="15"
213 :disabled="!showButton" 213 :disabled="!showButton"></el-input>
214 ></el-input>
215 </el-form-item> 214 </el-form-item>
216 </el-col> 215 </el-col>
217 <el-col :span="8"> 216 <el-col :span="8">
...@@ -221,47 +220,26 @@ ...@@ -221,47 +220,26 @@
221 v-model="ruleForm.dlrzjlx" 220 v-model="ruleForm.dlrzjlx"
222 :disabled="!showButton" 221 :disabled="!showButton"
223 class="width100" 222 class="width100"
224 placeholder="请选择" 223 placeholder="请选择">
225 >
226 <el-option 224 <el-option
227 v-for="item in dictData['A30']" 225 v-for="item in dictData['A30']"
228 :key="item.dcode" 226 :key="item.dcode"
229 :label="item.dname" 227 :label="item.dname"
230 :value="item.dcode" 228 :value="item.dcode">
231 >
232 </el-option> 229 </el-option>
233 </el-select> 230 </el-select>
234 </el-form-item> 231 </el-form-item>
235 </el-col> 232 </el-col>
236 </el-row> 233 </el-row>
237 <el-row> 234 <el-row>
238 <el-col :span="8"> 235
239 <el-form-item label="性别" prop="xb">
240 <el-select
241 clearable
242 v-model="ruleForm.xb"
243 :disabled="!showButton"
244 class="width100"
245 placeholder="请选择"
246 >
247 <el-option
248 v-for="item in dictData['A43']"
249 :key="item.dcode"
250 :label="item.dname"
251 :value="item.dcode"
252 >
253 </el-option>
254 </el-select>
255 </el-form-item>
256 </el-col>
257 <el-col :span="8"> 236 <el-col :span="8">
258 <el-form-item label="代理人证件号" prop="dlrzjh"> 237 <el-form-item label="代理人证件号" prop="dlrzjh">
259 <el-input 238 <el-input
260 v-model="ruleForm.dlrzjh" 239 v-model="ruleForm.dlrzjh"
261 :disabled="!showButton" 240 :disabled="!showButton"
262 maxlength="18" 241 maxlength="18"
263 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" 242 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
264 ></el-input>
265 </el-form-item> 243 </el-form-item>
266 </el-col> 244 </el-col>
267 </el-row> 245 </el-row>
...@@ -269,94 +247,122 @@ ...@@ -269,94 +247,122 @@
269 </dialogBox> 247 </dialogBox>
270 </template> 248 </template>
271 <script> 249 <script>
272 import { mapGetters } from "vuex"; 250 import { mapGetters } from "vuex";
273 export default { 251 import { getIdCardInfo } from '@/utils/operation.js'
274 props: { 252 export default {
275 value: { type: Boolean, default: false }, 253 props: {
276 details: { type: Object, default: {} }, 254 value: { type: Boolean, default: false },
277 showButton: { type: Boolean, default: false }, 255 details: { type: Object, default: {} },
278 }, 256 showButton: { type: Boolean, default: false },
279 computed: {
280 ...mapGetters(["dictData"]),
281 },
282 data() {
283 return {
284 myValue: this.value,
285 ruleForm: {
286 sqrlx: "",
287 sqrmc: "",
288 zjzl: "",
289 zjh: "",
290 dh: "",
291 xb: "",
292 fs: "",
293 frmc: "",
294 gj: "",
295 hjszss: "",
296 txdz: "",
297 yb: "",
298 fzjg: "",
299 dzyj: "",
300 qlbl: "",
301 gzdw: "",
302 dlrjg: "",
303 dlrmc: "",
304 dlrzjlx: "",
305 dlrzjh: "",
306 dlrdh: "",
307 },
308 rules: {
309 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
310 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
311 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
312 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
313 },
314 };
315 },
316 watch: {
317 value(val) {
318 this.myValue = _.cloneDeep(val);
319 }, 257 },
320 details: { 258 computed: {
321 handler: function (val, oldVal) { 259 ...mapGetters(["dictData"]),
322 this.ruleForm = val;
323 },
324 deep: true,
325 }, 260 },
326 }, 261 data () {
327 methods: { 262 return {
328 /** 263 myValue: this.value,
329 * @description: closeDialog 264 ruleForm: {
330 * @author: renchao 265 sqrlx: "",
331 */ 266 sqrmc: "",
332 closeDialog() { 267 zjzl: "",
333 this.$emit("input", false); 268 zjh: "",
334 this.$refs["ruleForm"].resetFields(); 269 dh: "",
270 xb: "",
271 fs: "",
272 frmc: "",
273 gj: "",
274 hjszss: "",
275 txdz: "",
276 yb: "",
277 fzjg: "",
278 dzyj: "",
279 qlbl: "",
280 gzdw: "",
281 dlrjg: "",
282 dlrmc: "",
283 dlrzjlx: "",
284 dlrzjh: "",
285 dlrdh: "",
286 },
287 rules: {
288 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
289 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
290 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
291 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
292 },
293 };
335 }, 294 },
336 /** 295 watch: {
337 * @description: submitForm 296 value (val) {
338 * @author: renchao 297 this.myValue = _.cloneDeep(val)
339 */ 298 },
340 submitForm() { 299 details: {
341 this.$refs.ruleForm.validate((valid) => { 300 handler: function (val, oldVal) {
342 if (valid) { 301 this.ruleForm = val;
343 this.$emit("input", false); 302 },
344 this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); 303 deep: true
345 this.$refs["ruleForm"].resetFields(); 304 }
346 } else {
347 return false;
348 }
349 });
350 }, 305 },
351 }, 306 methods: {
352 }; 307 /**
308 * @description: 身份证打卡器
309 * @param {*} row
310 * @author: renchao
311 */
312 readClick () {
313 getIdCardInfo().then(res => {
314 if (res.data.code == 0) {
315 let data = res.data.IDCardInfo
316 this.ruleForm.sqrmc = data.name
317 this.ruleForm.zjzl = '1'
318 this.ruleForm.zjh = data.cardID
319 this.ruleForm.xb = data.sexCode
320 this.ruleForm.txdz = data.address
321 this.ruleForm.fzjg = data.issueOrgan
322 this.$message({
323 message: '读取成功！',
324 type: 'success'
325 })
326 } else {
327 this.$message({
328 message: res.data.message,
329 type: 'warning'
330 })
331 }
332 })
333 },
334 /**
335 * @description: closeDialog
336 * @author: renchao
337 */
338 closeDialog () {
339 this.$emit("input", false);
340 this.$refs["ruleForm"].resetFields();
341 },
342 /**
343 * @description: submitForm
344 * @author: renchao
345 */
346 submitForm () {
347 this.$refs.ruleForm.validate((valid) => {
348 if (valid) {
349 this.$emit("input", false);
350 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
351 this.$refs["ruleForm"].resetFields();
352 } else {
353 return false;
354 }
355 })
356 }
357 }
358 }
353 </script> 359 </script>
354 <style scoped lang="scss"> 360 <style scoped lang="scss">
355 @import "~@/styles/dialogBoxheader.scss"; 361 @import "~@/styles/dialogBoxheader.scss";
356 .submit-button { 362 .submit-button {
357 text-align: center; 363 text-align: center;
358 height: 52px; 364 height: 52px;
359 padding-top: 10px; 365 padding-top: 10px;
360 background-color: #fff; 366 background-color: #fff;
361 } 367 }
362 </style> 368 </style>
......
1 <!-- 1 <!--
2 * @Description: workFrame左侧菜单列表-普通 2 * @Description: workFrame左侧菜单列表-普通
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 08:44:31 4 * @LastEditTime: 2023-08-30 13:59:09
5 --> 5 -->
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
...@@ -194,7 +194,6 @@ ...@@ -194,7 +194,6 @@
194 }); 194 });
195 }); 195 });
196 }, 196 },
197 //批量按钮点击事件
198 /** 197 /**
199 * @description: 批量按钮点击事件 198 * @description: 批量按钮点击事件
200 * @author: renchao 199 * @author: renchao
...@@ -203,9 +202,7 @@ ...@@ -203,9 +202,7 @@
203 this.currentSelectProps.batchOperation = true; 202 this.currentSelectProps.batchOperation = true;
204 this.activeIndex = "-1"; 203 this.activeIndex = "-1";
205 this.$parent.stepForm(0); 204 this.$parent.stepForm(0);
206
207 }, 205 },
208 //批量操作
209 /** 206 /**
210 * @description: 批量操作 207 * @description: 批量操作
211 * @author: renchao 208 * @author: renchao
...@@ -216,7 +213,6 @@ ...@@ -216,7 +213,6 @@
216 dataList: this.unitData, 213 dataList: this.unitData,
217 }, '50%', true) 214 }, '50%', true)
218 }, 215 },
219 //申请单元点击事件
220 /** 216 /**
221 * @description: 申请单元点击事件 217 * @description: 申请单元点击事件
222 * @param {*} index 218 * @param {*} index
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 09:53:27 4 * @LastEditTime: 2023-08-30 16:03:09
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -66,13 +66,13 @@ ...@@ -66,13 +66,13 @@
66 ) 66 )
67 } 67 }
68 }, 68 },
69 { 69 // {
70 label: '身份证读卡器', 70 // label: '身份证读卡器',
71 align: 'center', 71 // align: 'center',
72 render: (h, scope) => { 72 // render: (h, scope) => {
73 return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button> 73 // return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button>
74 } 74 // }
75 }, 75 // },
76 { 76 {
77 prop: "sqrmc", 77 prop: "sqrmc",
78 label: "姓名/名称" 78 label: "姓名/名称"
...@@ -124,12 +124,12 @@ ...@@ -124,12 +124,12 @@
124 let that = this 124 let that = this
125 this.$nextTick(() => { 125 this.$nextTick(() => {
126 if (val.length == 0 || !val) { 126 if (val.length == 0 || !val) {
127 that.tableDataList = _.cloneDeep([{ 127 // that.tableDataList = _.cloneDeep([{
128 sqrmc: '', 128 // sqrmc: '',
129 dlrzjlx: '', 129 // dlrzjlx: '',
130 dlrzjh: '', 130 // dlrzjh: '',
131 fr: '' 131 // fr: ''
132 }]) 132 // }])
133 } else { 133 } else {
134 that.tableDataList = _.cloneDeep(val) 134 that.tableDataList = _.cloneDeep(val)
135 } 135 }
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
164 * @param {*} value 164 * @param {*} value
165 * @author: renchao 165 * @author: renchao
166 */ 166 */
167 handleupdateDetail (value) { 167 handleupdateDetail (value) {
168 let arr = this.tableData.map(item => item.zjh) 168 let arr = this.tableData.map(item => item.zjh)
169 if (this.isaddupdate) { 169 if (this.isaddupdate) {
170 if (!arr.includes(value.zjh)) { 170 if (!arr.includes(value.zjh)) {
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,7 @@
174 this.$message.error('证件号不能重复'); 174 this.$message.error('证件号不能重复');
175 } 175 }
176 } else { 176 } else {
177 if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) { 177 if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
178 this.tableDataList[this.dataIndex] = _.cloneDeep(value); 178 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
179 this.$emit('upDateQlrxxList', this.tableDataList) 179 this.$emit('upDateQlrxxList', this.tableDataList)
180 } else { 180 } else {
...@@ -205,9 +205,8 @@ ...@@ -205,9 +205,8 @@
205 * @author: renchao 205 * @author: renchao
206 */ 206 */
207 deleClick (index, row) { 207 deleClick (index, row) {
208 this.tableData.splice(index, 1) 208 this.tableData.splice(index, 1)
209 }, 209 },
210
211 /** 210 /**
212 * @description: 身份证读取 211 * @description: 身份证读取
213 * @param {*} row 212 * @param {*} row
...@@ -244,7 +243,7 @@ ...@@ -244,7 +243,7 @@
244 */ 243 */
245 editClick (index, row) { 244 editClick (index, row) {
246 this.details = row 245 this.details = row
247 this.details.gyfs=this.gyfs 246 this.details.gyfs = this.gyfs
248 this.dataIndex = index 247 this.dataIndex = index
249 this.dialog = true 248 this.dialog = true
250 249
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 09:17:44 4 * @LastEditTime: 2023-08-30 14:13:47
5 */ 5 */
6 import { getPrintTemplateByCode } from "@/api/print"; 6 import { getPrintTemplateByCode } from "@/api/print";
7 import { uploadUndo } from "@/api/clxx"; 7 import { uploadUndo } from "@/api/clxx";
...@@ -14,9 +14,9 @@ import { ...@@ -14,9 +14,9 @@ import {
14 getWorkFlowImage, 14 getWorkFlowImage,
15 getPrintApplicationInfo, 15 getPrintApplicationInfo,
16 deleteFlow, 16 deleteFlow,
17 unClaimTask 17 unClaimTask,
18 getZdInfo
18 } from "@/api/workFlow.js"; 19 } from "@/api/workFlow.js";
19 import { mapGetters } from 'vuex'
20 import { getZrzbsmList } from "@/api/search.js"; 20 import { getZrzbsmList } from "@/api/search.js";
21 import { ywPopupDialog } from "@/utils/popup.js"; 21 import { ywPopupDialog } from "@/utils/popup.js";
22 export default { 22 export default {
...@@ -43,7 +43,6 @@ export default { ...@@ -43,7 +43,6 @@ export default {
43 this.flowInitParam(); 43 this.flowInitParam();
44 }, 44 },
45 methods: { 45 methods: {
46 //加载流程初始参数
47 /** 46 /**
48 * @description: 加载流程初始参数 47 * @description: 加载流程初始参数
49 * @author: renchao 48 * @author: renchao
...@@ -174,7 +173,10 @@ export default { ...@@ -174,7 +173,10 @@ export default {
174 break; 173 break;
175 // 图形定位 174 // 图形定位
176 case "B-TXDW": 175 case "B-TXDW":
177 this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true) 176 getZdInfo(this.currentSelectProps.bdcdyid).then(res => {
177 this.bsmZd = res?.result[0]?.bsmZd
178 this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
179 })
178 break; 180 break;
179 case "back": //退回按钮 181 case "back": //退回按钮
180 this.$popupDialog("退回", "workflow/components/th", { 182 this.$popupDialog("退回", "workflow/components/th", {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-09 14:54:20 4 * @LastEditTime: 2023-08-30 14:14:55
5 --> 5 -->
6 <template> 6 <template>
7 <div class="container"> 7 <div class="container">
...@@ -132,11 +132,7 @@ ...@@ -132,11 +132,7 @@
132 * @author: renchao 132 * @author: renchao
133 */ 133 */
134 getCurrentSelectProps (val) { 134 getCurrentSelectProps (val) {
135 console.log(val, 'valvalvalval');
136 this.currentSelectProps = val 135 this.currentSelectProps = val
137 getZdInfo(val.bdcdyid).then(res => {
138 this.bsmZd = res?.result[0]?.bsmZd
139 })
140 }, 136 },
141 /** 137 /**
142 * @description: beforeunloadHandler 138 * @description: beforeunloadHandler
...@@ -158,7 +154,6 @@ ...@@ -158,7 +154,6 @@
158 unClaimTask(this.bsmSlsq, this.bestepid); 154 unClaimTask(this.bsmSlsq, this.bestepid);
159 } 155 }
160 }, 156 },
161 //申请单元点击事件
162 /** 157 /**
163 * @description: 申请单元点击事件 158 * @description: 申请单元点击事件
164 * @param {*} index 159 * @param {*} index
...@@ -167,7 +162,7 @@ ...@@ -167,7 +162,7 @@
167 stepForm (index) { 162 stepForm (index) {
168 getStepFormInfo(this.currentSelectProps).then((res) => { 163 getStepFormInfo(this.currentSelectProps).then((res) => {
169 if (res.code === 200) { 164 if (res.code === 200) {
170 this.fresh++; 165 // this.fresh++;
171 //获取单元对应的所有表单信息 166 //获取单元对应的所有表单信息
172 this.tabList = res.result; 167 this.tabList = res.result;
173 //默认加载第一个表单信息 168 //默认加载第一个表单信息
......
...@@ -2,13 +2,9 @@ ...@@ -2,13 +2,9 @@
2 /* 2 /*
3 * @Description: 3 * @Description:
4 * @Autor: renchao 4 * @Autor: renchao
5 * @LastEditTime: 2023-08-02 14:08:27 5 * @LastEditTime: 2023-08-30 13:51:05
6 */ 6 */
7 export default { 7 export default {
8 data () {
9 return {
10 }
11 },
12 watch: { 8 watch: {
13 'ruleForm.sldy.gyfs': { 9 'ruleForm.sldy.gyfs': {
14 handler: function (val, oldVal) { 10 handler: function (val, oldVal) {
...@@ -22,5 +18,5 @@ export default { ...@@ -22,5 +18,5 @@ export default {
22 }, 18 },
23 immediate: true 19 immediate: true
24 } 20 }
25 }, 21 }
26 } 22 }
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-22 16:43:52 4 * @LastEditTime: 2023-08-30 15:47:48
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="120px" 14 v-Loading="loading"
15 > 15 label-width="120px">
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
18 申请业务信息 18 申请业务信息
...@@ -81,14 +81,12 @@ ...@@ -81,14 +81,12 @@
81 <el-select 81 <el-select
82 disabled 82 disabled
83 v-model="ruleForm.zdjbxx.mjdw" 83 v-model="ruleForm.zdjbxx.mjdw"
84 style="width: 20%" 84 style="width: 20%">
85 >
86 <el-option 85 <el-option
87 v-for="item in dictData['A7']" 86 v-for="item in dictData['A7']"
88 :key="item.dcode" 87 :key="item.dcode"
89 :label="item.dname" 88 :label="item.dname"
90 :value="item.dcode" 89 :value="item.dcode"></el-option>
91 ></el-option>
92 </el-select> 90 </el-select>
93 </div> 91 </div>
94 </el-form-item> 92 </el-form-item>
...@@ -120,19 +118,17 @@ ...@@ -120,19 +118,17 @@
120 <el-form-item label="房地产交易价格："> 118 <el-form-item label="房地产交易价格：">
121 <div class="flex"> 119 <div class="flex">
122 <el-input 120 <el-input
123 maxlength="11" 121 maxlength="11"
124 :disabled="!viewEdit" 122 :disabled="!viewEdit"
125 v-model="ruleForm.fdcq1.fdcjyjg" 123 v-model="ruleForm.fdcq1.fdcjyjg"
126 style="width: 500%" 124 style="width: 500%"
127 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 125 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
128 ></el-input>
129 <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> 126 <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw">
130 <el-option 127 <el-option
131 v-for="item in dictData['A57']" 128 v-for="item in dictData['A57']"
132 :key="item.dcode" 129 :key="item.dcode"
133 :label="item.dname" 130 :label="item.dname"
134 :value="item.dcode" 131 :value="item.dcode"></el-option>
135 ></el-option>
136 </el-select> 132 </el-select>
137 </div> 133 </div>
138 </el-form-item> 134 </el-form-item>
...@@ -142,12 +138,11 @@ ...@@ -142,12 +138,11 @@
142 <el-col :span="24"> 138 <el-col :span="24">
143 <el-form-item label="附记："> 139 <el-form-item label="附记：">
144 <el-input 140 <el-input
145 :disabled="!viewEdit" 141 :disabled="!viewEdit"
146 v-model="ruleForm.fdcq1.fj" 142 v-model="ruleForm.fdcq1.fj"
147 type="textarea" 143 type="textarea"
148 maxlength="500" 144 maxlength="500"
149 show-word-limit 145 show-word-limit></el-input>
150 ></el-input>
151 </el-form-item> 146 </el-form-item>
152 </el-col> 147 </el-col>
153 </el-row> 148 </el-row>
...@@ -157,8 +152,7 @@ ...@@ -157,8 +152,7 @@
157 <fdcqxmTable 152 <fdcqxmTable
158 :ableOperation="viewEdit" 153 :ableOperation="viewEdit"
159 :tableData="ruleForm.fdcqxm" 154 :tableData="ruleForm.fdcqxm"
160 @updateFdcwxmList="updateFdcwxmList" 155 @updateFdcwxmList="updateFdcwxmList" />
161 />
162 <div class="slxx_title title-block"> 156 <div class="slxx_title title-block">
163 土地用途 157 土地用途
164 <div class="triangle"></div> 158 <div class="triangle"></div>
...@@ -166,8 +160,7 @@ ...@@ -166,8 +160,7 @@
166 <tdytTable 160 <tdytTable
167 :ableOperation="viewEdit" 161 :ableOperation="viewEdit"
168 :tableData="ruleForm.tdytqxList" 162 :tableData="ruleForm.tdytqxList"
169 @upDateTdytxxList="upDateTdytxxList" 163 @upDateTdytxxList="upDateTdytxxList" />
170 />
171 <div class="slxx_title title-block"> 164 <div class="slxx_title title-block">
172 权利人信息 165 权利人信息
173 <div class="triangle"></div> 166 <div class="triangle"></div>
...@@ -177,8 +170,7 @@ ...@@ -177,8 +170,7 @@
177 <el-form-item label="共有方式："> 170 <el-form-item label="共有方式：">
178 <el-radio-group 171 <el-radio-group
179 :disabled="!viewEdit" 172 :disabled="!viewEdit"
180 v-model="ruleForm.sldy.gyfs" 173 v-model="ruleForm.sldy.gyfs">
181 >
182 <el-radio label="0">单独所有</el-radio> 174 <el-radio label="0">单独所有</el-radio>
183 <el-radio label="1">共同共有</el-radio> 175 <el-radio label="1">共同共有</el-radio>
184 <el-radio label="2">按份所有</el-radio> 176 <el-radio label="2">按份所有</el-radio>
...@@ -191,8 +183,7 @@ ...@@ -191,8 +183,7 @@
191 <el-radio-group 183 <el-radio-group
192 v-model="ruleForm.sldy.sqfbcz" 184 v-model="ruleForm.sldy.sqfbcz"
193 :disabled="!viewEdit" 185 :disabled="!viewEdit"
194 @input="updaterow()" 186 @input="updaterow()">
195 >
196 <el-radio :label="1">是</el-radio> 187 <el-radio :label="1">是</el-radio>
197 <el-radio :label="0">否</el-radio> 188 <el-radio :label="0">否</el-radio>
198 </el-radio-group> 189 </el-radio-group>
...@@ -200,20 +191,17 @@ ...@@ -200,20 +191,17 @@
200 </el-col> 191 </el-col>
201 <el-col 192 <el-col
202 :span="5" 193 :span="5"
203 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 194 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
204 >
205 <el-form-item label="持证人1："> 195 <el-form-item label="持证人1：">
206 <el-select 196 <el-select
207 v-model="czr" 197 v-model="czr"
208 placeholder="持证人" 198 placeholder="持证人"
209 :disabled="!viewEdit" 199 :disabled="!viewEdit">
210 >
211 <el-option 200 <el-option
212 v-for="(item,index) in czrOptions" 201 v-for="(item,index) in czrOptions"
213 :key="index" 202 :key="index"
214 :label="item.sqrmc" 203 :label="item.sqrmc"
215 :value="item.zjh" 204 :value="item.zjh"></el-option>
216 ></el-option>
217 </el-select> 205 </el-select>
218 </el-form-item> 206 </el-form-item>
219 </el-col> 207 </el-col>
...@@ -222,8 +210,7 @@ ...@@ -222,8 +210,7 @@
222 @upDateQlrxxList="upDateQlrxxList" 210 @upDateQlrxxList="upDateQlrxxList"
223 :disabled="viewEdit" 211 :disabled="viewEdit"
224 :tableData="ruleForm.qlrList" 212 :tableData="ruleForm.qlrList"
225 :gyfs="ruleForm.sldy.gyfs" 213 :gyfs="ruleForm.sldy.gyfs" />
226 />
227 214
228 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 215 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
229 <div class="slxx_title title-block"> 216 <div class="slxx_title title-block">
...@@ -235,8 +222,7 @@ ...@@ -235,8 +222,7 @@
235 :disabled="viewEdit" 222 :disabled="viewEdit"
236 @upDateQlrxxList="upDateYwrxxList" 223 @upDateQlrxxList="upDateYwrxxList"
237 :tableData="ruleForm.ywrList" 224 :tableData="ruleForm.ywrList"
238 :gyfs="ruleForm.qlxx.gyfs" 225 :gyfs="ruleForm.qlxx.gyfs" />
239 />
240 </div> 226 </div>
241 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
242 登记原因 228 登记原因
...@@ -251,8 +237,7 @@ ...@@ -251,8 +237,7 @@
251 maxlength="500" 237 maxlength="500"
252 show-word-limit 238 show-word-limit
253 :disabled="!viewEdit" 239 :disabled="!viewEdit"
254 v-model="ruleForm.fdcq1.djyy" 240 v-model="ruleForm.fdcq1.djyy"></el-input>
255 ></el-input>
256 </el-form-item> 241 </el-form-item>
257 </el-col> 242 </el-col>
258 </el-row> 243 </el-row>
...@@ -267,279 +252,284 @@ ...@@ -267,279 +252,284 @@
267 </div> 252 </div>
268 </template> 253 </template>
269 <script> 254 <script>
270 import ywmix from "@/views/ywbl/mixin/index"; 255 import ywmix from "@/views/ywbl/mixin/index";
271 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 256 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
272 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; 257 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
273 import tdytTable from "@/views/workflow/components/tdytTable"; 258 import tdytTable from "@/views/workflow/components/tdytTable";
274 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 259 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
275 import { mapGetters } from "vuex"; 260 import { mapGetters } from "vuex";
276 export default { 261 export default {
277 mixins: [ywmix], 262 mixins: [ywmix],
278 mounted() { 263 mounted () {
279 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 264 this.loading = true
280 this.propsParam = this.$attrs; 265 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
281 var formdata = new FormData(); 266 this.propsParam = this.$attrs;
282 formdata.append("bsmSldy", this.propsParam.bsmSldy); 267 var formdata = new FormData();
283 formdata.append("djlx", this.propsParam.djlx); 268 formdata.append("bsmSldy", this.propsParam.bsmSldy);
284 formdata.append("isEdit", this.viewEdit); 269 formdata.append("djlx", this.propsParam.djlx);
285 Init(formdata).then((res) => { 270 formdata.append("isEdit", this.viewEdit);
286 if (res.code === 200 && res.result) { 271 Init(formdata).then((res) => {
287 this.ruleForm = { 272 if (res.code === 200 && res.result) {
288 ...res.result, 273 this.ruleForm = {
289 ...res.result.qlxxdatas, 274 ...res.result,
290 }; 275 ...res.result.qlxxdatas,
291 this.ruleForm.qlrList.forEach((item) => { 276 };
292 if (item.sfczr == 1) { 277 this.ruleForm.qlrList.forEach((item) => {
293 this.czr = item.sqrmc; 278 if (item.sfczr == 1) {
294 } 279 this.czr = item.sqrmc;
295 }); 280 }
296 //初始化发证方式，1：小证，2：大正 281 });
297 this.ruleForm.slsq.fzfs == null 282 setTimeout(() => {
298 ? (this.ruleForm.slsq.fzfs = "1") 283 this.loading = false
299 : this.ruleForm.slsq.fzfs; 284 }, 200)
300 this.czrOptions = this.ruleForm.qlrList; 285 //初始化发证方式，1：小证，2：大正
301 } 286 this.ruleForm.slsq.fzfs == null
302 }); 287 ? (this.ruleForm.slsq.fzfs = "1")
303 }, 288 : this.ruleForm.slsq.fzfs;
304 components: { qlrCommonTable, tdytTable, fdcqxmTable }, 289 this.czrOptions = this.ruleForm.qlrList;
305 computed: { 290 }
306 ...mapGetters(["dictData", "flag"]), 291 });
307 },
308 data() {
309 return {
310 disabled: true,
311 tdytOption: [],
312 czrOptions: [],
313 czr: "",
314 ruleForm: {
315 flow: {
316 ywh: "",
317 },
318 qlxx: {
319 mj: "",
320 },
321 sldy: {
322 gyfs: "",
323 },
324 slsq: {},
325 fdcq1: {
326 zyjzmj: "",
327 ftjzmj: "",
328 },
329 zdjbxx: {
330 ghytmc: "",
331 },
332 },
333 //传递参数
334 propsParam: this.$attrs,
335 //表单是否可操作
336 viewEdit: false,
337 rules: {},
338 };
339 },
340 methods: {
341 updateFdcwxmList(val) {
342 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
343 this.key++;
344 }, 292 },
345 /** 293 components: { qlrCommonTable, tdytTable, fdcqxmTable },
346 * @description: 更新土地用途信息 294 computed: {
347 * @param {*} val 295 ...mapGetters(["dictData", "flag"]),
348 * @author: renchao
349 */
350 upDateTdytxxList(val) {
351 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
352 this.key++;
353 }, 296 },
354 /** 297 data () {
355 * @description: 更新权利人信息 298 return {
356 * @param {*} val 299 loading: false,
357 * @author: renchao 300 disabled: true,
358 */ 301 tdytOption: [],
359 upDateQlrxxList(val) { 302 czrOptions: [],
360 this.ruleForm.qlrList = _.cloneDeep(val); 303 czr: "",
361 this.czrOptions = this.ruleForm.qlrList; 304 ruleForm: {
362 this.key++; 305 flow: {
306 ywh: "",
307 },
308 qlxx: {
309 mj: "",
310 },
311 sldy: {
312 gyfs: "",
313 },
314 slsq: {},
315 fdcq1: {
316 zyjzmj: "",
317 ftjzmj: "",
318 },
319 zdjbxx: {
320 ghytmc: "",
321 },
322 },
323 //传递参数
324 propsParam: this.$attrs,
325 //表单是否可操作
326 viewEdit: false,
327 rules: {},
328 };
363 }, 329 },
330 methods: {
331 updateFdcwxmList (val) {
332 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
333 this.key++;
334 },
335 /**
336 * @description: 更新土地用途信息
337 * @param {*} val
338 * @author: renchao
339 */
340 upDateTdytxxList (val) {
341 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
342 this.key++;
343 },
344 /**
345 * @description: 更新权利人信息
346 * @param {*} val
347 * @author: renchao
348 */
349 upDateQlrxxList (val) {
350 this.ruleForm.qlrList = _.cloneDeep(val);
351 this.czrOptions = this.ruleForm.qlrList;
352 this.key++;
353 },
364 354
365 // 是否持证人变化 355 // 是否持证人变化
366 /** 356 /**
367 * @description: 是否持证人变化 357 * @description: 是否持证人变化
368 * @param {*} val 358 * @param {*} val
369 * @author: renchao 359 * @author: renchao
370 */ 360 */
371 updaterow() { 361 updaterow () {
372 this.czr = ""; 362 this.czr = "";
373 }, 363 },
374 // 更新权利人信息 364 // 更新权利人信息
375 /** 365 /**
376 * @description: 更新权利人信息 366 * @description: 更新权利人信息
377 * @param {*} val 367 * @param {*} val
378 * @author: renchao 368 * @author: renchao
379 */ 369 */
380 upDateYwrxxList(val) { 370 upDateYwrxxList (val) {
381 this.ruleForm.ywrList = _.cloneDeep(val); 371 this.ruleForm.ywrList = _.cloneDeep(val);
382 }, 372 },
383 /** 373 /**
384 * @description: onSubmit 374 * @description: onSubmit
385 * @author: renchao 375 * @author: renchao
386 */ 376 */
387 onSubmit() { 377 onSubmit () {
388 let that = this; 378 let that = this;
389 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 379 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
390 if (arr.length > 0) { 380 if (arr.length > 0) {
391 this.$message({
392 showClose: true,
393 message: "土地用途不能为空",
394 type: "error",
395 });
396 return false;
397 }
398 if (this.ruleForm.qlrList.length == 0) {
399 this.$message({
400 showClose: true,
401 message: "请确认权利人信息",
402 type: "error",
403 });
404 return false;
405 }
406 if (this.ruleForm.sldy.gyfs == "0") {
407 if (this.ruleForm.qlrList.length > 1) {
408 this.$message({ 381 this.$message({
409 showClose: true, 382 showClose: true,
410 message: "共有方式：单独所有，权利人只能是一个人", 383 message: "土地用途不能为空",
411 type: "error", 384 type: "error",
412 }); 385 });
413 return false; 386 return false;
414 } 387 }
415 this.ruleForm.qlrList[0].sfczr = "1"; 388 if (this.ruleForm.qlrList.length == 0) {
416 } else {
417 if (this.ruleForm.qlrList.length <= 1) {
418 this.$message({ 389 this.$message({
419 showClose: true, 390 showClose: true,
420 message: 391 message: "请确认权利人信息",
421 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
422 type: "error", 392 type: "error",
423 }); 393 });
424 return false; 394 return false;
425 } 395 }
426 //是否分别持证 396 if (this.ruleForm.sldy.gyfs == "0") {
427 if (this.ruleForm.sldy.sqfbcz == "1") { 397 if (this.ruleForm.qlrList.length > 1) {
428 //是 398 this.$message({
429 this.ruleForm.qlrList.forEach((item, index) => { 399 showClose: true,
430 item.sfczr = "1"; 400 message: "共有方式：单独所有，权利人只能是一个人",
431 }); 401 type: "error",
402 });
403 return false;
404 }
405 this.ruleForm.qlrList[0].sfczr = "1";
432 } else { 406 } else {
433 if (!that.czr) { 407 if (this.ruleForm.qlrList.length <= 1) {
434 that.$message({ 408 this.$message({
435 showClose: true, 409 showClose: true,
436 message: "请选择持证人", 410 message:
411 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
437 type: "error", 412 type: "error",
438 }); 413 });
439 return false; 414 return false;
440 } 415 }
441 this.ruleForm.qlrList.forEach((item, index) => { 416 //是否分别持证
442 if (item.zjh == this.czr) { 417 if (this.ruleForm.sldy.sqfbcz == "1") {
418 //是
419 this.ruleForm.qlrList.forEach((item, index) => {
443 item.sfczr = "1"; 420 item.sfczr = "1";
444 } else { 421 });
445 item.sfczr = "0"; 422 } else {
423 if (!that.czr) {
424 that.$message({
425 showClose: true,
426 message: "请选择持证人",
427 type: "error",
428 });
429 return false;
446 } 430 }
447 }); 431 this.ruleForm.qlrList.forEach((item, index) => {
432 if (item.zjh == this.czr) {
433 item.sfczr = "1";
434 } else {
435 item.sfczr = "0";
436 }
437 });
438 }
448 } 439 }
449 }
450 440
451 saveData(this.ruleForm).then((res) => { 441 saveData(this.ruleForm).then((res) => {
452 if (res.code === 200) { 442 if (res.code === 200) {
453 this.$message({ 443 this.$message({
454 showClose: true, 444 showClose: true,
455 message: "保存成功！", 445 message: "保存成功！",
456 type: "success", 446 type: "success",
457 }); 447 });
458 this.$store.dispatch("user/refreshPage", true); 448 this.$store.dispatch("user/refreshPage", true);
459 } else { 449 } else {
460 this.$message({ 450 this.$message({
461 showClose: true, 451 showClose: true,
462 message: res.message, 452 message: res.message,
463 type: "error", 453 type: "error",
464 }); 454 });
465 } 455 }
466 }); 456 });
457 },
467 }, 458 },
468 }, 459 };
469 };
470 </script> 460 </script>
471 <style scoped lang="scss"> 461 <style scoped lang="scss">
472 @import "~@/styles/public.scss"; 462 @import "~@/styles/public.scss";
473 463
474 /deep/.el-form { 464 /deep/.el-form {
475 display: flex; 465 display: flex;
476 flex-direction: column; 466 flex-direction: column;
477 height: calc(100vh - 130px); 467 height: calc(100vh - 130px);
478 } 468 }
479 469
480 /deep/.el-form-item__label { 470 /deep/.el-form-item__label {
481 padding: 0; 471 padding: 0;
482 } 472 }
483 473
484 /deep/.el-radio { 474 /deep/.el-radio {
485 margin-right: 10px; 475 margin-right: 10px;
486 } 476 }
487 477
488 /deep/.el-select { 478 /deep/.el-select {
489 width: 100%; 479 width: 100%;
490 } 480 }
491 481
492 /deep/.el-form-item { 482 /deep/.el-form-item {
493 margin-bottom: 8px; 483 margin-bottom: 8px;
494 } 484 }
495 485
496 .marginBot0 { 486 .marginBot0 {
497 margin-bottom: 0 !important; 487 margin-bottom: 0 !important;
498 } 488 }
499 489
500 .slxx { 490 .slxx {
501 box-sizing: border-box; 491 box-sizing: border-box;
502 } 492 }
503 493
504 .slxx_con { 494 .slxx_con {
505 flex: 1; 495 flex: 1;
506 height: 100%; 496 height: 100%;
507 background-color: #ffffff; 497 background-color: #ffffff;
508 overflow-y: auto; 498 overflow-y: auto;
509 padding-right: 3px; 499 padding-right: 3px;
510 overflow-x: hidden; 500 overflow-x: hidden;
511 } 501 }
512 502
513 .submit_btn { 503 .submit_btn {
514 height: 50px; 504 height: 50px;
515 } 505 }
516 506
517 .slxx_title { 507 .slxx_title {
518 border-bottom: 1px solid $borderColor; 508 border-bottom: 1px solid $borderColor;
519 padding-left: 10px; 509 padding-left: 10px;
520 padding-bottom: 5px; 510 padding-bottom: 5px;
521 margin-bottom: 10px; 511 margin-bottom: 10px;
522 margin-top: 5px; 512 margin-top: 5px;
523 font-size: 16px; 513 font-size: 16px;
524 font-weight: 500; 514 font-weight: 500;
525 color: #4a4a4a; 515 color: #4a4a4a;
526 } 516 }
527 517
528 .btn { 518 .btn {
529 text-align: center; 519 text-align: center;
530 padding-top: 10px; 520 padding-top: 10px;
531 height: 36px; 521 height: 36px;
532 background-color: #ffffff; 522 background-color: #ffffff;
533 padding: 5px 0; 523 padding: 5px 0;
534 } 524 }
535 525
536 .textArea { 526 .textArea {
537 /deep/.el-textarea__inner { 527 /deep/.el-textarea__inner {
538 min-height: 90px !important; 528 min-height: 90px !important;
529 }
539 } 530 }
540 }
541 531
542 /deep/.el-form-item__label { 532 /deep/.el-form-item__label {
543 padding-bottom: 0px; 533 padding-bottom: 0px;
544 } 534 }
545 </style> 535 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-30 11:08:19 4 * @LastEditTime: 2023-08-30 16:15:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form 8 <el-form
9 :model="ruleForm" 9 :model="ruleForm"
10 :rules="rules" 10 :rules="rules"
11 v-Loading="loading"
11 ref="ruleForm" 12 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 13 :label-position="flag ? 'top' : ''"
13 :inline="flag" 14 :inline="flag"
...@@ -167,7 +168,7 @@ ...@@ -167,7 +168,7 @@
167 <el-input v-model="ruleForm.lq.xdm"></el-input> 168 <el-input v-model="ruleForm.lq.xdm"></el-input>
168 </el-form-item> 169 </el-form-item>
169 </el-col> 170 </el-col>
170 <el-col :span="8"> 171 <el-col :span="16">
171 <el-form-item label="附记："> 172 <el-form-item label="附记：">
172 <el-input 173 <el-input
173 v-model="ruleForm.lq.fj" 174 v-model="ruleForm.lq.fj"
...@@ -285,6 +286,7 @@ ...@@ -285,6 +286,7 @@
285 export default { 286 export default {
286 mixins: [ywmix], 287 mixins: [ywmix],
287 mounted () { 288 mounted () {
289 this.loading = true
288 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 290 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
289 this.propsParam = this.$attrs; 291 this.propsParam = this.$attrs;
290 var formdata = new FormData(); 292 var formdata = new FormData();
...@@ -307,15 +309,19 @@ ...@@ -307,15 +309,19 @@
307 ? (this.ruleForm.slsq.fzfs = "1") 309 ? (this.ruleForm.slsq.fzfs = "1")
308 : this.ruleForm.slsq.fzfs; 310 : this.ruleForm.slsq.fzfs;
309 this.czrOptions = this.ruleForm.qlrList; 311 this.czrOptions = this.ruleForm.qlrList;
312 setTimeout(() => {
313 this.loading = false
314 }, 200)
310 } 315 }
311 }); 316 })
312 }, 317 },
313 components: { qlrCommonTable, tdytTable }, 318 components: { qlrCommonTable, tdytTable },
314 computed: { 319 computed: {
315 ...mapGetters(["dictData", "flag"]), 320 ...mapGetters(["dictData", "flag"])
316 }, 321 },
317 data () { 322 data () {
318 return { 323 return {
324 loading: false,
319 disabled: true, 325 disabled: true,
320 tdytOption: [], 326 tdytOption: [],
321 czrOptions: [], 327 czrOptions: [],
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-30 10:34:54 4 * @LastEditTime: 2023-08-30 14:57:59
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
167 <el-input v-model="ruleForm.lq.xdm"></el-input> 167 <el-input v-model="ruleForm.lq.xdm"></el-input>
168 </el-form-item> 168 </el-form-item>
169 </el-col> 169 </el-col>
170 <el-col :span="8"> 170 <el-col :span="16">
171 <el-form-item label="附记："> 171 <el-form-item label="附记：">
172 <el-input 172 <el-input
173 v-model="ruleForm.lq.fj" 173 v-model="ruleForm.lq.fj"
......
...@@ -4,12 +4,11 @@ ...@@ -4,12 +4,11 @@
4 <el-form 4 <el-form
5 :model="ruleForm" 5 :model="ruleForm"
6 :rules="rules" 6 :rules="rules"
7 class="loadingtext" 7 v-Loading="loading"
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -88,8 +87,7 @@ ...@@ -88,8 +87,7 @@
88 v-for="item in dictData['A19']" 87 v-for="item in dictData['A19']"
89 :key="item.dcode" 88 :key="item.dcode"
90 :label="item.dname" 89 :label="item.dname"
91 :value="item.dcode" 90 :value="item.dcode">
92 >
93 </el-option> 91 </el-option>
94 </el-select> 92 </el-select>
95 </el-form-item> 93 </el-form-item>
...@@ -103,24 +101,22 @@ ...@@ -103,24 +101,22 @@
103 v-for="item in dictData['A17']" 101 v-for="item in dictData['A17']"
104 :key="item.dcode" 102 :key="item.dcode"
105 :label="item.dname" 103 :label="item.dname"
106 :value="item.dcode" 104 :value="item.dcode">
107 >
108 </el-option> 105 </el-option>
109 </el-select> 106 </el-select>
110 </el-form-item> 107 </el-form-item>
111 </el-col> 108 </el-col>
112 <el-col :span="8"> 109 <el-col :span="8">
113 <el-form-item label="所在层："> 110 <el-form-item label="所在层：">
114 <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> 111 <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
115 </el-form-item> 112 </el-form-item>
116 </el-col> 113 </el-col>
117 <el-col :span="8"> 114 <el-col :span="8">
118 <el-form-item label="总层数："> 115 <el-form-item label="总层数：">
119 <el-input 116 <el-input
120 maxlength="4" 117 maxlength="4"
121 v-model.number="ruleForm.ygdj.zcs" 118 v-model.number="ruleForm.ygdj.zcs"
122 oninput="value=value.replace(/[^0-9]/g,'')" 119 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
123 ></el-input>
124 </el-form-item> 120 </el-form-item>
125 </el-col> 121 </el-col>
126 </el-row> 122 </el-row>
...@@ -132,8 +128,7 @@ ...@@ -132,8 +128,7 @@
132 v-for="item in dictData['A46']" 128 v-for="item in dictData['A46']"
133 :key="item.dcode" 129 :key="item.dcode"
134 :label="item.dname" 130 :label="item.dname"
135 :value="item.dcode" 131 :value="item.dcode">
136 >
137 </el-option> 132 </el-option>
138 </el-select> 133 </el-select>
139 </el-form-item> 134 </el-form-item>
...@@ -143,18 +138,16 @@ ...@@ -143,18 +138,16 @@
143 <el-form-item label="建筑面积："> 138 <el-form-item label="建筑面积：">
144 <div class="flex"> 139 <div class="flex">
145 <el-input 140 <el-input
146 maxlength="12" 141 maxlength="12"
147 v-model="ruleForm.ygdj.jzmj" 142 v-model="ruleForm.ygdj.jzmj"
148 :disabled="!viewEdit" 143 :disabled="!viewEdit"
149 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
150 ></el-input>
151 <el-select disabled v-model="mjdw" style="width: 68px"> 145 <el-select disabled v-model="mjdw" style="width: 68px">
152 <el-option 146 <el-option
153 v-for="item in dictData['A7']" 147 v-for="item in dictData['A7']"
154 :key="item.dcode" 148 :key="item.dcode"
155 :label="item.dname" 149 :label="item.dname"
156 :value="item.dcode" 150 :value="item.dcode">
157 >
158 </el-option> 151 </el-option>
159 </el-select> 152 </el-select>
160 </div> 153 </div>
...@@ -163,24 +156,20 @@ ...@@ -163,24 +156,20 @@
163 <el-col :span="8"> 156 <el-col :span="8">
164 <el-form-item label="取得价格："> 157 <el-form-item label="取得价格：">
165 <div class="flex"> 158 <div class="flex">
166 <!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> --> 159 <el-input
167 <el-input 160 maxlength="11"
168 maxlength="11"
169 v-model="ruleForm.ygdj.qdjg" 161 v-model="ruleForm.ygdj.qdjg"
170 style="width: 500%" 162 style="width: 500%"
171 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 163 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
172 ></el-input>
173 <el-select 164 <el-select
174 v-model="ruleForm.ygdj.jedw" 165 v-model="ruleForm.ygdj.jedw"
175 :disabled="!viewEdit" 166 :disabled="!viewEdit"
176 style="width: 68px" 167 style="width: 68px">
177 >
178 <el-option 168 <el-option
179 v-for="item in dictData['A57']" 169 v-for="item in dictData['A57']"
180 :key="item.dcode" 170 :key="item.dcode"
181 :label="item.dname" 171 :label="item.dname"
182 :value="item.dcode" 172 :value="item.dcode">
183 >
184 </el-option> 173 </el-option>
185 </el-select> 174 </el-select>
186 </div> 175 </div>
...@@ -194,8 +183,7 @@ ...@@ -194,8 +183,7 @@
194 v-model="ruleForm.ygdj.fj" 183 v-model="ruleForm.ygdj.fj"
195 type="textarea" 184 type="textarea"
196 maxlength="500" 185 maxlength="500"
197 show-word-limit 186 show-word-limit></el-input>
198 ></el-input>
199 </el-form-item> 187 </el-form-item>
200 </el-col> 188 </el-col>
201 </el-row> 189 </el-row>
...@@ -208,8 +196,7 @@ ...@@ -208,8 +196,7 @@
208 <el-form-item label="共有方式："> 196 <el-form-item label="共有方式：">
209 <el-radio-group 197 <el-radio-group
210 :disabled="!viewEdit" 198 :disabled="!viewEdit"
211 v-model="ruleForm.sldy.gyfs" 199 v-model="ruleForm.sldy.gyfs">
212 >
213 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
214 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
215 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -222,8 +209,7 @@ ...@@ -222,8 +209,7 @@
222 <el-radio-group 209 <el-radio-group
223 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
224 :disabled="!viewEdit" 211 :disabled="!viewEdit"
225 @input="updaterow()" 212 @input="updaterow()">
226 >
227 <el-radio :label="1">是</el-radio> 213 <el-radio :label="1">是</el-radio>
228 <el-radio :label="0">否</el-radio> 214 <el-radio :label="0">否</el-radio>
229 </el-radio-group> 215 </el-radio-group>
...@@ -231,20 +217,17 @@ ...@@ -231,20 +217,17 @@
231 </el-col> 217 </el-col>
232 <el-col 218 <el-col
233 :span="6" 219 :span="6"
234 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 220 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
235 >
236 <el-form-item label="持证人："> 221 <el-form-item label="持证人：">
237 <el-select 222 <el-select
238 v-model="czr" 223 v-model="czr"
239 placeholder="持证人" 224 placeholder="持证人"
240 :disabled="!viewEdit" 225 :disabled="!viewEdit">
241 >
242 <el-option 226 <el-option
243 v-for="item in czrOptions" 227 v-for="item in czrOptions"
244 :key="item.zjh" 228 :key="item.zjh"
245 :label="item.sqrmc" 229 :label="item.sqrmc"
246 :value="item.zjh" 230 :value="item.zjh">
247 >
248 </el-option> 231 </el-option>
249 </el-select> 232 </el-select>
250 </el-form-item> 233 </el-form-item>
...@@ -254,8 +237,7 @@ ...@@ -254,8 +237,7 @@
254 @upDateQlrxxList="upDateQlrxxList" 237 @upDateQlrxxList="upDateQlrxxList"
255 :disabled="viewEdit" 238 :disabled="viewEdit"
256 :tableData="ruleForm.qlrList" 239 :tableData="ruleForm.qlrList"
257 :gyfs="ruleForm.sldy.gyfs" 240 :gyfs="ruleForm.sldy.gyfs" />
258 />
259 <div class="slxx_title title-block"> 241 <div class="slxx_title title-block">
260 义务人信息 242 义务人信息
261 <div class="triangle"></div> 243 <div class="triangle"></div>
...@@ -264,8 +246,7 @@ ...@@ -264,8 +246,7 @@
264 @upDateQlrxxList="upDateYwrxxList" 246 @upDateQlrxxList="upDateYwrxxList"
265 :disabled="viewEdit" 247 :disabled="viewEdit"
266 :tableData="ruleForm.ywrList" 248 :tableData="ruleForm.ywrList"
267 :gyfs="ruleForm.sldy.gyfs" 249 :gyfs="ruleForm.sldy.gyfs" />
268 />
269 <div class="slxx_title title-block"> 250 <div class="slxx_title title-block">
270 登记原因 251 登记原因
271 <div class="triangle"></div> 252 <div class="triangle"></div>
...@@ -279,8 +260,7 @@ ...@@ -279,8 +260,7 @@
279 maxlength="500" 260 maxlength="500"
280 show-word-limit 261 show-word-limit
281 :disabled="!viewEdit" 262 :disabled="!viewEdit"
282 v-model="ruleForm.ygdj.djyy" 263 v-model="ruleForm.ygdj.djyy">
283 >
284 </el-input> 264 </el-input>
285 </el-form-item> 265 </el-form-item>
286 </el-col> 266 </el-col>
...@@ -295,236 +275,239 @@ ...@@ -295,236 +275,239 @@
295 </div> 275 </div>
296 </template> 276 </template>
297 <script> 277 <script>
298 import ywmix from "@/views/ywbl/mixin/index"; 278 import ywmix from "@/views/ywbl/mixin/index";
299 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 279 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
300 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 280 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
301 import { mapGetters } from "vuex"; 281 import { mapGetters } from "vuex";
302 export default { 282 export default {
303 mixins: [ywmix], 283 mixins: [ywmix],
304 created() { 284 mounted () {
305 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 285 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
306 this.propsParam = this.$attrs; 286 this.propsParam = this.$attrs;
307 this.$startLoading(); 287 this.loading = true
308 var formdata = new FormData(); 288 var formdata = new FormData();
309 formdata.append("bsmSldy", this.propsParam.bsmSldy); 289 formdata.append("bsmSldy", this.propsParam.bsmSldy);
310 formdata.append("djlx", this.propsParam.djlx); 290 formdata.append("djlx", this.propsParam.djlx);
311 formdata.append("isEdit", this.viewEdit); 291 formdata.append("isEdit", this.viewEdit);
312 Init(formdata).then((res) => { 292 Init(formdata).then((res) => {
313 if (res.code === 200 && res.result) { 293 if (res.code === 200 && res.result) {
314 this.ruleForm = res.result; 294 this.ruleForm = res.result;
315 this.czrOptions = this.ruleForm.qlrList; 295 this.czrOptions = this.ruleForm.qlrList;
316 this.$endLoading(); 296 this.ruleForm.qlrList.forEach((item) => {
317 this.ruleForm.qlrList.forEach((item) => { 297 if (item.sfczr == 1) {
318 if (item.sfczr == 1) { 298 this.czr = item.sqrmc
319 this.czr = item.sqrmc; 299 }
320 } 300 })
321 }); 301 setTimeout(() => {
322 } 302 this.loading = false
323 }); 303 }, 200)
324 }, 304 }
325 components: { qlrCommonTable }, 305 })
326 computed: {
327 ...mapGetters(["dictData", "flag"]),
328 },
329 data() {
330 return {
331 mjdw: "1",
332 //表单是否可操作
333 viewEdit: true,
334 disabled: true,
335 tdytOption: [],
336 czrOptions: [],
337 czr: "",
338 ruleForm: {
339 qlxx: {},
340 sldy: {},
341 slsq: {},
342 ygdj: {},
343 zdjbxx: {},
344 },
345 //传递参数
346 propsParam: this.$attrs,
347 rules: {},
348 };
349 },
350 methods: {
351 /**
352 * @description: 更新权利人信息
353 * @param {*} val
354 * @author: renchao
355 */
356 upDateQlrxxList(val) {
357 this.ruleForm.qlrList = _.cloneDeep(val);
358 this.czrOptions = this.ruleForm.qlrList;
359 }, 306 },
360 /** 307 components: { qlrCommonTable },
361 * @description: 更新业务人信息 308 computed: {
362 * @param {*} val 309 ...mapGetters(["dictData", "flag"]),
363 * @author: renchao
364 */
365 upDateYwrxxList(val) {
366 this.ruleForm.ywrList = _.cloneDeep(val);
367 }, 310 },
368 // 是否持证人变化 311 data () {
369 /** 312 return {
370 * @description: 是否持证人变化 313 loading: false,
371 * @param {*} val 314 mjdw: "1",
372 * @author: renchao 315 //表单是否可操作
373 */ 316 viewEdit: true,
374 updaterow() { 317 disabled: true,
375 this.czr = ""; 318 tdytOption: [],
319 czrOptions: [],
320 czr: "",
321 ruleForm: {
322 qlxx: {},
323 sldy: {},
324 slsq: {},
325 ygdj: {},
326 zdjbxx: {},
327 },
328 //传递参数
329 propsParam: this.$attrs,
330 rules: {},
331 };
376 }, 332 },
377 /** 333 methods: {
378 * @description: onSubmit 334 /**
379 * @author: renchao 335 * @description: 更新权利人信息
380 */ 336 * @param {*} val
381 onSubmit() { 337 * @author: renchao
382 let that = this; 338 */
383 if (this.ruleForm.qlrList.length == 0) { 339 upDateQlrxxList (val) {
384 this.$message({ 340 this.ruleForm.qlrList = _.cloneDeep(val);
385 showClose: true, 341 this.czrOptions = this.ruleForm.qlrList;
386 message: "请确认权利人信息", 342 },
387 type: "error", 343 /**
388 }); 344 * @description: 更新业务人信息
389 return false; 345 * @param {*} val
390 } 346 * @author: renchao
391 347 */
392 if (this.ruleForm.sldy.gyfs == "0") { 348 upDateYwrxxList (val) {
393 if (this.ruleForm.qlrList.length > 1) { 349 this.ruleForm.ywrList = _.cloneDeep(val);
394 this.$message({ 350 },
395 showClose: true, 351 // 是否持证人变化
396 message: "共有方式：单独所有，权利人只能是一个人", 352 /**
397 type: "error", 353 * @description: 是否持证人变化
398 }); 354 * @param {*} val
399 return false; 355 * @author: renchao
400 } 356 */
401 this.ruleForm.qlrList[0].sfczr = "1"; 357 updaterow () {
402 } else { 358 this.czr = "";
403 if (this.ruleForm.qlrList.length <= 1) { 359 },
360 /**
361 * @description: onSubmit
362 * @author: renchao
363 */
364 onSubmit () {
365 let that = this;
366 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({ 367 this.$message({
405 showClose: true, 368 showClose: true,
406 message: 369 message: "请确认权利人信息",
407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
408 type: "error", 370 type: "error",
409 }); 371 });
410 return false; 372 return false;
411 } 373 }
412 //是否分别持证 374
413 if (this.ruleForm.sldy.sqfbcz == "1") { 375 if (this.ruleForm.sldy.gyfs == "0") {
414 //是 376 if (this.ruleForm.qlrList.length > 1) {
415 this.ruleForm.qlrList.forEach((item, index) => { 377 this.$message({
416 item.sfczr = "1"; 378 showClose: true,
417 }); 379 message: "共有方式：单独所有，权利人只能是一个人",
380 type: "error",
381 });
382 return false;
383 }
384 this.ruleForm.qlrList[0].sfczr = "1";
418 } else { 385 } else {
419 if (!that.czr) { 386 if (this.ruleForm.qlrList.length <= 1) {
420 that.$message({ 387 this.$message({
421 showClose: true, 388 showClose: true,
422 message: "请选择持证人", 389 message:
390 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
423 type: "error", 391 type: "error",
424 }); 392 });
425 return false; 393 return false;
426 } 394 }
427 this.ruleForm.qlrList.forEach((item, index) => { 395 //是否分别持证
428 if (item.zjh == this.czr) { 396 if (this.ruleForm.sldy.sqfbcz == "1") {
397 //是
398 this.ruleForm.qlrList.forEach((item, index) => {
429 item.sfczr = "1"; 399 item.sfczr = "1";
430 } else { 400 });
431 item.sfczr = "0"; 401 } else {
402 if (!that.czr) {
403 that.$message({
404 showClose: true,
405 message: "请选择持证人",
406 type: "error",
407 });
408 return false;
432 } 409 }
433 }); 410 this.ruleForm.qlrList.forEach((item, index) => {
434 } 411 if (item.zjh == this.czr) {
435 } 412 item.sfczr = "1";
436 saveData(this.ruleForm).then((res) => { 413 } else {
437 if (res.code === 200) { 414 item.sfczr = "0";
438 this.$message({ 415 }
439 showClose: true, 416 });
440 message: "保存成功！", 417 }
441 type: "success",
442 });
443 this.$store.dispatch("user/refreshPage", true);
444 } else {
445 this.$message({
446 showClose: true,
447 message: res.message,
448 type: "error",
449 });
450 } 418 }
451 }); 419 saveData(this.ruleForm).then((res) => {
420 if (res.code === 200) {
421 this.$message({
422 showClose: true,
423 message: "保存成功！",
424 type: "success",
425 });
426 this.$store.dispatch("user/refreshPage", true);
427 } else {
428 this.$message({
429 showClose: true,
430 message: res.message,
431 type: "error",
432 });
433 }
434 });
435 },
452 }, 436 },
453 }, 437 };
454 };
455 </script> 438 </script>
456 <style scoped lang="scss"> 439 <style scoped lang="scss">
457 @import "~@/styles/public.scss"; 440 @import "~@/styles/public.scss";
458 441
459 /deep/.el-form { 442 /deep/.el-form {
460 display: flex; 443 display: flex;
461 flex-direction: column; 444 flex-direction: column;
462 height: calc(100vh - 130px); 445 height: calc(100vh - 130px);
463 } 446 }
464 447
465 /deep/.el-form-item__label { 448 /deep/.el-form-item__label {
466 padding: 0; 449 padding: 0;
467 } 450 }
468 451
469 /deep/.el-radio { 452 /deep/.el-radio {
470 margin-right: 10px; 453 margin-right: 10px;
471 } 454 }
472 455
473 /deep/.el-select { 456 /deep/.el-select {
474 width: 100%; 457 width: 100%;
475 } 458 }
476 459
477 /deep/.el-form-item { 460 /deep/.el-form-item {
478 margin-bottom: 8px; 461 margin-bottom: 8px;
479 } 462 }
480 463
481 .marginBot0 { 464 .marginBot0 {
482 margin-bottom: 0 !important; 465 margin-bottom: 0 !important;
483 } 466 }
484 467
485 .slxx { 468 .slxx {
486 box-sizing: border-box; 469 box-sizing: border-box;
487 } 470 }
488 471
489 .slxx_con { 472 .slxx_con {
490 flex: 1; 473 flex: 1;
491 height: 100%; 474 height: 100%;
492 background-color: #ffffff; 475 background-color: #ffffff;
493 overflow-y: auto; 476 overflow-y: auto;
494 padding-right: 3px; 477 padding-right: 3px;
495 overflow-x: hidden; 478 overflow-x: hidden;
496 } 479 }
497 480
498 .submit_btn { 481 .submit_btn {
499 height: 50px; 482 height: 50px;
500 } 483 }
501 484
502 .slxx_title { 485 .slxx_title {
503 border-bottom: 1px solid $borderColor; 486 border-bottom: 1px solid $borderColor;
504 padding-left: 10px; 487 padding-left: 10px;
505 padding-bottom: 5px; 488 padding-bottom: 5px;
506 margin-bottom: 10px; 489 margin-bottom: 10px;
507 margin-top: 5px; 490 margin-top: 5px;
508 font-size: 16px; 491 font-size: 16px;
509 font-weight: 500; 492 font-weight: 500;
510 color: #4a4a4a; 493 color: #4a4a4a;
511 } 494 }
512 495
513 .btn { 496 .btn {
514 text-align: center; 497 text-align: center;
515 padding-top: 10px; 498 padding-top: 10px;
516 height: 36px; 499 height: 36px;
517 background-color: #ffffff; 500 background-color: #ffffff;
518 padding: 5px 0; 501 padding: 5px 0;
519 } 502 }
520 503
521 .textArea { 504 .textArea {
522 /deep/.el-textarea__inner { 505 /deep/.el-textarea__inner {
523 min-height: 90px !important; 506 min-height: 90px !important;
507 }
524 } 508 }
525 }
526 509
527 /deep/.el-form-item__label { 510 /deep/.el-form-item__label {
528 padding-bottom: 0px; 511 padding-bottom: 0px;
529 } 512 }
530 </style> 513 </style>
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -51,8 +50,7 @@ ...@@ -51,8 +50,7 @@
51 </el-row> 50 </el-row>
52 <div 51 <div
53 class="slxx_title title-block flex" 52 class="slxx_title title-block flex"
54 style="justify-content: space-between" 53 style="justify-content: space-between">
55 >
56 不动产单元情况 54 不动产单元情况
57 <el-button @click="compare">变化情况对比+</el-button> 55 <el-button @click="compare">变化情况对比+</el-button>
58 </div> 56 </div>
...@@ -113,8 +111,7 @@ ...@@ -113,8 +111,7 @@
113 <el-input 111 <el-input
114 disabled 112 disabled
115 v-model.number="ruleForm.ygdj.zcs" 113 v-model.number="ruleForm.ygdj.zcs"
116 oninput="value=value.replace(/[^0-9]/g,'')" 114 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
117 ></el-input>
118 </el-form-item> 115 </el-form-item>
119 </el-col> 116 </el-col>
120 </el-row> 117 </el-row>
...@@ -127,8 +124,7 @@ ...@@ -127,8 +124,7 @@
127 <el-form-item label="共有方式："> 124 <el-form-item label="共有方式：">
128 <el-radio-group 125 <el-radio-group
129 :disabled="!viewEdit" 126 :disabled="!viewEdit"
130 v-model="ruleForm.sldy.gyfs" 127 v-model="ruleForm.sldy.gyfs">
131 >
132 <el-radio label="0">单独所有</el-radio> 128 <el-radio label="0">单独所有</el-radio>
133 <el-radio label="1">共同共有</el-radio> 129 <el-radio label="1">共同共有</el-radio>
134 <el-radio label="2">按份所有</el-radio> 130 <el-radio label="2">按份所有</el-radio>
...@@ -141,8 +137,7 @@ ...@@ -141,8 +137,7 @@
141 <el-radio-group 137 <el-radio-group
142 v-model="ruleForm.sldy.sqfbcz" 138 v-model="ruleForm.sldy.sqfbcz"
143 :disabled="!viewEdit" 139 :disabled="!viewEdit"
144 @input="updaterow()" 140 @input="updaterow()">
145 >
146 <el-radio :label="1">是</el-radio> 141 <el-radio :label="1">是</el-radio>
147 <el-radio :label="0">否</el-radio> 142 <el-radio :label="0">否</el-radio>
148 </el-radio-group> 143 </el-radio-group>
...@@ -150,20 +145,17 @@ ...@@ -150,20 +145,17 @@
150 </el-col> 145 </el-col>
151 <el-col 146 <el-col
152 :span="6" 147 :span="6"
153 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 148 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
154 >
155 <el-form-item label="持证人："> 149 <el-form-item label="持证人：">
156 <el-select 150 <el-select
157 v-model="czr" 151 v-model="czr"
158 placeholder="持证人" 152 placeholder="持证人"
159 :disabled="!viewEdit" 153 :disabled="!viewEdit">
160 >
161 <el-option 154 <el-option
162 v-for="item in czrOptions" 155 v-for="item in czrOptions"
163 :key="item.zjh" 156 :key="item.zjh"
164 :label="item.sqrmc" 157 :label="item.sqrmc"
165 :value="item.zjh" 158 :value="item.zjh">
166 >
167 </el-option> 159 </el-option>
168 </el-select> 160 </el-select>
169 </el-form-item> 161 </el-form-item>
...@@ -173,8 +165,7 @@ ...@@ -173,8 +165,7 @@
173 @upDateQlrxxList="upDateQlrxxList" 165 @upDateQlrxxList="upDateQlrxxList"
174 :tableData="ruleForm.qlrList" 166 :tableData="ruleForm.qlrList"
175 :disabled="viewEdit" 167 :disabled="viewEdit"
176 :gyfs="ruleForm.sldy.gyfs" 168 :gyfs="ruleForm.sldy.gyfs" />
177 />
178 <div class="slxx_title title-block"> 169 <div class="slxx_title title-block">
179 义务人信息 170 义务人信息
180 <div class="triangle"></div> 171 <div class="triangle"></div>
...@@ -183,8 +174,7 @@ ...@@ -183,8 +174,7 @@
183 @upDateQlrxxList="upDateYwrxxList" 174 @upDateQlrxxList="upDateYwrxxList"
184 :tableData="ruleForm.ywrList" 175 :tableData="ruleForm.ywrList"
185 :disabled="viewEdit" 176 :disabled="viewEdit"
186 :gyfs="ruleForm.sldy.gyfs" 177 :gyfs="ruleForm.sldy.gyfs" />
187 />
188 <div class="slxx_title title-block"> 178 <div class="slxx_title title-block">
189 登记原因 179 登记原因
190 <div class="triangle"></div> 180 <div class="triangle"></div>
...@@ -198,8 +188,7 @@ ...@@ -198,8 +188,7 @@
198 maxlength="500" 188 maxlength="500"
199 show-word-limit 189 show-word-limit
200 :disabled="!viewEdit" 190 :disabled="!viewEdit"
201 v-model="ruleForm.ygdj.djyy" 191 v-model="ruleForm.ygdj.djyy">
202 >
203 </el-input> 192 </el-input>
204 </el-form-item> 193 </el-form-item>
205 </el-col> 194 </el-col>
...@@ -214,258 +203,257 @@ ...@@ -214,258 +203,257 @@
214 </div> 203 </div>
215 </template> 204 </template>
216 <script> 205 <script>
217 import ywmix from "@/views/ywbl/mixin/index"; 206 import ywmix from "@/views/ywbl/mixin/index";
218 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
219 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 208 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
220 import { mapGetters } from "vuex"; 209 import { mapGetters } from "vuex";
221 export default { 210 export default {
222 mixins: [ywmix], 211 mixins: [ywmix],
223 mounted() { 212 mounted () {
224 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 213 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
225 this.propsParam = this.$attrs; 214 this.propsParam = this.$attrs;
226 var formdata = new FormData(); 215 var formdata = new FormData();
227 this.$startLoading(); 216 this.$startLoading();
228 formdata.append("bsmSldy", this.propsParam.bsmSldy); 217 formdata.append("bsmSldy", this.propsParam.bsmSldy);
229 formdata.append("djlx", this.propsParam.djlx); 218 formdata.append("djlx", this.propsParam.djlx);
230 formdata.append("isEdit", this.viewEdit); 219 formdata.append("isEdit", this.viewEdit);
231 Init(formdata).then((res) => { 220 Init(formdata).then((res) => {
232 if (res.code === 200 && res.result) { 221 if (res.code === 200 && res.result) {
233 this.$endLoading(); 222 this.$endLoading();
234 this.ruleForm = res.result; 223 this.ruleForm = res.result;
235 this.czrOptions = this.ruleForm.qlrList; 224 this.czrOptions = this.ruleForm.qlrList;
236 this.ruleForm.qlrList.forEach((item) => { 225 this.ruleForm.qlrList.forEach((item) => {
237 if (item.sfczr == 1) { 226 if (item.sfczr == 1) {
238 this.czr = item.sqrmc; 227 this.czr = item.sqrmc;
239 } 228 }
240 }); 229 });
241 } 230 }
242 });
243 },
244 components: { qlrCommonTable },
245 computed: {
246 ...mapGetters(["dictData", "flag"]),
247 },
248 data() {
249 return {
250 //表单是否可操作
251 viewEdit: true,
252 disabled: true,
253 tdytOption: [],
254 czrOptions: [],
255 czr: "",
256 ruleForm: {},
257 //传递参数
258 propsParam: this.$attrs,
259 rules: {},
260 };
261 },
262 methods: {
263 /**
264 * @description: onClick
265 * @author: renchao
266 */
267 onClick() {
268 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
269 formData: {
270 bsmSldy: this.propsParam.bsmSldy,
271 qllx: this.propsParam.qllx,
272 },
273 }); 231 });
274 }, 232 },
275 /** 233 components: { qlrCommonTable },
276 * @description: 更新权利人信息 234 computed: {
277 * @param {*} val 235 ...mapGetters(["dictData", "flag"]),
278 * @author: renchao
279 */
280 upDateQlrxxList(val) {
281 this.ruleForm.qlrList = _.cloneDeep(val);
282 this.czrOptions = this.ruleForm.qlrList;
283 },
284 // 是否持证人变化
285 /**
286 * @description: 是否持证人变化
287 * @param {*} val
288 * @author: renchao
289 */
290 updaterow() {
291 this.czr = "";
292 }, 236 },
293 /** 237 data () {
294 * @description: 更新业务人信息 238 return {
295 * @param {*} val 239 //表单是否可操作
296 * @author: renchao 240 viewEdit: true,
297 */ 241 disabled: true,
298 upDateYwrxxList(val) { 242 tdytOption: [],
299 this.ruleForm.ywrList = _.cloneDeep(val); 243 czrOptions: [],
244 czr: "",
245 ruleForm: {},
246 //传递参数
247 propsParam: this.$attrs,
248 rules: {},
249 };
300 }, 250 },
301 251 methods: {
302 /** 252 /**
303 * @description: onSubmit 253 * @description: onClick
304 * @author: renchao 254 * @author: renchao
305 */ 255 */
306 onSubmit() { 256 onClick () {
307 let that = this; 257 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
308 if (this.ruleForm.qlrList.length == 0) { 258 formData: {
309 this.$message({ 259 bsmSldy: this.propsParam.bsmSldy,
310 showClose: true, 260 qllx: this.propsParam.qllx,
311 message: "请确认权利人信息", 261 },
312 type: "error",
313 }); 262 });
314 return false; 263 },
315 } 264 /**
265 * @description: 更新权利人信息
266 * @param {*} val
267 * @author: renchao
268 */
269 upDateQlrxxList (val) {
270 this.ruleForm.qlrList = _.cloneDeep(val);
271 this.czrOptions = this.ruleForm.qlrList;
272 },
273 /**
274 * @description: 是否持证人变化
275 * @param {*} val
276 * @author: renchao
277 */
278 updaterow () {
279 this.czr = "";
280 },
281 /**
282 * @description: 更新业务人信息
283 * @param {*} val
284 * @author: renchao
285 */
286 upDateYwrxxList (val) {
287 this.ruleForm.ywrList = _.cloneDeep(val);
288 },
316 289
317 if (this.ruleForm.sldy.gyfs == "0") { 290 /**
318 if (this.ruleForm.qlrList.length > 1) { 291 * @description: onSubmit
292 * @author: renchao
293 */
294 onSubmit () {
295 let that = this;
296 if (this.ruleForm.qlrList.length == 0) {
319 this.$message({ 297 this.$message({
320 showClose: true, 298 showClose: true,
321 message: "共有方式：单独所有，权利人只能是一个人", 299 message: "请确认权利人信息",
322 type: "error", 300 type: "error",
323 }); 301 });
324 return false; 302 return false;
325 } 303 }
326 this.ruleForm.qlrList[0].sfczr = "1"; 304
327 } else { 305 if (this.ruleForm.sldy.gyfs == "0") {
328 if (this.ruleForm.qlrList.length <= 1) { 306 if (this.ruleForm.qlrList.length > 1) {
329 this.$message({ 307 this.$message({
330 showClose: true, 308 showClose: true,
331 message: 309 message: "共有方式：单独所有，权利人只能是一个人",
332 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 310 type: "error",
333 type: "error", 311 });
334 }); 312 return false;
335 return false; 313 }
336 } 314 this.ruleForm.qlrList[0].sfczr = "1";
337 //是否分别持证
338 if (this.ruleForm.sldy.sqfbcz == "1") {
339 //是
340 this.ruleForm.qlrList.forEach((item, index) => {
341 item.sfczr = "1";
342 });
343 } else { 315 } else {
344 if (!that.czr) { 316 if (this.ruleForm.qlrList.length <= 1) {
345 that.$message({ 317 this.$message({
346 showClose: true, 318 showClose: true,
347 message: "请选择持证人", 319 message:
320 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
348 type: "error", 321 type: "error",
349 }); 322 });
350 return false; 323 return false;
351 } 324 }
352 this.ruleForm.qlrList.forEach((item, index) => { 325 //是否分别持证
353 if (item.zjh == this.czr) { 326 if (this.ruleForm.sldy.sqfbcz == "1") {
327 //是
328 this.ruleForm.qlrList.forEach((item, index) => {
354 item.sfczr = "1"; 329 item.sfczr = "1";
355 } else { 330 });
356 item.sfczr = "0"; 331 } else {
332 if (!that.czr) {
333 that.$message({
334 showClose: true,
335 message: "请选择持证人",
336 type: "error",
337 });
338 return false;
357 } 339 }
358 }); 340 this.ruleForm.qlrList.forEach((item, index) => {
359 } 341 if (item.zjh == this.czr) {
360 } 342 item.sfczr = "1";
361 saveData(this.ruleForm).then((res) => { 343 } else {
362 if (res.code === 200) { 344 item.sfczr = "0";
363 this.$message({ 345 }
364 showClose: true, 346 });
365 message: "保存成功！", 347 }
366 type: "success",
367 });
368 this.$store.dispatch("user/refreshPage", true);
369 } else {
370 this.$message({
371 showClose: true,
372 message: res.message,
373 type: "error",
374 });
375 } 348 }
376 }); 349 saveData(this.ruleForm).then((res) => {
377 }, 350 if (res.code === 200) {
378 /** 351 this.$message({
379 * @description: compare 352 showClose: true,
380 * @author: renchao 353 message: "保存成功！",
381 */ 354 type: "success",
382 compare() { 355 });
383 this.$popupDialog( 356 this.$store.dispatch("user/refreshPage", true);
384 this.ruleForm.qlxx.qllxmc, 357 } else {
385 "registerBook/comparison", 358 this.$message({
386 { 359 showClose: true,
387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 360 message: res.message,
388 dqqllx: "YGDJ", 361 type: "error",
389 }, 362 });
390 "80%", 363 }
391 true 364 });
392 ); 365 },
366 /**
367 * @description: compare
368 * @author: renchao
369 */
370 compare () {
371 this.$popupDialog(
372 this.ruleForm.qlxx.qllxmc,
373 "registerBook/comparison",
374 {
375 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
376 dqqllx: "YGDJ",
377 },
378 "80%",
379 true
380 );
381 },
393 }, 382 },
394 }, 383 };
395 };
396 </script> 384 </script>
397 <style scoped lang="scss"> 385 <style scoped lang="scss">
398 @import "~@/styles/public.scss"; 386 @import "~@/styles/public.scss";
399 387
400 /deep/.el-form { 388 /deep/.el-form {
401 display: flex; 389 display: flex;
402 flex-direction: column; 390 flex-direction: column;
403 height: calc(100vh - 130px); 391 height: calc(100vh - 130px);
404 } 392 }
405 393
406 /deep/.el-form-item__label { 394 /deep/.el-form-item__label {
407 padding: 0; 395 padding: 0;
408 } 396 }
409 397
410 /deep/.el-radio { 398 /deep/.el-radio {
411 margin-right: 10px; 399 margin-right: 10px;
412 } 400 }
413 401
414 /deep/.el-select { 402 /deep/.el-select {
415 width: 100%; 403 width: 100%;
416 } 404 }
417 405
418 /deep/.el-form-item { 406 /deep/.el-form-item {
419 margin-bottom: 8px; 407 margin-bottom: 8px;
420 } 408 }
421 409
422 .marginBot0 { 410 .marginBot0 {
423 margin-bottom: 0 !important; 411 margin-bottom: 0 !important;
424 } 412 }
425 413
426 .slxx { 414 .slxx {
427 box-sizing: border-box; 415 box-sizing: border-box;
428 } 416 }
429 417
430 .slxx_con { 418 .slxx_con {
431 flex: 1; 419 flex: 1;
432 height: 100%; 420 height: 100%;
433 background-color: #ffffff; 421 background-color: #ffffff;
434 overflow-y: auto; 422 overflow-y: auto;
435 padding-right: 3px; 423 padding-right: 3px;
436 overflow-x: hidden; 424 overflow-x: hidden;
437 } 425 }
438 426
439 .submit_btn { 427 .submit_btn {
440 height: 50px; 428 height: 50px;
441 } 429 }
442 430
443 .slxx_title { 431 .slxx_title {
444 border-bottom: 1px solid $borderColor; 432 border-bottom: 1px solid $borderColor;
445 padding-left: 10px; 433 padding-left: 10px;
446 padding-bottom: 5px; 434 padding-bottom: 5px;
447 margin-bottom: 10px; 435 margin-bottom: 10px;
448 margin-top: 5px; 436 margin-top: 5px;
449 font-size: 16px; 437 font-size: 16px;
450 font-weight: 500; 438 font-weight: 500;
451 color: #4a4a4a; 439 color: #4a4a4a;
452 } 440 }
453 441
454 .btn { 442 .btn {
455 text-align: center; 443 text-align: center;
456 padding-top: 10px; 444 padding-top: 10px;
457 height: 36px; 445 height: 36px;
458 background-color: #ffffff; 446 background-color: #ffffff;
459 padding: 5px 0; 447 padding: 5px 0;
460 } 448 }
461 449
462 .textArea { 450 .textArea {
463 /deep/.el-textarea__inner { 451 /deep/.el-textarea__inner {
464 min-height: 90px !important; 452 min-height: 90px !important;
453 }
465 } 454 }
466 }
467 455
468 /deep/.el-form-item__label { 456 /deep/.el-form-item__label {
469 padding-bottom: 0px; 457 padding-bottom: 0px;
470 } 458 }
471 </style> 459 </style>
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -135,8 +134,7 @@ ...@@ -135,8 +134,7 @@
135 <el-form-item label="是否存在禁止或限制："> 134 <el-form-item label="是否存在禁止或限制：">
136 <el-input 135 <el-input
137 v-model="ruleForm.ygdj.sfczjzhxz" 136 v-model="ruleForm.ygdj.sfczjzhxz"
138 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" 137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
139 ></el-input>
140 </el-form-item> 138 </el-form-item>
141 </el-col> 139 </el-col>
142 <el-col :span="8"> 140 <el-col :span="8">
...@@ -144,19 +142,16 @@ ...@@ -144,19 +142,16 @@
144 <div class="flex"> 142 <div class="flex">
145 <el-input 143 <el-input
146 v-model="ruleForm.ygdj.qdjg" 144 v-model="ruleForm.ygdj.qdjg"
147 :disabled="!viewEdit" 145 :disabled="!viewEdit"></el-input>
148 ></el-input>
149 <el-select 146 <el-select
150 v-model="ruleForm.ygdj.jedw" 147 v-model="ruleForm.ygdj.jedw"
151 :disabled="!viewEdit" 148 :disabled="!viewEdit"
152 style="width: 68px" 149 style="width: 68px">
153 >
154 <el-option 150 <el-option
155 v-for="item in dictData['A57']" 151 v-for="item in dictData['A57']"
156 :key="item.dcode" 152 :key="item.dcode"
157 :label="item.dname" 153 :label="item.dname"
158 :value="item.dcode" 154 :value="item.dcode"></el-option>
159 ></el-option>
160 </el-select> 155 </el-select>
161 </div> 156 </div>
162 </el-form-item> 157 </el-form-item>
...@@ -166,8 +161,7 @@ ...@@ -166,8 +161,7 @@
166 <el-date-picker 161 <el-date-picker
167 v-model="ruleForm.ygdj.zwlxqssj" 162 v-model="ruleForm.ygdj.zwlxqssj"
168 :disabled="!viewEdit" 163 :disabled="!viewEdit"
169 type="date" 164 type="date"></el-date-picker>
170 ></el-date-picker>
171 </el-form-item> 165 </el-form-item>
172 </el-col> 166 </el-col>
173 <el-col :span="8"> 167 <el-col :span="8">
...@@ -175,8 +169,7 @@ ...@@ -175,8 +169,7 @@
175 <el-date-picker 169 <el-date-picker
176 v-model="ruleForm.ygdj.zwlxjssj" 170 v-model="ruleForm.ygdj.zwlxjssj"
177 :disabled="!viewEdit" 171 :disabled="!viewEdit"
178 type="date" 172 type="date"></el-date-picker>
179 ></el-date-picker>
180 </el-form-item> 173 </el-form-item>
181 </el-col> 174 </el-col>
182 </el-row> 175 </el-row>
...@@ -185,8 +178,7 @@ ...@@ -185,8 +178,7 @@
185 <el-form-item label="担保范围："> 178 <el-form-item label="担保范围：">
186 <el-input 179 <el-input
187 v-model="ruleForm.ygdj.dbfw" 180 v-model="ruleForm.ygdj.dbfw"
188 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" 181 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
189 ></el-input>
190 </el-form-item> 182 </el-form-item>
191 </el-col> 183 </el-col>
192 </el-row> 184 </el-row>
...@@ -198,8 +190,7 @@ ...@@ -198,8 +190,7 @@
198 maxlength="500" 190 maxlength="500"
199 show-word-limit 191 show-word-limit
200 v-model="ruleForm.ygdj.fj" 192 v-model="ruleForm.ygdj.fj"
201 :disabled="!viewEdit" 193 :disabled="!viewEdit"></el-input>
202 ></el-input>
203 </el-form-item> 194 </el-form-item>
204 </el-col> 195 </el-col>
205 </el-row> 196 </el-row>
...@@ -212,8 +203,7 @@ ...@@ -212,8 +203,7 @@
212 <el-form-item label="共有方式："> 203 <el-form-item label="共有方式：">
213 <el-radio-group 204 <el-radio-group
214 :disabled="!viewEdit" 205 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs" 206 v-model="ruleForm.sldy.gyfs">
216 >
217 <el-radio label="0">单独所有</el-radio> 207 <el-radio label="0">单独所有</el-radio>
218 <el-radio label="1">共同共有</el-radio> 208 <el-radio label="1">共同共有</el-radio>
219 <el-radio label="2">按份所有</el-radio> 209 <el-radio label="2">按份所有</el-radio>
...@@ -226,8 +216,7 @@ ...@@ -226,8 +216,7 @@
226 <el-radio-group 216 <el-radio-group
227 v-model="ruleForm.sldy.sqfbcz" 217 v-model="ruleForm.sldy.sqfbcz"
228 :disabled="!viewEdit" 218 :disabled="!viewEdit"
229 @input="updaterow()" 219 @input="updaterow()">
230 >
231 <el-radio :label="1">是</el-radio> 220 <el-radio :label="1">是</el-radio>
232 <el-radio :label="0">否</el-radio> 221 <el-radio :label="0">否</el-radio>
233 </el-radio-group> 222 </el-radio-group>
...@@ -235,20 +224,17 @@ ...@@ -235,20 +224,17 @@
235 </el-col> 224 </el-col>
236 <el-col 225 <el-col
237 :span="6" 226 :span="6"
238 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 227 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
239 >
240 <el-form-item label="持证人："> 228 <el-form-item label="持证人：">
241 <el-select 229 <el-select
242 v-model="czr" 230 v-model="czr"
243 placeholder="持证人" 231 placeholder="持证人"
244 :disabled="!viewEdit" 232 :disabled="!viewEdit">
245 >
246 <el-option 233 <el-option
247 v-for="item in czrOptions" 234 v-for="item in czrOptions"
248 :key="item.zjh" 235 :key="item.zjh"
249 :label="item.sqrmc" 236 :label="item.sqrmc"
250 :value="item.zjh" 237 :value="item.zjh"></el-option>
251 ></el-option>
252 </el-select> 238 </el-select>
253 </el-form-item> 239 </el-form-item>
254 </el-col> 240 </el-col>
...@@ -257,8 +243,7 @@ ...@@ -257,8 +243,7 @@
257 @upDateQlrxxList="upDateQlrxxList" 243 @upDateQlrxxList="upDateQlrxxList"
258 :tableData="ruleForm.qlrList" 244 :tableData="ruleForm.qlrList"
259 :disabled="viewEdit" 245 :disabled="viewEdit"
260 :gyfs="ruleForm.sldy.gyfs" 246 :gyfs="ruleForm.sldy.gyfs" />
261 />
262 <div class="slxx_title title-block"> 247 <div class="slxx_title title-block">
263 义务人信息 248 义务人信息
264 <div class="triangle"></div> 249 <div class="triangle"></div>
...@@ -267,8 +252,7 @@ ...@@ -267,8 +252,7 @@
267 @upDateQlrxxList="upDateYwrxxList" 252 @upDateQlrxxList="upDateYwrxxList"
268 :tableData="ruleForm.ywrList" 253 :tableData="ruleForm.ywrList"
269 :disabled="viewEdit" 254 :disabled="viewEdit"
270 :gyfs="ruleForm.sldy.gyfs" 255 :gyfs="ruleForm.sldy.gyfs" />
271 />
272 <div class="slxx_title title-block"> 256 <div class="slxx_title title-block">
273 登记原因 257 登记原因
274 <div class="triangle"></div> 258 <div class="triangle"></div>
...@@ -282,8 +266,7 @@ ...@@ -282,8 +266,7 @@
282 maxlength="500" 266 maxlength="500"
283 show-word-limit 267 show-word-limit
284 :disabled="!viewEdit" 268 :disabled="!viewEdit"
285 v-model="ruleForm.ygdj.djyy" 269 v-model="ruleForm.ygdj.djyy"></el-input>
286 ></el-input>
287 </el-form-item> 270 </el-form-item>
288 </el-col> 271 </el-col>
289 </el-row> 272 </el-row>
...@@ -297,163 +280,162 @@ ...@@ -297,163 +280,162 @@
297 </div> 280 </div>
298 </template> 281 </template>
299 <script> 282 <script>
300 import ywmix from "@/views/ywbl/mixin/index"; 283 import ywmix from "@/views/ywbl/mixin/index";
301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 284 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
302 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 285 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
303 import { mapGetters } from "vuex"; 286 import { mapGetters } from "vuex";
304 export default { 287 export default {
305 mixins: [ywmix], 288 mixins: [ywmix],
306 created() { 289 mounted () {
307 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 290 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
308 this.propsParam = this.$attrs; 291 this.propsParam = this.$attrs;
309 var formdata = new FormData(); 292 var formdata = new FormData();
310 let that = this;
311 this.loading = true;
312 formdata.append("bsmSldy", this.propsParam.bsmSldy);
313 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
314 formdata.append("djlx", this.propsParam.djlx);
315 formdata.append("isEdit", this.viewEdit);
316 Init(formdata).then((res) => {
317 if (res.code === 200 && res.result) {
318 that.ruleForm = res.result;
319 this.czrOptions = this.ruleForm.qlrList;
320 this.ruleForm.qlrList.forEach((item) => {
321 if (item.sfczr == 1) {
322 this.czr = item.sqrmc;
323 }
324 });
325 setTimeout(() => {
326 that.loading = false;
327 }, 300);
328 }
329 });
330 },
331 components: { qlrCommonTable },
332 computed: {
333 ...mapGetters(["dictData", "flag"]),
334 },
335 data() {
336 return {
337 //表单是否可操作
338 viewEdit: true,
339 loading: false,
340 disabled: true,
341 tdytOption: [],
342 czrOptions: [],
343 czr: "",
344 ruleForm: {},
345 //传递参数
346 propsParam: this.$attrs,
347 rules: {},
348 };
349 },
350 methods: {
351 /**
352 * @description: 更新权利人信息
353 * @param {*} val
354 * @author: renchao
355 */
356 upDateQlrxxList(val) {
357 this.ruleForm.qlrList = _.cloneDeep(val);
358 this.czrOptions = this.ruleForm.qlrList;
359 },
360 /**
361 * @description: 义务人信息
362 * @param {*} val
363 * @author: renchao
364 */
365 upDateYwrxxList(val) {
366 this.ruleForm.ywrList = _.cloneDeep(val);
367 },
368 // 是否持证人变化
369 /**
370 * @description: 是否持证人变化
371 * @param {*} val
372 * @author: renchao
373 */
374 updaterow() {
375 this.czr = "";
376 },
377 /**
378 * @description: onSubmit
379 * @author: renchao
380 */
381 onSubmit() {
382 let that = this; 293 let that = this;
383 if (this.ruleForm.qlrList.length == 0) { 294 this.loading = true;
384 this.$message({ 295 formdata.append("bsmSldy", this.propsParam.bsmSldy);
385 showClose: true, 296 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
386 message: "请确认权利人信息", 297 formdata.append("djlx", this.propsParam.djlx);
387 type: "error", 298 formdata.append("isEdit", this.viewEdit);
388 }); 299 Init(formdata).then((res) => {
389 return false; 300 if (res.code === 200 && res.result) {
390 } 301 that.ruleForm = res.result;
391 302 this.czrOptions = this.ruleForm.qlrList;
392 if (this.ruleForm.sldy.gyfs == "0") { 303 this.ruleForm.qlrList.forEach((item) => {
393 if (this.ruleForm.qlrList.length > 1) { 304 if (item.sfczr == 1) {
394 this.$message({ 305 this.czr = item.sqrmc;
395 showClose: true, 306 }
396 message: "共有方式：单独所有，权利人只能是一个人",
397 type: "error",
398 }); 307 });
399 return false; 308 setTimeout(() => {
309 this.loading = false
310 }, 200)
400 } 311 }
401 this.ruleForm.qlrList[0].sfczr = "1"; 312 })
402 } else { 313 },
403 if (this.ruleForm.qlrList.length <= 1) { 314 components: { qlrCommonTable },
315 computed: {
316 ...mapGetters(["dictData", "flag"])
317 },
318 data () {
319 return {
320 //表单是否可操作
321 viewEdit: true,
322 loading: false,
323 disabled: true,
324 tdytOption: [],
325 czrOptions: [],
326 czr: "",
327 ruleForm: {},
328 //传递参数
329 propsParam: this.$attrs,
330 rules: {}
331 }
332 },
333 methods: {
334 /**
335 * @description: 更新权利人信息
336 * @param {*} val
337 * @author: renchao
338 */
339 upDateQlrxxList (val) {
340 this.ruleForm.qlrList = _.cloneDeep(val);
341 this.czrOptions = this.ruleForm.qlrList;
342 },
343 /**
344 * @description: 义务人信息
345 * @param {*} val
346 * @author: renchao
347 */
348 upDateYwrxxList (val) {
349 this.ruleForm.ywrList = _.cloneDeep(val);
350 },
351 /**
352 * @description: 是否持证人变化
353 * @param {*} val
354 * @author: renchao
355 */
356 updaterow () {
357 this.czr = "";
358 },
359 /**
360 * @description: onSubmit
361 * @author: renchao
362 */
363 onSubmit () {
364 let that = this;
365 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({ 366 this.$message({
405 showClose: true, 367 showClose: true,
406 message: 368 message: "请确认权利人信息",
407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
408 type: "error", 369 type: "error",
409 }); 370 });
410 return false; 371 return false;
411 } 372 }
412 //是否分别持证 373
413 if (this.ruleForm.sldy.sqfbcz == "1") { 374 if (this.ruleForm.sldy.gyfs == "0") {
414 //是 375 if (this.ruleForm.qlrList.length > 1) {
415 this.ruleForm.qlrList.forEach((item, index) => { 376 this.$message({
416 item.sfczr = "1"; 377 showClose: true,
417 }); 378 message: "共有方式：单独所有，权利人只能是一个人",
379 type: "error",
380 });
381 return false;
382 }
383 this.ruleForm.qlrList[0].sfczr = "1";
418 } else { 384 } else {
419 if (!that.czr) { 385 if (this.ruleForm.qlrList.length <= 1) {
420 that.$message({ 386 this.$message({
421 showClose: true, 387 showClose: true,
422 message: "请选择持证人", 388 message:
389 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
423 type: "error", 390 type: "error",
424 }); 391 });
425 return false; 392 return false;
426 } 393 }
427 this.ruleForm.qlrList.forEach((item, index) => { 394 //是否分别持证
428 if (item.zjh == this.czr) { 395 if (this.ruleForm.sldy.sqfbcz == "1") {
396 //是
397 this.ruleForm.qlrList.forEach((item, index) => {
429 item.sfczr = "1"; 398 item.sfczr = "1";
430 } else { 399 });
431 item.sfczr = "0"; 400 } else {
401 if (!that.czr) {
402 that.$message({
403 showClose: true,
404 message: "请选择持证人",
405 type: "error",
406 });
407 return false;
432 } 408 }
433 }); 409 this.ruleForm.qlrList.forEach((item, index) => {
410 if (item.zjh == this.czr) {
411 item.sfczr = "1";
412 } else {
413 item.sfczr = "0";
414 }
415 });
416 }
434 } 417 }
418 saveData(this.ruleForm).then((res) => {
419 if (res.code === 200) {
420 this.$message({
421 showClose: true,
422 message: "保存成功！",
423 type: "success",
424 });
425 this.$store.dispatch("user/refreshPage", true);
426 } else {
427 this.$message({
428 showClose: true,
429 message: res.message,
430 type: "error"
431 })
432 }
433 })
435 } 434 }
436 saveData(this.ruleForm).then((res) => { 435 }
437 if (res.code === 200) { 436 }
438 this.$message({
439 showClose: true,
440 message: "保存成功！",
441 type: "success",
442 });
443 this.$store.dispatch("user/refreshPage", true);
444 } else {
445 this.$message({
446 showClose: true,
447 message: res.message,
448 type: "error",
449 });
450 }
451 });
452 },
453 },
454 };
455 </script> 437 </script>
456 <style scoped lang="scss"> 438 <style scoped lang="scss">
457 @import "~@/styles/public.scss"; 439 @import "~@/styles/public.scss";
458 @import "~@/styles/slxx/slxx.scss"; 440 @import "~@/styles/slxx/slxx.scss";
459 </style> 441 </style>
......