Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
2eff9d39 by xiaomiao
Options

--no commit message

1 parent 29648765
Inline Side-by-side
Showing 18 changed files with 2375 additions and 1240 deletions
...@@ -6,8 +6,15 @@ ...@@ -6,8 +6,15 @@
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 9 <el-form
10 :inline="flag" label-width="180px"> 10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="180px"
17 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
13 受理信息 20 受理信息
...@@ -112,8 +119,16 @@ ...@@ -112,8 +119,16 @@
112 <el-row :gutter="10"> 119 <el-row :gutter="10">
113 <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'"> 120 <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'">
114 <el-form-item label="原不动产登记证明号："> 121 <el-form-item label="原不动产登记证明号：">
115 <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> 122 <el-input
116 <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> 123 v-if="ruleForm.sldy.djlx == '400'"
124 disabled
125 v-model="ruleForm.qlxx.bdcqzh"
126 ></el-input>
127 <el-input
128 v-else
129 disabled
130 v-model="ruleForm.ssQlxx.bdcqzh"
131 ></el-input>
117 </el-form-item> 132 </el-form-item>
118 </el-col> 133 </el-col>
119 <el-col :span="7"> 134 <el-col :span="7">
...@@ -125,8 +140,14 @@ ...@@ -125,8 +140,14 @@
125 </el-form-item> 140 </el-form-item>
126 </el-col> 141 </el-col>
127 <el-col :span="9"> 142 <el-col :span="9">
128 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 143 <el-form-item
129 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit|| isJfOperation"> 144 label="是否存在禁止或者限制转让抵押不动产的约定："
145 label-width="350px"
146 >
147 <el-radio-group
148 v-model="ruleForm.diyaq.sfczjzhxz"
149 :disabled="!viewEdit || isJfOperation"
150 >
130 <el-radio label="1">启用</el-radio> 151 <el-radio label="1">启用</el-radio>
131 <el-radio label="0">禁用</el-radio> 152 <el-radio label="0">禁用</el-radio>
132 </el-radio-group> 153 </el-radio-group>
...@@ -137,10 +158,22 @@ ...@@ -137,10 +158,22 @@
137 <el-row :gutter="10"> 158 <el-row :gutter="10">
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 159 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
139 <el-form-item label="被担保主债权数额："> 160 <el-form-item label="被担保主债权数额：">
140 <div style="display:flex"> 161 <div style="display: flex">
141 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit|| isJfOperation" style="width:500%"></el-input> 162 <el-input
142 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit|| isJfOperation"> 163 v-model="ruleForm.diyaq.bdbzzqse"
143 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 164 :disabled="!viewEdit || isJfOperation"
165 style="width: 500%"
166 ></el-input>
167 <el-select
168 v-model="ruleForm.diyaq.jedw"
169 :disabled="!viewEdit || isJfOperation"
170 >
171 <el-option
172 v-for="item in dictData['A57']"
173 :key="item.dcode"
174 :label="item.dname"
175 :value="item.dcode"
176 >
144 </el-option> 177 </el-option>
145 </el-select> 178 </el-select>
146 </div> 179 </div>
...@@ -149,19 +182,30 @@ ...@@ -149,19 +182,30 @@
149 182
150 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 183 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
151 <el-form-item label="最高债权额："> 184 <el-form-item label="最高债权额：">
152 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit|| isJfOperation"></el-input> 185 <el-input
186 v-model="ruleForm.diyaq.zgzqse"
187 :disabled="!viewEdit || isJfOperation"
188 ></el-input>
153 </el-form-item> 189 </el-form-item>
154 </el-col> 190 </el-col>
155 191
156 <el-col :span="8"> 192 <el-col :span="8">
157 <el-form-item label="债务履行起始时间："> 193 <el-form-item label="债务履行起始时间：">
158 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit|| isJfOperation" type="date"> 194 <el-date-picker
195 v-model="ruleForm.diyaq.zwlxqssj"
196 :disabled="!viewEdit || isJfOperation"
197 type="date"
198 >
159 </el-date-picker> 199 </el-date-picker>
160 </el-form-item> 200 </el-form-item>
161 </el-col> 201 </el-col>
162 <el-col :span="8"> 202 <el-col :span="8">
163 <el-form-item label="债务履行结束时间："> 203 <el-form-item label="债务履行结束时间：">
164 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit|| isJfOperation" type="date"> 204 <el-date-picker
205 v-model="ruleForm.diyaq.zwlxjssj"
206 :disabled="!viewEdit || isJfOperation"
207 type="date"
208 >
165 </el-date-picker> 209 </el-date-picker>
166 </el-form-item> 210 </el-form-item>
167 </el-col> 211 </el-col>
...@@ -169,22 +213,35 @@ ...@@ -169,22 +213,35 @@
169 <el-row> 213 <el-row>
170 <el-col :span="24"> 214 <el-col :span="24">
171 <el-form-item label="担保范围："> 215 <el-form-item label="担保范围：">
172 <el-input v-model="ruleForm.diyaq.dbfw" 216 <el-input
173 :disabled="ruleForm.sldy.djlx == '300'&& !viewEdit|| isJfOperation"></el-input> 217 v-model="ruleForm.diyaq.dbfw"
218 :disabled="
219 (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation
220 "
221 ></el-input>
174 </el-form-item> 222 </el-form-item>
175 </el-col> 223 </el-col>
176 </el-row> 224 </el-row>
177 <el-row> 225 <el-row>
178 <el-col :span="24"> 226 <el-col :span="24">
179 <el-form-item label="最高债权确定事实和数额："> 227 <el-form-item label="最高债权确定事实和数额：">
180 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit|| isJfOperation"></el-input> 228 <el-input
229 v-model="ruleForm.diyaq.zgzqqdss"
230 :disabled="!viewEdit || isJfOperation"
231 ></el-input>
181 </el-form-item> 232 </el-form-item>
182 </el-col> 233 </el-col>
183 </el-row> 234 </el-row>
184 <el-row> 235 <el-row>
185 <el-col> 236 <el-col>
186 <el-form-item label="附记：" prop="fj"> 237 <el-form-item label="附记：" prop="fj">
187 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit|| isJfOperation"></el-input> 238 <el-input
239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 v-model="ruleForm.diyaq.fj"
243 :disabled="!viewEdit || isJfOperation"
244 ></el-input>
188 </el-form-item> 245 </el-form-item>
189 </el-col> 246 </el-col>
190 </el-row> 247 </el-row>
...@@ -196,7 +253,10 @@ ...@@ -196,7 +253,10 @@
196 <el-row :gutter="10"> 253 <el-row :gutter="10">
197 <el-col :span="12"> 254 <el-col :span="12">
198 <el-form-item label="共有方式："> 255 <el-form-item label="共有方式：">
199 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 256 <el-radio-group
257 :disabled="!viewEdit"
258 v-model="ruleForm.sldy.gyfs"
259 >
200 <el-radio label="0">单独所有</el-radio> 260 <el-radio label="0">单独所有</el-radio>
201 <el-radio label="1">共同共有</el-radio> 261 <el-radio label="1">共同共有</el-radio>
202 <el-radio label="2">按份所有</el-radio> 262 <el-radio label="2">按份所有</el-radio>
...@@ -208,7 +268,9 @@ ...@@ -208,7 +268,9 @@
208 <el-form-item label="是否分别持证："> 268 <el-form-item label="是否分别持证：">
209 <el-radio-group 269 <el-radio-group
210 v-model="ruleForm.sldy.sqfbcz" 270 v-model="ruleForm.sldy.sqfbcz"
211 :disabled="!viewEdit"> 271 :disabled="!viewEdit"
272 @input="updaterow()"
273 >
212 <el-radio :label="1">是</el-radio> 274 <el-radio :label="1">是</el-radio>
213 <el-radio :label="0">否</el-radio> 275 <el-radio :label="0">否</el-radio>
214 </el-radio-group> 276 </el-radio-group>
...@@ -216,29 +278,40 @@ ...@@ -216,29 +278,40 @@
216 </el-col> 278 </el-col>
217 <el-col 279 <el-col
218 :span="6" 280 :span="6"
219 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 281 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
282 >
220 <el-form-item label="持证人："> 283 <el-form-item label="持证人：">
221 <el-select 284 <el-select
222 v-model="czr" 285 v-model="czr"
223 placeholder="持证人" 286 placeholder="持证人"
224 :disabled="!viewEdit"> 287 :disabled="!viewEdit"
288 >
225 <el-option 289 <el-option
226 v-for="item in czrOptions" 290 v-for="item in czrOptions"
227 :key="item.zjh" 291 :key="item.zjh"
228 :label="item.sqrmc" 292 :label="item.sqrmc"
229 :value="item.zjh"> 293 :value="item.zjh"
294 >
230 </el-option> 295 </el-option>
231 </el-select> 296 </el-select>
232 </el-form-item> 297 </el-form-item>
233 </el-col> 298 </el-col>
234 </el-row> 299 </el-row>
235 <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="viewEdit" @upDateQlrxxList="upDateQlrxxList" 300 <qlrCommonTable
236 :gyfs="ruleForm.sldy.gyfs" /> 301 :tableData="ruleForm.qlrList"
302 :disabled="viewEdit"
303 @upDateQlrxxList="upDateQlrxxList"
304 :gyfs="ruleForm.sldy.gyfs"
305 />
237 <div class="slxx_title title-block"> 306 <div class="slxx_title title-block">
238 抵押人信息 307 抵押人信息
239 <div class="triangle"></div> 308 <div class="triangle"></div>
240 </div> 309 </div>
241 <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="viewEdit" @upDateQlrxxList="upDateYwrxxList" /> 310 <qlrCommonTable
311 :tableData="ruleForm.ywrList"
312 :disabled="viewEdit"
313 @upDateQlrxxList="upDateYwrxxList"
314 />
242 315
243 <div class="slxx_title title-block"> 316 <div class="slxx_title title-block">
244 登记原因 317 登记原因
...@@ -246,19 +319,32 @@ ...@@ -246,19 +319,32 @@
246 </div> 319 </div>
247 <el-row :gutter="10"> 320 <el-row :gutter="10">
248 <el-col> 321 <el-col>
249 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 322 <el-form-item
250 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 323 v-if="ruleForm.sldy.djlx == '400'"
251 v-model="ruleForm.diyaq.zxdyyy"> 324 label="注销抵押原因："
325 prop="djyy"
326 >
327 <el-input
328 class="textArea"
329 type="textarea"
330 :disabled="!viewEdit"
331 v-model="ruleForm.diyaq.zxdyyy"
332 >
252 </el-input> 333 </el-input>
253 </el-form-item> 334 </el-form-item>
254 <el-form-item v-else label="登记原因：" prop="djyy"> 335 <el-form-item v-else label="登记原因：" prop="djyy">
255 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 336 <el-input
256 v-model="ruleForm.diyaq.djyy"> 337 class="textArea"
338 type="textarea"
339 maxlength="500"
340 show-word-limit
341 :disabled="!viewEdit"
342 v-model="ruleForm.diyaq.djyy"
343 >
257 </el-input> 344 </el-input>
258 </el-form-item> 345 </el-form-item>
259 </el-col> 346 </el-col>
260 </el-row> 347 </el-row>
261
262 </div> 348 </div>
263 <el-row class="btn" v-if="viewEdit"> 349 <el-row class="btn" v-if="viewEdit">
264 <el-form-item> 350 <el-form-item>
...@@ -269,15 +355,15 @@ ...@@ -269,15 +355,15 @@
269 </div> 355 </div>
270 </template> 356 </template>
271 <script> 357 <script>
272 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 358 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
273 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 359 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
274 import { mapGetters } from "vuex"; 360 import { mapGetters } from "vuex";
275 export default { 361 export default {
276 mounted () { 362 mounted() {
277 this.viewEdit = this.$parent.currentSelectTab.ableOperation 363 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
278 this.propsParam = this.$attrs; 364 this.propsParam = this.$attrs;
279 var formdata = new FormData(); 365 var formdata = new FormData();
280 if (this.propsParam.djlx == '400') { 366 if (this.propsParam.djlx == "400") {
281 this.isJfOperation = true; 367 this.isJfOperation = true;
282 } 368 }
283 this.$startLoading(); 369 this.$startLoading();
...@@ -292,24 +378,24 @@ ...@@ -292,24 +378,24 @@
292 this.ruleForm.diyaq.sfczjzhxz = "0"; 378 this.ruleForm.diyaq.sfczjzhxz = "0";
293 } 379 }
294 this.ruleForm.qlrList.forEach((item) => { 380 this.ruleForm.qlrList.forEach((item) => {
295 if(item.sfczr==1){ 381 if (item.sfczr == 1) {
296 this.czr=item.sqrmc 382 this.czr = item.sqrmc;
297 } 383 }
298 }) 384 });
299 this.$endLoading(); 385 this.$endLoading();
300 }) 386 });
301 }, 387 },
302 components: { qlrCommonTable }, 388 components: { qlrCommonTable },
303 computed: { 389 computed: {
304 ...mapGetters(["dictData", "flag"]), 390 ...mapGetters(["dictData", "flag"]),
305 }, 391 },
306 data () { 392 data() {
307 return { 393 return {
308 //表单是否可操作 394 //表单是否可操作
309 viewEdit: true, 395 viewEdit: true,
310 disabled: true, 396 disabled: true,
311 czrOptions: [], 397 czrOptions: [],
312 czr:"", 398 czr: "",
313 ruleForm: { 399 ruleForm: {
314 slsq: {}, 400 slsq: {},
315 ssQlxx: {}, 401 ssQlxx: {},
...@@ -327,8 +413,8 @@ ...@@ -327,8 +413,8 @@
327 * @description: onSubmitClick 413 * @description: onSubmitClick
328 * @author: renchao 414 * @author: renchao
329 */ 415 */
330 onSubmitClick () { 416 onSubmitClick() {
331 let that = this 417 let that = this;
332 if (this.ruleForm.qlrList.length == 0) { 418 if (this.ruleForm.qlrList.length == 0) {
333 this.$message({ 419 this.$message({
334 showClose: true, 420 showClose: true,
...@@ -351,7 +437,8 @@ ...@@ -351,7 +437,8 @@
351 if (this.ruleForm.qlrList.length <= 1) { 437 if (this.ruleForm.qlrList.length <= 1) {
352 this.$message({ 438 this.$message({
353 showClose: true, 439 showClose: true,
354 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 440 message:
441 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
355 type: "error", 442 type: "error",
356 }); 443 });
357 return false; 444 return false;
...@@ -388,7 +475,7 @@ ...@@ -388,7 +475,7 @@
388 message: "保存成功！", 475 message: "保存成功！",
389 type: "success", 476 type: "success",
390 }); 477 });
391 this.$store.dispatch('user/refreshPage', true); 478 this.$store.dispatch("user/refreshPage", true);
392 } else { 479 } else {
393 this.$message({ 480 this.$message({
394 showClose: true, 481 showClose: true,
...@@ -403,26 +490,35 @@ ...@@ -403,26 +490,35 @@
403 * @param {*} val 490 * @param {*} val
404 * @author: renchao 491 * @author: renchao
405 */ 492 */
406 upDateQlrxxList (val) { 493 upDateQlrxxList(val) {
407 if (!_.isEqual(val, this.ruleForm.qlrList)) { 494 if (!_.isEqual(val, this.ruleForm.qlrList)) {
408 this.ruleForm.qlrList = _.cloneDeep(val); 495 this.ruleForm.qlrList = _.cloneDeep(val);
409 this.czrOptions = this.ruleForm.qlrList; 496 this.czrOptions = this.ruleForm.qlrList;
410 } 497 }
411 }, 498 },
499 // 是否持证人变化
500 /**
501 * @description: 是否持证人变化
502 * @param {*} val
503 * @author: renchao
504 */
505 updaterow() {
506 this.czr = "";
507 },
412 /** 508 /**
413 * @description: 更新义务人信息 509 * @description: 更新义务人信息
414 * @param {*} val 510 * @param {*} val
415 * @author: renchao 511 * @author: renchao
416 */ 512 */
417 upDateYwrxxList (val) { 513 upDateYwrxxList(val) {
418 if (!_.isEqual(val, this.ruleForm.ywrList)) { 514 if (!_.isEqual(val, this.ruleForm.ywrList)) {
419 this.ruleForm.ywrList = _.cloneDeep(val); 515 this.ruleForm.ywrList = _.cloneDeep(val);
420 } 516 }
421 } 517 },
422 } 518 },
423 }; 519 };
424 </script> 520 </script>
425 <style scoped lang='scss'> 521 <style scoped lang="scss">
426 @import "~@/styles/public.scss"; 522 @import "~@/styles/public.scss";
427 @import "~@/styles/slxx/slxx.scss"; 523 @import "~@/styles/slxx/slxx.scss";
428 </style> 524 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +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 label-width="120px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -77,12 +78,17 @@ ...@@ -77,12 +78,17 @@
77 <el-form-item label="宗地面积："> 78 <el-form-item label="宗地面积：">
78 <div class="flex"> 79 <div class="flex">
79 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 80 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
80 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%"> 81 <el-select
82 disabled
83 v-model="ruleForm.zdjbxx.mjdw"
84 style="width: 20%"
85 >
81 <el-option 86 <el-option
82 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
83 :key="item.dcode" 88 :key="item.dcode"
84 :label="item.dname" 89 :label="item.dname"
85 :value="item.dcode"></el-option> 90 :value="item.dcode"
91 ></el-option>
86 </el-select> 92 </el-select>
87 </div> 93 </div>
88 </el-form-item> 94 </el-form-item>
...@@ -116,13 +122,15 @@ ...@@ -116,13 +122,15 @@
116 <el-input 122 <el-input
117 v-model="ruleForm.fdcq1.fdcjyjg" 123 v-model="ruleForm.fdcq1.fdcjyjg"
118 style="width: 500%" 124 style="width: 500%"
119 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 125 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
126 ></el-input>
120 <el-select v-model="ruleForm.fdcq1.jedw"> 127 <el-select v-model="ruleForm.fdcq1.jedw">
121 <el-option 128 <el-option
122 v-for="item in dictData['A57']" 129 v-for="item in dictData['A57']"
123 :key="item.dcode" 130 :key="item.dcode"
124 :label="item.dname" 131 :label="item.dname"
125 :value="item.dcode"></el-option> 132 :value="item.dcode"
133 ></el-option>
126 </el-select> 134 </el-select>
127 </div> 135 </div>
128 </el-form-item> 136 </el-form-item>
...@@ -131,7 +139,12 @@ ...@@ -131,7 +139,12 @@
131 <el-row :gutter="10"> 139 <el-row :gutter="10">
132 <el-col :span="24"> 140 <el-col :span="24">
133 <el-form-item label="附记："> 141 <el-form-item label="附记：">
134 <el-input v-model="ruleForm.fdcq1.fj" type="textarea" maxlength="500" show-word-limit></el-input> 142 <el-input
143 v-model="ruleForm.fdcq1.fj"
144 type="textarea"
145 maxlength="500"
146 show-word-limit
147 ></el-input>
135 </el-form-item> 148 </el-form-item>
136 </el-col> 149 </el-col>
137 </el-row> 150 </el-row>
...@@ -141,7 +154,8 @@ ...@@ -141,7 +154,8 @@
141 <fdcqxmTable 154 <fdcqxmTable
142 :ableOperation="viewEdit" 155 :ableOperation="viewEdit"
143 :tableData="ruleForm.fdcqxm" 156 :tableData="ruleForm.fdcqxm"
144 @updateFdcwxmList="updateFdcwxmList" /> 157 @updateFdcwxmList="updateFdcwxmList"
158 />
145 <div class="slxx_title title-block"> 159 <div class="slxx_title title-block">
146 土地用途 160 土地用途
147 <div class="triangle"></div> 161 <div class="triangle"></div>
...@@ -149,7 +163,8 @@ ...@@ -149,7 +163,8 @@
149 <tdytTable 163 <tdytTable
150 :ableOperation="viewEdit" 164 :ableOperation="viewEdit"
151 :tableData="ruleForm.tdytqxList" 165 :tableData="ruleForm.tdytqxList"
152 @upDateTdytxxList="upDateTdytxxList" /> 166 @upDateTdytxxList="upDateTdytxxList"
167 />
153 <div class="slxx_title title-block"> 168 <div class="slxx_title title-block">
154 权利人信息 169 权利人信息
155 <div class="triangle"></div> 170 <div class="triangle"></div>
...@@ -160,7 +175,8 @@ ...@@ -160,7 +175,8 @@
160 <el-radio-group 175 <el-radio-group
161 :disabled="!viewEdit" 176 :disabled="!viewEdit"
162 @change="showCZInfo" 177 @change="showCZInfo"
163 v-model="ruleForm.sldy.gyfs"> 178 v-model="ruleForm.sldy.gyfs"
179 >
164 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
165 <el-radio label="1">共同共有</el-radio> 181 <el-radio label="1">共同共有</el-radio>
166 <el-radio label="2">按份所有</el-radio> 182 <el-radio label="2">按份所有</el-radio>
...@@ -170,20 +186,32 @@ ...@@ -170,20 +186,32 @@
170 </el-col> 186 </el-col>
171 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> 187 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
172 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
173 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 189 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"
192 @input="updaterow()"
193 >
174 <el-radio :label="1">是</el-radio> 194 <el-radio :label="1">是</el-radio>
175 <el-radio :label="0">否</el-radio> 195 <el-radio :label="0">否</el-radio>
176 </el-radio-group> 196 </el-radio-group>
177 </el-form-item> 197 </el-form-item>
178 </el-col> 198 </el-col>
179 <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 199 <el-col
200 :span="5"
201 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
202 >
180 <el-form-item label="持证人1："> 203 <el-form-item label="持证人1：">
181 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 204 <el-select
205 v-model="czr"
206 placeholder="持证人"
207 :disabled="!viewEdit"
208 >
182 <el-option 209 <el-option
183 v-for="item in czrOptions" 210 v-for="item in czrOptions"
184 :key="item.zjh" 211 :key="item.zjh"
185 :label="item.sqrmc" 212 :label="item.sqrmc"
186 :value="item.zjh"></el-option> 213 :value="item.zjh"
214 ></el-option>
187 </el-select> 215 </el-select>
188 </el-form-item> 216 </el-form-item>
189 </el-col> 217 </el-col>
...@@ -192,7 +220,8 @@ ...@@ -192,7 +220,8 @@
192 @upDateQlrxxList="upDateQlrxxList" 220 @upDateQlrxxList="upDateQlrxxList"
193 :disabled="viewEdit" 221 :disabled="viewEdit"
194 :tableData="ruleForm.qlrList" 222 :tableData="ruleForm.qlrList"
195 :gyfs="ruleForm.sldy.gyfs" /> 223 :gyfs="ruleForm.sldy.gyfs"
224 />
196 225
197 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 226 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
198 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
...@@ -204,7 +233,8 @@ ...@@ -204,7 +233,8 @@
204 :disabled="viewEdit" 233 :disabled="viewEdit"
205 @upDateQlrxxList="upDateYwrxxList" 234 @upDateQlrxxList="upDateYwrxxList"
206 :tableData="ruleForm.ywrList" 235 :tableData="ruleForm.ywrList"
207 :gyfs="ruleForm.qlxx.gyfs" /> 236 :gyfs="ruleForm.qlxx.gyfs"
237 />
208 </div> 238 </div>
209 <div class="slxx_title title-block"> 239 <div class="slxx_title title-block">
210 登记原因 240 登记原因
...@@ -219,7 +249,8 @@ ...@@ -219,7 +249,8 @@
219 maxlength="500" 249 maxlength="500"
220 show-word-limit 250 show-word-limit
221 :disabled="!viewEdit" 251 :disabled="!viewEdit"
222 v-model="ruleForm.fdcq1.djyy"></el-input> 252 v-model="ruleForm.fdcq1.djyy"
253 ></el-input>
223 </el-form-item> 254 </el-form-item>
224 </el-col> 255 </el-col>
225 </el-row> 256 </el-row>
...@@ -234,15 +265,15 @@ ...@@ -234,15 +265,15 @@
234 </div> 265 </div>
235 </template> 266 </template>
236 <script> 267 <script>
237 import ywmix from "@/views/ywbl/mixin/index"; 268 import ywmix from "@/views/ywbl/mixin/index";
238 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
239 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; 270 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
240 import tdytTable from "@/views/workflow/components/tdytTable"; 271 import tdytTable from "@/views/workflow/components/tdytTable";
241 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 272 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
242 import { mapGetters } from "vuex"; 273 import { mapGetters } from "vuex";
243 export default { 274 export default {
244 mixins: [ywmix], 275 mixins: [ywmix],
245 mounted () { 276 mounted() {
246 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 277 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
247 this.propsParam = this.$attrs; 278 this.propsParam = this.$attrs;
248 var formdata = new FormData(); 279 var formdata = new FormData();
...@@ -256,10 +287,10 @@ ...@@ -256,10 +287,10 @@
256 ...res.result.qlxxdatas, 287 ...res.result.qlxxdatas,
257 }; 288 };
258 this.ruleForm.qlrList.forEach((item) => { 289 this.ruleForm.qlrList.forEach((item) => {
259 if(item.sfczr==1){ 290 if (item.sfczr == 1) {
260 this.czr=item.sqrmc 291 this.czr = item.sqrmc;
261 } 292 }
262 }) 293 });
263 //初始化发证方式，1：小证，2：大正 294 //初始化发证方式，1：小证，2：大正
264 this.ruleForm.slsq.fzfs == null 295 this.ruleForm.slsq.fzfs == null
265 ? (this.ruleForm.slsq.fzfs = "1") 296 ? (this.ruleForm.slsq.fzfs = "1")
...@@ -272,12 +303,12 @@ ...@@ -272,12 +303,12 @@
272 computed: { 303 computed: {
273 ...mapGetters(["dictData", "flag"]), 304 ...mapGetters(["dictData", "flag"]),
274 }, 305 },
275 data () { 306 data() {
276 return { 307 return {
277 disabled: true, 308 disabled: true,
278 tdytOption: [], 309 tdytOption: [],
279 czrOptions: [], 310 czrOptions: [],
280 czr:'', 311 czr: "",
281 ruleForm: { 312 ruleForm: {
282 flow: { 313 flow: {
283 ywh: "", 314 ywh: "",
...@@ -305,7 +336,7 @@ ...@@ -305,7 +336,7 @@
305 }; 336 };
306 }, 337 },
307 methods: { 338 methods: {
308 updateFdcwxmList (val) { 339 updateFdcwxmList(val) {
309 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); 340 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
310 this.key++; 341 this.key++;
311 }, 342 },
...@@ -314,7 +345,7 @@ ...@@ -314,7 +345,7 @@
314 * @param {*} val 345 * @param {*} val
315 * @author: renchao 346 * @author: renchao
316 */ 347 */
317 upDateTdytxxList (val) { 348 upDateTdytxxList(val) {
318 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 349 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
319 this.key++; 350 this.key++;
320 }, 351 },
...@@ -323,17 +354,26 @@ ...@@ -323,17 +354,26 @@
323 * @param {*} val 354 * @param {*} val
324 * @author: renchao 355 * @author: renchao
325 */ 356 */
326 upDateQlrxxList (val) { 357 upDateQlrxxList(val) {
327 this.ruleForm.qlrList = _.cloneDeep(val); 358 this.ruleForm.qlrList = _.cloneDeep(val);
328 this.czrOptions = this.ruleForm.qlrList; 359 this.czrOptions = this.ruleForm.qlrList;
329 this.key++; 360 this.key++;
330 }, 361 },
362 // /**
363 // * @description: showCZInfo
364 // * @author: renchao
365 // */
366 // showCZInfo() {
367 // console.log(this.ruleForm.slsq.gyfs);
368 // },
369 // 是否持证人变化
331 /** 370 /**
332 * @description: showCZInfo 371 * @description: 是否持证人变化
372 * @param {*} val
333 * @author: renchao 373 * @author: renchao
334 */ 374 */
335 showCZInfo () { 375 updaterow() {
336 console.log(this.ruleForm.slsq.gyfs); 376 this.czr = "";
337 }, 377 },
338 // 更新权利人信息 378 // 更新权利人信息
339 /** 379 /**
...@@ -341,15 +381,15 @@ ...@@ -341,15 +381,15 @@
341 * @param {*} val 381 * @param {*} val
342 * @author: renchao 382 * @author: renchao
343 */ 383 */
344 upDateYwrxxList (val) { 384 upDateYwrxxList(val) {
345 this.ruleForm.ywrList = _.cloneDeep(val); 385 this.ruleForm.ywrList = _.cloneDeep(val);
346 }, 386 },
347 /** 387 /**
348 * @description: onSubmit 388 * @description: onSubmit
349 * @author: renchao 389 * @author: renchao
350 */ 390 */
351 onSubmit () { 391 onSubmit() {
352 let that = this 392 let that = this;
353 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 393 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
354 if (arr.length > 0) { 394 if (arr.length > 0) {
355 this.$message({ 395 this.$message({
...@@ -381,7 +421,8 @@ ...@@ -381,7 +421,8 @@
381 if (this.ruleForm.qlrList.length <= 1) { 421 if (this.ruleForm.qlrList.length <= 1) {
382 this.$message({ 422 this.$message({
383 showClose: true, 423 showClose: true,
384 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 424 message:
425 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
385 type: "error", 426 type: "error",
386 }); 427 });
387 return false; 428 return false;
...@@ -429,55 +470,55 @@ ...@@ -429,55 +470,55 @@
429 }); 470 });
430 }, 471 },
431 }, 472 },
432 }; 473 };
433 </script> 474 </script>
434 <style scoped lang='scss'> 475 <style scoped lang="scss">
435 @import "~@/styles/public.scss"; 476 @import "~@/styles/public.scss";
436 477
437 /deep/.el-form { 478 /deep/.el-form {
438 display: flex; 479 display: flex;
439 flex-direction: column; 480 flex-direction: column;
440 height: calc(100vh - 130px); 481 height: calc(100vh - 130px);
441 } 482 }
442 483
443 /deep/.el-form-item__label { 484 /deep/.el-form-item__label {
444 padding: 0; 485 padding: 0;
445 } 486 }
446 487
447 /deep/.el-radio { 488 /deep/.el-radio {
448 margin-right: 10px; 489 margin-right: 10px;
449 } 490 }
450 491
451 /deep/.el-select { 492 /deep/.el-select {
452 width: 100%; 493 width: 100%;
453 } 494 }
454 495
455 /deep/.el-form-item { 496 /deep/.el-form-item {
456 margin-bottom: 8px; 497 margin-bottom: 8px;
457 } 498 }
458 499
459 .marginBot0 { 500 .marginBot0 {
460 margin-bottom: 0 !important; 501 margin-bottom: 0 !important;
461 } 502 }
462 503
463 .slxx { 504 .slxx {
464 box-sizing: border-box; 505 box-sizing: border-box;
465 } 506 }
466 507
467 .slxx_con { 508 .slxx_con {
468 flex: 1; 509 flex: 1;
469 height: 100%; 510 height: 100%;
470 background-color: #ffffff; 511 background-color: #ffffff;
471 overflow-y: auto; 512 overflow-y: auto;
472 padding-right: 3px; 513 padding-right: 3px;
473 overflow-x: hidden; 514 overflow-x: hidden;
474 } 515 }
475 516
476 .submit_btn { 517 .submit_btn {
477 height: 50px; 518 height: 50px;
478 } 519 }
479 520
480 .slxx_title { 521 .slxx_title {
481 border-bottom: 1px solid $borderColor; 522 border-bottom: 1px solid $borderColor;
482 padding-left: 10px; 523 padding-left: 10px;
483 padding-bottom: 5px; 524 padding-bottom: 5px;
...@@ -486,23 +527,23 @@ ...@@ -486,23 +527,23 @@
486 font-size: 16px; 527 font-size: 16px;
487 font-weight: 500; 528 font-weight: 500;
488 color: #4a4a4a; 529 color: #4a4a4a;
489 } 530 }
490 531
491 .btn { 532 .btn {
492 text-align: center; 533 text-align: center;
493 padding-top: 10px; 534 padding-top: 10px;
494 height: 36px; 535 height: 36px;
495 background-color: #ffffff; 536 background-color: #ffffff;
496 padding: 5px 0; 537 padding: 5px 0;
497 } 538 }
498 539
499 .textArea { 540 .textArea {
500 /deep/.el-textarea__inner { 541 /deep/.el-textarea__inner {
501 min-height: 90px !important; 542 min-height: 90px !important;
502 } 543 }
503 } 544 }
504 545
505 /deep/.el-form-item__label { 546 /deep/.el-form-item__label {
506 padding-bottom: 0px; 547 padding-bottom: 0px;
507 } 548 }
508 </style> 549 </style>
......
...@@ -5,8 +5,14 @@ ...@@ -5,8 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -75,12 +81,14 @@ ...@@ -75,12 +81,14 @@
75 <el-select 81 <el-select
76 disabled 82 disabled
77 v-model="ruleForm.zdjbxx.mjdw" 83 v-model="ruleForm.zdjbxx.mjdw"
78 style="width: 68px"> 84 style="width: 68px"
85 >
79 <el-option 86 <el-option
80 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
81 :key="item.dcode" 88 :key="item.dcode"
82 :label="item.dname" 89 :label="item.dname"
83 :value="item.dcode"> 90 :value="item.dcode"
91 >
84 </el-option> 92 </el-option>
85 </el-select> 93 </el-select>
86 </div> 94 </div>
...@@ -101,7 +109,8 @@ ...@@ -101,7 +109,8 @@
101 :normalizer="normalizer" 109 :normalizer="normalizer"
102 :default-expand-level="1" 110 :default-expand-level="1"
103 :show-count="true" 111 :show-count="true"
104 :options="dictData['A9']" /> 112 :options="dictData['A9']"
113 />
105 </el-form-item> 114 </el-form-item>
106 </el-col> 115 </el-col>
107 </el-row> 116 </el-row>
...@@ -109,17 +118,18 @@ ...@@ -109,17 +118,18 @@
109 <el-col :span="8"> 118 <el-col :span="8">
110 <el-form-item label="独用土地面积："> 119 <el-form-item label="独用土地面积：">
111 <div class="flex"> 120 <div class="flex">
112 <el-input v-model="ruleForm.fdcq2.dytdmj" :disabled="!viewEdit" 121 <el-input
113 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 122 v-model="ruleForm.fdcq2.dytdmj"
114 <el-select 123 :disabled="!viewEdit"
115 disabled 124 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
116 v-model="mjdw" 125 ></el-input>
117 style="width: 68px"> 126 <el-select disabled v-model="mjdw" style="width: 68px">
118 <el-option 127 <el-option
119 v-for="item in dictData['A7']" 128 v-for="item in dictData['A7']"
120 :key="item.dcode" 129 :key="item.dcode"
121 :label="item.dname" 130 :label="item.dname"
122 :value="item.dcode"> 131 :value="item.dcode"
132 >
123 </el-option> 133 </el-option>
124 </el-select> 134 </el-select>
125 </div> 135 </div>
...@@ -128,17 +138,18 @@ ...@@ -128,17 +138,18 @@
128 <el-col :span="8"> 138 <el-col :span="8">
129 <el-form-item label="分摊土地面积："> 139 <el-form-item label="分摊土地面积：">
130 <div class="flex"> 140 <div class="flex">
131 <el-input v-model="ruleForm.fdcq2.fttdmj" :disabled="!viewEdit" 141 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 142 v-model="ruleForm.fdcq2.fttdmj"
133 <el-select 143 :disabled="!viewEdit"
134 disabled 144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 145 ></el-input>
136 style="width: 68px"> 146 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 147 <el-option
138 v-for="item in dictData['A7']" 148 v-for="item in dictData['A7']"
139 :key="item.dcode" 149 :key="item.dcode"
140 :label="item.dname" 150 :label="item.dname"
141 :value="item.dcode"> 151 :value="item.dcode"
152 >
142 </el-option> 153 </el-option>
143 </el-select> 154 </el-select>
144 </div> 155 </div>
...@@ -151,7 +162,8 @@ ...@@ -151,7 +162,8 @@
151 v-for="item in dictData['A19']" 162 v-for="item in dictData['A19']"
152 :key="item.dcode" 163 :key="item.dcode"
153 :label="item.dname" 164 :label="item.dname"
154 :value="item.dcode"> 165 :value="item.dcode"
166 >
155 </el-option> 167 </el-option>
156 </el-select> 168 </el-select>
157 </el-form-item> 169 </el-form-item>
...@@ -167,8 +179,8 @@ ...@@ -167,8 +179,8 @@
167 placeholder="" 179 placeholder=""
168 :normalizer="normalizer" 180 :normalizer="normalizer"
169 :show-count="true" 181 :show-count="true"
170 :options="dictData['A17']" /> 182 :options="dictData['A17']"
171 183 />
172 </el-form-item> 184 </el-form-item>
173 </el-col> 185 </el-col>
174 <el-col :span="8"> 186 <el-col :span="8">
...@@ -178,7 +190,8 @@ ...@@ -178,7 +190,8 @@
178 v-for="item in dictData['A46']" 190 v-for="item in dictData['A46']"
179 :key="item.dcode" 191 :key="item.dcode"
180 :label="item.dname" 192 :label="item.dname"
181 :value="item.dcode"> 193 :value="item.dcode"
194 >
182 </el-option> 195 </el-option>
183 </el-select> 196 </el-select>
184 </el-form-item> 197 </el-form-item>
...@@ -191,19 +204,27 @@ ...@@ -191,19 +204,27 @@
191 type="date" 204 type="date"
192 placeholder="选择日期" 205 placeholder="选择日期"
193 value-format="yyyy-MM-dd" 206 value-format="yyyy-MM-dd"
194 :disabled="!viewEdit"></el-date-picker> 207 :disabled="!viewEdit"
208 ></el-date-picker>
195 </el-form-item> 209 </el-form-item>
196 </el-col> 210 </el-col>
197 </el-row> 211 </el-row>
198 <el-row :gutter="10" v-if="ruleForm.qlxx"> 212 <el-row :gutter="10" v-if="ruleForm.qlxx">
199 <el-col :span="8"> 213 <el-col :span="8">
200 <el-form-item label="所在层："> 214 <el-form-item label="所在层：">
201 <el-input v-model="ruleForm.fdcq2.szc" :disabled="!viewEdit"></el-input> 215 <el-input
216 v-model="ruleForm.fdcq2.szc"
217 :disabled="!viewEdit"
218 ></el-input>
202 </el-form-item> 219 </el-form-item>
203 </el-col> 220 </el-col>
204 <el-col :span="8"> 221 <el-col :span="8">
205 <el-form-item label="总层数："> 222 <el-form-item label="总层数：">
206 <el-input :disabled="!viewEdit" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 223 <el-input
224 :disabled="!viewEdit"
225 v-model.number="ruleForm.fdcq2.zcs"
226 oninput="value=value.replace(/[^0-9]/g,'')"
227 ></el-input>
207 </el-form-item> 228 </el-form-item>
208 </el-col> 229 </el-col>
209 <el-col :span="8"> 230 <el-col :span="8">
...@@ -213,13 +234,15 @@ ...@@ -213,13 +234,15 @@
213 v-model="ruleForm.fdcq2.fdcjyjg" 234 v-model="ruleForm.fdcq2.fdcjyjg"
214 style="width: 500%" 235 style="width: 500%"
215 :disabled="!viewEdit" 236 :disabled="!viewEdit"
216 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 237 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
238 ></el-input>
217 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> 239 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
218 <el-option 240 <el-option
219 v-for="item in dictData['A57']" 241 v-for="item in dictData['A57']"
220 :key="item.dcode" 242 :key="item.dcode"
221 :label="item.dname" 243 :label="item.dname"
222 :value="item.dcode"> 244 :value="item.dcode"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </div> 248 </div>
...@@ -230,17 +253,18 @@ ...@@ -230,17 +253,18 @@
230 <el-col :span="8"> 253 <el-col :span="8">
231 <el-form-item label="建筑面积："> 254 <el-form-item label="建筑面积：">
232 <div class="flex"> 255 <div class="flex">
233 <el-input v-model="ruleForm.fdcq2.jzmj" :disabled="!viewEdit" 256 <el-input
234 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 257 v-model="ruleForm.fdcq2.jzmj"
235 <el-select 258 :disabled="!viewEdit"
236 disabled 259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
237 v-model="mjdw" 260 ></el-input>
238 style="width: 68px"> 261 <el-select disabled v-model="mjdw" style="width: 68px">
239 <el-option 262 <el-option
240 v-for="item in dictData['A7']" 263 v-for="item in dictData['A7']"
241 :key="item.dcode" 264 :key="item.dcode"
242 :label="item.dname" 265 :label="item.dname"
243 :value="item.dcode"> 266 :value="item.dcode"
267 >
244 </el-option> 268 </el-option>
245 </el-select> 269 </el-select>
246 </div> 270 </div>
...@@ -249,17 +273,18 @@ ...@@ -249,17 +273,18 @@
249 <el-col :span="8"> 273 <el-col :span="8">
250 <el-form-item label="专有建筑面积："> 274 <el-form-item label="专有建筑面积：">
251 <div class="flex"> 275 <div class="flex">
252 <el-input v-model="ruleForm.fdcq2.zyjzmj" :disabled="!viewEdit" 276 <el-input
253 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 277 v-model="ruleForm.fdcq2.zyjzmj"
254 <el-select 278 :disabled="!viewEdit"
255 disabled 279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
256 v-model="mjdw" 280 ></el-input>
257 style="width: 68px"> 281 <el-select disabled v-model="mjdw" style="width: 68px">
258 <el-option 282 <el-option
259 v-for="item in dictData['A7']" 283 v-for="item in dictData['A7']"
260 :key="item.dcode" 284 :key="item.dcode"
261 :label="item.dname" 285 :label="item.dname"
262 :value="item.dcode"> 286 :value="item.dcode"
287 >
263 </el-option> 288 </el-option>
264 </el-select> 289 </el-select>
265 </div> 290 </div>
...@@ -268,17 +293,18 @@ ...@@ -268,17 +293,18 @@
268 <el-col :span="8"> 293 <el-col :span="8">
269 <el-form-item label="分摊建筑面积："> 294 <el-form-item label="分摊建筑面积：">
270 <div class="flex"> 295 <div class="flex">
271 <el-input v-model="ruleForm.fdcq2.ftjzmj" :disabled="!viewEdit" 296 <el-input
272 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 297 v-model="ruleForm.fdcq2.ftjzmj"
273 <el-select 298 :disabled="!viewEdit"
274 disabled 299 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
275 v-model="mjdw" 300 ></el-input>
276 style="width: 68px"> 301 <el-select disabled v-model="mjdw" style="width: 68px">
277 <el-option 302 <el-option
278 v-for="item in dictData['A7']" 303 v-for="item in dictData['A7']"
279 :key="item.dcode" 304 :key="item.dcode"
280 :label="item.dname" 305 :label="item.dname"
281 :value="item.dcode"> 306 :value="item.dcode"
307 >
282 </el-option> 308 </el-option>
283 </el-select> 309 </el-select>
284 </div> 310 </div>
...@@ -288,7 +314,13 @@ ...@@ -288,7 +314,13 @@
288 <el-row :gutter="10"> 314 <el-row :gutter="10">
289 <el-col :span="24"> 315 <el-col :span="24">
290 <el-form-item label="附记："> 316 <el-form-item label="附记：">
291 <el-input v-model="ruleForm.fdcq2.fj" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"></el-input> 317 <el-input
318 v-model="ruleForm.fdcq2.fj"
319 type="textarea"
320 maxlength="500"
321 show-word-limit
322 :disabled="!viewEdit"
323 ></el-input>
292 </el-form-item> 324 </el-form-item>
293 </el-col> 325 </el-col>
294 </el-row> 326 </el-row>
...@@ -299,7 +331,8 @@ ...@@ -299,7 +331,8 @@
299 <tdytTable 331 <tdytTable
300 :ableOperation="viewEdit" 332 :ableOperation="viewEdit"
301 :tableData="ruleForm.tdytqxList" 333 :tableData="ruleForm.tdytqxList"
302 @upDateTdytxxList="upDateTdytxxList" /> 334 @upDateTdytxxList="upDateTdytxxList"
335 />
303 <div class="slxx_title title-block"> 336 <div class="slxx_title title-block">
304 权利人信息 337 权利人信息
305 <div class="triangle"></div> 338 <div class="triangle"></div>
...@@ -307,8 +340,10 @@ ...@@ -307,8 +340,10 @@
307 <el-row :gutter="10"> 340 <el-row :gutter="10">
308 <el-col :span="12" v-if="ruleForm.qlxx"> 341 <el-col :span="12" v-if="ruleForm.qlxx">
309 <el-form-item label="共有方式："> 342 <el-form-item label="共有方式：">
310 <el-radio-group :disabled="!viewEdit" 343 <el-radio-group
311 v-model="ruleForm.sldy.gyfs"> 344 :disabled="!viewEdit"
345 v-model="ruleForm.sldy.gyfs"
346 >
312 <el-radio label="0">单独所有</el-radio> 347 <el-radio label="0">单独所有</el-radio>
313 <el-radio label="1">共同共有</el-radio> 348 <el-radio label="1">共同共有</el-radio>
314 <el-radio label="2">按份所有</el-radio> 349 <el-radio label="2">按份所有</el-radio>
...@@ -320,7 +355,9 @@ ...@@ -320,7 +355,9 @@
320 <el-form-item label="是否分别持证："> 355 <el-form-item label="是否分别持证：">
321 <el-radio-group 356 <el-radio-group
322 v-model="ruleForm.sldy.sqfbcz" 357 v-model="ruleForm.sldy.sqfbcz"
323 :disabled="!viewEdit"> 358 :disabled="!viewEdit"
359 @input="updaterow()"
360 >
324 <el-radio :label="1">是</el-radio> 361 <el-radio :label="1">是</el-radio>
325 <el-radio :label="0">否</el-radio> 362 <el-radio :label="0">否</el-radio>
326 </el-radio-group> 363 </el-radio-group>
...@@ -328,32 +365,43 @@ ...@@ -328,32 +365,43 @@
328 </el-col> 365 </el-col>
329 <el-col 366 <el-col
330 :span="6" 367 :span="6"
331 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 368 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
369 >
332 <el-form-item label="持证人："> 370 <el-form-item label="持证人：">
333 <el-select 371 <el-select
334 v-model="czr" 372 v-model="czr"
335 placeholder="持证人" 373 placeholder="持证人"
336 :disabled="!viewEdit"> 374 :disabled="!viewEdit"
375 >
337 <el-option 376 <el-option
338 v-for="item in czrOptions" 377 v-for="item in czrOptions"
339 :key="item.zjh" 378 :key="item.zjh"
340 :label="item.sqrmc" 379 :label="item.sqrmc"
341 :value="item.zjh"> 380 :value="item.zjh"
381 >
342 </el-option> 382 </el-option>
343 </el-select> 383 </el-select>
344 </el-form-item> 384 </el-form-item>
345 </el-col> 385 </el-col>
346 </el-row> 386 </el-row>
347 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 387 <qlrCommonTable
348 :gyfs="ruleForm.sldy.gyfs" /> 388 @upDateQlrxxList="upDateQlrxxList"
389 :tableData="ruleForm.qlrList"
390 :disabled="viewEdit"
391 :gyfs="ruleForm.sldy.gyfs"
392 />
349 393
350 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 394 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
351 <div class="slxx_title title-block"> 395 <div class="slxx_title title-block">
352 义务人信息 396 义务人信息
353 <div class="triangle"></div> 397 <div class="triangle"></div>
354 </div> 398 </div>
355 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 399 <qlrCommonTable
356 :gyfs="ruleForm.sldy.gyfs" /> 400 v-if="ruleForm.qlxx"
401 @upDateQlrxxList="upDateYwrxxList"
402 :tableData="ruleForm.ywrList"
403 :gyfs="ruleForm.sldy.gyfs"
404 />
357 </div> 405 </div>
358 <div class="slxx_title title-block"> 406 <div class="slxx_title title-block">
359 登记原因 407 登记原因
...@@ -362,8 +410,14 @@ ...@@ -362,8 +410,14 @@
362 <el-row :gutter="10"> 410 <el-row :gutter="10">
363 <el-col> 411 <el-col>
364 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> 412 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
365 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 413 <el-input
366 v-model="ruleForm.fdcq2.djyy"> 414 class="textArea"
415 type="textarea"
416 maxlength="500"
417 show-word-limit
418 :disabled="!viewEdit"
419 v-model="ruleForm.fdcq2.djyy"
420 >
367 </el-input> 421 </el-input>
368 </el-form-item> 422 </el-form-item>
369 </el-col> 423 </el-col>
...@@ -378,15 +432,15 @@ ...@@ -378,15 +432,15 @@
378 </div> 432 </div>
379 </template> 433 </template>
380 <script> 434 <script>
381 import ywmix from "@/views/ywbl/mixin/index" 435 import ywmix from "@/views/ywbl/mixin/index";
382 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 436 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
383 import tdytTable from "@/views/workflow/components/tdytTable"; 437 import tdytTable from "@/views/workflow/components/tdytTable";
384 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 438 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
385 import { mapGetters } from "vuex"; 439 import { mapGetters } from "vuex";
386 export default { 440 export default {
387 mixins: [ywmix], 441 mixins: [ywmix],
388 mounted () { 442 mounted() {
389 this.viewEdit = this.$parent.currentSelectTab.ableOperation 443 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
390 this.propsParam = this.$attrs; 444 this.propsParam = this.$attrs;
391 var formdata = new FormData(); 445 var formdata = new FormData();
392 formdata.append("bsmSldy", this.propsParam.bsmSldy); 446 formdata.append("bsmSldy", this.propsParam.bsmSldy);
...@@ -397,27 +451,29 @@ ...@@ -397,27 +451,29 @@
397 this.ruleForm = { 451 this.ruleForm = {
398 ...res.result, 452 ...res.result,
399 ...res.result.qlxxdatas, 453 ...res.result.qlxxdatas,
400 } 454 };
401 this.ruleForm.qlrList.forEach((item) => { 455 this.ruleForm.qlrList.forEach((item) => {
402 if(item.sfczr==1){ 456 if (item.sfczr == 1) {
403 this.czr=item.sqrmc 457 this.czr = item.sqrmc;
404 } 458 }
405 }) 459 });
406 //初始化发证方式，1：小证，2：大正 460 //初始化发证方式，1：小证，2：大正
407 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; 461 this.ruleForm.slsq.fzfs == null
462 ? (this.ruleForm.slsq.fzfs = "1")
463 : this.ruleForm.slsq.fzfs;
408 this.czrOptions = this.ruleForm.qlrList; 464 this.czrOptions = this.ruleForm.qlrList;
409 } 465 }
410 }) 466 });
411 }, 467 },
412 components: { qlrCommonTable, tdytTable }, 468 components: { qlrCommonTable, tdytTable },
413 computed: { 469 computed: {
414 ...mapGetters(["dictData", "flag"]) 470 ...mapGetters(["dictData", "flag"]),
415 }, 471 },
416 data () { 472 data() {
417 return { 473 return {
418 mjdw: "1", 474 mjdw: "1",
419 // 键名转换，方法默认是label和children进行树状渲染 475 // 键名转换，方法默认是label和children进行树状渲染
420 normalizer (node) { 476 normalizer(node) {
421 //方法 477 //方法
422 if (node.children == null || node.children == "null") { 478 if (node.children == null || node.children == "null") {
423 delete node.children; 479 delete node.children;
...@@ -430,34 +486,32 @@ ...@@ -430,34 +486,32 @@
430 disabled: true, 486 disabled: true,
431 tdytOption: [], 487 tdytOption: [],
432 czrOptions: [], 488 czrOptions: [],
433 czr:"", 489 czr: "",
434 ruleForm: { 490 ruleForm: {
435 flow: { 491 flow: {
436 ywh: '' 492 ywh: "",
437 }, 493 },
438 qlxx: { 494 qlxx: {
439 mj: '' 495 mj: "",
440 }, 496 },
441 sldy: { 497 sldy: {
442 gyfs: '' 498 gyfs: "",
443 },
444 slsq: {
445
446 }, 499 },
500 slsq: {},
447 fdcq2: { 501 fdcq2: {
448 zyjzmj: '', 502 zyjzmj: "",
449 ftjzmj: '' 503 ftjzmj: "",
450 }, 504 },
451 zdjbxx: { 505 zdjbxx: {
452 ghytmc: '' 506 ghytmc: "",
453 } 507 },
454 }, 508 },
455 //传递参数 509 //传递参数
456 propsParam: this.$attrs, 510 propsParam: this.$attrs,
457 //表单是否可操作 511 //表单是否可操作
458 viewEdit: true, 512 viewEdit: true,
459 rules: {} 513 rules: {},
460 } 514 };
461 }, 515 },
462 methods: { 516 methods: {
463 /** 517 /**
...@@ -465,33 +519,42 @@ ...@@ -465,33 +519,42 @@
465 * @param {*} val 519 * @param {*} val
466 * @author: renchao 520 * @author: renchao
467 */ 521 */
468 upDateTdytxxList (val) { 522 upDateTdytxxList(val) {
469 this.ruleForm.tdytqxList = _.cloneDeep(val) 523 this.ruleForm.tdytqxList = _.cloneDeep(val);
470 }, 524 },
471 /** 525 /**
472 * @description: 更新权利人信息 526 * @description: 更新权利人信息
473 * @param {*} val 527 * @param {*} val
474 * @author: renchao 528 * @author: renchao
475 */ 529 */
476 upDateQlrxxList (val) { 530 upDateQlrxxList(val) {
477 this.ruleForm.qlrList = _.cloneDeep(val); 531 this.ruleForm.qlrList = _.cloneDeep(val);
478 this.czrOptions = this.ruleForm.qlrList; 532 this.czrOptions = this.ruleForm.qlrList;
479 }, 533 },
534 // 是否持证人变化
535 /**
536 * @description: 是否持证人变化
537 * @param {*} val
538 * @author: renchao
539 */
540 updaterow() {
541 this.czr = "";
542 },
480 /** 543 /**
481 * @description: 更新权利人信息 544 * @description: 更新权利人信息
482 * @param {*} val 545 * @param {*} val
483 * @author: renchao 546 * @author: renchao
484 */ 547 */
485 upDateYwrxxList (val) { 548 upDateYwrxxList(val) {
486 this.ruleForm.ywrList = _.cloneDeep(val); 549 this.ruleForm.ywrList = _.cloneDeep(val);
487 }, 550 },
488 /** 551 /**
489 * @description: onSubmit 552 * @description: onSubmit
490 * @author: renchao 553 * @author: renchao
491 */ 554 */
492 onSubmit () { 555 onSubmit() {
493 let that = this 556 let that = this;
494 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 557 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
495 if (arr.length > 0) { 558 if (arr.length > 0) {
496 this.$message({ 559 this.$message({
497 showClose: true, 560 showClose: true,
...@@ -523,7 +586,8 @@ ...@@ -523,7 +586,8 @@
523 if (this.ruleForm.qlrList.length <= 1) { 586 if (this.ruleForm.qlrList.length <= 1) {
524 this.$message({ 587 this.$message({
525 showClose: true, 588 showClose: true,
526 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 589 message:
590 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
527 type: "error", 591 type: "error",
528 }); 592 });
529 return false; 593 return false;
...@@ -559,66 +623,66 @@ ...@@ -559,66 +623,66 @@
559 message: "保存成功！", 623 message: "保存成功！",
560 type: "success", 624 type: "success",
561 }); 625 });
562 this.$store.dispatch('user/refreshPage', true); 626 this.$store.dispatch("user/refreshPage", true);
563 } else { 627 } else {
564 this.$message({ 628 this.$message({
565 showClose: true, 629 showClose: true,
566 message: res.message, 630 message: res.message,
567 type: "error" 631 type: "error",
568 }) 632 });
569 }
570 })
571 }
572 }
573 } 633 }
634 });
635 },
636 },
637 };
574 </script> 638 </script>
575 <style scoped lang='scss'> 639 <style scoped lang="scss">
576 @import "~@/styles/public.scss"; 640 @import "~@/styles/public.scss";
577 641
578 /deep/.el-form { 642 /deep/.el-form {
579 display: flex; 643 display: flex;
580 flex-direction: column; 644 flex-direction: column;
581 height: calc(100vh - 130px); 645 height: calc(100vh - 130px);
582 } 646 }
583 647
584 /deep/.el-form-item__label { 648 /deep/.el-form-item__label {
585 padding: 0; 649 padding: 0;
586 } 650 }
587 651
588 /deep/.el-radio { 652 /deep/.el-radio {
589 margin-right: 10px; 653 margin-right: 10px;
590 } 654 }
591 655
592 /deep/.el-select { 656 /deep/.el-select {
593 width: 100%; 657 width: 100%;
594 } 658 }
595 659
596 /deep/.el-form-item { 660 /deep/.el-form-item {
597 margin-bottom: 8px; 661 margin-bottom: 8px;
598 } 662 }
599 663
600 .marginBot0 { 664 .marginBot0 {
601 margin-bottom: 0 !important; 665 margin-bottom: 0 !important;
602 } 666 }
603 667
604 .slxx { 668 .slxx {
605 box-sizing: border-box; 669 box-sizing: border-box;
606 } 670 }
607 671
608 .slxx_con { 672 .slxx_con {
609 flex: 1; 673 flex: 1;
610 height: 100%; 674 height: 100%;
611 background-color: #ffffff; 675 background-color: #ffffff;
612 overflow-y: auto; 676 overflow-y: auto;
613 padding-right: 3px; 677 padding-right: 3px;
614 overflow-x: hidden; 678 overflow-x: hidden;
615 } 679 }
616 680
617 .submit_btn { 681 .submit_btn {
618 height: 50px; 682 height: 50px;
619 } 683 }
620 684
621 .slxx_title { 685 .slxx_title {
622 border-bottom: 1px solid $borderColor; 686 border-bottom: 1px solid $borderColor;
623 padding-left: 10px; 687 padding-left: 10px;
624 padding-bottom: 5px; 688 padding-bottom: 5px;
...@@ -627,23 +691,23 @@ ...@@ -627,23 +691,23 @@
627 font-size: 16px; 691 font-size: 16px;
628 font-weight: 500; 692 font-weight: 500;
629 color: #4a4a4a; 693 color: #4a4a4a;
630 } 694 }
631 695
632 .btn { 696 .btn {
633 text-align: center; 697 text-align: center;
634 padding-top: 10px; 698 padding-top: 10px;
635 height: 36px; 699 height: 36px;
636 background-color: #ffffff; 700 background-color: #ffffff;
637 padding: 5px 0; 701 padding: 5px 0;
638 } 702 }
639 703
640 .textArea { 704 .textArea {
641 /deep/.el-textarea__inner { 705 /deep/.el-textarea__inner {
642 min-height: 90px !important; 706 min-height: 90px !important;
643 } 707 }
644 } 708 }
645 709
646 /deep/.el-form-item__label { 710 /deep/.el-form-item__label {
647 padding-bottom: 0px; 711 padding-bottom: 0px;
648 } 712 }
649 </style> 713 </style>
......
...@@ -5,8 +5,14 @@ ...@@ -5,8 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -48,7 +54,8 @@ ...@@ -48,7 +54,8 @@
48 </el-row> 54 </el-row>
49 <div 55 <div
50 class="slxx_title title-block flex" 56 class="slxx_title title-block flex"
51 style="justify-content: space-between"> 57 style="justify-content: space-between"
58 >
52 不动产单元情况 59 不动产单元情况
53 <el-button @click="compare">变化情况对比+</el-button> 60 <el-button @click="compare">变化情况对比+</el-button>
54 </div> 61 </div>
...@@ -106,7 +113,11 @@ ...@@ -106,7 +113,11 @@
106 </el-col> 113 </el-col>
107 <el-col :span="8"> 114 <el-col :span="8">
108 <el-form-item label="总层数："> 115 <el-form-item label="总层数：">
109 <el-input disabled v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 116 <el-input
117 disabled
118 v-model.number="ruleForm.fdcq2.zcs"
119 oninput="value=value.replace(/[^0-9]/g,'')"
120 ></el-input>
110 </el-form-item> 121 </el-form-item>
111 </el-col> 122 </el-col>
112 <el-col :span="8"> 123 <el-col :span="8">
...@@ -119,17 +130,18 @@ ...@@ -119,17 +130,18 @@
119 <el-col :span="8"> 130 <el-col :span="8">
120 <el-form-item label="建筑面积："> 131 <el-form-item label="建筑面积：">
121 <div class="flex"> 132 <div class="flex">
122 <el-input disabled v-model="ruleForm.qlxx.mj" 133 <el-input
123 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
124 <el-select
125 disabled 134 disabled
126 v-model="mjdw" 135 v-model="ruleForm.qlxx.mj"
127 style="width: 68px"> 136 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
137 ></el-input>
138 <el-select disabled v-model="mjdw" style="width: 68px">
128 <el-option 139 <el-option
129 v-for="item in dictData['A7']" 140 v-for="item in dictData['A7']"
130 :key="item.dcode" 141 :key="item.dcode"
131 :label="item.dname" 142 :label="item.dname"
132 :value="item.dcode"> 143 :value="item.dcode"
144 >
133 </el-option> 145 </el-option>
134 </el-select> 146 </el-select>
135 </div> 147 </div>
...@@ -138,17 +150,18 @@ ...@@ -138,17 +150,18 @@
138 <el-col :span="8"> 150 <el-col :span="8">
139 <el-form-item label="专有建筑面积："> 151 <el-form-item label="专有建筑面积：">
140 <div class="flex"> 152 <div class="flex">
141 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" 153 <el-input
142 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
143 <el-select
144 disabled 154 disabled
145 v-model="mjdw" 155 v-model="ruleForm.fdcq2.zyjzmj"
146 style="width: 68px"> 156 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
157 ></el-input>
158 <el-select disabled v-model="mjdw" style="width: 68px">
147 <el-option 159 <el-option
148 v-for="item in dictData['A7']" 160 v-for="item in dictData['A7']"
149 :key="item.dcode" 161 :key="item.dcode"
150 :label="item.dname" 162 :label="item.dname"
151 :value="item.dcode"> 163 :value="item.dcode"
164 >
152 </el-option> 165 </el-option>
153 </el-select> 166 </el-select>
154 </div> 167 </div>
...@@ -157,17 +170,18 @@ ...@@ -157,17 +170,18 @@
157 <el-col :span="8"> 170 <el-col :span="8">
158 <el-form-item label="分摊建筑面积："> 171 <el-form-item label="分摊建筑面积：">
159 <div class="flex"> 172 <div class="flex">
160 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" 173 <el-input
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
162 <el-select
163 disabled 174 disabled
164 v-model="mjdw" 175 v-model="ruleForm.fdcq2.ftjzmj"
165 style="width: 68px"> 176 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
177 ></el-input>
178 <el-select disabled v-model="mjdw" style="width: 68px">
166 <el-option 179 <el-option
167 v-for="item in dictData['A7']" 180 v-for="item in dictData['A7']"
168 :key="item.dcode" 181 :key="item.dcode"
169 :label="item.dname" 182 :label="item.dname"
170 :value="item.dcode"> 183 :value="item.dcode"
184 >
171 </el-option> 185 </el-option>
172 </el-select> 186 </el-select>
173 </div> 187 </div>
...@@ -181,7 +195,8 @@ ...@@ -181,7 +195,8 @@
181 <tdytTable 195 <tdytTable
182 :ableOperation="viewEdit" 196 :ableOperation="viewEdit"
183 :tableData="ruleForm.tdytqxList" 197 :tableData="ruleForm.tdytqxList"
184 @upDateTdytxxList="upDateTdytxxList" /> 198 @upDateTdytxxList="upDateTdytxxList"
199 />
185 <div class="slxx_title title-block"> 200 <div class="slxx_title title-block">
186 权利人信息 201 权利人信息
187 <div class="triangle"></div> 202 <div class="triangle"></div>
...@@ -189,7 +204,10 @@ ...@@ -189,7 +204,10 @@
189 <el-row :gutter="10"> 204 <el-row :gutter="10">
190 <el-col :span="12"> 205 <el-col :span="12">
191 <el-form-item label="共有方式："> 206 <el-form-item label="共有方式：">
192 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 207 <el-radio-group
208 :disabled="!viewEdit"
209 v-model="ruleForm.sldy.gyfs"
210 >
193 <el-radio label="0">单独所有</el-radio> 211 <el-radio label="0">单独所有</el-radio>
194 <el-radio label="1">共同共有</el-radio> 212 <el-radio label="1">共同共有</el-radio>
195 <el-radio label="2">按份所有</el-radio> 213 <el-radio label="2">按份所有</el-radio>
...@@ -201,7 +219,9 @@ ...@@ -201,7 +219,9 @@
201 <el-form-item label="是否分别持证："> 219 <el-form-item label="是否分别持证：">
202 <el-radio-group 220 <el-radio-group
203 v-model="ruleForm.sldy.sqfbcz" 221 v-model="ruleForm.sldy.sqfbcz"
204 :disabled="!viewEdit"> 222 :disabled="!viewEdit"
223 @input="updaterow()"
224 >
205 <el-radio :label="1">是</el-radio> 225 <el-radio :label="1">是</el-radio>
206 <el-radio :label="0">否</el-radio> 226 <el-radio :label="0">否</el-radio>
207 </el-radio-group> 227 </el-radio-group>
...@@ -209,24 +229,31 @@ ...@@ -209,24 +229,31 @@
209 </el-col> 229 </el-col>
210 <el-col 230 <el-col
211 :span="6" 231 :span="6"
212 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 232 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
233 >
213 <el-form-item label="持证人："> 234 <el-form-item label="持证人：">
214 <el-select 235 <el-select
215 v-model="czr" 236 v-model="czr"
216 placeholder="持证人" 237 placeholder="持证人"
217 :disabled="!viewEdit"> 238 :disabled="!viewEdit"
239 >
218 <el-option 240 <el-option
219 v-for="item in czrOptions" 241 v-for="item in czrOptions"
220 :key="item.zjh" 242 :key="item.zjh"
221 :label="item.sqrmc" 243 :label="item.sqrmc"
222 :value="item.zjh"> 244 :value="item.zjh"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </el-form-item> 248 </el-form-item>
226 </el-col> 249 </el-col>
227 </el-row> 250 </el-row>
228 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!viewEdit" :tableData="ruleForm.qlrList" 251 <qlrCommonTable
229 :gyfs="ruleForm.sldy.gyfs" /> 252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="!viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs"
256 />
230 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
231 登记原因 258 登记原因
232 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -234,8 +261,14 @@ ...@@ -234,8 +261,14 @@
234 <el-row :gutter="10"> 261 <el-row :gutter="10">
235 <el-col> 262 <el-col>
236 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> 263 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
237 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 264 <el-input
238 v-model="ruleForm.fdcq2.djyy"> 265 class="textArea"
266 type="textarea"
267 maxlength="500"
268 show-word-limit
269 :disabled="!viewEdit"
270 v-model="ruleForm.fdcq2.djyy"
271 >
239 </el-input> 272 </el-input>
240 </el-form-item> 273 </el-form-item>
241 </el-col> 274 </el-col>
...@@ -250,15 +283,15 @@ ...@@ -250,15 +283,15 @@
250 </div> 283 </div>
251 </template> 284 </template>
252 <script> 285 <script>
253 import ywmix from "@/views/ywbl/mixin/index" 286 import ywmix from "@/views/ywbl/mixin/index";
254 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 287 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
255 import tdytTable from "@/views/workflow/components/tdytTable"; 288 import tdytTable from "@/views/workflow/components/tdytTable";
256 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 289 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
257 import { mapGetters } from "vuex"; 290 import { mapGetters } from "vuex";
258 export default { 291 export default {
259 mixins: [ywmix], 292 mixins: [ywmix],
260 mounted () { 293 mounted() {
261 this.viewEdit = this.$parent.currentSelectTab.ableOperation 294 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
262 this.propsParam = this.$attrs; 295 this.propsParam = this.$attrs;
263 var formdata = new FormData(); 296 var formdata = new FormData();
264 formdata.append("bsmSldy", this.propsParam.bsmSldy); 297 formdata.append("bsmSldy", this.propsParam.bsmSldy);
...@@ -273,12 +306,14 @@ ...@@ -273,12 +306,14 @@
273 ...res.result.jsydsyqdatas, 306 ...res.result.jsydsyqdatas,
274 }; 307 };
275 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
276 if(item.sfczr==1){ 309 if (item.sfczr == 1) {
277 this.czr=item.sqrmc 310 this.czr = item.sqrmc;
278 } 311 }
279 }) 312 });
280 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
281 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; 314 this.ruleForm.slsq.fzfs == null
315 ? (this.ruleForm.slsq.fzfs = "1")
316 : this.ruleForm.slsq.fzfs;
282 this.czrOptions = this.ruleForm.qlrList; 317 this.czrOptions = this.ruleForm.qlrList;
283 } 318 }
284 }); 319 });
...@@ -287,7 +322,7 @@ ...@@ -287,7 +322,7 @@
287 computed: { 322 computed: {
288 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
289 }, 324 },
290 data () { 325 data() {
291 return { 326 return {
292 mjdw: "1", 327 mjdw: "1",
293 //表单是否可操作 328 //表单是否可操作
...@@ -295,10 +330,10 @@ ...@@ -295,10 +330,10 @@
295 disabled: true, 330 disabled: true,
296 tdytOption: [], 331 tdytOption: [],
297 czrOptions: [], 332 czrOptions: [],
298 czr:"", 333 czr: "",
299 ruleForm: { 334 ruleForm: {
300 flow: { 335 flow: {
301 ywh: '' 336 ywh: "",
302 }, 337 },
303 slry: "", 338 slry: "",
304 slsj: "", 339 slsj: "",
...@@ -306,7 +341,7 @@ ...@@ -306,7 +341,7 @@
306 djlx: "", 341 djlx: "",
307 djqx: "", 342 djqx: "",
308 sldy: { 343 sldy: {
309 gyfs: '' 344 gyfs: "",
310 }, 345 },
311 // 宗地代码 346 // 宗地代码
312 zddm: "", 347 zddm: "",
...@@ -316,31 +351,31 @@ ...@@ -316,31 +351,31 @@
316 // 自然幢号 351 // 自然幢号
317 zrzh: "", 352 zrzh: "",
318 // 户不动产单元号 353 // 户不动产单元号
319 hbdcdyh: '', 354 hbdcdyh: "",
320 djzt: '', 355 djzt: "",
321 // 图幅丘幢号 356 // 图幅丘幢号
322 tfqzh: '', 357 tfqzh: "",
323 zl: '', 358 zl: "",
324 // 房屋用途 359 // 房屋用途
325 fwyt: '', 360 fwyt: "",
326 fwxz: '', 361 fwxz: "",
327 fwjg: '', 362 fwjg: "",
328 // 权利人信息 363 // 权利人信息
329 // 是否分别持证 364 // 是否分别持证
330 sffbcz: "", 365 sffbcz: "",
331 // 持证人 366 // 持证人
332 czr: "", 367 czr: "",
333 djyy: '', 368 djyy: "",
334 // 规划用途名称 369 // 规划用途名称
335 zdjbxx: { 370 zdjbxx: {
336 ghytmc: '' 371 ghytmc: "",
337 }, 372 },
338 fdcq2: { 373 fdcq2: {
339 fwxzmc: '' 374 fwxzmc: "",
340 }, 375 },
341 slsq: { 376 slsq: {
342 gyfs: '' 377 gyfs: "",
343 } 378 },
344 }, 379 },
345 //传递参数 380 //传递参数
346 propsParam: {}, 381 propsParam: {},
...@@ -352,30 +387,42 @@ ...@@ -352,30 +387,42 @@
352 * @description: dataSelectClick 387 * @description: dataSelectClick
353 * @author: renchao 388 * @author: renchao
354 */ 389 */
355 dataSelectClick () { 390 dataSelectClick() {
356 this.$popup("房屋所有权", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", 391 this.$popup(
392 "房屋所有权",
393 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
357 { 394 {
358 formData: { 395 formData: {
359 bsmSldy: this.propsParam.bsmSldy, 396 bsmSldy: this.propsParam.bsmSldy,
360 qllx: this.propsParam.qllx 397 qllx: this.propsParam.qllx,
398 },
361 } 399 }
362 }); 400 );
363 }, 401 },
364 /** 402 /**
365 * @description: 更新土地用途信息 403 * @description: 更新土地用途信息
366 * @param {*} val 404 * @param {*} val
367 * @author: renchao 405 * @author: renchao
368 */ 406 */
369 upDateTdytxxList (val) { 407 upDateTdytxxList(val) {
370 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 408 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
371 this.key++; 409 this.key++;
372 }, 410 },
411 // 是否持证人变化
412 /**
413 * @description: 是否持证人变化
414 * @param {*} val
415 * @author: renchao
416 */
417 updaterow() {
418 this.czr = "";
419 },
373 /** 420 /**
374 * @description: 更新权利人信息 421 * @description: 更新权利人信息
375 * @param {*} val 422 * @param {*} val
376 * @author: renchao 423 * @author: renchao
377 */ 424 */
378 upDateQlrxxList (val) { 425 upDateQlrxxList(val) {
379 this.ruleForm.qlrList = _.cloneDeep(val); 426 this.ruleForm.qlrList = _.cloneDeep(val);
380 this.czrOptions = this.ruleForm.qlrList; 427 this.czrOptions = this.ruleForm.qlrList;
381 this.key++; 428 this.key++;
...@@ -386,16 +433,16 @@ ...@@ -386,16 +433,16 @@
386 * @param {*} val 433 * @param {*} val
387 * @author: renchao 434 * @author: renchao
388 */ 435 */
389 upDateYwrxxList (val) { 436 upDateYwrxxList(val) {
390 this.ruleForm.ywrList = _.cloneDeep(val); 437 this.ruleForm.ywrList = _.cloneDeep(val);
391 }, 438 },
392 /** 439 /**
393 * @description: onSubmit 440 * @description: onSubmit
394 * @author: renchao 441 * @author: renchao
395 */ 442 */
396 onSubmit () { 443 onSubmit() {
397 let that = this 444 let that = this;
398 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 445 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
399 if (arr.length > 0) { 446 if (arr.length > 0) {
400 this.$message({ 447 this.$message({
401 showClose: true, 448 showClose: true,
...@@ -427,7 +474,8 @@ ...@@ -427,7 +474,8 @@
427 if (this.ruleForm.qlrList.length <= 1) { 474 if (this.ruleForm.qlrList.length <= 1) {
428 this.$message({ 475 this.$message({
429 showClose: true, 476 showClose: true,
430 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 477 message:
478 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
431 type: "error", 479 type: "error",
432 }); 480 });
433 return false; 481 return false;
...@@ -463,7 +511,7 @@ ...@@ -463,7 +511,7 @@
463 message: "保存成功！", 511 message: "保存成功！",
464 type: "success", 512 type: "success",
465 }); 513 });
466 this.$store.dispatch('user/refreshPage', true); 514 this.$store.dispatch("user/refreshPage", true);
467 } else { 515 } else {
468 this.$message({ 516 this.$message({
469 showClose: true, 517 showClose: true,
...@@ -477,68 +525,68 @@ ...@@ -477,68 +525,68 @@
477 * @description: compare 525 * @description: compare
478 * @author: renchao 526 * @author: renchao
479 */ 527 */
480 compare () { 528 compare() {
481 this.$popupDialog( 529 this.$popupDialog(
482 this.ruleForm.qlxx.qllxmc, 530 this.ruleForm.qlxx.qllxmc,
483 "registerBook/comparison", 531 "registerBook/comparison",
484 { 532 {
485 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 533 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
486 dqqllx: 'FDCQ2', 534 dqqllx: "FDCQ2",
487 }, 535 },
488 "80%", 536 "80%",
489 true 537 true
490 ); 538 );
491 }, 539 },
492 }, 540 },
493 }; 541 };
494 </script> 542 </script>
495 <style scoped lang='scss'> 543 <style scoped lang="scss">
496 @import "~@/styles/public.scss"; 544 @import "~@/styles/public.scss";
497 @import "~@/styles/slxx/slxx.scss"; 545 @import "~@/styles/slxx/slxx.scss";
498 /deep/.el-form { 546 /deep/.el-form {
499 display: flex; 547 display: flex;
500 flex-direction: column; 548 flex-direction: column;
501 height: calc(100vh - 130px); 549 height: calc(100vh - 130px);
502 } 550 }
503 551
504 /deep/.el-form-item__label { 552 /deep/.el-form-item__label {
505 padding: 0; 553 padding: 0;
506 } 554 }
507 555
508 /deep/.el-radio { 556 /deep/.el-radio {
509 margin-right: 10px; 557 margin-right: 10px;
510 } 558 }
511 559
512 /deep/.el-select { 560 /deep/.el-select {
513 width: 100%; 561 width: 100%;
514 } 562 }
515 563
516 /deep/.el-form-item { 564 /deep/.el-form-item {
517 margin-bottom: 8px; 565 margin-bottom: 8px;
518 } 566 }
519 567
520 .marginBot0 { 568 .marginBot0 {
521 margin-bottom: 0 !important; 569 margin-bottom: 0 !important;
522 } 570 }
523 571
524 .slxx { 572 .slxx {
525 box-sizing: border-box; 573 box-sizing: border-box;
526 } 574 }
527 575
528 .slxx_con { 576 .slxx_con {
529 flex: 1; 577 flex: 1;
530 height: 100%; 578 height: 100%;
531 background-color: #ffffff; 579 background-color: #ffffff;
532 overflow-y: auto; 580 overflow-y: auto;
533 padding-right: 3px; 581 padding-right: 3px;
534 overflow-x: hidden; 582 overflow-x: hidden;
535 } 583 }
536 584
537 .submit_btn { 585 .submit_btn {
538 height: 50px; 586 height: 50px;
539 } 587 }
540 588
541 .slxx_title { 589 .slxx_title {
542 border-bottom: 1px solid $borderColor; 590 border-bottom: 1px solid $borderColor;
543 padding-left: 10px; 591 padding-left: 10px;
544 padding-bottom: 5px; 592 padding-bottom: 5px;
...@@ -547,23 +595,23 @@ ...@@ -547,23 +595,23 @@
547 font-size: 16px; 595 font-size: 16px;
548 font-weight: 500; 596 font-weight: 500;
549 color: #4a4a4a; 597 color: #4a4a4a;
550 } 598 }
551 599
552 .btn { 600 .btn {
553 text-align: center; 601 text-align: center;
554 padding-top: 10px; 602 padding-top: 10px;
555 height: 36px; 603 height: 36px;
556 background-color: #ffffff; 604 background-color: #ffffff;
557 padding: 5px 0; 605 padding: 5px 0;
558 } 606 }
559 607
560 .textArea { 608 .textArea {
561 /deep/.el-textarea__inner { 609 /deep/.el-textarea__inner {
562 min-height: 90px !important; 610 min-height: 90px !important;
563 } 611 }
564 } 612 }
565 613
566 /deep/.el-form-item__label { 614 /deep/.el-form-item__label {
567 padding-bottom: 0px; 615 padding-bottom: 0px;
568 } 616 }
569 </style> 617 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +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="130px"> 14 label-width="130px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -37,12 +38,18 @@ ...@@ -37,12 +38,18 @@
37 <el-row :gutter="10" v-if="ruleForm.slsq"> 38 <el-row :gutter="10" v-if="ruleForm.slsq">
38 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 39 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
39 <el-form-item label="权利类型："> 40 <el-form-item label="权利类型：">
40 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 41 <el-input
42 disabled
43 v-model="ruleForm.sldyList[0].qllxmc"
44 ></el-input>
41 </el-form-item> 45 </el-form-item>
42 </el-col> 46 </el-col>
43 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 47 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
44 <el-form-item label="登记类型："> 48 <el-form-item label="登记类型：">
45 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 49 <el-input
50 disabled
51 v-model="ruleForm.sldyList[0].djlxmc"
52 ></el-input>
46 </el-form-item> 53 </el-form-item>
47 </el-col> 54 </el-col>
48 <el-col :span="8"> 55 <el-col :span="8">
...@@ -60,12 +67,17 @@ ...@@ -60,12 +67,17 @@
60 <el-form-item label="宗地面积："> 67 <el-form-item label="宗地面积：">
61 <div class="flex"> 68 <div class="flex">
62 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 69 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
63 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px"> 70 <el-select
71 disabled
72 v-model="ruleForm.zdjbxx.mjdw"
73 style="width: 68px"
74 >
64 <el-option 75 <el-option
65 v-for="item in dictData['A7']" 76 v-for="item in dictData['A7']"
66 :key="item.dcode" 77 :key="item.dcode"
67 :label="item.dname" 78 :label="item.dname"
68 :value="item.dcode"></el-option> 79 :value="item.dcode"
80 ></el-option>
69 </el-select> 81 </el-select>
70 </div> 82 </div>
71 </el-form-item> 83 </el-form-item>
...@@ -135,12 +147,13 @@ ...@@ -135,12 +147,13 @@
135 <div class="triangle"></div> 147 <div class="triangle"></div>
136 </div> 148 </div>
137 <el-row :gutter="10"> 149 <el-row :gutter="10">
138 <el-col :span="12" v-if="ruleForm.sldyList.length>0"> 150 <el-col :span="12" v-if="ruleForm.sldyList.length > 0">
139 <el-form-item label="共有方式："> 151 <el-form-item label="共有方式：">
140 <el-radio-group 152 <el-radio-group
141 :disabled="!viewEdit" 153 :disabled="!viewEdit"
142 @change="showCZInfo" 154 @change="showCZInfo"
143 v-model="ruleForm.sldyList[0].gyfs"> 155 v-model="ruleForm.sldyList[0].gyfs"
156 >
144 <el-radio label="0">单独所有</el-radio> 157 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio> 158 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio> 159 <el-radio label="2">按份所有</el-radio>
...@@ -149,27 +162,37 @@ ...@@ -149,27 +162,37 @@
149 </el-form-item> 162 </el-form-item>
150 </el-col> 163 </el-col>
151 164
152 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> 165 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0">
153 <el-form-item label="是否分别持证："> 166 <el-form-item label="是否分别持证：">
154 <el-radio-group 167 <el-radio-group
155 v-model="ruleForm.sldyList[0].sqfbcz" 168 v-model="ruleForm.sldyList[0].sqfbcz"
156 :disabled="!viewEdit"> 169 :disabled="!viewEdit"
170 @input="updaterow()"
171 >
157 <el-radio :label="1">是</el-radio> 172 <el-radio :label="1">是</el-radio>
158 <el-radio :label="0">否</el-radio> 173 <el-radio :label="0">否</el-radio>
159 </el-radio-group> 174 </el-radio-group>
160 </el-form-item> 175 </el-form-item>
161 </el-col> 176 </el-col>
162 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0&&ruleForm.sldyList[0].sqfbcz=='0'"> 177 <el-col
178 :span="6"
179 v-if="
180 ruleForm.sldyList[0].gyfs != 0 &&
181 ruleForm.sldyList[0].sqfbcz == '0'
182 "
183 >
163 <el-form-item label="持证人："> 184 <el-form-item label="持证人：">
164 <el-select 185 <el-select
165 v-model="czr" 186 v-model="czr"
166 placeholder="持证人" 187 placeholder="持证人"
167 :disabled="!viewEdit"> 188 :disabled="!viewEdit"
189 >
168 <el-option 190 <el-option
169 v-for="item in czrOptions" 191 v-for="item in czrOptions"
170 :key="item.zjh" 192 :key="item.zjh"
171 :label="item.sqrmc" 193 :label="item.sqrmc"
172 :value="item.zjh"></el-option> 194 :value="item.zjh"
195 ></el-option>
173 </el-select> 196 </el-select>
174 </el-form-item> 197 </el-form-item>
175 </el-col> 198 </el-col>
...@@ -178,7 +201,8 @@ ...@@ -178,7 +201,8 @@
178 :disabled="viewEdit" 201 :disabled="viewEdit"
179 @upDateQlrxxList="upDateQlrxxList" 202 @upDateQlrxxList="upDateQlrxxList"
180 :tableData="ruleForm.qlrList" 203 :tableData="ruleForm.qlrList"
181 :gyfs="ruleForm.sldyList[0].gyfs" /> 204 :gyfs="ruleForm.sldyList[0].gyfs"
205 />
182 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
183 登记原因 207 登记原因
184 <div class="triangle"></div> 208 <div class="triangle"></div>
...@@ -192,7 +216,8 @@ ...@@ -192,7 +216,8 @@
192 maxlength="500" 216 maxlength="500"
193 show-word-limit 217 show-word-limit
194 :disabled="!viewEdit" 218 :disabled="!viewEdit"
195 v-model="ruleForm.fdcq2List[0].djyy"> 219 v-model="ruleForm.fdcq2List[0].djyy"
220 >
196 </el-input> 221 </el-input>
197 </el-form-item> 222 </el-form-item>
198 </el-col> 223 </el-col>
...@@ -207,16 +232,16 @@ ...@@ -207,16 +232,16 @@
207 </div> 232 </div>
208 </template> 233 </template>
209 <script> 234 <script>
210 import ywmix from "@/views/ywbl/mixin/index"; 235 import ywmix from "@/views/ywbl/mixin/index";
211 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 236 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
212 import { 237 import {
213 BatchInit, 238 BatchInit,
214 Init, 239 Init,
215 saveBatchData, 240 saveBatchData,
216 saveData, 241 saveData,
217 } from "@/api/workflow/fwsyqFlow.js"; 242 } from "@/api/workflow/fwsyqFlow.js";
218 import { mapGetters } from "vuex"; 243 import { mapGetters } from "vuex";
219 export default { 244 export default {
220 mixins: [ywmix], 245 mixins: [ywmix],
221 computed: { 246 computed: {
222 ...mapGetters(["dictData", "flag"]), 247 ...mapGetters(["dictData", "flag"]),
...@@ -229,10 +254,10 @@ ...@@ -229,10 +254,10 @@
229 * @param {*} val 254 * @param {*} val
230 * @author: renchao 255 * @author: renchao
231 */ 256 */
232 upDateYwrxxList (val) { 257 upDateYwrxxList(val) {
233 this.ruleForm.ywrList = _.cloneDeep(val); 258 this.ruleForm.ywrList = _.cloneDeep(val);
234 }, 259 },
235 data () { 260 data() {
236 return { 261 return {
237 disabled: true, 262 disabled: true,
238 tdytOption: [], 263 tdytOption: [],
...@@ -252,7 +277,7 @@ ...@@ -252,7 +277,7 @@
252 zdjbxx: {}, //宗地基本信息 277 zdjbxx: {}, //宗地基本信息
253 }, 278 },
254 czrOptions: [], 279 czrOptions: [],
255 czr:"", 280 czr: "",
256 //传递参数 281 //传递参数
257 propsParam: this.$attrs, 282 propsParam: this.$attrs,
258 //表单是否可操作 283 //表单是否可操作
...@@ -262,7 +287,7 @@ ...@@ -262,7 +287,7 @@
262 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 287 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
263 splicingFdcq2: { 288 splicingFdcq2: {
264 //前端根据后台数组组装展示内容 289 //前端根据后台数组组装展示内容
265 tdxz: "",//土地性质 290 tdxz: "", //土地性质
266 fwxz: "", //房屋性质 291 fwxz: "", //房屋性质
267 fwjg: "", //房屋结构 292 fwjg: "", //房屋结构
268 jzmj: "", //建筑面积 293 jzmj: "", //建筑面积
...@@ -270,7 +295,7 @@ ...@@ -270,7 +295,7 @@
270 }, 295 },
271 }; 296 };
272 }, 297 },
273 mounted (callbackfn, thisArg) { 298 mounted(callbackfn, thisArg) {
274 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 299 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
275 this.propsParam = this.$attrs; 300 this.propsParam = this.$attrs;
276 var formdata = new FormData(); 301 var formdata = new FormData();
...@@ -286,10 +311,10 @@ ...@@ -286,10 +311,10 @@
286 this.splicingFdcq2Info(); 311 this.splicingFdcq2Info();
287 } 312 }
288 this.ruleForm.qlrList.forEach((item) => { 313 this.ruleForm.qlrList.forEach((item) => {
289 if(item.sfczr==1){ 314 if (item.sfczr == 1) {
290 this.czr=item.sqrmc 315 this.czr = item.sqrmc;
291 } 316 }
292 }) 317 });
293 }); 318 });
294 }, 319 },
295 methods: { 320 methods: {
...@@ -298,7 +323,7 @@ ...@@ -298,7 +323,7 @@
298 * @description: 组装房地产权通用信息 323 * @description: 组装房地产权通用信息
299 * @author: renchao 324 * @author: renchao
300 */ 325 */
301 splicingFdcq2Info () { 326 splicingFdcq2Info() {
302 let fdcq2List = this.ruleForm.fdcq2List; 327 let fdcq2List = this.ruleForm.fdcq2List;
303 let fwxzArr = []; 328 let fwxzArr = [];
304 let fwjgArr = []; 329 let fwjgArr = [];
...@@ -323,7 +348,7 @@ ...@@ -323,7 +348,7 @@
323 * @param {*} val 348 * @param {*} val
324 * @author: renchao 349 * @author: renchao
325 */ 350 */
326 upDateQlrxxList (val) { 351 upDateQlrxxList(val) {
327 this.ruleForm.qlrList = _.cloneDeep(val); 352 this.ruleForm.qlrList = _.cloneDeep(val);
328 this.czrOptions = this.ruleForm.qlrList; 353 this.czrOptions = this.ruleForm.qlrList;
329 }, 354 },
...@@ -331,24 +356,33 @@ ...@@ -331,24 +356,33 @@
331 * @description: showCZInfo 356 * @description: showCZInfo
332 * @author: renchao 357 * @author: renchao
333 */ 358 */
334 showCZInfo () { 359 showCZInfo() {
335 // console.log(this.ruleForm.slsq.gyfs); 360 // console.log(this.ruleForm.slsq.gyfs);
336 }, 361 },
362 // 是否持证人变化
363 /**
364 * @description: 是否持证人变化
365 * @param {*} val
366 * @author: renchao
367 */
368 updaterow() {
369 this.czr = "";
370 },
337 // 更新义务人信息 371 // 更新义务人信息
338 /** 372 /**
339 * @description: 更新义务人信息 373 * @description: 更新义务人信息
340 * @param {*} val 374 * @param {*} val
341 * @author: renchao 375 * @author: renchao
342 */ 376 */
343 upDateYwrxxList (val) { 377 upDateYwrxxList(val) {
344 this.ruleForm.ywrList = _.cloneDeep(val); 378 this.ruleForm.ywrList = _.cloneDeep(val);
345 }, 379 },
346 /** 380 /**
347 * @description: onSubmit 381 * @description: onSubmit
348 * @author: renchao 382 * @author: renchao
349 */ 383 */
350 onSubmit () { 384 onSubmit() {
351 let that = this 385 let that = this;
352 if (this.ruleForm.qlrList.length == 0) { 386 if (this.ruleForm.qlrList.length == 0) {
353 this.$message({ 387 this.$message({
354 showClose: true, 388 showClose: true,
...@@ -419,55 +453,55 @@ ...@@ -419,55 +453,55 @@
419 }); 453 });
420 }, 454 },
421 }, 455 },
422 }; 456 };
423 </script> 457 </script>
424 <style scoped lang="scss"> 458 <style scoped lang="scss">
425 @import "~@/styles/public.scss"; 459 @import "~@/styles/public.scss";
426 460
427 /deep/.el-form { 461 /deep/.el-form {
428 display: flex; 462 display: flex;
429 flex-direction: column; 463 flex-direction: column;
430 height: calc(100vh - 130px); 464 height: calc(100vh - 130px);
431 } 465 }
432 466
433 /deep/.el-form-item__label { 467 /deep/.el-form-item__label {
434 padding: 0; 468 padding: 0;
435 } 469 }
436 470
437 /deep/.el-radio { 471 /deep/.el-radio {
438 margin-right: 10px; 472 margin-right: 10px;
439 } 473 }
440 474
441 /deep/.el-select { 475 /deep/.el-select {
442 width: 100%; 476 width: 100%;
443 } 477 }
444 478
445 /deep/.el-form-item { 479 /deep/.el-form-item {
446 margin-bottom: 8px; 480 margin-bottom: 8px;
447 } 481 }
448 482
449 .marginBot0 { 483 .marginBot0 {
450 margin-bottom: 0 !important; 484 margin-bottom: 0 !important;
451 } 485 }
452 486
453 .slxx { 487 .slxx {
454 box-sizing: border-box; 488 box-sizing: border-box;
455 } 489 }
456 490
457 .slxx_con { 491 .slxx_con {
458 flex: 1; 492 flex: 1;
459 height: 100%; 493 height: 100%;
460 background-color: #ffffff; 494 background-color: #ffffff;
461 overflow-y: auto; 495 overflow-y: auto;
462 padding-right: 3px; 496 padding-right: 3px;
463 overflow-x: hidden; 497 overflow-x: hidden;
464 } 498 }
465 499
466 .submit_btn { 500 .submit_btn {
467 height: 50px; 501 height: 50px;
468 } 502 }
469 503
470 .slxx_title { 504 .slxx_title {
471 border-bottom: 1px solid $borderColor; 505 border-bottom: 1px solid $borderColor;
472 padding-left: 10px; 506 padding-left: 10px;
473 padding-bottom: 5px; 507 padding-bottom: 5px;
...@@ -476,23 +510,23 @@ ...@@ -476,23 +510,23 @@
476 font-size: 16px; 510 font-size: 16px;
477 font-weight: 500; 511 font-weight: 500;
478 color: #4a4a4a; 512 color: #4a4a4a;
479 } 513 }
480 514
481 .btn { 515 .btn {
482 text-align: center; 516 text-align: center;
483 padding-top: 10px; 517 padding-top: 10px;
484 height: 36px; 518 height: 36px;
485 background-color: #ffffff; 519 background-color: #ffffff;
486 padding: 5px 0; 520 padding: 5px 0;
487 } 521 }
488 522
489 .textArea { 523 .textArea {
490 /deep/.el-textarea__inner { 524 /deep/.el-textarea__inner {
491 min-height: 90px !important; 525 min-height: 90px !important;
492 } 526 }
493 } 527 }
494 528
495 /deep/.el-form-item__label { 529 /deep/.el-form-item__label {
496 padding-bottom: 0px; 530 padding-bottom: 0px;
497 } 531 }
498 </style> 532 </style>
......
...@@ -6,8 +6,14 @@ ...@@ -6,8 +6,14 @@
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 9 <el-form
10 label-width="120px"> 10 :model="ruleForm"
11 :rules="rules"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="120px"
16 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
13 受理信息 19 受理信息
...@@ -33,16 +39,38 @@ ...@@ -33,16 +39,38 @@
33 <el-row :gutter="10"> 39 <el-row :gutter="10">
34 <el-col :span="8"> 40 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx"> 41 <el-form-item label="权利类型：" prop="qllx">
36 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 42 <el-select
37 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 43 disabled
44 v-model="ruleForm.qllx"
45 filterable
46 clearable
47 placeholder="请选择权利类型"
48 >
49 <el-option
50 v-for="item in dictData['A8']"
51 :key="item.dcode"
52 :label="item.dname"
53 :value="item.dcode"
54 >
38 </el-option> 55 </el-option>
39 </el-select> 56 </el-select>
40 </el-form-item> 57 </el-form-item>
41 </el-col> 58 </el-col>
42 <el-col :span="8"> 59 <el-col :span="8">
43 <el-form-item label="登记类型：" prop="djlx"> 60 <el-form-item label="登记类型：" prop="djlx">
44 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 61 <el-select
45 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 62 disabled
63 v-model="ruleForm.djlx"
64 filterable
65 clearable
66 placeholder="请选择登记类型"
67 >
68 <el-option
69 v-for="item in dictData['A21']"
70 :key="item.dcode"
71 :label="item.dname"
72 :value="item.dcode"
73 >
46 </el-option> 74 </el-option>
47 </el-select> 75 </el-select>
48 </el-form-item> 76 </el-form-item>
...@@ -88,7 +116,12 @@ ...@@ -88,7 +116,12 @@
88 <el-col :span="8"> 116 <el-col :span="8">
89 <el-form-item label="登记状态：" prop="djzt"> 117 <el-form-item label="登记状态：" prop="djzt">
90 <el-select disabled v-model="ruleForm.djzt" filterable clearable> 118 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
91 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> 119 <el-option
120 v-for="item in djztList"
121 :key="item.value"
122 :label="item.label"
123 :value="item.value"
124 >
92 </el-option> 125 </el-option>
93 </el-select> 126 </el-select>
94 </el-form-item> 127 </el-form-item>
...@@ -131,7 +164,8 @@ ...@@ -131,7 +164,8 @@
131 <tdytTable 164 <tdytTable
132 :ableOperation="viewEdit" 165 :ableOperation="viewEdit"
133 :tableData="ruleForm.tdytqxList" 166 :tableData="ruleForm.tdytqxList"
134 @upDateTdytxxList="upDateTdytxxList" /> 167 @upDateTdytxxList="upDateTdytxxList"
168 />
135 <div class="slxx_title title-block"> 169 <div class="slxx_title title-block">
136 权利人信息 170 权利人信息
137 <div class="triangle"></div> 171 <div class="triangle"></div>
...@@ -149,22 +183,42 @@ ...@@ -149,22 +183,42 @@
149 183
150 <el-col :span="5" v-show="ruleForm.gyfs != '1'"> 184 <el-col :span="5" v-show="ruleForm.gyfs != '1'">
151 <el-form-item label="是否分别持证："> 185 <el-form-item label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz" :disabled="!viewEdit"> 186 <el-radio-group
187 v-model="ruleForm.sffbcz"
188 :disabled="!viewEdit"
189 @input="updaterow()"
190 >
153 <el-radio label="1">是</el-radio> 191 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio> 192 <el-radio label="0">否</el-radio>
155 </el-radio-group> 193 </el-radio-group>
156 </el-form-item> 194 </el-form-item>
157 </el-col> 195 </el-col>
158 <el-col :span="5" v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz=='0'"> 196 <el-col
197 :span="5"
198 v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
199 >
159 <el-form-item label="持证人："> 200 <el-form-item label="持证人：">
160 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 201 <el-select
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 202 v-model="czr"
203 placeholder="持证人"
204 :disabled="!viewEdit"
205 >
206 <el-option
207 v-for="item in czrOptions"
208 :key="item.value"
209 :label="item.label"
210 :value="item.value"
211 >
162 </el-option> 212 </el-option>
163 </el-select> 213 </el-select>
164 </el-form-item> 214 </el-form-item>
165 </el-col> 215 </el-col>
166 </el-row> 216 </el-row>
167 <qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="viewEdit" /> 217 <qlrCommonTable
218 :tableData="ruleForm.qlrList"
219 :gyfs="ruleForm.gyfs"
220 :disabled="viewEdit"
221 />
168 <div class="slxx_title title-block"> 222 <div class="slxx_title title-block">
169 登记原因 223 登记原因
170 <div class="triangle"></div> 224 <div class="triangle"></div>
...@@ -172,7 +226,14 @@ ...@@ -172,7 +226,14 @@
172 <el-row :gutter="10"> 226 <el-row :gutter="10">
173 <el-col> 227 <el-col>
174 <el-form-item label="登记原因：" prop="djyy"> 228 <el-form-item label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" v-model="ruleForm.djyy"> 229 <el-input
230 class="textArea"
231 type="textarea"
232 maxlength="500"
233 show-word-limit
234 :disabled="!viewEdit"
235 v-model="ruleForm.djyy"
236 >
176 </el-input> 237 </el-input>
177 </el-form-item> 238 </el-form-item>
178 </el-col> 239 </el-col>
...@@ -187,15 +248,15 @@ ...@@ -187,15 +248,15 @@
187 </div> 248 </div>
188 </template> 249 </template>
189 <script> 250 <script>
190 import ywmix from "@/views/ywbl/mixin/index" 251 import ywmix from "@/views/ywbl/mixin/index";
191 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 252 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
192 import tdytTable from "@/views/workflow/components/tdytTable"; 253 import tdytTable from "@/views/workflow/components/tdytTable";
193 import { Init } from "@/api/workflow/fwsyqFlow.js"; 254 import { Init } from "@/api/workflow/fwsyqFlow.js";
194 import { mapGetters } from "vuex"; 255 import { mapGetters } from "vuex";
195 export default { 256 export default {
196 mixins: [ywmix], 257 mixins: [ywmix],
197 mounted () { 258 mounted() {
198 this.viewEdit = this.$parent.currentSelectTab.ableOperation 259 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
199 this.propsParam = this.$attrs; 260 this.propsParam = this.$attrs;
200 var formdata = new FormData(); 261 var formdata = new FormData();
201 formdata.append("bsmSldy", this.propsParam.bsmSldy); 262 formdata.append("bsmSldy", this.propsParam.bsmSldy);
...@@ -208,10 +269,10 @@ ...@@ -208,10 +269,10 @@
208 ...res.result.jsydsyqdatas, 269 ...res.result.jsydsyqdatas,
209 }; 270 };
210 this.ruleForm.qlrList.forEach((item) => { 271 this.ruleForm.qlrList.forEach((item) => {
211 if(item.sfczr==1){ 272 if (item.sfczr == 1) {
212 this.czr=item.sqrmc 273 this.czr = item.sqrmc;
213 } 274 }
214 }) 275 });
215 this.czrOptions = this.ruleForm.qlrList; 276 this.czrOptions = this.ruleForm.qlrList;
216 } 277 }
217 }); 278 });
...@@ -220,14 +281,14 @@ ...@@ -220,14 +281,14 @@
220 computed: { 281 computed: {
221 ...mapGetters(["dictData", "flag"]), 282 ...mapGetters(["dictData", "flag"]),
222 }, 283 },
223 data () { 284 data() {
224 return { 285 return {
225 //表单是否可操作 286 //表单是否可操作
226 viewEdit: false, 287 viewEdit: false,
227 disabled: true, 288 disabled: true,
228 tdytOption: [], 289 tdytOption: [],
229 czrOptions: [], 290 czrOptions: [],
230 czr:"", 291 czr: "",
231 ruleForm: { 292 ruleForm: {
232 ywh: "", 293 ywh: "",
233 slry: "", 294 slry: "",
...@@ -243,22 +304,22 @@ ...@@ -243,22 +304,22 @@
243 // 自然幢号 304 // 自然幢号
244 zrzh: "", 305 zrzh: "",
245 // 户不动产单元号 306 // 户不动产单元号
246 ghytmc: '', 307 ghytmc: "",
247 djzt: '', 308 djzt: "",
248 // 图幅丘幢号 309 // 图幅丘幢号
249 tfqzh: '', 310 tfqzh: "",
250 zl: '', 311 zl: "",
251 // 房屋用途 312 // 房屋用途
252 fwyt: '', 313 fwyt: "",
253 fwxz: '', 314 fwxz: "",
254 fwjg: '', 315 fwjg: "",
255 // 权利人信息 316 // 权利人信息
256 gyfs: "1", 317 gyfs: "1",
257 // 是否分别持证 318 // 是否分别持证
258 sffbcz: "", 319 sffbcz: "",
259 // 持证人 320 // 持证人
260 czr: "", 321 czr: "",
261 djyy: '' 322 djyy: "",
262 }, 323 },
263 //传递参数 324 //传递参数
264 propsParam: {}, 325 propsParam: {},
...@@ -272,17 +333,26 @@ ...@@ -272,17 +333,26 @@
272 * @param {*} val 333 * @param {*} val
273 * @author: renchao 334 * @author: renchao
274 */ 335 */
275 upDateTdytxxList (val) { 336 upDateTdytxxList(val) {
276 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 337 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
277 this.czrOptions = this.ruleForm.qlrData; 338 this.czrOptions = this.ruleForm.qlrData;
278 this.key++; 339 this.key++;
279 }, 340 },
341 // 是否持证人变化
342 /**
343 * @description: 是否持证人变化
344 * @param {*} val
345 * @author: renchao
346 */
347 updaterow() {
348 this.czr = "";
349 },
280 /** 350 /**
281 * @description: list 351 * @description: list
282 * @param {*} bsmSldy 352 * @param {*} bsmSldy
283 * @author: renchao 353 * @author: renchao
284 */ 354 */
285 list (bsmSldy) { 355 list(bsmSldy) {
286 var formdata = new FormData(); 356 var formdata = new FormData();
287 formdata.append("bsmSldy", bsmSldy); 357 formdata.append("bsmSldy", bsmSldy);
288 formdata.append("isEdit", this.viewEdit); 358 formdata.append("isEdit", this.viewEdit);
...@@ -301,9 +371,9 @@ ...@@ -301,9 +371,9 @@
301 * @description: onSubmit 371 * @description: onSubmit
302 * @author: renchao 372 * @author: renchao
303 */ 373 */
304 onSubmit () { 374 onSubmit() {
305 let that = this 375 let that = this;
306 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 376 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
307 if (arr.length > 0) { 377 if (arr.length > 0) {
308 this.$message({ 378 this.$message({
309 showClose: true, 379 showClose: true,
...@@ -335,7 +405,8 @@ ...@@ -335,7 +405,8 @@
335 if (this.ruleForm.qlrList.length <= 1) { 405 if (this.ruleForm.qlrList.length <= 1) {
336 this.$message({ 406 this.$message({
337 showClose: true, 407 showClose: true,
338 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 408 message:
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
339 type: "error", 410 type: "error",
340 }); 411 });
341 return false; 412 return false;
...@@ -369,58 +440,58 @@ ...@@ -369,58 +440,58 @@
369 console.log(res); 440 console.log(res);
370 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 441 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
371 } 442 }
372 }) 443 });
373 } 444 },
374 } 445 },
375 }; 446 };
376 </script> 447 </script>
377 <style scoped lang='scss'> 448 <style scoped lang="scss">
378 @import "~@/styles/public.scss"; 449 @import "~@/styles/public.scss";
379 450
380 /deep/.el-form { 451 /deep/.el-form {
381 display: flex; 452 display: flex;
382 flex-direction: column; 453 flex-direction: column;
383 height: calc(100vh - 130px); 454 height: calc(100vh - 130px);
384 } 455 }
385 456
386 /deep/.el-form-item__label { 457 /deep/.el-form-item__label {
387 padding: 0; 458 padding: 0;
388 } 459 }
389 460
390 /deep/.el-radio { 461 /deep/.el-radio {
391 margin-right: 10px; 462 margin-right: 10px;
392 } 463 }
393 464
394 /deep/.el-select { 465 /deep/.el-select {
395 width: 100%; 466 width: 100%;
396 } 467 }
397 468
398 /deep/.el-form-item { 469 /deep/.el-form-item {
399 margin-bottom: 8px; 470 margin-bottom: 8px;
400 } 471 }
401 472
402 .marginBot0 { 473 .marginBot0 {
403 margin-bottom: 0 !important; 474 margin-bottom: 0 !important;
404 } 475 }
405 476
406 .slxx { 477 .slxx {
407 box-sizing: border-box; 478 box-sizing: border-box;
408 } 479 }
409 480
410 .slxx_con { 481 .slxx_con {
411 flex: 1; 482 flex: 1;
412 height: 100%; 483 height: 100%;
413 background-color: #ffffff; 484 background-color: #ffffff;
414 overflow-y: auto; 485 overflow-y: auto;
415 padding-right: 3px; 486 padding-right: 3px;
416 overflow-x: hidden; 487 overflow-x: hidden;
417 } 488 }
418 489
419 .submit_btn { 490 .submit_btn {
420 height: 50px; 491 height: 50px;
421 } 492 }
422 493
423 .slxx_title { 494 .slxx_title {
424 border-bottom: 1px solid $borderColor; 495 border-bottom: 1px solid $borderColor;
425 padding-left: 10px; 496 padding-left: 10px;
426 padding-bottom: 5px; 497 padding-bottom: 5px;
...@@ -429,23 +500,23 @@ ...@@ -429,23 +500,23 @@
429 font-size: 16px; 500 font-size: 16px;
430 font-weight: 500; 501 font-weight: 500;
431 color: #4a4a4a; 502 color: #4a4a4a;
432 } 503 }
433 504
434 .btn { 505 .btn {
435 text-align: center; 506 text-align: center;
436 padding-top: 10px; 507 padding-top: 10px;
437 height: 36px; 508 height: 36px;
438 background-color: #ffffff; 509 background-color: #ffffff;
439 padding: 5px 0; 510 padding: 5px 0;
440 } 511 }
441 512
442 .textArea { 513 .textArea {
443 /deep/.el-textarea__inner { 514 /deep/.el-textarea__inner {
444 min-height: 90px !important; 515 min-height: 90px !important;
445 } 516 }
446 } 517 }
447 518
448 /deep/.el-form-item__label { 519 /deep/.el-form-item__label {
449 padding-bottom: 0px; 520 padding-bottom: 0px;
450 } 521 }
451 </style> 522 </style>
......
...@@ -6,9 +6,16 @@ ...@@ -6,9 +6,16 @@
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" 9 <el-form
10 class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 10 :model="ruleForm"
11 :inline="flag" label-width="120px"> 11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px"
18 >
12 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
14 受理信息 21 受理信息
...@@ -73,17 +80,17 @@ ...@@ -73,17 +80,17 @@
73 <el-col :span="8"> 80 <el-col :span="8">
74 <el-form-item label="使用权面积："> 81 <el-form-item label="使用权面积：">
75 <div class="flex"> 82 <div class="flex">
76 <el-input v-model="ruleForm.jsydsyq.syqmj" 83 <el-input
77 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 84 v-model="ruleForm.jsydsyq.syqmj"
78 <el-select 85 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
79 disabled 86 ></el-input>
80 v-model="mjdw" 87 <el-select disabled v-model="mjdw" style="width: 68px">
81 style="width: 68px">
82 <el-option 88 <el-option
83 v-for="item in dictData['A7']" 89 v-for="item in dictData['A7']"
84 :key="item.dcode" 90 :key="item.dcode"
85 :label="item.dname" 91 :label="item.dname"
86 :value="item.dcode"> 92 :value="item.dcode"
93 >
87 </el-option> 94 </el-option>
88 </el-select> 95 </el-select>
89 </div> 96 </div>
...@@ -101,10 +108,19 @@ ...@@ -101,10 +108,19 @@
101 </el-col> 108 </el-col>
102 <el-col :span="8"> 109 <el-col :span="8">
103 <el-form-item label="取得价格："> 110 <el-form-item label="取得价格：">
104 <div style="display:flex"> 111 <div style="display: flex">
105 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 112 <el-input
113 v-model="ruleForm.jsydsyq.qdjg"
114 style="width: 500%"
115 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
116 ></el-input>
106 <el-select v-model="ruleForm.jsydsyq.jedw"> 117 <el-select v-model="ruleForm.jsydsyq.jedw">
107 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 118 <el-option
119 v-for="item in dictData['A57']"
120 :key="item.dcode"
121 :label="item.dname"
122 :value="item.dcode"
123 >
108 </el-option> 124 </el-option>
109 </el-select> 125 </el-select>
110 </div> 126 </div>
...@@ -133,7 +149,12 @@ ...@@ -133,7 +149,12 @@
133 <el-row :gutter="10"> 149 <el-row :gutter="10">
134 <el-col> 150 <el-col>
135 <el-form-item label="附记：" prop="fj"> 151 <el-form-item label="附记：" prop="fj">
136 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.jsydsyq.fj"></el-input> 152 <el-input
153 type="textarea"
154 maxlength="500"
155 show-word-limit
156 v-model="ruleForm.jsydsyq.fj"
157 ></el-input>
137 </el-form-item> 158 </el-form-item>
138 </el-col> 159 </el-col>
139 </el-row> 160 </el-row>
...@@ -144,7 +165,8 @@ ...@@ -144,7 +165,8 @@
144 <tdytTable 165 <tdytTable
145 :ableOperation="viewEdit" 166 :ableOperation="viewEdit"
146 :tableData="ruleForm.tdytqxList" 167 :tableData="ruleForm.tdytqxList"
147 @upDateTdytxxList="upDateTdytxxList" /> 168 @upDateTdytxxList="upDateTdytxxList"
169 />
148 <div class="slxx_title title-block"> 170 <div class="slxx_title title-block">
149 权利人信息 171 权利人信息
150 <div class="triangle"></div> 172 <div class="triangle"></div>
...@@ -152,7 +174,10 @@ ...@@ -152,7 +174,10 @@
152 <el-row :gutter="10"> 174 <el-row :gutter="10">
153 <el-col :span="12"> 175 <el-col :span="12">
154 <el-form-item label="共有方式："> 176 <el-form-item label="共有方式：">
155 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 177 <el-radio-group
178 :disabled="!viewEdit"
179 v-model="ruleForm.sldy.gyfs"
180 >
156 <el-radio label="0">单独所有</el-radio> 181 <el-radio label="0">单独所有</el-radio>
157 <el-radio label="1">共同共有</el-radio> 182 <el-radio label="1">共同共有</el-radio>
158 <el-radio label="2">按份所有</el-radio> 183 <el-radio label="2">按份所有</el-radio>
...@@ -164,7 +189,9 @@ ...@@ -164,7 +189,9 @@
164 <el-form-item label="是否分别持证："> 189 <el-form-item label="是否分别持证：">
165 <el-radio-group 190 <el-radio-group
166 v-model="ruleForm.sldy.sqfbcz" 191 v-model="ruleForm.sldy.sqfbcz"
167 :disabled="!viewEdit"> 192 :disabled="!viewEdit"
193 @input="updaterow()"
194 >
168 <el-radio :label="1">是</el-radio> 195 <el-radio :label="1">是</el-radio>
169 <el-radio :label="0">否</el-radio> 196 <el-radio :label="0">否</el-radio>
170 </el-radio-group> 197 </el-radio-group>
...@@ -172,32 +199,45 @@ ...@@ -172,32 +199,45 @@
172 </el-col> 199 </el-col>
173 <el-col 200 <el-col
174 :span="6" 201 :span="6"
175 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 202 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
203 >
176 <el-form-item label="持证人："> 204 <el-form-item label="持证人：">
177 <el-select 205 <el-select
178 v-model="czr" 206 v-model="czr"
179 placeholder="持证人" 207 placeholder="持证人"
180 :disabled="!viewEdit"> 208 :disabled="!viewEdit"
209 >
181 <el-option 210 <el-option
182 v-for="(item,index) in czrOptions" 211 v-for="(item, index) in czrOptions"
183 :key="index" 212 :key="index"
184 :label="item.sqrmc" 213 :label="item.sqrmc"
185 :value="item.zjh"> 214 :value="item.zjh"
215 >
186 </el-option> 216 </el-option>
187 </el-select> 217 </el-select>
188 </el-form-item> 218 </el-form-item>
189 </el-col> 219 </el-col>
190 </el-row> 220 </el-row>
191 <qlrCommonTable :tableData="ruleForm.qlrList" 221 <qlrCommonTable
222 :tableData="ruleForm.qlrList"
192 :disabled="viewEdit" 223 :disabled="viewEdit"
193 @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" /> 224 @upDateQlrxxList="upDateQlrxxList"
225 :key="key"
226 :gyfs="ruleForm.sldy.gyfs"
227 />
194 228
195 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 229 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
196 <div class="slxx_title title-block"> 230 <div class="slxx_title title-block">
197 义务人信息 231 义务人信息
198 <div class="triangle"></div> 232 <div class="triangle"></div>
199 </div> 233 </div>
200 <qlrCommonTable v-if="ruleForm.ywrList" :disabled="viewEdit" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" /> 234 <qlrCommonTable
235 v-if="ruleForm.ywrList"
236 :disabled="viewEdit"
237 :tableData="ruleForm.ywrList"
238 :key="key"
239 @upDateQlrxxList="upDateYwrxxList"
240 />
201 </div> 241 </div>
202 242
203 <div class="slxx_title title-block"> 243 <div class="slxx_title title-block">
...@@ -207,8 +247,14 @@ ...@@ -207,8 +247,14 @@
207 <el-row :gutter="10"> 247 <el-row :gutter="10">
208 <el-col> 248 <el-col>
209 <el-form-item label="登记原因：" prop="djyy"> 249 <el-form-item label="登记原因：" prop="djyy">
210 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 250 <el-input
211 v-model="ruleForm.jsydsyq.djyy"> 251 class="textArea"
252 type="textarea"
253 maxlength="500"
254 show-word-limit
255 :disabled="!viewEdit"
256 v-model="ruleForm.jsydsyq.djyy"
257 >
212 </el-input> 258 </el-input>
213 </el-form-item> 259 </el-form-item>
214 </el-col> 260 </el-col>
...@@ -223,18 +269,18 @@ ...@@ -223,18 +269,18 @@
223 </div> 269 </div>
224 </template> 270 </template>
225 <script> 271 <script>
226 import { mapGetters } from "vuex" 272 import { mapGetters } from "vuex";
227 import ywmix from "@/views/ywbl/mixin/index" 273 import ywmix from "@/views/ywbl/mixin/index";
228 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 274 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
229 import tdytTable from "@/views/workflow/components/tdytTable"; 275 import tdytTable from "@/views/workflow/components/tdytTable";
230 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
231 export default { 277 export default {
232 mixins: [ywmix], 278 mixins: [ywmix],
233 mounted () { 279 mounted() {
234 this.viewEdit = this.$parent.currentSelectTab.ableOperation 280 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
235 this.propsParam = this.$attrs; 281 this.propsParam = this.$attrs;
236 var formdata = new FormData(); 282 var formdata = new FormData();
237 let that = this 283 let that = this;
238 this.$startLoading(); 284 this.$startLoading();
239 formdata.append("bsmSldy", this.propsParam.bsmSldy); 285 formdata.append("bsmSldy", this.propsParam.bsmSldy);
240 formdata.append("djlx", this.propsParam.djlx); 286 formdata.append("djlx", this.propsParam.djlx);
...@@ -246,18 +292,19 @@ ...@@ -246,18 +292,19 @@
246 that.isShow = true; 292 that.isShow = true;
247 this.czrOptions = this.ruleForm.qlrList; 293 this.czrOptions = this.ruleForm.qlrList;
248 this.ruleForm.qlrList.forEach((item) => { 294 this.ruleForm.qlrList.forEach((item) => {
249 if(item.sfczr==1){ 295 if (item.sfczr == 1) {
250 this.czr=item.sqrmc 296 this.czr = item.sqrmc;
297 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr);
251 } 298 }
252 }) 299 });
253 }) 300 });
254 }) 301 });
255 }, 302 },
256 components: { qlrCommonTable, tdytTable }, 303 components: { qlrCommonTable, tdytTable },
257 computed: { 304 computed: {
258 ...mapGetters(["dictData", "flag"]), 305 ...mapGetters(["dictData", "flag"]),
259 // 根据流程判断表单是否为只读 306 // 根据流程判断表单是否为只读
260 editDisabled () { 307 editDisabled() {
261 if (!this.viewEdit) { 308 if (!this.viewEdit) {
262 //只读状态 309 //只读状态
263 return true; 310 return true;
...@@ -265,12 +312,12 @@ ...@@ -265,12 +312,12 @@
265 return false; 312 return false;
266 }, 313 },
267 }, 314 },
268 data () { 315 data() {
269 return { 316 return {
270 mjdw: "1", 317 mjdw: "1",
271 //表单是否可操作 318 //表单是否可操作
272 viewEdit: true, 319 viewEdit: true,
273 czr:"", 320 czr: "",
274 key: 0, 321 key: 0,
275 isShow: false, 322 isShow: false,
276 disabled: true, 323 disabled: true,
...@@ -278,8 +325,8 @@ ...@@ -278,8 +325,8 @@
278 ruleForm: {}, 325 ruleForm: {},
279 //传递参数 326 //传递参数
280 propsParam: {}, 327 propsParam: {},
281 rules: {} 328 rules: {},
282 } 329 };
283 }, 330 },
284 methods: { 331 methods: {
285 /** 332 /**
...@@ -287,7 +334,7 @@ ...@@ -287,7 +334,7 @@
287 * @param {*} val 334 * @param {*} val
288 * @author: renchao 335 * @author: renchao
289 */ 336 */
290 upDateTdytxxList (val) { 337 upDateTdytxxList(val) {
291 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 338 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
292 this.key++; 339 this.key++;
293 }, 340 },
...@@ -297,10 +344,19 @@ ...@@ -297,10 +344,19 @@
297 * @param {*} val 344 * @param {*} val
298 * @author: renchao 345 * @author: renchao
299 */ 346 */
300 upDateQlrxxList (val) { 347 upDateQlrxxList(val) {
301 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 348 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
302 this.czrOptions = this.ruleForm.qlrList; 349 this.czrOptions = this.ruleForm.qlrList;
303 this.key++ 350 this.key++;
351 },
352 // 是否持证人变化
353 /**
354 * @description: 是否持证人变化
355 * @param {*} val
356 * @author: renchao
357 */
358 updaterow() {
359 this.czr = "";
304 }, 360 },
305 // 更新义务人信息 361 // 更新义务人信息
306 /** 362 /**
...@@ -308,17 +364,17 @@ ...@@ -308,17 +364,17 @@
308 * @param {*} val 364 * @param {*} val
309 * @author: renchao 365 * @author: renchao
310 */ 366 */
311 upDateYwrxxList (val) { 367 upDateYwrxxList(val) {
312 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) 368 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
313 this.key++ 369 this.key++;
314 }, 370 },
315 /** 371 /**
316 * @description: onSubmit 372 * @description: onSubmit
317 * @author: renchao 373 * @author: renchao
318 */ 374 */
319 onSubmit () { 375 onSubmit() {
320 let that = this 376 let that = this;
321 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 377 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
322 if (arr.length > 0) { 378 if (arr.length > 0) {
323 this.$message({ 379 this.$message({
324 showClose: true, 380 showClose: true,
...@@ -349,7 +405,8 @@ ...@@ -349,7 +405,8 @@
349 if (this.ruleForm.qlrList.length <= 1) { 405 if (this.ruleForm.qlrList.length <= 1) {
350 this.$message({ 406 this.$message({
351 showClose: true, 407 showClose: true,
352 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 408 message:
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
353 type: "error", 410 type: "error",
354 }); 411 });
355 return false; 412 return false;
...@@ -387,22 +444,22 @@ ...@@ -387,22 +444,22 @@
387 this.$message({ 444 this.$message({
388 showClose: true, 445 showClose: true,
389 message: "保存成功！", 446 message: "保存成功！",
390 type: "success" 447 type: "success",
391 }) 448 });
392 this.$store.dispatch('user/refreshPage', true); 449 this.$store.dispatch("user/refreshPage", true);
393 } else { 450 } else {
394 this.$message({ 451 this.$message({
395 showClose: true, 452 showClose: true,
396 message: res.message, 453 message: res.message,
397 type: "error" 454 type: "error",
398 }) 455 });
399 }
400 })
401 }
402 }
403 } 456 }
457 });
458 },
459 },
460 };
404 </script> 461 </script>
405 <style scoped lang='scss'> 462 <style scoped lang="scss">
406 @import "~@/styles/public.scss"; 463 @import "~@/styles/public.scss";
407 @import "~@/styles/slxx/slxx.scss"; 464 @import "~@/styles/slxx/slxx.scss";
408 </style> 465 </style>
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -55,7 +56,8 @@ ...@@ -55,7 +56,8 @@
55 </el-row> 56 </el-row>
56 <div 57 <div
57 class="slxx_title title-block flex" 58 class="slxx_title title-block flex"
58 style="justify-content: space-between"> 59 style="justify-content: space-between"
60 >
59 不动产单元情况 61 不动产单元情况
60 <el-button @click="compare">变化情况对比+</el-button> 62 <el-button @click="compare">变化情况对比+</el-button>
61 </div> 63 </div>
...@@ -101,13 +103,15 @@ ...@@ -101,13 +103,15 @@
101 v-model="ruleForm.jsydsyq.qdjg" 103 v-model="ruleForm.jsydsyq.qdjg"
102 style="width: 500%" 104 style="width: 500%"
103 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 105 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
104 disabled></el-input> 106 disabled
107 ></el-input>
105 <el-select v-model="ruleForm.jsydsyq.jedw" disabled> 108 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
106 <el-option 109 <el-option
107 v-for="item in dictData['A57']" 110 v-for="item in dictData['A57']"
108 :key="item.dcode" 111 :key="item.dcode"
109 :label="item.dname" 112 :label="item.dname"
110 :value="item.dcode"> 113 :value="item.dcode"
114 >
111 </el-option> 115 </el-option>
112 </el-select> 116 </el-select>
113 </div> 117 </div>
...@@ -124,9 +128,12 @@ ...@@ -124,9 +128,12 @@
124 <el-col> 128 <el-col>
125 <el-form-item label="附记：" prop="fj"> 129 <el-form-item label="附记：" prop="fj">
126 <el-input 130 <el-input
127 type="textarea" maxlength="500" show-word-limit 131 type="textarea"
132 maxlength="500"
133 show-word-limit
128 v-model="ruleForm.jsydsyq.fj" 134 v-model="ruleForm.jsydsyq.fj"
129 :disabled="!viewEdit"></el-input> 135 :disabled="!viewEdit"
136 ></el-input>
130 </el-form-item> 137 </el-form-item>
131 </el-col> 138 </el-col>
132 </el-row> 139 </el-row>
...@@ -137,7 +144,8 @@ ...@@ -137,7 +144,8 @@
137 <tdytTable 144 <tdytTable
138 :tableData="ruleForm.tdytqxList" 145 :tableData="ruleForm.tdytqxList"
139 :ableOperation="viewEdit" 146 :ableOperation="viewEdit"
140 @upDateTdytxxList="upDateTdytxxList" /> 147 @upDateTdytxxList="upDateTdytxxList"
148 />
141 <div class="slxx_title title-block"> 149 <div class="slxx_title title-block">
142 权利人信息 150 权利人信息
143 <div class="triangle"></div> 151 <div class="triangle"></div>
...@@ -147,7 +155,8 @@ ...@@ -147,7 +155,8 @@
147 <el-form-item label="共有方式："> 155 <el-form-item label="共有方式：">
148 <el-radio-group 156 <el-radio-group
149 :disabled="!viewEdit" 157 :disabled="!viewEdit"
150 v-model="ruleForm.sldy.gyfs"> 158 v-model="ruleForm.sldy.gyfs"
159 >
151 <el-radio label="0">单独所有</el-radio> 160 <el-radio label="0">单独所有</el-radio>
152 <el-radio label="1">共同共有</el-radio> 161 <el-radio label="1">共同共有</el-radio>
153 <el-radio label="2">按份所有</el-radio> 162 <el-radio label="2">按份所有</el-radio>
...@@ -159,7 +168,9 @@ ...@@ -159,7 +168,9 @@
159 <el-form-item label="是否分别持证："> 168 <el-form-item label="是否分别持证：">
160 <el-radio-group 169 <el-radio-group
161 v-model="ruleForm.sldy.sqfbcz" 170 v-model="ruleForm.sldy.sqfbcz"
162 :disabled="!viewEdit"> 171 :disabled="!viewEdit"
172 @input="updaterow()"
173 >
163 <el-radio :label="1">是</el-radio> 174 <el-radio :label="1">是</el-radio>
164 <el-radio :label="0">否</el-radio> 175 <el-radio :label="0">否</el-radio>
165 </el-radio-group> 176 </el-radio-group>
...@@ -167,17 +178,20 @@ ...@@ -167,17 +178,20 @@
167 </el-col> 178 </el-col>
168 <el-col 179 <el-col
169 :span="6" 180 :span="6"
170 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 181 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
182 >
171 <el-form-item label="持证人："> 183 <el-form-item label="持证人：">
172 <el-select 184 <el-select
173 v-model="czr" 185 v-model="czr"
174 placeholder="持证人" 186 placeholder="持证人"
175 :disabled="!viewEdit"> 187 :disabled="!viewEdit"
188 >
176 <el-option 189 <el-option
177 v-for="item in czrOptions" 190 v-for="item in czrOptions"
178 :key="item.zjh" 191 :key="item.zjh"
179 :label="item.sqrmc" 192 :label="item.sqrmc"
180 :value="item.zjh"> 193 :value="item.zjh"
194 >
181 </el-option> 195 </el-option>
182 </el-select> 196 </el-select>
183 </el-form-item> 197 </el-form-item>
...@@ -187,7 +201,8 @@ ...@@ -187,7 +201,8 @@
187 :tableData="ruleForm.qlrList" 201 :tableData="ruleForm.qlrList"
188 :disabled="viewEdit" 202 :disabled="viewEdit"
189 @upDateQlrxxList="upDateQlrxxList" 203 @upDateQlrxxList="upDateQlrxxList"
190 :gyfs="ruleForm.sldy.gyfs" /> 204 :gyfs="ruleForm.sldy.gyfs"
205 />
191 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
192 登记原因 207 登记原因
193 <div class="triangle"></div> 208 <div class="triangle"></div>
...@@ -198,9 +213,11 @@ ...@@ -198,9 +213,11 @@
198 <el-input 213 <el-input
199 class="textArea" 214 class="textArea"
200 type="textarea" 215 type="textarea"
201 maxlength="500" show-word-limit 216 maxlength="500"
217 show-word-limit
202 :disabled="!viewEdit" 218 :disabled="!viewEdit"
203 v-model="ruleForm.jsydsyq.djyy"> 219 v-model="ruleForm.jsydsyq.djyy"
220 >
204 </el-input> 221 </el-input>
205 </el-form-item> 222 </el-form-item>
206 </el-col> 223 </el-col>
...@@ -215,14 +232,14 @@ ...@@ -215,14 +232,14 @@
215 </div> 232 </div>
216 </template> 233 </template>
217 <script> 234 <script>
218 import { mapGetters } from "vuex"; 235 import { mapGetters } from "vuex";
219 import ywmix from "@/views/ywbl/mixin/index" 236 import ywmix from "@/views/ywbl/mixin/index";
220 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 237 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
221 import tdytTable from "@/views/workflow/components/tdytTable"; 238 import tdytTable from "@/views/workflow/components/tdytTable";
222 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 239 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
223 export default { 240 export default {
224 mixins: [ywmix], 241 mixins: [ywmix],
225 mounted () { 242 mounted() {
226 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 243 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
227 this.propsParam = this.$attrs; 244 this.propsParam = this.$attrs;
228 var formdata = new FormData(); 245 var formdata = new FormData();
...@@ -236,10 +253,10 @@ ...@@ -236,10 +253,10 @@
236 this.czrOptions = this.ruleForm.qlrList; 253 this.czrOptions = this.ruleForm.qlrList;
237 } 254 }
238 this.ruleForm.qlrList.forEach((item) => { 255 this.ruleForm.qlrList.forEach((item) => {
239 if(item.sfczr==1){ 256 if (item.sfczr == 1) {
240 this.czr=item.sqrmc 257 this.czr = item.sqrmc;
241 } 258 }
242 }) 259 });
243 this.$endLoading(); 260 this.$endLoading();
244 }); 261 });
245 }, 262 },
...@@ -247,13 +264,13 @@ ...@@ -247,13 +264,13 @@
247 computed: { 264 computed: {
248 ...mapGetters(["dictData", "flag"]), 265 ...mapGetters(["dictData", "flag"]),
249 }, 266 },
250 data () { 267 data() {
251 return { 268 return {
252 //表单是否可操作 269 //表单是否可操作
253 viewEdit: false, 270 viewEdit: false,
254 disabled: true, 271 disabled: true,
255 czrOptions: [], 272 czrOptions: [],
256 czr:"", 273 czr: "",
257 ruleForm: { 274 ruleForm: {
258 slywxx: {}, 275 slywxx: {},
259 qlxx: {}, 276 qlxx: {},
...@@ -271,7 +288,7 @@ ...@@ -271,7 +288,7 @@
271 * @param {*} val 288 * @param {*} val
272 * @author: renchao 289 * @author: renchao
273 */ 290 */
274 upDateTdytxxList (val) { 291 upDateTdytxxList(val) {
275 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 292 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
276 this.key++; 293 this.key++;
277 }, 294 },
...@@ -280,18 +297,27 @@ ...@@ -280,18 +297,27 @@
280 * @param {*} val 297 * @param {*} val
281 * @author: renchao 298 * @author: renchao
282 */ 299 */
283 upDateQlrxxList (val) { 300 upDateQlrxxList(val) {
284 this.ruleForm.qlrList = _.cloneDeep(val); 301 this.ruleForm.qlrList = _.cloneDeep(val);
285 this.czrOptions = this.ruleForm.qlrList; 302 this.czrOptions = this.ruleForm.qlrList;
286 this.key++ 303 this.key++;
304 },
305 // 是否持证人变化
306 /**
307 * @description: 是否持证人变化
308 * @param {*} val
309 * @author: renchao
310 */
311 updaterow() {
312 this.czr = "";
287 }, 313 },
288 /** 314 /**
289 * @description: onSubmit 315 * @description: onSubmit
290 * @author: renchao 316 * @author: renchao
291 */ 317 */
292 onSubmit () { 318 onSubmit() {
293 let that = this 319 let that = this;
294 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 320 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
295 if (arr.length > 0) { 321 if (arr.length > 0) {
296 this.$message({ 322 this.$message({
297 showClose: true, 323 showClose: true,
...@@ -323,7 +349,8 @@ ...@@ -323,7 +349,8 @@
323 if (this.ruleForm.qlrList.length <= 1) { 349 if (this.ruleForm.qlrList.length <= 1) {
324 this.$message({ 350 this.$message({
325 showClose: true, 351 showClose: true,
326 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 352 message:
353 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
327 type: "error", 354 type: "error",
328 }); 355 });
329 return false; 356 return false;
...@@ -373,23 +400,23 @@ ...@@ -373,23 +400,23 @@
373 * @description: compare 400 * @description: compare
374 * @author: renchao 401 * @author: renchao
375 */ 402 */
376 compare () { 403 compare() {
377 console.log("this.ruleForm", this.ruleForm); 404 console.log("this.ruleForm", this.ruleForm);
378 this.$popupDialog( 405 this.$popupDialog(
379 this.ruleForm.qlxx.qllxmc, 406 this.ruleForm.qlxx.qllxmc,
380 "registerBook/comparison", 407 "registerBook/comparison",
381 { 408 {
382 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 409 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
383 dqqllx: 'JSYDSYQ', 410 dqqllx: "JSYDSYQ",
384 }, 411 },
385 "80%", 412 "80%",
386 true 413 true
387 ) 414 );
388 } 415 },
389 } 416 },
390 } 417 };
391 </script> 418 </script>
392 <style scoped lang="scss"> 419 <style scoped lang="scss">
393 @import "~@/styles/public.scss"; 420 @import "~@/styles/public.scss";
394 @import "~@/styles/slxx/slxx.scss"; 421 @import "~@/styles/slxx/slxx.scss";
395 </style> 422 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +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="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,14 +285,14 @@ ...@@ -265,14 +285,14 @@
265 </div> 285 </div>
266 </template> 286 </template>
267 <script> 287 <script>
268 import ywmix from "@/views/ywbl/mixin/index"; 288 import ywmix from "@/views/ywbl/mixin/index";
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 290 import tdytTable from "@/views/workflow/components/tdytTable";
271 import { Init, saveData } from "@/api/workflow/lqFlow.js"; 291 import { Init, saveData } from "@/api/workflow/lqFlow.js";
272 import { mapGetters } from "vuex"; 292 import { mapGetters } from "vuex";
273 export default { 293 export default {
274 mixins: [ywmix], 294 mixins: [ywmix],
275 mounted () { 295 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 296 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 297 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 298 var formdata = new FormData();
...@@ -286,10 +306,10 @@ ...@@ -286,10 +306,10 @@
286 ...res.result.qlxxdatas, 306 ...res.result.qlxxdatas,
287 }; 307 };
288 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
289 if(item.sfczr==1){ 309 if (item.sfczr == 1) {
290 this.czr=item.sqrmc 310 this.czr = item.sqrmc;
291 } 311 }
292 }) 312 });
293 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
294 this.ruleForm.slsq.fzfs == null 314 this.ruleForm.slsq.fzfs == null
295 ? (this.ruleForm.slsq.fzfs = "1") 315 ? (this.ruleForm.slsq.fzfs = "1")
...@@ -302,12 +322,12 @@ ...@@ -302,12 +322,12 @@
302 computed: { 322 computed: {
303 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
304 }, 324 },
305 data () { 325 data() {
306 return { 326 return {
307 disabled: true, 327 disabled: true,
308 tdytOption: [], 328 tdytOption: [],
309 czrOptions: [], 329 czrOptions: [],
310 czr:"", 330 czr: "",
311 ruleForm: { 331 ruleForm: {
312 flow: { 332 flow: {
313 ywh: "", 333 ywh: "",
...@@ -340,15 +360,24 @@ ...@@ -340,15 +360,24 @@
340 * @param {*} val 360 * @param {*} val
341 * @author: renchao 361 * @author: renchao
342 */ 362 */
343 upDateTdytxxList (val) { 363 upDateTdytxxList(val) {
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
345 }, 365 },
366 // 是否持证人变化
367 /**
368 * @description: 是否持证人变化
369 * @param {*} val
370 * @author: renchao
371 */
372 updaterow() {
373 this.czr = "";
374 },
346 /** 375 /**
347 * @description: 更新权利人信息 376 * @description: 更新权利人信息
348 * @param {*} val 377 * @param {*} val
349 * @author: renchao 378 * @author: renchao
350 */ 379 */
351 upDateQlrxxList (val) { 380 upDateQlrxxList(val) {
352 this.ruleForm.qlrList = _.cloneDeep(val); 381 this.ruleForm.qlrList = _.cloneDeep(val);
353 this.czrOptions = this.ruleForm.qlrList; 382 this.czrOptions = this.ruleForm.qlrList;
354 this.key++; 383 this.key++;
...@@ -358,15 +387,15 @@ ...@@ -358,15 +387,15 @@
358 * @param {*} val 387 * @param {*} val
359 * @author: renchao 388 * @author: renchao
360 */ 389 */
361 upDateYwrxxList (val) { 390 upDateYwrxxList(val) {
362 this.ruleForm.ywrList = _.cloneDeep(val); 391 this.ruleForm.ywrList = _.cloneDeep(val);
363 }, 392 },
364 /** 393 /**
365 * @description: onSubmit 394 * @description: onSubmit
366 * @author: renchao 395 * @author: renchao
367 */ 396 */
368 onSubmit () { 397 onSubmit() {
369 let that = this 398 let that = this;
370 if (this.ruleForm.qlrList.length == 0) { 399 if (this.ruleForm.qlrList.length == 0) {
371 this.$message({ 400 this.$message({
372 showClose: true, 401 showClose: true,
...@@ -390,7 +419,8 @@ ...@@ -390,7 +419,8 @@
390 if (this.ruleForm.qlrList.length <= 1) { 419 if (this.ruleForm.qlrList.length <= 1) {
391 this.$message({ 420 this.$message({
392 showClose: true, 421 showClose: true,
393 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 422 message:
423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
394 type: "error", 424 type: "error",
395 }); 425 });
396 return false; 426 return false;
...@@ -437,55 +467,55 @@ ...@@ -437,55 +467,55 @@
437 }); 467 });
438 }, 468 },
439 }, 469 },
440 }; 470 };
441 </script> 471 </script>
442 <style scoped lang="scss"> 472 <style scoped lang="scss">
443 @import "~@/styles/public.scss"; 473 @import "~@/styles/public.scss";
444 474
445 /deep/.el-form { 475 /deep/.el-form {
446 display: flex; 476 display: flex;
447 flex-direction: column; 477 flex-direction: column;
448 height: calc(100vh - 130px); 478 height: calc(100vh - 130px);
449 } 479 }
450 480
451 /deep/.el-form-item__label { 481 /deep/.el-form-item__label {
452 padding: 0; 482 padding: 0;
453 } 483 }
454 484
455 /deep/.el-radio { 485 /deep/.el-radio {
456 margin-right: 10px; 486 margin-right: 10px;
457 } 487 }
458 488
459 /deep/.el-select { 489 /deep/.el-select {
460 width: 100%; 490 width: 100%;
461 } 491 }
462 492
463 /deep/.el-form-item { 493 /deep/.el-form-item {
464 margin-bottom: 8px; 494 margin-bottom: 8px;
465 } 495 }
466 496
467 .marginBot0 { 497 .marginBot0 {
468 margin-bottom: 0 !important; 498 margin-bottom: 0 !important;
469 } 499 }
470 500
471 .slxx { 501 .slxx {
472 box-sizing: border-box; 502 box-sizing: border-box;
473 } 503 }
474 504
475 .slxx_con { 505 .slxx_con {
476 flex: 1; 506 flex: 1;
477 height: 100%; 507 height: 100%;
478 background-color: #ffffff; 508 background-color: #ffffff;
479 overflow-y: auto; 509 overflow-y: auto;
480 padding-right: 3px; 510 padding-right: 3px;
481 overflow-x: hidden; 511 overflow-x: hidden;
482 } 512 }
483 513
484 .submit_btn { 514 .submit_btn {
485 height: 50px; 515 height: 50px;
486 } 516 }
487 517
488 .slxx_title { 518 .slxx_title {
489 border-bottom: 1px solid $borderColor; 519 border-bottom: 1px solid $borderColor;
490 padding-left: 10px; 520 padding-left: 10px;
491 padding-bottom: 5px; 521 padding-bottom: 5px;
...@@ -494,23 +524,23 @@ ...@@ -494,23 +524,23 @@
494 font-size: 16px; 524 font-size: 16px;
495 font-weight: 500; 525 font-weight: 500;
496 color: #4a4a4a; 526 color: #4a4a4a;
497 } 527 }
498 528
499 .btn { 529 .btn {
500 text-align: center; 530 text-align: center;
501 padding-top: 10px; 531 padding-top: 10px;
502 height: 36px; 532 height: 36px;
503 background-color: #ffffff; 533 background-color: #ffffff;
504 padding: 5px 0; 534 padding: 5px 0;
505 } 535 }
506 536
507 .textArea { 537 .textArea {
508 /deep/.el-textarea__inner { 538 /deep/.el-textarea__inner {
509 min-height: 90px !important; 539 min-height: 90px !important;
510 } 540 }
511 } 541 }
512 542
513 /deep/.el-form-item__label { 543 /deep/.el-form-item__label {
514 padding-bottom: 0px; 544 padding-bottom: 0px;
515 } 545 }
516 </style> 546 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -100,8 +107,19 @@ ...@@ -100,8 +107,19 @@
100 </el-col> 107 </el-col>
101 <el-col :span="8"> 108 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 109 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" :disabled="!viewEdit" class="width100" filterable clearable> 110 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 111 v-model="ruleForm.nydsyq.tdsyqxzmc"
112 :disabled="!viewEdit"
113 class="width100"
114 filterable
115 clearable
116 >
117 <el-option
118 v-for="item in dictData['A45']"
119 :key="item.dname"
120 :label="item.dname"
121 :value="item.dname"
122 >
105 </el-option> 123 </el-option>
106 </el-select> 124 </el-select>
107 </el-form-item> 125 </el-form-item>
...@@ -122,50 +140,102 @@ ...@@ -122,50 +140,102 @@
122 <el-row :gutter="10"> 140 <el-row :gutter="10">
123 <el-col :span="8"> 141 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 142 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 143 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 144 v-model="ruleForm.nydsyq.syttlx"
145 :disabled="!viewEdit"
146 class="width100"
147 filterable
148 clearable
149 @change="changeSyttlx"
150 >
151 <el-option
152 v-for="item in dictData['A23']"
153 :key="item.dcode"
154 :label="item.dname"
155 :value="item.dcode"
156 >
127 </el-option> 157 </el-option>
128 </el-select> 158 </el-select>
129 </el-form-item> 159 </el-form-item>
130 </el-col> 160 </el-col>
131 <el-col :span="8"> 161 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 162 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 163 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 164 v-model="ruleForm.nydsyq.yzyfs"
165 :disabled="!viewEdit"
166 class="width100"
167 filterable
168 clearable
169 @change="changeYzyfs"
170 >
171 <el-option
172 v-for="item in dictData['A24']"
173 :key="item.dcode"
174 :label="item.dname"
175 :value="item.dcode"
176 >
135 </el-option> 177 </el-option>
136 </el-select> 178 </el-select>
137 </el-form-item> 179 </el-form-item>
138 </el-col> 180 </el-col>
139 <el-col :span="8"> 181 <el-col :span="8">
140 <el-form-item label="草原质量："> 182 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 183 <el-input
184 v-model="ruleForm.nydsyq.cyzl"
185 :disabled="!viewEdit"
186 ></el-input>
142 </el-form-item> 187 </el-form-item>
143 </el-col> 188 </el-col>
144 </el-row> 189 </el-row>
145 <el-row :gutter="10"> 190 <el-row :gutter="10">
146 <el-col :span="8"> 191 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 192 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 193 <el-input
194 v-model="ruleForm.nydsyq.syzcl"
195 :disabled="!viewEdit"
196 oninput="value=value.replace(/[^\d.]/g,'')"
197 ></el-input>
149 </el-form-item> 198 </el-form-item>
150 </el-col> 199 </el-col>
151 <el-col :span="8"> 200 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 201 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" :disabled="!viewEdit" filterable clearable @change="changeYdyhfl"> 202 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 203 v-model="ruleForm.nydsyq.ydyhfl"
204 class="width100"
205 :disabled="!viewEdit"
206 filterable
207 clearable
208 @change="changeYdyhfl"
209 >
210 <el-option
211 v-for="item in dictData['A51']"
212 :key="item.dcode"
213 :label="item.dname"
214 :value="item.dcode"
215 >
155 </el-option> 216 </el-option>
156 </el-select> 217 </el-select>
157 </el-form-item> 218 </el-form-item>
158 </el-col> 219 </el-col>
159 <el-col :span="8"> 220 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 221 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 222 <el-input
223 v-model="ruleForm.nydsyq.tdcbht"
224 :disabled="!viewEdit"
225 ></el-input>
162 </el-form-item> 226 </el-form-item>
163 </el-col> 227 </el-col>
164 </el-row> 228 </el-row>
165 <el-row :gutter="10"> 229 <el-row :gutter="10">
166 <el-col> 230 <el-col>
167 <el-form-item label="附记：" prop="fj"> 231 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 232 <el-input
233 type="textarea"
234 maxlength="500"
235 show-word-limit
236 v-model="ruleForm.nydsyq.fj"
237 :disabled="!viewEdit"
238 ></el-input>
169 </el-form-item> 239 </el-form-item>
170 </el-col> 240 </el-col>
171 </el-row> 241 </el-row>
...@@ -176,7 +246,10 @@ ...@@ -176,7 +246,10 @@
176 <el-row :gutter="10"> 246 <el-row :gutter="10">
177 <el-col :span="12"> 247 <el-col :span="12">
178 <el-form-item label="共有方式："> 248 <el-form-item label="共有方式：">
179 <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!viewEdit"> 249 <el-radio-group
250 v-model="ruleForm.sldy.gyfs"
251 :disabled="!viewEdit"
252 >
180 <el-radio label="0">单独所有</el-radio> 253 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 254 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 255 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +261,9 @@ ...@@ -188,7 +261,9 @@
188 <el-form-item label="是否分别持证："> 261 <el-form-item label="是否分别持证：">
189 <el-radio-group 262 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 263 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 264 :disabled="!viewEdit"
265 @input="updaterow()"
266 >
192 <el-radio :label="1">是</el-radio> 267 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 268 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 269 </el-radio-group>
...@@ -196,29 +271,41 @@ ...@@ -196,29 +271,41 @@
196 </el-col> 271 </el-col>
197 <el-col 272 <el-col
198 :span="6" 273 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 274 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
275 >
200 <el-form-item label="持证人："> 276 <el-form-item label="持证人：">
201 <el-select 277 <el-select
202 v-model="czr" 278 v-model="czr"
203 placeholder="持证人" 279 placeholder="持证人"
204 :disabled="!viewEdit"> 280 :disabled="!viewEdit"
281 >
205 <el-option 282 <el-option
206 v-for="item in czrOptions" 283 v-for="item in czrOptions"
207 :key="item.zjh" 284 :key="item.zjh"
208 :label="item.sqrmc" 285 :label="item.sqrmc"
209 :value="item.zjh"> 286 :value="item.zjh"
287 >
210 </el-option> 288 </el-option>
211 </el-select> 289 </el-select>
212 </el-form-item> 290 </el-form-item>
213 </el-col> 291 </el-col>
214 </el-row> 292 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 293 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 294 :tableData="ruleForm.qlrList"
295 @upDateQlrxxList="upDateQlrxxList"
296 :disabled="viewEdit"
297 :gyfs="ruleForm.sldy.gyfs"
298 />
217 <div class="slxx_title title-block"> 299 <div class="slxx_title title-block">
218 家庭成员 300 家庭成员
219 <div class="triangle"></div> 301 <div class="triangle"></div>
220 </div> 302 </div>
221 <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" /> 303 <JtcyTable
304 :tableData="ruleForm.jtcyList"
305 @upDateJtcyList="upDateJtcyList"
306 :disabled="viewEdit"
307 :gyfs="ruleForm.sldy.gyfs"
308 />
222 <div class="slxx_title title-block"> 309 <div class="slxx_title title-block">
223 登记原因 310 登记原因
224 <div class="triangle"></div> 311 <div class="triangle"></div>
...@@ -226,8 +313,14 @@ ...@@ -226,8 +313,14 @@
226 <el-row :gutter="10"> 313 <el-row :gutter="10">
227 <el-col> 314 <el-col>
228 <el-form-item label="登记原因：" prop="djyy"> 315 <el-form-item label="登记原因：" prop="djyy">
229 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 316 <el-input
230 v-model="ruleForm.nydsyq.djyy"> 317 class="textArea"
318 type="textarea"
319 maxlength="500"
320 show-word-limit
321 :disabled="!viewEdit"
322 v-model="ruleForm.nydsyq.djyy"
323 >
231 </el-input> 324 </el-input>
232 </el-form-item> 325 </el-form-item>
233 </el-col> 326 </el-col>
...@@ -242,15 +335,15 @@ ...@@ -242,15 +335,15 @@
242 </div> 335 </div>
243 </template> 336 </template>
244 <script> 337 <script>
245 import { mapGetters } from "vuex" 338 import { mapGetters } from "vuex";
246 import ywmix from "@/views/ywbl/mixin/index" 339 import ywmix from "@/views/ywbl/mixin/index";
247 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 340 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import JtcyTable from "@/views/workflow/components/JtcyTable" 342 import JtcyTable from "@/views/workflow/components/JtcyTable";
250 export default { 343 export default {
251 mixins: [ywmix], 344 mixins: [ywmix],
252 mounted () { 345 mounted() {
253 this.viewEdit = this.$parent.currentSelectTab.ableOperation 346 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
254 this.propsParam = this.$attrs; 347 this.propsParam = this.$attrs;
255 this.$startLoading(); 348 this.$startLoading();
256 var formdata = new FormData(); 349 var formdata = new FormData();
...@@ -261,42 +354,42 @@ ...@@ -261,42 +354,42 @@
261 this.ruleForm = res.result; 354 this.ruleForm = res.result;
262 this.czrOptions = this.ruleForm.qlrList; 355 this.czrOptions = this.ruleForm.qlrList;
263 this.ruleForm.qlrList.forEach((item) => { 356 this.ruleForm.qlrList.forEach((item) => {
264 if(item.sfczr==1){ 357 if (item.sfczr == 1) {
265 this.czr=item.sqrmc 358 this.czr = item.sqrmc;
266 } 359 }
267 }) 360 });
268 this.$endLoading(); 361 this.$endLoading();
269 }) 362 });
270 }, 363 },
271 components: { qlrCommonTable, JtcyTable }, 364 components: { qlrCommonTable, JtcyTable },
272 computed: { 365 computed: {
273 ...mapGetters(["dictData", "flag"]) 366 ...mapGetters(["dictData", "flag"]),
274 }, 367 },
275 data () { 368 data() {
276 return { 369 return {
277 disabled: true, 370 disabled: true,
278 //持证人选项 371 //持证人选项
279 czrOptions: [], 372 czrOptions: [],
280 czr:"", 373 czr: "",
281 ruleForm: { 374 ruleForm: {
282 zdjbxx: { 375 zdjbxx: {
283 ghytmc: '' 376 ghytmc: "",
284 } 377 },
285 }, 378 },
286 //传递参数 379 //传递参数
287 propsParam: {}, 380 propsParam: {},
288 //表单是否可操作 381 //表单是否可操作
289 viewEdit: true, 382 viewEdit: true,
290 rules: {} 383 rules: {},
291 } 384 };
292 }, 385 },
293 methods: { 386 methods: {
294 /** 387 /**
295 * @description: onSubmit 388 * @description: onSubmit
296 * @author: renchao 389 * @author: renchao
297 */ 390 */
298 onSubmit () { 391 onSubmit() {
299 let that = this 392 let that = this;
300 if (this.ruleForm.qlrList.length == 0) { 393 if (this.ruleForm.qlrList.length == 0) {
301 this.$message({ 394 this.$message({
302 showClose: true, 395 showClose: true,
...@@ -320,7 +413,8 @@ ...@@ -320,7 +413,8 @@
320 if (this.ruleForm.qlrList.length <= 1) { 413 if (this.ruleForm.qlrList.length <= 1) {
321 this.$message({ 414 this.$message({
322 showClose: true, 415 showClose: true,
323 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 416 message:
417 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
324 type: "error", 418 type: "error",
325 }); 419 });
326 return false; 420 return false;
...@@ -357,7 +451,7 @@ ...@@ -357,7 +451,7 @@
357 message: "保存成功！", 451 message: "保存成功！",
358 type: "success", 452 type: "success",
359 }); 453 });
360 this.$store.dispatch('user/refreshPage', true); 454 this.$store.dispatch("user/refreshPage", true);
361 } else { 455 } else {
362 this.$message({ 456 this.$message({
363 showClose: true, 457 showClose: true,
...@@ -372,28 +466,47 @@ ...@@ -372,28 +466,47 @@
372 * @param {*} val 466 * @param {*} val
373 * @author: renchao 467 * @author: renchao
374 */ 468 */
375 upDateQlrxxList (val) { 469 upDateQlrxxList(val) {
376 this.ruleForm.qlrList = _.cloneDeep(val) 470 this.ruleForm.qlrList = _.cloneDeep(val);
377 this.czrOptions = this.ruleForm.qlrList; 471 this.czrOptions = this.ruleForm.qlrList;
378 }, 472 },
473 // 是否持证人变化
474 /**
475 * @description: 是否持证人变化
476 * @param {*} val
477 * @author: renchao
478 */
479 updaterow() {
480 this.czr = "";
481 },
379 /** 482 /**
380 * @description: upDateJtcyList 483 * @description: upDateJtcyList
381 * @param {*} val 484 * @param {*} val
382 * @author: renchao 485 * @author: renchao
383 */ 486 */
384 upDateJtcyList (val) { 487 upDateJtcyList(val) {
385 this.ruleForm.jtcyList = _.cloneDeep(val) 488 this.ruleForm.jtcyList = _.cloneDeep(val);
489 },
490 // 是否持证人变化
491 /**
492 * @description: 是否持证人变化
493 * @param {*} val
494 * @author: renchao
495 */
496 updaterow() {
497 this.czr = "";
386 }, 498 },
499
387 /** 500 /**
388 * @description: 水域滩涂类型变化事件 501 * @description: 水域滩涂类型变化事件
389 * @param {*} e 502 * @param {*} e
390 * @author: renchao 503 * @author: renchao
391 */ 504 */
392 changeSyttlx (e) { 505 changeSyttlx(e) {
393 let itemLx = {} 506 let itemLx = {};
394 itemLx = this.dictData['A23'].find((item) => { 507 itemLx = this.dictData["A23"].find((item) => {
395 return item.dcode == e 508 return item.dcode == e;
396 }) 509 });
397 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 510 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
398 }, 511 },
399 /** 512 /**
...@@ -401,11 +514,11 @@ ...@@ -401,11 +514,11 @@
401 * @param {*} e 514 * @param {*} e
402 * @author: renchao 515 * @author: renchao
403 */ 516 */
404 changeYzyfs (e) { 517 changeYzyfs(e) {
405 let itemLx = {} 518 let itemLx = {};
406 itemLx = this.dictData['A24'].find((item) => { 519 itemLx = this.dictData["A24"].find((item) => {
407 return item.dcode == e 520 return item.dcode == e;
408 }) 521 });
409 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 522 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
410 }, 523 },
411 /** 524 /**
...@@ -413,17 +526,17 @@ ...@@ -413,17 +526,17 @@
413 * @param {*} e 526 * @param {*} e
414 * @author: renchao 527 * @author: renchao
415 */ 528 */
416 changeYdyhfl (e) { 529 changeYdyhfl(e) {
417 let itemLx = {} 530 let itemLx = {};
418 itemLx = this.dictData['A51'].find((item) => { 531 itemLx = this.dictData["A51"].find((item) => {
419 return item.dcode == e 532 return item.dcode == e;
420 }) 533 });
421 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 534 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
422 } 535 },
423 } 536 },
424 } 537 };
425 </script> 538 </script>
426 <style scoped lang='scss'> 539 <style scoped lang="scss">
427 @import "~@/styles/public.scss"; 540 @import "~@/styles/public.scss";
428 @import "~@/styles/slxx/slxx.scss"; 541 @import "~@/styles/slxx/slxx.scss";
429 </style> 542 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -90,18 +97,35 @@ ...@@ -90,18 +97,35 @@
90 <el-row :gutter="10"> 97 <el-row :gutter="10">
91 <el-col :span="8"> 98 <el-col :span="8">
92 <el-form-item label="发包方名称："> 99 <el-form-item label="发包方名称：">
93 <el-input v-model="ruleForm.nydsyq.fbfmc" :disabled="!viewEdit"></el-input> 100 <el-input
101 v-model="ruleForm.nydsyq.fbfmc"
102 :disabled="!viewEdit"
103 ></el-input>
94 </el-form-item> 104 </el-form-item>
95 </el-col> 105 </el-col>
96 <el-col :span="8"> 106 <el-col :span="8">
97 <el-form-item label="发包方代码："> 107 <el-form-item label="发包方代码：">
98 <el-input v-model="ruleForm.nydsyq.fbfdm" :disabled="!viewEdit"></el-input> 108 <el-input
109 v-model="ruleForm.nydsyq.fbfdm"
110 :disabled="!viewEdit"
111 ></el-input>
99 </el-form-item> 112 </el-form-item>
100 </el-col> 113 </el-col>
101 <el-col :span="8"> 114 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 115 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" :disabled="!viewEdit" filterable clearable> 116 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 117 v-model="ruleForm.nydsyq.tdsyqxzmc"
118 class="width100"
119 :disabled="!viewEdit"
120 filterable
121 clearable
122 >
123 <el-option
124 v-for="item in dictData['A45']"
125 :key="item.dname"
126 :label="item.dname"
127 :value="item.dname"
128 >
105 </el-option> 129 </el-option>
106 </el-select> 130 </el-select>
107 </el-form-item> 131 </el-form-item>
...@@ -122,50 +146,102 @@ ...@@ -122,50 +146,102 @@
122 <el-row :gutter="10"> 146 <el-row :gutter="10">
123 <el-col :span="8"> 147 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 148 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 149 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 150 v-model="ruleForm.nydsyq.syttlx"
151 :disabled="!viewEdit"
152 class="width100"
153 filterable
154 clearable
155 @change="changeSyttlx"
156 >
157 <el-option
158 v-for="item in dictData['A23']"
159 :key="item.dcode"
160 :label="item.dname"
161 :value="item.dcode"
162 >
127 </el-option> 163 </el-option>
128 </el-select> 164 </el-select>
129 </el-form-item> 165 </el-form-item>
130 </el-col> 166 </el-col>
131 <el-col :span="8"> 167 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 168 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 169 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 170 v-model="ruleForm.nydsyq.yzyfs"
171 :disabled="!viewEdit"
172 class="width100"
173 filterable
174 clearable
175 @change="changeYzyfs"
176 >
177 <el-option
178 v-for="item in dictData['A24']"
179 :key="item.dcode"
180 :label="item.dname"
181 :value="item.dcode"
182 >
135 </el-option> 183 </el-option>
136 </el-select> 184 </el-select>
137 </el-form-item> 185 </el-form-item>
138 </el-col> 186 </el-col>
139 <el-col :span="8"> 187 <el-col :span="8">
140 <el-form-item label="草原质量："> 188 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 189 <el-input
190 v-model="ruleForm.nydsyq.cyzl"
191 :disabled="!viewEdit"
192 ></el-input>
142 </el-form-item> 193 </el-form-item>
143 </el-col> 194 </el-col>
144 </el-row> 195 </el-row>
145 <el-row :gutter="10"> 196 <el-row :gutter="10">
146 <el-col :span="8"> 197 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 198 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 199 <el-input
200 v-model="ruleForm.nydsyq.syzcl"
201 :disabled="!viewEdit"
202 oninput="value=value.replace(/[^\d.]/g,'')"
203 ></el-input>
149 </el-form-item> 204 </el-form-item>
150 </el-col> 205 </el-col>
151 <el-col :span="8"> 206 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 207 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYdyhfl"> 208 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 209 v-model="ruleForm.nydsyq.ydyhfl"
210 :disabled="!viewEdit"
211 class="width100"
212 filterable
213 clearable
214 @change="changeYdyhfl"
215 >
216 <el-option
217 v-for="item in dictData['A51']"
218 :key="item.dcode"
219 :label="item.dname"
220 :value="item.dcode"
221 >
155 </el-option> 222 </el-option>
156 </el-select> 223 </el-select>
157 </el-form-item> 224 </el-form-item>
158 </el-col> 225 </el-col>
159 <el-col :span="8"> 226 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 227 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 228 <el-input
229 v-model="ruleForm.nydsyq.tdcbht"
230 :disabled="!viewEdit"
231 ></el-input>
162 </el-form-item> 232 </el-form-item>
163 </el-col> 233 </el-col>
164 </el-row> 234 </el-row>
165 <el-row :gutter="10"> 235 <el-row :gutter="10">
166 <el-col> 236 <el-col>
167 <el-form-item label="附记：" prop="fj"> 237 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 238 <el-input
239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 v-model="ruleForm.nydsyq.fj"
243 :disabled="!viewEdit"
244 ></el-input>
169 </el-form-item> 245 </el-form-item>
170 </el-col> 246 </el-col>
171 </el-row> 247 </el-row>
...@@ -176,7 +252,10 @@ ...@@ -176,7 +252,10 @@
176 <el-row :gutter="10"> 252 <el-row :gutter="10">
177 <el-col :span="12"> 253 <el-col :span="12">
178 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
179 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 255 <el-radio-group
256 :disabled="!viewEdit"
257 v-model="ruleForm.sldy.gyfs"
258 >
180 <el-radio label="0">单独所有</el-radio> 259 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 260 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 261 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +267,9 @@ ...@@ -188,7 +267,9 @@
188 <el-form-item label="是否分别持证："> 267 <el-form-item label="是否分别持证：">
189 <el-radio-group 268 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 269 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 270 :disabled="!viewEdit"
271 @input="updaterow()"
272 >
192 <el-radio :label="1">是</el-radio> 273 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 274 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 275 </el-radio-group>
...@@ -196,34 +277,50 @@ ...@@ -196,34 +277,50 @@
196 </el-col> 277 </el-col>
197 <el-col 278 <el-col
198 :span="6" 279 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
281 >
200 <el-form-item label="持证人："> 282 <el-form-item label="持证人：">
201 <el-select 283 <el-select
202 v-model="czr" 284 v-model="czr"
203 placeholder="持证人" 285 placeholder="持证人"
204 :disabled="!viewEdit"> 286 :disabled="!viewEdit"
287 >
205 <el-option 288 <el-option
206 v-for="item in czrOptions" 289 v-for="item in czrOptions"
207 :key="item.zjh" 290 :key="item.zjh"
208 :label="item.sqrmc" 291 :label="item.sqrmc"
209 :value="item.zjh"> 292 :value="item.zjh"
293 >
210 </el-option> 294 </el-option>
211 </el-select> 295 </el-select>
212 </el-form-item> 296 </el-form-item>
213 </el-col> 297 </el-col>
214 </el-row> 298 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 299 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 300 :tableData="ruleForm.qlrList"
301 @upDateQlrxxList="upDateQlrxxList"
302 :disabled="viewEdit"
303 :gyfs="ruleForm.sldy.gyfs"
304 />
217 <div class="slxx_title title-block"> 305 <div class="slxx_title title-block">
218 义务人信息 306 义务人信息
219 <div class="triangle"></div> 307 <div class="triangle"></div>
220 </div> 308 </div>
221 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 309 <qlrCommonTable
310 :tableData="ruleForm.ywrList"
311 @upDateQlrxxList="upDateYwrxxList"
312 :disabled="viewEdit"
313 />
222 <div class="slxx_title title-block"> 314 <div class="slxx_title title-block">
223 家庭成员 315 家庭成员
224 <div class="triangle"></div> 316 <div class="triangle"></div>
225 </div> 317 </div>
226 <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!viewEdit" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" /> 318 <JtcyTable
319 :tableData="ruleForm.jtcyList"
320 :disabled="!viewEdit"
321 @upDateJtcyList="upDateJtcyList"
322 :gyfs="ruleForm.slywxx.gyfs"
323 />
227 <div class="slxx_title title-block"> 324 <div class="slxx_title title-block">
228 登记原因 325 登记原因
229 <div class="triangle"></div> 326 <div class="triangle"></div>
...@@ -231,8 +328,14 @@ ...@@ -231,8 +328,14 @@
231 <el-row :gutter="10"> 328 <el-row :gutter="10">
232 <el-col> 329 <el-col>
233 <el-form-item label="登记原因：" prop="djyy"> 330 <el-form-item label="登记原因：" prop="djyy">
234 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 331 <el-input
235 v-model="ruleForm.nydsyq.djyy"> 332 class="textArea"
333 type="textarea"
334 maxlength="500"
335 show-word-limit
336 :disabled="!viewEdit"
337 v-model="ruleForm.nydsyq.djyy"
338 >
236 </el-input> 339 </el-input>
237 </el-form-item> 340 </el-form-item>
238 </el-col> 341 </el-col>
...@@ -247,15 +350,15 @@ ...@@ -247,15 +350,15 @@
247 </div> 350 </div>
248 </template> 351 </template>
249 <script> 352 <script>
250 import { mapGetters } from "vuex" 353 import { mapGetters } from "vuex";
251 import ywmix from "@/views/ywbl/mixin/index" 354 import ywmix from "@/views/ywbl/mixin/index";
252 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 355 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
253 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 356 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
254 import JtcyTable from "@/views/workflow/components/JtcyTable" 357 import JtcyTable from "@/views/workflow/components/JtcyTable";
255 export default { 358 export default {
256 mixins: [ywmix], 359 mixins: [ywmix],
257 mounted () { 360 mounted() {
258 this.viewEdit = this.$parent.currentSelectTab.ableOperation 361 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
259 this.propsParam = this.$attrs; 362 this.propsParam = this.$attrs;
260 var formdata = new FormData(); 363 var formdata = new FormData();
261 this.$startLoading(); 364 this.$startLoading();
...@@ -266,38 +369,37 @@ ...@@ -266,38 +369,37 @@
266 this.ruleForm = res.result; 369 this.ruleForm = res.result;
267 this.czrOptions = this.ruleForm.qlrList; 370 this.czrOptions = this.ruleForm.qlrList;
268 this.ruleForm.qlrList.forEach((item) => { 371 this.ruleForm.qlrList.forEach((item) => {
269 if(item.sfczr==1){ 372 if (item.sfczr == 1) {
270 this.czr=item.sqrmc 373 this.czr = item.sqrmc;
271 } 374 }
272 }) 375 });
273 this.$endLoading(); 376 this.$endLoading();
274 377 });
275 })
276 }, 378 },
277 components: { qlrCommonTable, JtcyTable }, 379 components: { qlrCommonTable, JtcyTable },
278 computed: { 380 computed: {
279 ...mapGetters(["dictData", "flag"]) 381 ...mapGetters(["dictData", "flag"]),
280 }, 382 },
281 data () { 383 data() {
282 return { 384 return {
283 //表单是否可操作 385 //表单是否可操作
284 viewEdit: true, 386 viewEdit: true,
285 disabled: true, 387 disabled: true,
286 czrOptions: [], 388 czrOptions: [],
287 czr:"", 389 czr: "",
288 ruleForm: {}, 390 ruleForm: {},
289 //传递参数 391 //传递参数
290 propsParam: {}, 392 propsParam: {},
291 rules: {} 393 rules: {},
292 } 394 };
293 }, 395 },
294 methods: { 396 methods: {
295 /** 397 /**
296 * @description: onSubmit 398 * @description: onSubmit
297 * @author: renchao 399 * @author: renchao
298 */ 400 */
299 onSubmit () { 401 onSubmit() {
300 let that = this 402 let that = this;
301 if (this.ruleForm.qlrList.length == 0) { 403 if (this.ruleForm.qlrList.length == 0) {
302 this.$message({ 404 this.$message({
303 showClose: true, 405 showClose: true,
...@@ -321,7 +423,8 @@ ...@@ -321,7 +423,8 @@
321 if (this.ruleForm.qlrList.length <= 1) { 423 if (this.ruleForm.qlrList.length <= 1) {
322 this.$message({ 424 this.$message({
323 showClose: true, 425 showClose: true,
324 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 426 message:
427 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
325 type: "error", 428 type: "error",
326 }); 429 });
327 return false; 430 return false;
...@@ -358,7 +461,7 @@ ...@@ -358,7 +461,7 @@
358 message: "保存成功！", 461 message: "保存成功！",
359 type: "success", 462 type: "success",
360 }); 463 });
361 this.$store.dispatch('user/refreshPage', true); 464 this.$store.dispatch("user/refreshPage", true);
362 } else { 465 } else {
363 this.$message({ 466 this.$message({
364 showClose: true, 467 showClose: true,
...@@ -373,16 +476,25 @@ ...@@ -373,16 +476,25 @@
373 * @param {*} val 476 * @param {*} val
374 * @author: renchao 477 * @author: renchao
375 */ 478 */
376 upDateQlrxxList (val) { 479 upDateQlrxxList(val) {
377 this.ruleForm.qlrList = _.cloneDeep(val) 480 this.ruleForm.qlrList = _.cloneDeep(val);
378 this.czrOptions = this.ruleForm.qlrList; 481 this.czrOptions = this.ruleForm.qlrList;
379 }, 482 },
483 // 是否持证人变化
484 /**
485 * @description: 是否持证人变化
486 * @param {*} val
487 * @author: renchao
488 */
489 updaterow() {
490 this.czr = "";
491 },
380 /** 492 /**
381 * @description: 更新义务人信息 493 * @description: 更新义务人信息
382 * @param {*} val 494 * @param {*} val
383 * @author: renchao 495 * @author: renchao
384 */ 496 */
385 upDateYwrxxList (val) { 497 upDateYwrxxList(val) {
386 this.ruleForm.ywrList = _.cloneDeep(val); 498 this.ruleForm.ywrList = _.cloneDeep(val);
387 }, 499 },
388 //家庭成员更新 500 //家庭成员更新
...@@ -391,8 +503,8 @@ ...@@ -391,8 +503,8 @@
391 * @param {*} val 503 * @param {*} val
392 * @author: renchao 504 * @author: renchao
393 */ 505 */
394 upDateJtcyList (val) { 506 upDateJtcyList(val) {
395 this.ruleForm.jtcyList = _.cloneDeep(val) 507 this.ruleForm.jtcyList = _.cloneDeep(val);
396 }, 508 },
397 //水域滩涂类型变化事件 509 //水域滩涂类型变化事件
398 /** 510 /**
...@@ -400,11 +512,11 @@ ...@@ -400,11 +512,11 @@
400 * @param {*} e 512 * @param {*} e
401 * @author: renchao 513 * @author: renchao
402 */ 514 */
403 changeSyttlx (e) { 515 changeSyttlx(e) {
404 let itemLx = {} 516 let itemLx = {};
405 itemLx = this.dictData['A23'].find((item) => { 517 itemLx = this.dictData["A23"].find((item) => {
406 return item.dcode == e 518 return item.dcode == e;
407 }) 519 });
408 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 520 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
409 }, 521 },
410 //养殖业方式变化事件 522 //养殖业方式变化事件
...@@ -413,11 +525,11 @@ ...@@ -413,11 +525,11 @@
413 * @param {*} e 525 * @param {*} e
414 * @author: renchao 526 * @author: renchao
415 */ 527 */
416 changeYzyfs (e) { 528 changeYzyfs(e) {
417 let itemLx = {} 529 let itemLx = {};
418 itemLx = this.dictData['A24'].find((item) => { 530 itemLx = this.dictData["A24"].find((item) => {
419 return item.dcode == e 531 return item.dcode == e;
420 }) 532 });
421 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 533 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
422 }, 534 },
423 //用地用海变化事件 535 //用地用海变化事件
...@@ -426,17 +538,17 @@ ...@@ -426,17 +538,17 @@
426 * @param {*} e 538 * @param {*} e
427 * @author: renchao 539 * @author: renchao
428 */ 540 */
429 changeYdyhfl (e) { 541 changeYdyhfl(e) {
430 let itemLx = {} 542 let itemLx = {};
431 itemLx = this.dictData['A51'].find((item) => { 543 itemLx = this.dictData["A51"].find((item) => {
432 return item.dcode == e 544 return item.dcode == e;
433 }) 545 });
434 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 546 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
435 }, 547 },
436 }, 548 },
437 }; 549 };
438 </script> 550 </script>
439 <style scoped lang='scss'> 551 <style scoped lang="scss">
440 @import "~@/styles/public.scss"; 552 @import "~@/styles/public.scss";
441 @import "~@/styles/slxx/slxx.scss"; 553 @import "~@/styles/slxx/slxx.scss";
442 </style> 554 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +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="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,14 +285,14 @@ ...@@ -265,14 +285,14 @@
265 </div> 285 </div>
266 </template> 286 </template>
267 <script> 287 <script>
268 import ywmix from "@/views/ywbl/mixin/index"; 288 import ywmix from "@/views/ywbl/mixin/index";
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 290 import tdytTable from "@/views/workflow/components/tdytTable";
271 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 291 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
272 import { mapGetters } from "vuex"; 292 import { mapGetters } from "vuex";
273 export default { 293 export default {
274 mixins: [ywmix], 294 mixins: [ywmix],
275 mounted () { 295 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 296 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 297 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 298 var formdata = new FormData();
...@@ -286,10 +306,10 @@ ...@@ -286,10 +306,10 @@
286 ...res.result.qlxxdatas, 306 ...res.result.qlxxdatas,
287 }; 307 };
288 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
289 if(item.sfczr==1){ 309 if (item.sfczr == 1) {
290 this.czr=item.sqrmc 310 this.czr = item.sqrmc;
291 } 311 }
292 }) 312 });
293 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
294 this.ruleForm.slsq.fzfs == null 314 this.ruleForm.slsq.fzfs == null
295 ? (this.ruleForm.slsq.fzfs = "1") 315 ? (this.ruleForm.slsq.fzfs = "1")
...@@ -302,12 +322,12 @@ ...@@ -302,12 +322,12 @@
302 computed: { 322 computed: {
303 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
304 }, 324 },
305 data () { 325 data() {
306 return { 326 return {
307 disabled: true, 327 disabled: true,
308 tdytOption: [], 328 tdytOption: [],
309 czrOptions: [], 329 czrOptions: [],
310 czr:"", 330 czr: "",
311 ruleForm: { 331 ruleForm: {
312 flow: { 332 flow: {
313 ywh: "", 333 ywh: "",
...@@ -340,7 +360,7 @@ ...@@ -340,7 +360,7 @@
340 * @param {*} val 360 * @param {*} val
341 * @author: renchao 361 * @author: renchao
342 */ 362 */
343 upDateTdytxxList (val) { 363 upDateTdytxxList(val) {
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
345 }, 365 },
346 /** 366 /**
...@@ -348,25 +368,34 @@ ...@@ -348,25 +368,34 @@
348 * @param {*} val 368 * @param {*} val
349 * @author: renchao 369 * @author: renchao
350 */ 370 */
351 upDateQlrxxList (val) { 371 upDateQlrxxList(val) {
352 this.ruleForm.qlrList = _.cloneDeep(val); 372 this.ruleForm.qlrList = _.cloneDeep(val);
353 this.czrOptions = this.ruleForm.qlrList; 373 this.czrOptions = this.ruleForm.qlrList;
354 this.key++; 374 this.key++;
355 }, 375 },
376 // 是否持证人变化
377 /**
378 * @description: 是否持证人变化
379 * @param {*} val
380 * @author: renchao
381 */
382 updaterow() {
383 this.czr = "";
384 },
356 /** 385 /**
357 * @description: 更新业务人信息 386 * @description: 更新业务人信息
358 * @param {*} val 387 * @param {*} val
359 * @author: renchao 388 * @author: renchao
360 */ 389 */
361 upDateYwrxxList (val) { 390 upDateYwrxxList(val) {
362 this.ruleForm.ywrList = _.cloneDeep(val); 391 this.ruleForm.ywrList = _.cloneDeep(val);
363 }, 392 },
364 /** 393 /**
365 * @description: onSubmit 394 * @description: onSubmit
366 * @author: renchao 395 * @author: renchao
367 */ 396 */
368 onSubmit () { 397 onSubmit() {
369 let that = this 398 let that = this;
370 if (this.ruleForm.qlrList.length == 0) { 399 if (this.ruleForm.qlrList.length == 0) {
371 this.$message({ 400 this.$message({
372 showClose: true, 401 showClose: true,
...@@ -390,7 +419,8 @@ ...@@ -390,7 +419,8 @@
390 if (this.ruleForm.qlrList.length <= 1) { 419 if (this.ruleForm.qlrList.length <= 1) {
391 this.$message({ 420 this.$message({
392 showClose: true, 421 showClose: true,
393 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 422 message:
423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
394 type: "error", 424 type: "error",
395 }); 425 });
396 return false; 426 return false;
...@@ -437,55 +467,55 @@ ...@@ -437,55 +467,55 @@
437 }); 467 });
438 }, 468 },
439 }, 469 },
440 }; 470 };
441 </script> 471 </script>
442 <style scoped lang="scss"> 472 <style scoped lang="scss">
443 @import "~@/styles/public.scss"; 473 @import "~@/styles/public.scss";
444 474
445 /deep/.el-form { 475 /deep/.el-form {
446 display: flex; 476 display: flex;
447 flex-direction: column; 477 flex-direction: column;
448 height: calc(100vh - 130px); 478 height: calc(100vh - 130px);
449 } 479 }
450 480
451 /deep/.el-form-item__label { 481 /deep/.el-form-item__label {
452 padding: 0; 482 padding: 0;
453 } 483 }
454 484
455 /deep/.el-radio { 485 /deep/.el-radio {
456 margin-right: 10px; 486 margin-right: 10px;
457 } 487 }
458 488
459 /deep/.el-select { 489 /deep/.el-select {
460 width: 100%; 490 width: 100%;
461 } 491 }
462 492
463 /deep/.el-form-item { 493 /deep/.el-form-item {
464 margin-bottom: 8px; 494 margin-bottom: 8px;
465 } 495 }
466 496
467 .marginBot0 { 497 .marginBot0 {
468 margin-bottom: 0 !important; 498 margin-bottom: 0 !important;
469 } 499 }
470 500
471 .slxx { 501 .slxx {
472 box-sizing: border-box; 502 box-sizing: border-box;
473 } 503 }
474 504
475 .slxx_con { 505 .slxx_con {
476 flex: 1; 506 flex: 1;
477 height: 100%; 507 height: 100%;
478 background-color: #ffffff; 508 background-color: #ffffff;
479 overflow-y: auto; 509 overflow-y: auto;
480 padding-right: 3px; 510 padding-right: 3px;
481 overflow-x: hidden; 511 overflow-x: hidden;
482 } 512 }
483 513
484 .submit_btn { 514 .submit_btn {
485 height: 50px; 515 height: 50px;
486 } 516 }
487 517
488 .slxx_title { 518 .slxx_title {
489 border-bottom: 1px solid $borderColor; 519 border-bottom: 1px solid $borderColor;
490 padding-left: 10px; 520 padding-left: 10px;
491 padding-bottom: 5px; 521 padding-bottom: 5px;
...@@ -494,23 +524,23 @@ ...@@ -494,23 +524,23 @@
494 font-size: 16px; 524 font-size: 16px;
495 font-weight: 500; 525 font-weight: 500;
496 color: #4a4a4a; 526 color: #4a4a4a;
497 } 527 }
498 528
499 .btn { 529 .btn {
500 text-align: center; 530 text-align: center;
501 padding-top: 10px; 531 padding-top: 10px;
502 height: 36px; 532 height: 36px;
503 background-color: #ffffff; 533 background-color: #ffffff;
504 padding: 5px 0; 534 padding: 5px 0;
505 } 535 }
506 536
507 .textArea { 537 .textArea {
508 /deep/.el-textarea__inner { 538 /deep/.el-textarea__inner {
509 min-height: 90px !important; 539 min-height: 90px !important;
510 } 540 }
511 } 541 }
512 542
513 /deep/.el-form-item__label { 543 /deep/.el-form-item__label {
514 padding-bottom: 0px; 544 padding-bottom: 0px;
515 } 545 }
516 </style> 546 </style>
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -93,16 +94,19 @@ ...@@ -93,16 +94,19 @@
93 <el-input 94 <el-input
94 v-model="ruleForm.tdsyq.nydmj" 95 v-model="ruleForm.tdsyq.nydmj"
95 :disabled="!viewEdit" 96 :disabled="!viewEdit"
96 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 97 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
98 ></el-input>
97 <el-select 99 <el-select
98 v-model="mjdw" 100 v-model="mjdw"
99 :disabled="!viewEdit" 101 :disabled="!viewEdit"
100 style="width: 68px"> 102 style="width: 68px"
103 >
101 <el-option 104 <el-option
102 v-for="item in dictData['A7']" 105 v-for="item in dictData['A7']"
103 :key="item.dcode" 106 :key="item.dcode"
104 :label="item.dname" 107 :label="item.dname"
105 :value="item.dcode"> 108 :value="item.dcode"
109 >
106 </el-option> 110 </el-option>
107 </el-select> 111 </el-select>
108 </div> 112 </div>
...@@ -114,16 +118,19 @@ ...@@ -114,16 +118,19 @@
114 <el-input 118 <el-input
115 v-model="ruleForm.tdsyq.gdmj" 119 v-model="ruleForm.tdsyq.gdmj"
116 :disabled="!viewEdit" 120 :disabled="!viewEdit"
117 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 121 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
122 ></el-input>
118 <el-select 123 <el-select
119 v-model="mjdw" 124 v-model="mjdw"
120 :disabled="!viewEdit" 125 :disabled="!viewEdit"
121 style="width: 68px"> 126 style="width: 68px"
127 >
122 <el-option 128 <el-option
123 v-for="item in dictData['A7']" 129 v-for="item in dictData['A7']"
124 :key="item.dcode" 130 :key="item.dcode"
125 :label="item.dname" 131 :label="item.dname"
126 :value="item.dcode"> 132 :value="item.dcode"
133 >
127 </el-option> 134 </el-option>
128 </el-select> 135 </el-select>
129 </div> 136 </div>
...@@ -135,16 +142,19 @@ ...@@ -135,16 +142,19 @@
135 <el-input 142 <el-input
136 v-model="ruleForm.tdsyq.ldmj" 143 v-model="ruleForm.tdsyq.ldmj"
137 :disabled="!viewEdit" 144 :disabled="!viewEdit"
138 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
146 ></el-input>
139 <el-select 147 <el-select
140 v-model="mjdw" 148 v-model="mjdw"
141 :disabled="!viewEdit" 149 :disabled="!viewEdit"
142 style="width: 68px"> 150 style="width: 68px"
151 >
143 <el-option 152 <el-option
144 v-for="item in dictData['A7']" 153 v-for="item in dictData['A7']"
145 :key="item.dcode" 154 :key="item.dcode"
146 :label="item.dname" 155 :label="item.dname"
147 :value="item.dcode"> 156 :value="item.dcode"
157 >
148 </el-option> 158 </el-option>
149 </el-select> 159 </el-select>
150 </div> 160 </div>
...@@ -158,16 +168,19 @@ ...@@ -158,16 +168,19 @@
158 <el-input 168 <el-input
159 v-model="ruleForm.tdsyq.cdmj" 169 v-model="ruleForm.tdsyq.cdmj"
160 :disabled="!viewEdit" 170 :disabled="!viewEdit"
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 171 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
172 ></el-input>
162 <el-select 173 <el-select
163 v-model="mjdw" 174 v-model="mjdw"
164 :disabled="!viewEdit" 175 :disabled="!viewEdit"
165 style="width: 68px"> 176 style="width: 68px"
177 >
166 <el-option 178 <el-option
167 v-for="item in dictData['A7']" 179 v-for="item in dictData['A7']"
168 :key="item.dcode" 180 :key="item.dcode"
169 :label="item.dname" 181 :label="item.dname"
170 :value="item.dcode"> 182 :value="item.dcode"
183 >
171 </el-option> 184 </el-option>
172 </el-select> 185 </el-select>
173 </div> 186 </div>
...@@ -179,16 +192,19 @@ ...@@ -179,16 +192,19 @@
179 <el-input 192 <el-input
180 v-model="ruleForm.tdsyq.qtnydmj" 193 v-model="ruleForm.tdsyq.qtnydmj"
181 :disabled="!viewEdit" 194 :disabled="!viewEdit"
182 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 195 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
196 ></el-input>
183 <el-select 197 <el-select
184 v-model="mjdw" 198 v-model="mjdw"
185 :disabled="!viewEdit" 199 :disabled="!viewEdit"
186 style="width: 68px"> 200 style="width: 68px"
201 >
187 <el-option 202 <el-option
188 v-for="item in dictData['A7']" 203 v-for="item in dictData['A7']"
189 :key="item.dcode" 204 :key="item.dcode"
190 :label="item.dname" 205 :label="item.dname"
191 :value="item.dcode"> 206 :value="item.dcode"
207 >
192 </el-option> 208 </el-option>
193 </el-select> 209 </el-select>
194 </div> 210 </div>
...@@ -200,16 +216,19 @@ ...@@ -200,16 +216,19 @@
200 <el-input 216 <el-input
201 v-model="ruleForm.tdsyq.jsydmj" 217 v-model="ruleForm.tdsyq.jsydmj"
202 :disabled="!viewEdit" 218 :disabled="!viewEdit"
203 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 219 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
220 ></el-input>
204 <el-select 221 <el-select
205 v-model="mjdw" 222 v-model="mjdw"
206 :disabled="!viewEdit" 223 :disabled="!viewEdit"
207 style="width: 68px"> 224 style="width: 68px"
225 >
208 <el-option 226 <el-option
209 v-for="item in dictData['A7']" 227 v-for="item in dictData['A7']"
210 :key="item.dcode" 228 :key="item.dcode"
211 :label="item.dname" 229 :label="item.dname"
212 :value="item.dcode"> 230 :value="item.dcode"
231 >
213 </el-option> 232 </el-option>
214 </el-select> 233 </el-select>
215 </div> 234 </div>
...@@ -223,16 +242,19 @@ ...@@ -223,16 +242,19 @@
223 <el-input 242 <el-input
224 v-model="ruleForm.tdsyq.wlydmj" 243 v-model="ruleForm.tdsyq.wlydmj"
225 :disabled="!viewEdit" 244 :disabled="!viewEdit"
226 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 245 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
246 ></el-input>
227 <el-select 247 <el-select
228 v-model="mjdw" 248 v-model="mjdw"
229 :disabled="!viewEdit" 249 :disabled="!viewEdit"
230 style="width: 68px"> 250 style="width: 68px"
251 >
231 <el-option 252 <el-option
232 v-for="item in dictData['A7']" 253 v-for="item in dictData['A7']"
233 :key="item.dcode" 254 :key="item.dcode"
234 :label="item.dname" 255 :label="item.dname"
235 :value="item.dcode"> 256 :value="item.dcode"
257 >
236 </el-option> 258 </el-option>
237 </el-select> 259 </el-select>
238 </div> 260 </div>
...@@ -246,7 +268,8 @@ ...@@ -246,7 +268,8 @@
246 <tdytTable 268 <tdytTable
247 :tableData="ruleForm.tdytqxList" 269 :tableData="ruleForm.tdytqxList"
248 :ableOperation="viewEdit" 270 :ableOperation="viewEdit"
249 @upDateTdytxxList="upDateTdytxxList" /> 271 @upDateTdytxxList="upDateTdytxxList"
272 />
250 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
251 权利人信息 274 权利人信息
252 <div class="triangle"></div> 275 <div class="triangle"></div>
...@@ -256,7 +279,8 @@ ...@@ -256,7 +279,8 @@
256 <el-form-item label="共有方式："> 279 <el-form-item label="共有方式：">
257 <el-radio-group 280 <el-radio-group
258 :disabled="!viewEdit" 281 :disabled="!viewEdit"
259 v-model="ruleForm.sldy.gyfs"> 282 v-model="ruleForm.sldy.gyfs"
283 >
260 <el-radio label="0">单独所有</el-radio> 284 <el-radio label="0">单独所有</el-radio>
261 <el-radio label="1">共同共有</el-radio> 285 <el-radio label="1">共同共有</el-radio>
262 <el-radio label="2">按份所有</el-radio> 286 <el-radio label="2">按份所有</el-radio>
...@@ -268,7 +292,9 @@ ...@@ -268,7 +292,9 @@
268 <el-form-item label="是否分别持证："> 292 <el-form-item label="是否分别持证：">
269 <el-radio-group 293 <el-radio-group
270 v-model="ruleForm.sldy.sqfbcz" 294 v-model="ruleForm.sldy.sqfbcz"
271 :disabled="!viewEdit"> 295 :disabled="!viewEdit"
296 @input="updaterow()"
297 >
272 <el-radio :label="1">是</el-radio> 298 <el-radio :label="1">是</el-radio>
273 <el-radio :label="0">否</el-radio> 299 <el-radio :label="0">否</el-radio>
274 </el-radio-group> 300 </el-radio-group>
...@@ -276,17 +302,20 @@ ...@@ -276,17 +302,20 @@
276 </el-col> 302 </el-col>
277 <el-col 303 <el-col
278 :span="6" 304 :span="6"
279 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 305 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
306 >
280 <el-form-item label="持证人："> 307 <el-form-item label="持证人：">
281 <el-select 308 <el-select
282 v-model="czr" 309 v-model="czr"
283 placeholder="持证人" 310 placeholder="持证人"
284 :disabled="!viewEdit"> 311 :disabled="!viewEdit"
312 >
285 <el-option 313 <el-option
286 v-for="item in czrOptions" 314 v-for="item in czrOptions"
287 :key="item.zjh" 315 :key="item.zjh"
288 :label="item.sqrmc" 316 :label="item.sqrmc"
289 :value="item.zjh"> 317 :value="item.zjh"
318 >
290 </el-option> 319 </el-option>
291 </el-select> 320 </el-select>
292 </el-form-item> 321 </el-form-item>
...@@ -297,7 +326,8 @@ ...@@ -297,7 +326,8 @@
297 :disabled="viewEdit" 326 :disabled="viewEdit"
298 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
299 :key="key" 328 :key="key"
300 :gyfs="ruleForm.sldy.gyfs" /> 329 :gyfs="ruleForm.sldy.gyfs"
330 />
301 331
302 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 332 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
303 <div class="slxx_title title-block"> 333 <div class="slxx_title title-block">
...@@ -309,7 +339,8 @@ ...@@ -309,7 +339,8 @@
309 :disabled="viewEdit" 339 :disabled="viewEdit"
310 :tableData="ruleForm.ywrList" 340 :tableData="ruleForm.ywrList"
311 :key="key" 341 :key="key"
312 @upDateQlrxxList="upDateYwrxxList" /> 342 @upDateQlrxxList="upDateYwrxxList"
343 />
313 </div> 344 </div>
314 345
315 <div class="slxx_title title-block"> 346 <div class="slxx_title title-block">
...@@ -321,10 +352,12 @@ ...@@ -321,10 +352,12 @@
321 <el-form-item label="登记原因：" prop="djyy"> 352 <el-form-item label="登记原因：" prop="djyy">
322 <el-input 353 <el-input
323 class="textArea" 354 class="textArea"
324 maxlength="500" show-word-limit 355 maxlength="500"
356 show-word-limit
325 type="textarea" 357 type="textarea"
326 :disabled="!viewEdit" 358 :disabled="!viewEdit"
327 v-model="ruleForm.tdsyq.djyy"> 359 v-model="ruleForm.tdsyq.djyy"
360 >
328 </el-input> 361 </el-input>
329 </el-form-item> 362 </el-form-item>
330 </el-col> 363 </el-col>
...@@ -339,15 +372,15 @@ ...@@ -339,15 +372,15 @@
339 </div> 372 </div>
340 </template> 373 </template>
341 <script> 374 <script>
342 import { mapGetters } from "vuex"; 375 import { mapGetters } from "vuex";
343 import ywmix from "@/views/ywbl/mixin/index" 376 import ywmix from "@/views/ywbl/mixin/index";
344 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; 377 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
345 import tdytTable from "@/views/workflow/components/tdytTable"; 378 import tdytTable from "@/views/workflow/components/tdytTable";
346 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 379 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
347 export default { 380 export default {
348 mixins: [ywmix], 381 mixins: [ywmix],
349 components: { qlrCommonTable, tdytTable }, 382 components: { qlrCommonTable, tdytTable },
350 mounted () { 383 mounted() {
351 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 384 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
352 this.propsParam = this.$attrs; 385 this.propsParam = this.$attrs;
353 var formdata = new FormData(); 386 var formdata = new FormData();
...@@ -364,10 +397,10 @@ ...@@ -364,10 +397,10 @@
364 that.isShow = true; 397 that.isShow = true;
365 this.czrOptions = this.ruleForm.qlrList; 398 this.czrOptions = this.ruleForm.qlrList;
366 this.ruleForm.qlrList.forEach((item) => { 399 this.ruleForm.qlrList.forEach((item) => {
367 if(item.sfczr==1){ 400 if (item.sfczr == 1) {
368 this.czr=item.sqrmc 401 this.czr = item.sqrmc;
369 } 402 }
370 }) 403 });
371 }); 404 });
372 }); 405 });
373 }, 406 },
...@@ -375,7 +408,7 @@ ...@@ -375,7 +408,7 @@
375 computed: { 408 computed: {
376 ...mapGetters(["dictData", "flag"]), 409 ...mapGetters(["dictData", "flag"]),
377 }, 410 },
378 data () { 411 data() {
379 return { 412 return {
380 mjdw: "1", 413 mjdw: "1",
381 value2: { 414 value2: {
...@@ -394,7 +427,7 @@ ...@@ -394,7 +427,7 @@
394 isShow: false, 427 isShow: false,
395 disabled: true, 428 disabled: true,
396 czrOptions: [], 429 czrOptions: [],
397 czr:"", 430 czr: "",
398 ruleForm: {}, 431 ruleForm: {},
399 //传递参数 432 //传递参数
400 propsParam: {}, 433 propsParam: {},
...@@ -407,7 +440,7 @@ ...@@ -407,7 +440,7 @@
407 * @param {*} val 440 * @param {*} val
408 * @author: renchao 441 * @author: renchao
409 */ 442 */
410 upDateTdytxxList (val) { 443 upDateTdytxxList(val) {
411 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 444 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
412 this.key++; 445 this.key++;
413 }, 446 },
...@@ -416,7 +449,7 @@ ...@@ -416,7 +449,7 @@
416 * @param {*} val 449 * @param {*} val
417 * @author: renchao 450 * @author: renchao
418 */ 451 */
419 upDateQlrxxList (val) { 452 upDateQlrxxList(val) {
420 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 453 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
421 this.czrOptions = this.ruleForm.qlrList; 454 this.czrOptions = this.ruleForm.qlrList;
422 this.key++; 455 this.key++;
...@@ -427,17 +460,26 @@ ...@@ -427,17 +460,26 @@
427 * @param {*} val 460 * @param {*} val
428 * @author: renchao 461 * @author: renchao
429 */ 462 */
430 upDateYwrxxList (val) { 463 upDateYwrxxList(val) {
431 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 464 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
432 this.key++; 465 this.key++;
433 }, 466 },
467 // 是否持证人变化
468 /**
469 * @description: 是否持证人变化
470 * @param {*} val
471 * @author: renchao
472 */
473 updaterow() {
474 this.czr = "";
475 },
434 /** 476 /**
435 * @description: onSubmit 477 * @description: onSubmit
436 * @author: renchao 478 * @author: renchao
437 */ 479 */
438 onSubmit () { 480 onSubmit() {
439 let that = this 481 let that = this;
440 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 482 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
441 if (arr.length > 0) { 483 if (arr.length > 0) {
442 this.$message({ 484 this.$message({
443 showClose: true, 485 showClose: true,
...@@ -469,7 +511,8 @@ ...@@ -469,7 +511,8 @@
469 if (this.ruleForm.qlrList.length <= 1) { 511 if (this.ruleForm.qlrList.length <= 1) {
470 this.$message({ 512 this.$message({
471 showClose: true, 513 showClose: true,
472 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 514 message:
515 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
473 type: "error", 516 type: "error",
474 }); 517 });
475 return false; 518 return false;
...@@ -520,9 +563,9 @@ ...@@ -520,9 +563,9 @@
520 }); 563 });
521 }, 564 },
522 }, 565 },
523 }; 566 };
524 </script> 567 </script>
525 <style scoped lang="scss"> 568 <style scoped lang="scss">
526 @import "~@/styles/public.scss"; 569 @import "~@/styles/public.scss";
527 @import "~@/styles/slxx/slxx.scss"; 570 @import "~@/styles/slxx/slxx.scss";
528 </style> 571 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -81,7 +88,8 @@ ...@@ -81,7 +88,8 @@
81 v-for="item in dictData['A19']" 88 v-for="item in dictData['A19']"
82 :key="item.dcode" 89 :key="item.dcode"
83 :label="item.dname" 90 :label="item.dname"
84 :value="item.dcode"> 91 :value="item.dcode"
92 >
85 </el-option> 93 </el-option>
86 </el-select> 94 </el-select>
87 </el-form-item> 95 </el-form-item>
...@@ -95,7 +103,8 @@ ...@@ -95,7 +103,8 @@
95 v-for="item in dictData['A17']" 103 v-for="item in dictData['A17']"
96 :key="item.dcode" 104 :key="item.dcode"
97 :label="item.dname" 105 :label="item.dname"
98 :value="item.dcode"> 106 :value="item.dcode"
107 >
99 </el-option> 108 </el-option>
100 </el-select> 109 </el-select>
101 </el-form-item> 110 </el-form-item>
...@@ -107,7 +116,10 @@ ...@@ -107,7 +116,10 @@
107 </el-col> 116 </el-col>
108 <el-col :span="8"> 117 <el-col :span="8">
109 <el-form-item label="总层数："> 118 <el-form-item label="总层数：">
110 <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 119 <el-input
120 v-model.number="ruleForm.ygdj.zcs"
121 oninput="value=value.replace(/[^0-9]/g,'')"
122 ></el-input>
111 </el-form-item> 123 </el-form-item>
112 </el-col> 124 </el-col>
113 </el-row> 125 </el-row>
...@@ -119,7 +131,8 @@ ...@@ -119,7 +131,8 @@
119 v-for="item in dictData['A46']" 131 v-for="item in dictData['A46']"
120 :key="item.dcode" 132 :key="item.dcode"
121 :label="item.dname" 133 :label="item.dname"
122 :value="item.dcode"> 134 :value="item.dcode"
135 >
123 </el-option> 136 </el-option>
124 </el-select> 137 </el-select>
125 </el-form-item> 138 </el-form-item>
...@@ -128,17 +141,18 @@ ...@@ -128,17 +141,18 @@
128 <el-col :span="8"> 141 <el-col :span="8">
129 <el-form-item label="建筑面积："> 142 <el-form-item label="建筑面积：">
130 <div class="flex"> 143 <div class="flex">
131 <el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit" 144 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 v-model="ruleForm.ygdj.jzmj"
133 <el-select 146 :disabled="!viewEdit"
134 disabled 147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 148 ></el-input>
136 style="width: 68px"> 149 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 150 <el-option
138 v-for="item in dictData['A7']" 151 v-for="item in dictData['A7']"
139 :key="item.dcode" 152 :key="item.dcode"
140 :label="item.dname" 153 :label="item.dname"
141 :value="item.dcode"> 154 :value="item.dcode"
155 >
142 </el-option> 156 </el-option>
143 </el-select> 157 </el-select>
144 </div> 158 </div>
...@@ -151,12 +165,14 @@ ...@@ -151,12 +165,14 @@
151 <el-select 165 <el-select
152 v-model="ruleForm.ygdj.jedw" 166 v-model="ruleForm.ygdj.jedw"
153 :disabled="!viewEdit" 167 :disabled="!viewEdit"
154 style="width: 68px"> 168 style="width: 68px"
169 >
155 <el-option 170 <el-option
156 v-for="item in dictData['A57']" 171 v-for="item in dictData['A57']"
157 :key="item.dcode" 172 :key="item.dcode"
158 :label="item.dname" 173 :label="item.dname"
159 :value="item.dcode"> 174 :value="item.dcode"
175 >
160 </el-option> 176 </el-option>
161 </el-select> 177 </el-select>
162 </div> 178 </div>
...@@ -166,7 +182,12 @@ ...@@ -166,7 +182,12 @@
166 <el-row :gutter="10"> 182 <el-row :gutter="10">
167 <el-col :span="24"> 183 <el-col :span="24">
168 <el-form-item label="附记："> 184 <el-form-item label="附记：">
169 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input> 185 <el-input
186 v-model="ruleForm.ygdj.fj"
187 type="textarea"
188 maxlength="500"
189 show-word-limit
190 ></el-input>
170 </el-form-item> 191 </el-form-item>
171 </el-col> 192 </el-col>
172 </el-row> 193 </el-row>
...@@ -177,7 +198,10 @@ ...@@ -177,7 +198,10 @@
177 <el-row :gutter="10"> 198 <el-row :gutter="10">
178 <el-col :span="12" v-if="ruleForm.qlxx"> 199 <el-col :span="12" v-if="ruleForm.qlxx">
179 <el-form-item label="共有方式："> 200 <el-form-item label="共有方式：">
180 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 201 <el-radio-group
202 :disabled="!viewEdit"
203 v-model="ruleForm.sldy.gyfs"
204 >
181 <el-radio label="0">单独所有</el-radio> 205 <el-radio label="0">单独所有</el-radio>
182 <el-radio label="1">共同共有</el-radio> 206 <el-radio label="1">共同共有</el-radio>
183 <el-radio label="2">按份所有</el-radio> 207 <el-radio label="2">按份所有</el-radio>
...@@ -189,7 +213,9 @@ ...@@ -189,7 +213,9 @@
189 <el-form-item label="是否分别持证："> 213 <el-form-item label="是否分别持证：">
190 <el-radio-group 214 <el-radio-group
191 v-model="ruleForm.sldy.sqfbcz" 215 v-model="ruleForm.sldy.sqfbcz"
192 :disabled="!viewEdit"> 216 :disabled="!viewEdit"
217 @input="updaterow()"
218 >
193 <el-radio :label="1">是</el-radio> 219 <el-radio :label="1">是</el-radio>
194 <el-radio :label="0">否</el-radio> 220 <el-radio :label="0">否</el-radio>
195 </el-radio-group> 221 </el-radio-group>
...@@ -197,30 +223,41 @@ ...@@ -197,30 +223,41 @@
197 </el-col> 223 </el-col>
198 <el-col 224 <el-col
199 :span="6" 225 :span="6"
200 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 226 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
227 >
201 <el-form-item label="持证人："> 228 <el-form-item label="持证人：">
202 <el-select 229 <el-select
203 v-model="czr" 230 v-model="czr"
204 placeholder="持证人" 231 placeholder="持证人"
205 :disabled="!viewEdit"> 232 :disabled="!viewEdit"
233 >
206 <el-option 234 <el-option
207 v-for="item in czrOptions" 235 v-for="item in czrOptions"
208 :key="item.zjh" 236 :key="item.zjh"
209 :label="item.sqrmc" 237 :label="item.sqrmc"
210 :value="item.zjh"> 238 :value="item.zjh"
239 >
211 </el-option> 240 </el-option>
212 </el-select> 241 </el-select>
213 </el-form-item> 242 </el-form-item>
214 </el-col> 243 </el-col>
215 </el-row> 244 </el-row>
216 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :tableData="ruleForm.qlrList" 245 <qlrCommonTable
217 :gyfs="ruleForm.sldy.gyfs" /> 246 @upDateQlrxxList="upDateQlrxxList"
247 :disabled="viewEdit"
248 :tableData="ruleForm.qlrList"
249 :gyfs="ruleForm.sldy.gyfs"
250 />
218 <div class="slxx_title title-block"> 251 <div class="slxx_title title-block">
219 义务人信息 252 义务人信息
220 <div class="triangle"></div> 253 <div class="triangle"></div>
221 </div> 254 </div>
222 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" :tableData="ruleForm.ywrList" 255 <qlrCommonTable
223 :gyfs="ruleForm.sldy.gyfs" /> 256 @upDateQlrxxList="upDateYwrxxList"
257 :disabled="viewEdit"
258 :tableData="ruleForm.ywrList"
259 :gyfs="ruleForm.sldy.gyfs"
260 />
224 <div class="slxx_title title-block"> 261 <div class="slxx_title title-block">
225 登记原因 262 登记原因
226 <div class="triangle"></div> 263 <div class="triangle"></div>
...@@ -228,8 +265,14 @@ ...@@ -228,8 +265,14 @@
228 <el-row :gutter="10"> 265 <el-row :gutter="10">
229 <el-col> 266 <el-col>
230 <el-form-item label="登记原因：" prop="djyy"> 267 <el-form-item label="登记原因：" prop="djyy">
231 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 268 <el-input
232 v-model="ruleForm.ygdj.djyy"> 269 class="textArea"
270 type="textarea"
271 maxlength="500"
272 show-word-limit
273 :disabled="!viewEdit"
274 v-model="ruleForm.ygdj.djyy"
275 >
233 </el-input> 276 </el-input>
234 </el-form-item> 277 </el-form-item>
235 </el-col> 278 </el-col>
...@@ -244,38 +287,38 @@ ...@@ -244,38 +287,38 @@
244 </div> 287 </div>
245 </template> 288 </template>
246 <script> 289 <script>
247 import ywmix from "@/views/ywbl/mixin/index" 290 import ywmix from "@/views/ywbl/mixin/index";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 291 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 292 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
250 import { mapGetters } from "vuex"; 293 import { mapGetters } from "vuex";
251 export default { 294 export default {
252 mixins: [ywmix], 295 mixins: [ywmix],
253 created () { 296 created() {
254 this.viewEdit = this.$parent.currentSelectTab.ableOperation 297 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
255 this.propsParam = this.$attrs; 298 this.propsParam = this.$attrs;
256 this.$startLoading(); 299 this.$startLoading();
257 var formdata = new FormData(); 300 var formdata = new FormData();
258 formdata.append("bsmSldy", this.propsParam.bsmSldy); 301 formdata.append("bsmSldy", this.propsParam.bsmSldy);
259 formdata.append("djlx", this.propsParam.djlx); 302 formdata.append("djlx", this.propsParam.djlx);
260 formdata.append("isEdit", this.viewEdit); 303 formdata.append("isEdit", this.viewEdit);
261 Init(formdata).then(res => { 304 Init(formdata).then((res) => {
262 if (res.code === 200 && res.result) { 305 if (res.code === 200 && res.result) {
263 this.ruleForm = res.result; 306 this.ruleForm = res.result;
264 this.czrOptions = this.ruleForm.qlrList; 307 this.czrOptions = this.ruleForm.qlrList;
265 this.$endLoading(); 308 this.$endLoading();
266 this.ruleForm.qlrList.forEach((item) => { 309 this.ruleForm.qlrList.forEach((item) => {
267 if(item.sfczr==1){ 310 if (item.sfczr == 1) {
268 this.czr=item.sqrmc 311 this.czr = item.sqrmc;
269 } 312 }
270 }) 313 });
271 } 314 }
272 }) 315 });
273 }, 316 },
274 components: { qlrCommonTable }, 317 components: { qlrCommonTable },
275 computed: { 318 computed: {
276 ...mapGetters(["dictData", "flag"]), 319 ...mapGetters(["dictData", "flag"]),
277 }, 320 },
278 data () { 321 data() {
279 return { 322 return {
280 mjdw: "1", 323 mjdw: "1",
281 //表单是否可操作 324 //表单是否可操作
...@@ -283,13 +326,13 @@ ...@@ -283,13 +326,13 @@
283 disabled: true, 326 disabled: true,
284 tdytOption: [], 327 tdytOption: [],
285 czrOptions: [], 328 czrOptions: [],
286 czr:"", 329 czr: "",
287 ruleForm: { 330 ruleForm: {
288 qlxx: {} 331 qlxx: {},
289 , sldy: {} 332 sldy: {},
290 , slsq: {} 333 slsq: {},
291 , ygdj: {} 334 ygdj: {},
292 , zdjbxx: {} 335 zdjbxx: {},
293 }, 336 },
294 //传递参数 337 //传递参数
295 propsParam: this.$attrs, 338 propsParam: this.$attrs,
...@@ -302,24 +345,33 @@ ...@@ -302,24 +345,33 @@
302 * @param {*} val 345 * @param {*} val
303 * @author: renchao 346 * @author: renchao
304 */ 347 */
305 upDateQlrxxList (val) { 348 upDateQlrxxList(val) {
306 this.ruleForm.qlrList = _.cloneDeep(val); 349 this.ruleForm.qlrList = _.cloneDeep(val);
307 this.czrOptions = this.ruleForm.qlrList 350 this.czrOptions = this.ruleForm.qlrList;
308 }, 351 },
309 /** 352 /**
310 * @description: 更新业务人信息 353 * @description: 更新业务人信息
311 * @param {*} val 354 * @param {*} val
312 * @author: renchao 355 * @author: renchao
313 */ 356 */
314 upDateYwrxxList (val) { 357 upDateYwrxxList(val) {
315 this.ruleForm.ywrList = _.cloneDeep(val); 358 this.ruleForm.ywrList = _.cloneDeep(val);
316 }, 359 },
360 // 是否持证人变化
361 /**
362 * @description: 是否持证人变化
363 * @param {*} val
364 * @author: renchao
365 */
366 updaterow() {
367 this.czr = "";
368 },
317 /** 369 /**
318 * @description: onSubmit 370 * @description: onSubmit
319 * @author: renchao 371 * @author: renchao
320 */ 372 */
321 onSubmit () { 373 onSubmit() {
322 let that = this 374 let that = this;
323 if (this.ruleForm.qlrList.length == 0) { 375 if (this.ruleForm.qlrList.length == 0) {
324 this.$message({ 376 this.$message({
325 showClose: true, 377 showClose: true,
...@@ -343,7 +395,8 @@ ...@@ -343,7 +395,8 @@
343 if (this.ruleForm.qlrList.length <= 1) { 395 if (this.ruleForm.qlrList.length <= 1) {
344 this.$message({ 396 this.$message({
345 showClose: true, 397 showClose: true,
346 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 398 message:
399 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
347 type: "error", 400 type: "error",
348 }); 401 });
349 return false; 402 return false;
...@@ -379,7 +432,7 @@ ...@@ -379,7 +432,7 @@
379 message: "保存成功！", 432 message: "保存成功！",
380 type: "success", 433 type: "success",
381 }); 434 });
382 this.$store.dispatch('user/refreshPage', true); 435 this.$store.dispatch("user/refreshPage", true);
383 } else { 436 } else {
384 this.$message({ 437 this.$message({
385 showClose: true, 438 showClose: true,
...@@ -390,55 +443,55 @@ ...@@ -390,55 +443,55 @@
390 }); 443 });
391 }, 444 },
392 }, 445 },
393 }; 446 };
394 </script> 447 </script>
395 <style scoped lang='scss'> 448 <style scoped lang="scss">
396 @import "~@/styles/public.scss"; 449 @import "~@/styles/public.scss";
397 450
398 /deep/.el-form { 451 /deep/.el-form {
399 display: flex; 452 display: flex;
400 flex-direction: column; 453 flex-direction: column;
401 height: calc(100vh - 130px); 454 height: calc(100vh - 130px);
402 } 455 }
403 456
404 /deep/.el-form-item__label { 457 /deep/.el-form-item__label {
405 padding: 0; 458 padding: 0;
406 } 459 }
407 460
408 /deep/.el-radio { 461 /deep/.el-radio {
409 margin-right: 10px; 462 margin-right: 10px;
410 } 463 }
411 464
412 /deep/.el-select { 465 /deep/.el-select {
413 width: 100%; 466 width: 100%;
414 } 467 }
415 468
416 /deep/.el-form-item { 469 /deep/.el-form-item {
417 margin-bottom: 8px; 470 margin-bottom: 8px;
418 } 471 }
419 472
420 .marginBot0 { 473 .marginBot0 {
421 margin-bottom: 0 !important; 474 margin-bottom: 0 !important;
422 } 475 }
423 476
424 .slxx { 477 .slxx {
425 box-sizing: border-box; 478 box-sizing: border-box;
426 } 479 }
427 480
428 .slxx_con { 481 .slxx_con {
429 flex: 1; 482 flex: 1;
430 height: 100%; 483 height: 100%;
431 background-color: #ffffff; 484 background-color: #ffffff;
432 overflow-y: auto; 485 overflow-y: auto;
433 padding-right: 3px; 486 padding-right: 3px;
434 overflow-x: hidden; 487 overflow-x: hidden;
435 } 488 }
436 489
437 .submit_btn { 490 .submit_btn {
438 height: 50px; 491 height: 50px;
439 } 492 }
440 493
441 .slxx_title { 494 .slxx_title {
442 border-bottom: 1px solid $borderColor; 495 border-bottom: 1px solid $borderColor;
443 padding-left: 10px; 496 padding-left: 10px;
444 padding-bottom: 5px; 497 padding-bottom: 5px;
...@@ -447,23 +500,23 @@ ...@@ -447,23 +500,23 @@
447 font-size: 16px; 500 font-size: 16px;
448 font-weight: 500; 501 font-weight: 500;
449 color: #4a4a4a; 502 color: #4a4a4a;
450 } 503 }
451 504
452 .btn { 505 .btn {
453 text-align: center; 506 text-align: center;
454 padding-top: 10px; 507 padding-top: 10px;
455 height: 36px; 508 height: 36px;
456 background-color: #ffffff; 509 background-color: #ffffff;
457 padding: 5px 0; 510 padding: 5px 0;
458 } 511 }
459 512
460 .textArea { 513 .textArea {
461 /deep/.el-textarea__inner { 514 /deep/.el-textarea__inner {
462 min-height: 90px !important; 515 min-height: 90px !important;
463 } 516 }
464 } 517 }
465 518
466 /deep/.el-form-item__label { 519 /deep/.el-form-item__label {
467 padding-bottom: 0px; 520 padding-bottom: 0px;
468 } 521 }
469 </style> 522 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -44,7 +51,8 @@ ...@@ -44,7 +51,8 @@
44 </el-row> 51 </el-row>
45 <div 52 <div
46 class="slxx_title title-block flex" 53 class="slxx_title title-block flex"
47 style="justify-content: space-between"> 54 style="justify-content: space-between"
55 >
48 不动产单元情况 56 不动产单元情况
49 <el-button @click="compare">变化情况对比+</el-button> 57 <el-button @click="compare">变化情况对比+</el-button>
50 </div> 58 </div>
...@@ -102,7 +110,11 @@ ...@@ -102,7 +110,11 @@
102 </el-col> 110 </el-col>
103 <el-col :span="8"> 111 <el-col :span="8">
104 <el-form-item label="总层数："> 112 <el-form-item label="总层数：">
105 <el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 113 <el-input
114 disabled
115 v-model.number="ruleForm.ygdj.zcs"
116 oninput="value=value.replace(/[^0-9]/g,'')"
117 ></el-input>
106 </el-form-item> 118 </el-form-item>
107 </el-col> 119 </el-col>
108 </el-row> 120 </el-row>
...@@ -113,7 +125,10 @@ ...@@ -113,7 +125,10 @@
113 <el-row :gutter="10"> 125 <el-row :gutter="10">
114 <el-col :span="12" v-if="ruleForm.qlxx"> 126 <el-col :span="12" v-if="ruleForm.qlxx">
115 <el-form-item label="共有方式："> 127 <el-form-item label="共有方式：">
116 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 128 <el-radio-group
129 :disabled="!viewEdit"
130 v-model="ruleForm.sldy.gyfs"
131 >
117 <el-radio label="0">单独所有</el-radio> 132 <el-radio label="0">单独所有</el-radio>
118 <el-radio label="1">共同共有</el-radio> 133 <el-radio label="1">共同共有</el-radio>
119 <el-radio label="2">按份所有</el-radio> 134 <el-radio label="2">按份所有</el-radio>
...@@ -125,7 +140,9 @@ ...@@ -125,7 +140,9 @@
125 <el-form-item label="是否分别持证："> 140 <el-form-item label="是否分别持证：">
126 <el-radio-group 141 <el-radio-group
127 v-model="ruleForm.sldy.sqfbcz" 142 v-model="ruleForm.sldy.sqfbcz"
128 :disabled="!viewEdit"> 143 :disabled="!viewEdit"
144 @input="updaterow()"
145 >
129 <el-radio :label="1">是</el-radio> 146 <el-radio :label="1">是</el-radio>
130 <el-radio :label="0">否</el-radio> 147 <el-radio :label="0">否</el-radio>
131 </el-radio-group> 148 </el-radio-group>
...@@ -133,30 +150,41 @@ ...@@ -133,30 +150,41 @@
133 </el-col> 150 </el-col>
134 <el-col 151 <el-col
135 :span="6" 152 :span="6"
136 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 153 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
154 >
137 <el-form-item label="持证人："> 155 <el-form-item label="持证人：">
138 <el-select 156 <el-select
139 v-model="czr" 157 v-model="czr"
140 placeholder="持证人" 158 placeholder="持证人"
141 :disabled="!viewEdit"> 159 :disabled="!viewEdit"
160 >
142 <el-option 161 <el-option
143 v-for="item in czrOptions" 162 v-for="item in czrOptions"
144 :key="item.zjh" 163 :key="item.zjh"
145 :label="item.sqrmc" 164 :label="item.sqrmc"
146 :value="item.zjh"> 165 :value="item.zjh"
166 >
147 </el-option> 167 </el-option>
148 </el-select> 168 </el-select>
149 </el-form-item> 169 </el-form-item>
150 </el-col> 170 </el-col>
151 </el-row> 171 </el-row>
152 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 172 <qlrCommonTable
153 :gyfs="ruleForm.sldy.gyfs" /> 173 @upDateQlrxxList="upDateQlrxxList"
174 :tableData="ruleForm.qlrList"
175 :disabled="viewEdit"
176 :gyfs="ruleForm.sldy.gyfs"
177 />
154 <div class="slxx_title title-block"> 178 <div class="slxx_title title-block">
155 义务人信息 179 义务人信息
156 <div class="triangle"></div> 180 <div class="triangle"></div>
157 </div> 181 </div>
158 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" 182 <qlrCommonTable
159 :gyfs="ruleForm.sldy.gyfs" /> 183 @upDateQlrxxList="upDateYwrxxList"
184 :tableData="ruleForm.ywrList"
185 :disabled="viewEdit"
186 :gyfs="ruleForm.sldy.gyfs"
187 />
160 <div class="slxx_title title-block"> 188 <div class="slxx_title title-block">
161 登记原因 189 登记原因
162 <div class="triangle"></div> 190 <div class="triangle"></div>
...@@ -164,8 +192,14 @@ ...@@ -164,8 +192,14 @@
164 <el-row :gutter="10"> 192 <el-row :gutter="10">
165 <el-col> 193 <el-col>
166 <el-form-item label="登记原因：" prop="djyy"> 194 <el-form-item label="登记原因：" prop="djyy">
167 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 195 <el-input
168 v-model="ruleForm.ygdj.djyy"> 196 class="textArea"
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 :disabled="!viewEdit"
201 v-model="ruleForm.ygdj.djyy"
202 >
169 </el-input> 203 </el-input>
170 </el-form-item> 204 </el-form-item>
171 </el-col> 205 </el-col>
...@@ -180,14 +214,14 @@ ...@@ -180,14 +214,14 @@
180 </div> 214 </div>
181 </template> 215 </template>
182 <script> 216 <script>
183 import ywmix from "@/views/ywbl/mixin/index" 217 import ywmix from "@/views/ywbl/mixin/index";
184 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 218 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
185 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 219 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
186 import { mapGetters } from "vuex"; 220 import { mapGetters } from "vuex";
187 export default { 221 export default {
188 mixins: [ywmix], 222 mixins: [ywmix],
189 mounted () { 223 mounted() {
190 this.viewEdit = this.$parent.currentSelectTab.ableOperation 224 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
191 this.propsParam = this.$attrs; 225 this.propsParam = this.$attrs;
192 var formdata = new FormData(); 226 var formdata = new FormData();
193 this.$startLoading(); 227 this.$startLoading();
...@@ -200,10 +234,10 @@ ...@@ -200,10 +234,10 @@
200 this.ruleForm = res.result; 234 this.ruleForm = res.result;
201 this.czrOptions = this.ruleForm.qlrList; 235 this.czrOptions = this.ruleForm.qlrList;
202 this.ruleForm.qlrList.forEach((item) => { 236 this.ruleForm.qlrList.forEach((item) => {
203 if(item.sfczr==1){ 237 if (item.sfczr == 1) {
204 this.czr=item.sqrmc 238 this.czr = item.sqrmc;
205 } 239 }
206 }) 240 });
207 } 241 }
208 }); 242 });
209 }, 243 },
...@@ -211,14 +245,14 @@ ...@@ -211,14 +245,14 @@
211 computed: { 245 computed: {
212 ...mapGetters(["dictData", "flag"]), 246 ...mapGetters(["dictData", "flag"]),
213 }, 247 },
214 data () { 248 data() {
215 return { 249 return {
216 //表单是否可操作 250 //表单是否可操作
217 viewEdit: true, 251 viewEdit: true,
218 disabled: true, 252 disabled: true,
219 tdytOption: [], 253 tdytOption: [],
220 czrOptions: [], 254 czrOptions: [],
221 czr:"", 255 czr: "",
222 ruleForm: {}, 256 ruleForm: {},
223 //传递参数 257 //传递参数
224 propsParam: this.$attrs, 258 propsParam: this.$attrs,
...@@ -230,13 +264,12 @@ ...@@ -230,13 +264,12 @@
230 * @description: onClick 264 * @description: onClick
231 * @author: renchao 265 * @author: renchao
232 */ 266 */
233 onClick () { 267 onClick() {
234 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", 268 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
235 {
236 formData: { 269 formData: {
237 bsmSldy: this.propsParam.bsmSldy, 270 bsmSldy: this.propsParam.bsmSldy,
238 qllx: this.propsParam.qllx 271 qllx: this.propsParam.qllx,
239 } 272 },
240 }); 273 });
241 }, 274 },
242 /** 275 /**
...@@ -244,16 +277,25 @@ ...@@ -244,16 +277,25 @@
244 * @param {*} val 277 * @param {*} val
245 * @author: renchao 278 * @author: renchao
246 */ 279 */
247 upDateQlrxxList (val) { 280 upDateQlrxxList(val) {
248 this.ruleForm.qlrList = _.cloneDeep(val); 281 this.ruleForm.qlrList = _.cloneDeep(val);
249 this.czrOptions = this.ruleForm.qlrList; 282 this.czrOptions = this.ruleForm.qlrList;
250 }, 283 },
284 // 是否持证人变化
285 /**
286 * @description: 是否持证人变化
287 * @param {*} val
288 * @author: renchao
289 */
290 updaterow() {
291 this.czr = "";
292 },
251 /** 293 /**
252 * @description: 更新业务人信息 294 * @description: 更新业务人信息
253 * @param {*} val 295 * @param {*} val
254 * @author: renchao 296 * @author: renchao
255 */ 297 */
256 upDateYwrxxList (val) { 298 upDateYwrxxList(val) {
257 this.ruleForm.ywrList = _.cloneDeep(val); 299 this.ruleForm.ywrList = _.cloneDeep(val);
258 }, 300 },
259 301
...@@ -261,8 +303,8 @@ ...@@ -261,8 +303,8 @@
261 * @description: onSubmit 303 * @description: onSubmit
262 * @author: renchao 304 * @author: renchao
263 */ 305 */
264 onSubmit () { 306 onSubmit() {
265 let that = this 307 let that = this;
266 if (this.ruleForm.qlrList.length == 0) { 308 if (this.ruleForm.qlrList.length == 0) {
267 this.$message({ 309 this.$message({
268 showClose: true, 310 showClose: true,
...@@ -286,7 +328,8 @@ ...@@ -286,7 +328,8 @@
286 if (this.ruleForm.qlrList.length <= 1) { 328 if (this.ruleForm.qlrList.length <= 1) {
287 this.$message({ 329 this.$message({
288 showClose: true, 330 showClose: true,
289 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 331 message:
332 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
290 type: "error", 333 type: "error",
291 }); 334 });
292 return false; 335 return false;
...@@ -322,7 +365,7 @@ ...@@ -322,7 +365,7 @@
322 message: "保存成功！", 365 message: "保存成功！",
323 type: "success", 366 type: "success",
324 }); 367 });
325 this.$store.dispatch('user/refreshPage', true); 368 this.$store.dispatch("user/refreshPage", true);
326 } else { 369 } else {
327 this.$message({ 370 this.$message({
328 showClose: true, 371 showClose: true,
...@@ -336,68 +379,68 @@ ...@@ -336,68 +379,68 @@
336 * @description: compare 379 * @description: compare
337 * @author: renchao 380 * @author: renchao
338 */ 381 */
339 compare () { 382 compare() {
340 this.$popupDialog( 383 this.$popupDialog(
341 this.ruleForm.qlxx.qllxmc, 384 this.ruleForm.qlxx.qllxmc,
342 "registerBook/comparison", 385 "registerBook/comparison",
343 { 386 {
344 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
345 dqqllx: 'YGDJ', 388 dqqllx: "YGDJ",
346 }, 389 },
347 "80%", 390 "80%",
348 true 391 true
349 ); 392 );
350 }, 393 },
351 }, 394 },
352 }; 395 };
353 </script> 396 </script>
354 <style scoped lang='scss'> 397 <style scoped lang="scss">
355 @import "~@/styles/public.scss"; 398 @import "~@/styles/public.scss";
356 399
357 /deep/.el-form { 400 /deep/.el-form {
358 display: flex; 401 display: flex;
359 flex-direction: column; 402 flex-direction: column;
360 height: calc(100vh - 130px); 403 height: calc(100vh - 130px);
361 } 404 }
362 405
363 /deep/.el-form-item__label { 406 /deep/.el-form-item__label {
364 padding: 0; 407 padding: 0;
365 } 408 }
366 409
367 /deep/.el-radio { 410 /deep/.el-radio {
368 margin-right: 10px; 411 margin-right: 10px;
369 } 412 }
370 413
371 /deep/.el-select { 414 /deep/.el-select {
372 width: 100%; 415 width: 100%;
373 } 416 }
374 417
375 /deep/.el-form-item { 418 /deep/.el-form-item {
376 margin-bottom: 8px; 419 margin-bottom: 8px;
377 } 420 }
378 421
379 .marginBot0 { 422 .marginBot0 {
380 margin-bottom: 0 !important; 423 margin-bottom: 0 !important;
381 } 424 }
382 425
383 .slxx { 426 .slxx {
384 box-sizing: border-box; 427 box-sizing: border-box;
385 } 428 }
386 429
387 .slxx_con { 430 .slxx_con {
388 flex: 1; 431 flex: 1;
389 height: 100%; 432 height: 100%;
390 background-color: #ffffff; 433 background-color: #ffffff;
391 overflow-y: auto; 434 overflow-y: auto;
392 padding-right: 3px; 435 padding-right: 3px;
393 overflow-x: hidden; 436 overflow-x: hidden;
394 } 437 }
395 438
396 .submit_btn { 439 .submit_btn {
397 height: 50px; 440 height: 50px;
398 } 441 }
399 442
400 .slxx_title { 443 .slxx_title {
401 border-bottom: 1px solid $borderColor; 444 border-bottom: 1px solid $borderColor;
402 padding-left: 10px; 445 padding-left: 10px;
403 padding-bottom: 5px; 446 padding-bottom: 5px;
...@@ -406,23 +449,23 @@ ...@@ -406,23 +449,23 @@
406 font-size: 16px; 449 font-size: 16px;
407 font-weight: 500; 450 font-weight: 500;
408 color: #4a4a4a; 451 color: #4a4a4a;
409 } 452 }
410 453
411 .btn { 454 .btn {
412 text-align: center; 455 text-align: center;
413 padding-top: 10px; 456 padding-top: 10px;
414 height: 36px; 457 height: 36px;
415 background-color: #ffffff; 458 background-color: #ffffff;
416 padding: 5px 0; 459 padding: 5px 0;
417 } 460 }
418 461
419 .textArea { 462 .textArea {
420 /deep/.el-textarea__inner { 463 /deep/.el-textarea__inner {
421 min-height: 90px !important; 464 min-height: 90px !important;
422 } 465 }
423 } 466 }
424 467
425 /deep/.el-form-item__label { 468 /deep/.el-form-item__label {
426 padding-bottom: 0px; 469 padding-bottom: 0px;
427 } 470 }
428 </style> 471 </style>
......
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
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 >
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
14 受理信息 15 受理信息
...@@ -134,31 +135,48 @@ ...@@ -134,31 +135,48 @@
134 <el-form-item label="是否存在禁止或限制："> 135 <el-form-item label="是否存在禁止或限制：">
135 <el-input 136 <el-input
136 v-model="ruleForm.ygdj.sfczjzhxz" 137 v-model="ruleForm.ygdj.sfczjzhxz"
137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 138 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
139 ></el-input>
138 </el-form-item> 140 </el-form-item>
139 </el-col> 141 </el-col>
140 <el-col :span="8"> 142 <el-col :span="8">
141 <el-form-item label="被担保主债权数额："> 143 <el-form-item label="被担保主债权数额：">
142 <div class="flex"> 144 <div class="flex">
143 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> 145 <el-input
144 <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px"> 146 v-model="ruleForm.ygdj.qdjg"
147 :disabled="!viewEdit"
148 ></el-input>
149 <el-select
150 v-model="ruleForm.ygdj.jedw"
151 :disabled="!viewEdit"
152 style="width: 68px"
153 >
145 <el-option 154 <el-option
146 v-for="item in dictData['A57']" 155 v-for="item in dictData['A57']"
147 :key="item.dcode" 156 :key="item.dcode"
148 :label="item.dname" 157 :label="item.dname"
149 :value="item.dcode"></el-option> 158 :value="item.dcode"
159 ></el-option>
150 </el-select> 160 </el-select>
151 </div> 161 </div>
152 </el-form-item> 162 </el-form-item>
153 </el-col> 163 </el-col>
154 <el-col :span="8"> 164 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 165 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker> 166 <el-date-picker
167 v-model="ruleForm.ygdj.zwlxqssj"
168 :disabled="!viewEdit"
169 type="date"
170 ></el-date-picker>
157 </el-form-item> 171 </el-form-item>
158 </el-col> 172 </el-col>
159 <el-col :span="8"> 173 <el-col :span="8">
160 <el-form-item label="债务履行结束时间："> 174 <el-form-item label="债务履行结束时间：">
161 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker> 175 <el-date-picker
176 v-model="ruleForm.ygdj.zwlxjssj"
177 :disabled="!viewEdit"
178 type="date"
179 ></el-date-picker>
162 </el-form-item> 180 </el-form-item>
163 </el-col> 181 </el-col>
164 </el-row> 182 </el-row>
...@@ -167,14 +185,21 @@ ...@@ -167,14 +185,21 @@
167 <el-form-item label="担保范围："> 185 <el-form-item label="担保范围：">
168 <el-input 186 <el-input
169 v-model="ruleForm.ygdj.dbfw" 187 v-model="ruleForm.ygdj.dbfw"
170 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 188 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
189 ></el-input>
171 </el-form-item> 190 </el-form-item>
172 </el-col> 191 </el-col>
173 </el-row> 192 </el-row>
174 <el-row> 193 <el-row>
175 <el-col :span="24"> 194 <el-col :span="24">
176 <el-form-item label="附记：" prop="fj"> 195 <el-form-item label="附记：" prop="fj">
177 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input> 196 <el-input
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 v-model="ruleForm.ygdj.fj"
201 :disabled="!viewEdit"
202 ></el-input>
178 </el-form-item> 203 </el-form-item>
179 </el-col> 204 </el-col>
180 </el-row> 205 </el-row>
...@@ -185,7 +210,10 @@ ...@@ -185,7 +210,10 @@
185 <el-row :gutter="10"> 210 <el-row :gutter="10">
186 <el-col :span="12"> 211 <el-col :span="12">
187 <el-form-item label="共有方式："> 212 <el-form-item label="共有方式：">
188 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 213 <el-radio-group
214 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs"
216 >
189 <el-radio label="0">单独所有</el-radio> 217 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 218 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 219 <el-radio label="2">按份所有</el-radio>
...@@ -195,20 +223,32 @@ ...@@ -195,20 +223,32 @@
195 </el-col> 223 </el-col>
196 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> 224 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
197 <el-form-item label="是否分别持证："> 225 <el-form-item label="是否分别持证：">
198 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 226 <el-radio-group
227 v-model="ruleForm.sldy.sqfbcz"
228 :disabled="!viewEdit"
229 @input="updaterow()"
230 >
199 <el-radio :label="1">是</el-radio> 231 <el-radio :label="1">是</el-radio>
200 <el-radio :label="0">否</el-radio> 232 <el-radio :label="0">否</el-radio>
201 </el-radio-group> 233 </el-radio-group>
202 </el-form-item> 234 </el-form-item>
203 </el-col> 235 </el-col>
204 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 236 <el-col
237 :span="6"
238 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
239 >
205 <el-form-item label="持证人："> 240 <el-form-item label="持证人：">
206 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 241 <el-select
242 v-model="czr"
243 placeholder="持证人"
244 :disabled="!viewEdit"
245 >
207 <el-option 246 <el-option
208 v-for="item in czrOptions" 247 v-for="item in czrOptions"
209 :key="item.zjh" 248 :key="item.zjh"
210 :label="item.sqrmc" 249 :label="item.sqrmc"
211 :value="item.zjh"></el-option> 250 :value="item.zjh"
251 ></el-option>
212 </el-select> 252 </el-select>
213 </el-form-item> 253 </el-form-item>
214 </el-col> 254 </el-col>
...@@ -217,7 +257,8 @@ ...@@ -217,7 +257,8 @@
217 @upDateQlrxxList="upDateQlrxxList" 257 @upDateQlrxxList="upDateQlrxxList"
218 :tableData="ruleForm.qlrList" 258 :tableData="ruleForm.qlrList"
219 :disabled="viewEdit" 259 :disabled="viewEdit"
220 :gyfs="ruleForm.sldy.gyfs" /> 260 :gyfs="ruleForm.sldy.gyfs"
261 />
221 <div class="slxx_title title-block"> 262 <div class="slxx_title title-block">
222 义务人信息 263 义务人信息
223 <div class="triangle"></div> 264 <div class="triangle"></div>
...@@ -226,7 +267,8 @@ ...@@ -226,7 +267,8 @@
226 @upDateQlrxxList="upDateYwrxxList" 267 @upDateQlrxxList="upDateYwrxxList"
227 :tableData="ruleForm.ywrList" 268 :tableData="ruleForm.ywrList"
228 :disabled="viewEdit" 269 :disabled="viewEdit"
229 :gyfs="ruleForm.sldy.gyfs" /> 270 :gyfs="ruleForm.sldy.gyfs"
271 />
230 <div class="slxx_title title-block"> 272 <div class="slxx_title title-block">
231 登记原因 273 登记原因
232 <div class="triangle"></div> 274 <div class="triangle"></div>
...@@ -240,7 +282,8 @@ ...@@ -240,7 +282,8 @@
240 maxlength="500" 282 maxlength="500"
241 show-word-limit 283 show-word-limit
242 :disabled="!viewEdit" 284 :disabled="!viewEdit"
243 v-model="ruleForm.ygdj.djyy"></el-input> 285 v-model="ruleForm.ygdj.djyy"
286 ></el-input>
244 </el-form-item> 287 </el-form-item>
245 </el-col> 288 </el-col>
246 </el-row> 289 </el-row>
...@@ -254,13 +297,13 @@ ...@@ -254,13 +297,13 @@
254 </div> 297 </div>
255 </template> 298 </template>
256 <script> 299 <script>
257 import ywmix from "@/views/ywbl/mixin/index"; 300 import ywmix from "@/views/ywbl/mixin/index";
258 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
259 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 302 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
260 import { mapGetters } from "vuex"; 303 import { mapGetters } from "vuex";
261 export default { 304 export default {
262 mixins: [ywmix], 305 mixins: [ywmix],
263 created () { 306 created() {
264 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 307 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
265 this.propsParam = this.$attrs; 308 this.propsParam = this.$attrs;
266 var formdata = new FormData(); 309 var formdata = new FormData();
...@@ -275,10 +318,10 @@ ...@@ -275,10 +318,10 @@
275 that.ruleForm = res.result; 318 that.ruleForm = res.result;
276 this.czrOptions = this.ruleForm.qlrList; 319 this.czrOptions = this.ruleForm.qlrList;
277 this.ruleForm.qlrList.forEach((item) => { 320 this.ruleForm.qlrList.forEach((item) => {
278 if(item.sfczr==1){ 321 if (item.sfczr == 1) {
279 this.czr=item.sqrmc 322 this.czr = item.sqrmc;
280 } 323 }
281 }) 324 });
282 setTimeout(() => { 325 setTimeout(() => {
283 that.loading = false; 326 that.loading = false;
284 }, 300); 327 }, 300);
...@@ -289,7 +332,7 @@ ...@@ -289,7 +332,7 @@
289 computed: { 332 computed: {
290 ...mapGetters(["dictData", "flag"]), 333 ...mapGetters(["dictData", "flag"]),
291 }, 334 },
292 data () { 335 data() {
293 return { 336 return {
294 //表单是否可操作 337 //表单是否可操作
295 viewEdit: true, 338 viewEdit: true,
...@@ -297,7 +340,7 @@ ...@@ -297,7 +340,7 @@
297 disabled: true, 340 disabled: true,
298 tdytOption: [], 341 tdytOption: [],
299 czrOptions: [], 342 czrOptions: [],
300 czr:"", 343 czr: "",
301 ruleForm: {}, 344 ruleForm: {},
302 //传递参数 345 //传递参数
303 propsParam: this.$attrs, 346 propsParam: this.$attrs,
...@@ -310,7 +353,7 @@ ...@@ -310,7 +353,7 @@
310 * @param {*} val 353 * @param {*} val
311 * @author: renchao 354 * @author: renchao
312 */ 355 */
313 upDateQlrxxList (val) { 356 upDateQlrxxList(val) {
314 this.ruleForm.qlrList = _.cloneDeep(val); 357 this.ruleForm.qlrList = _.cloneDeep(val);
315 this.czrOptions = this.ruleForm.qlrList; 358 this.czrOptions = this.ruleForm.qlrList;
316 }, 359 },
...@@ -319,15 +362,24 @@ ...@@ -319,15 +362,24 @@
319 * @param {*} val 362 * @param {*} val
320 * @author: renchao 363 * @author: renchao
321 */ 364 */
322 upDateYwrxxList (val) { 365 upDateYwrxxList(val) {
323 this.ruleForm.ywrList = _.cloneDeep(val); 366 this.ruleForm.ywrList = _.cloneDeep(val);
324 }, 367 },
368 // 是否持证人变化
369 /**
370 * @description: 是否持证人变化
371 * @param {*} val
372 * @author: renchao
373 */
374 updaterow() {
375 this.czr = "";
376 },
325 /** 377 /**
326 * @description: onSubmit 378 * @description: onSubmit
327 * @author: renchao 379 * @author: renchao
328 */ 380 */
329 onSubmit () { 381 onSubmit() {
330 let that = this 382 let that = this;
331 if (this.ruleForm.qlrList.length == 0) { 383 if (this.ruleForm.qlrList.length == 0) {
332 this.$message({ 384 this.$message({
333 showClose: true, 385 showClose: true,
...@@ -351,7 +403,8 @@ ...@@ -351,7 +403,8 @@
351 if (this.ruleForm.qlrList.length <= 1) { 403 if (this.ruleForm.qlrList.length <= 1) {
352 this.$message({ 404 this.$message({
353 showClose: true, 405 showClose: true,
354 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 406 message:
407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
355 type: "error", 408 type: "error",
356 }); 409 });
357 return false; 410 return false;
...@@ -398,9 +451,9 @@ ...@@ -398,9 +451,9 @@
398 }); 451 });
399 }, 452 },
400 }, 453 },
401 }; 454 };
402 </script> 455 </script>
403 <style scoped lang='scss'> 456 <style scoped lang="scss">
404 @import "~@/styles/public.scss"; 457 @import "~@/styles/public.scss";
405 @import "~@/styles/slxx/slxx.scss"; 458 @import "~@/styles/slxx/slxx.scss";
406 </style> 459 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form class="loadingtext" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 class="loadingtext"
6 :label-position="flag ? 'top' : ''"
7 :inline="flag"
8 label-width="140px"
9 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
8 受理信息 12 受理信息
...@@ -28,12 +32,18 @@ ...@@ -28,12 +32,18 @@
28 <el-row :gutter="10" v-if="ruleForm.sldyList"> 32 <el-row :gutter="10" v-if="ruleForm.sldyList">
29 <el-col :span="8"> 33 <el-col :span="8">
30 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 35 <el-input
36 disabled
37 v-model="ruleForm.sldyList[0].qllxmc"
38 ></el-input>
32 </el-form-item> 39 </el-form-item>
33 </el-col> 40 </el-col>
34 <el-col :span="8"> 41 <el-col :span="8">
35 <el-form-item label="登记类型："> 42 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 43 <el-input
44 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"
46 ></el-input>
37 </el-form-item> 47 </el-form-item>
38 </el-col> 48 </el-col>
39 <el-col :span="8"> 49 <el-col :span="8">
...@@ -42,8 +52,11 @@ ...@@ -42,8 +52,11 @@
42 </el-form-item> 52 </el-form-item>
43 </el-col> 53 </el-col>
44 </el-row> 54 </el-row>
45 <div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0"> 55 <div
46 抵押户信息列表信息（{{ruleForm.hlist.length}} 户） 56 class="slxx_title title-block"
57 v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
58 >
59 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
47 <div class="triangle"></div> 60 <div class="triangle"></div>
48 </div> 61 </div>
49 <qjhTable :tableData="ruleForm.hlist" /> 62 <qjhTable :tableData="ruleForm.hlist" />
...@@ -51,7 +64,10 @@ ...@@ -51,7 +64,10 @@
51 抵押信息 64 抵押信息
52 <div class="triangle"></div> 65 <div class="triangle"></div>
53 </div> 66 </div>
54 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 67 <el-row
68 :gutter="10"
69 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
70 >
55 <el-col :span="8"> 71 <el-col :span="8">
56 <el-form-item label="抵押方式："> 72 <el-form-item label="抵押方式：">
57 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 73 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -62,15 +78,24 @@ ...@@ -62,15 +78,24 @@
62 </el-col> 78 </el-col>
63 <el-col :span="8"> 79 <el-col :span="8">
64 <el-form-item label="抵押金额类型："> 80 <el-form-item label="抵押金额类型：">
65 <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx" :disabled="!viewEdit"> 81 <el-radio-group
82 v-model="ruleForm.diyaqList[0].dyjelx"
83 :disabled="!viewEdit"
84 >
66 <el-radio label="0">独立抵押</el-radio> 85 <el-radio label="0">独立抵押</el-radio>
67 <el-radio label="1">整体抵押</el-radio> 86 <el-radio label="1">整体抵押</el-radio>
68 </el-radio-group> 87 </el-radio-group>
69 </el-form-item> 88 </el-form-item>
70 </el-col> 89 </el-col>
71 <el-col :span="8"> 90 <el-col :span="8">
72 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 91 <el-form-item
73 <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz" :disabled="!viewEdit"> 92 label="是否存在禁止或者限制转让抵押不动产的约定："
93 label-width="350px"
94 >
95 <el-radio-group
96 v-model="ruleForm.diyaqList[0].sfczjzhxz"
97 :disabled="!viewEdit"
98 >
74 <el-radio label="1">启用</el-radio> 99 <el-radio label="1">启用</el-radio>
75 <el-radio label="0">禁用</el-radio> 100 <el-radio label="0">禁用</el-radio>
76 </el-radio-group> 101 </el-radio-group>
...@@ -78,12 +103,26 @@ ...@@ -78,12 +103,26 @@
78 </el-col> 103 </el-col>
79 </el-row> 104 </el-row>
80 105
81 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 106 <el-row
107 :gutter="10"
108 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
109 >
82 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
83 <el-form-item label="被担保主债权数额："> 111 <el-form-item label="被担保主债权数额：">
84 <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!viewEdit"></el-input> 112 <el-input
85 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 113 v-model="ruleForm.diyaqList[0].bdbzzqse"
86 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 114 :disabled="!viewEdit"
115 ></el-input>
116 <el-select
117 v-model="ruleForm.diyaqList[0].jedw"
118 :disabled="!viewEdit"
119 >
120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode"
125 >
87 </el-option> 126 </el-option>
88 </el-select> 127 </el-select>
89 </el-form-item> 128 </el-form-item>
...@@ -91,9 +130,20 @@ ...@@ -91,9 +130,20 @@
91 130
92 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
93 <el-form-item label="最高债权额："> 132 <el-form-item label="最高债权额：">
94 <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!viewEdit"></el-input> 133 <el-input
95 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 134 v-model="ruleForm.diyaqList[0].zgzqse"
96 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 135 :disabled="!viewEdit"
136 ></el-input>
137 <el-select
138 v-model="ruleForm.diyaqList[0].jedw"
139 :disabled="!viewEdit"
140 >
141 <el-option
142 v-for="item in dictData['A57']"
143 :key="item.dcode"
144 :label="item.dname"
145 :value="item.dcode"
146 >
97 </el-option> 147 </el-option>
98 </el-select> 148 </el-select>
99 </el-form-item> 149 </el-form-item>
...@@ -101,37 +151,56 @@ ...@@ -101,37 +151,56 @@
101 151
102 <el-col :span="8"> 152 <el-col :span="8">
103 <el-form-item label="债务履行起始时间："> 153 <el-form-item label="债务履行起始时间：">
104 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" :disabled="!viewEdit" type="date"> 154 <el-date-picker
155 v-model="ruleForm.diyaqList[0].zwlxqssj"
156 :disabled="!viewEdit"
157 type="date"
158 >
105 </el-date-picker> 159 </el-date-picker>
106 </el-form-item> 160 </el-form-item>
107 </el-col> 161 </el-col>
108 <el-col :span="8"> 162 <el-col :span="8">
109 <el-form-item label="债务履行结束时间："> 163 <el-form-item label="债务履行结束时间：">
110 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" :disabled="!viewEdit" type="date"> 164 <el-date-picker
165 v-model="ruleForm.diyaqList[0].zwlxjssj"
166 :disabled="!viewEdit"
167 type="date"
168 >
111 </el-date-picker> 169 </el-date-picker>
112 </el-form-item> 170 </el-form-item>
113 </el-col> 171 </el-col>
114 </el-row> 172 </el-row>
115 173
116 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 174 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
117 <el-col :span="24"> 175 <el-col :span="24">
118 <el-form-item label="担保范围："> 176 <el-form-item label="担保范围：">
119 <el-input v-model="ruleForm.diyaqList[0].dbfw" 177 <el-input
120 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input> 178 v-model="ruleForm.diyaqList[0].dbfw"
179 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
180 ></el-input>
121 </el-form-item> 181 </el-form-item>
122 </el-col> 182 </el-col>
123 </el-row> 183 </el-row>
124 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 184 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
125 <el-col :span="24"> 185 <el-col :span="24">
126 <el-form-item label="最高债权确定事实和数额："> 186 <el-form-item label="最高债权确定事实和数额：">
127 <el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!viewEdit"></el-input> 187 <el-input
188 v-model="ruleForm.diyaqList[0].zgzqqdss"
189 :disabled="!viewEdit"
190 ></el-input>
128 </el-form-item> 191 </el-form-item>
129 </el-col> 192 </el-col>
130 </el-row> 193 </el-row>
131 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 194 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
132 <el-col> 195 <el-col>
133 <el-form-item label="附记：" prop="fj"> 196 <el-form-item label="附记：" prop="fj">
134 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaqList[0].fj" :disabled="!viewEdit"></el-input> 197 <el-input
198 type="textarea"
199 maxlength="500"
200 show-word-limit
201 v-model="ruleForm.diyaqList[0].fj"
202 :disabled="!viewEdit"
203 ></el-input>
135 </el-form-item> 204 </el-form-item>
136 </el-col> 205 </el-col>
137 </el-row> 206 </el-row>
...@@ -140,10 +209,16 @@ ...@@ -140,10 +209,16 @@
140 抵押权人信息 209 抵押权人信息
141 <div class="triangle"></div> 210 <div class="triangle"></div>
142 </div> 211 </div>
143 <el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0"> 212 <el-row
213 :gutter="10"
214 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
215 >
144 <el-col :span="14"> 216 <el-col :span="14">
145 <el-form-item label="共有方式："> 217 <el-form-item label="共有方式：">
146 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldyList[0].gyfs"> 218 <el-radio-group
219 :disabled="!viewEdit"
220 v-model="ruleForm.sldyList[0].gyfs"
221 >
147 <el-radio label="0">单独所有</el-radio> 222 <el-radio label="0">单独所有</el-radio>
148 <el-radio label="1">共同共有</el-radio> 223 <el-radio label="1">共同共有</el-radio>
149 <el-radio label="2">按份所有</el-radio> 224 <el-radio label="2">按份所有</el-radio>
...@@ -154,43 +229,88 @@ ...@@ -154,43 +229,88 @@
154 229
155 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'"> 230 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
156 <el-form-item label="是否分别持证："> 231 <el-form-item label="是否分别持证：">
157 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!viewEdit"> 232 <el-radio-group
233 v-model="ruleForm.sldyList[0].sqfbcz"
234 :disabled="!viewEdit"
235 @input="updaterow()"
236 >
158 <el-radio label="1">是</el-radio> 237 <el-radio label="1">是</el-radio>
159 <el-radio label="0">否</el-radio> 238 <el-radio label="0">否</el-radio>
160 </el-radio-group> 239 </el-radio-group>
161 </el-form-item> 240 </el-form-item>
162 </el-col> 241 </el-col>
163 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'&&ruleForm.sldyList[0].sqfbcz == '0' "> 242 <el-col
243 :span="5"
244 v-show="
245 ruleForm.sldyList[0].gyfs != '0' &&
246 ruleForm.sldyList[0].sqfbcz == '0'
247 "
248 >
164 <el-form-item label="持证人："> 249 <el-form-item label="持证人：">
165 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 250 <el-select
166 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 251 v-model="czr"
252 placeholder="持证人"
253 :disabled="!viewEdit"
254 >
255 <el-option
256 v-for="item in czrOptions"
257 :key="item.value"
258 :label="item.label"
259 :value="item.value"
260 >
167 </el-option> 261 </el-option>
168 </el-select> 262 </el-select>
169 </el-form-item> 263 </el-form-item>
170 </el-col> 264 </el-col>
171 </el-row> 265 </el-row>
172 <qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 266 <qlrCommonTable
173 :disabled="viewEdit" :gyfs="ruleForm.sldyList[0].gyfs" /> 267 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
268 :tableData="ruleForm.qlrList"
269 @upDateQlrxxList="upDateQlrxxList"
270 :disabled="viewEdit"
271 :gyfs="ruleForm.sldyList[0].gyfs"
272 />
174 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
175 抵押人信息 274 抵押人信息
176 <div class="triangle"></div> 275 <div class="triangle"></div>
177 </div> 276 </div>
178 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 277 <qlrCommonTable
278 :tableData="ruleForm.ywrList"
279 @upDateQlrxxList="upDateYwrxxList"
280 :disabled="viewEdit"
281 />
179 282
180 <div class="slxx_title title-block"> 283 <div class="slxx_title title-block">
181 登记原因 284 登记原因
182 <div class="triangle"></div> 285 <div class="triangle"></div>
183 </div> 286 </div>
184 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 287 <el-row
288 :gutter="10"
289 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
290 >
185 <el-col> 291 <el-col>
186 <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy"> 292 <el-form-item
187 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 293 v-if="ruleForm.sldyList[0].djlx == '400'"
188 v-model="ruleForm.diyaqList[0].zxdyyy"> 294 label="注销抵押原因："
295 prop="djyy"
296 >
297 <el-input
298 class="textArea"
299 type="textarea"
300 :disabled="!viewEdit"
301 v-model="ruleForm.diyaqList[0].zxdyyy"
302 >
189 </el-input> 303 </el-input>
190 </el-form-item> 304 </el-form-item>
191 <el-form-item v-else label="登记原因：" prop="djyy"> 305 <el-form-item v-else label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 306 <el-input
193 v-model="ruleForm.diyaqList[0].djyy"> 307 class="textArea"
308 type="textarea"
309 maxlength="500"
310 show-word-limit
311 :disabled="!viewEdit"
312 v-model="ruleForm.diyaqList[0].djyy"
313 >
194 </el-input> 314 </el-input>
195 </el-form-item> 315 </el-form-item>
196 </el-col> 316 </el-col>
...@@ -205,13 +325,13 @@ ...@@ -205,13 +325,13 @@
205 </div> 325 </div>
206 </template> 326 </template>
207 <script> 327 <script>
208 import qjhTable from "@/views/workflow/components/qjhTable"; 328 import qjhTable from "@/views/workflow/components/qjhTable";
209 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 329 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
210 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; 330 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
211 import { mapGetters } from "vuex"; 331 import { mapGetters } from "vuex";
212 export default { 332 export default {
213 mounted () { 333 mounted() {
214 this.viewEdit = this.$parent.currentSelectTab.ableOperation 334 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
215 this.propsParam = this.$attrs; 335 this.propsParam = this.$attrs;
216 var formdata = new FormData(); 336 var formdata = new FormData();
217 337
...@@ -225,31 +345,31 @@ ...@@ -225,31 +345,31 @@
225 this.ruleForm = res.result; 345 this.ruleForm = res.result;
226 this.czrOptions = this.ruleForm.qlrList; 346 this.czrOptions = this.ruleForm.qlrList;
227 this.ruleForm.qlrList.forEach((item) => { 347 this.ruleForm.qlrList.forEach((item) => {
228 if(item.sfczr==1){ 348 if (item.sfczr == 1) {
229 this.czr=item.sqrmc 349 this.czr = item.sqrmc;
230 } 350 }
231 }) 351 });
232 } else { 352 } else {
233 this.$message.error(res.message); 353 this.$message.error(res.message);
234 } 354 }
235 }) 355 });
236 }, 356 },
237 components: { qlrCommonTable, qjhTable }, 357 components: { qlrCommonTable, qjhTable },
238 computed: { 358 computed: {
239 ...mapGetters(["dictData", "flag"]), 359 ...mapGetters(["dictData", "flag"]),
240 }, 360 },
241 data () { 361 data() {
242 return { 362 return {
243 //表单是否可操作 363 //表单是否可操作
244 viewEdit: true, 364 viewEdit: true,
245 disabled: true, 365 disabled: true,
246 czrOptions: [], 366 czrOptions: [],
247 czr:"", 367 czr: "",
248 ruleForm: {}, 368 ruleForm: {},
249 //传递参数 369 //传递参数
250 propsParam: {}, 370 propsParam: {},
251 rules: {}, 371 rules: {},
252 tableData: [] 372 tableData: [],
253 }; 373 };
254 }, 374 },
255 methods: { 375 methods: {
...@@ -257,8 +377,8 @@ ...@@ -257,8 +377,8 @@
257 * @description: onSubmitClick 377 * @description: onSubmitClick
258 * @author: renchao 378 * @author: renchao
259 */ 379 */
260 onSubmitClick () { 380 onSubmitClick() {
261 let that = this 381 let that = this;
262 if (this.ruleForm.qlrList.length == 0) { 382 if (this.ruleForm.qlrList.length == 0) {
263 this.$message({ 383 this.$message({
264 showClose: true, 384 showClose: true,
...@@ -281,7 +401,8 @@ ...@@ -281,7 +401,8 @@
281 if (this.ruleForm.qlrList.length <= 1) { 401 if (this.ruleForm.qlrList.length <= 1) {
282 this.$message({ 402 this.$message({
283 showClose: true, 403 showClose: true,
284 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 404 message:
405 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
285 type: "error", 406 type: "error",
286 }); 407 });
287 return false; 408 return false;
...@@ -317,7 +438,7 @@ ...@@ -317,7 +438,7 @@
317 message: "保存成功！", 438 message: "保存成功！",
318 type: "success", 439 type: "success",
319 }); 440 });
320 this.$store.dispatch('user/refreshPage', true); 441 this.$store.dispatch("user/refreshPage", true);
321 } else { 442 } else {
322 this.$message({ 443 this.$message({
323 showClose: true, 444 showClose: true,
...@@ -327,6 +448,15 @@ ...@@ -327,6 +448,15 @@
327 } 448 }
328 }); 449 });
329 }, 450 },
451 // 是否持证人变化
452 /**
453 * @description: 是否持证人变化
454 * @param {*} val
455 * @author: renchao
456 */
457 updaterow() {
458 this.czr = "";
459 },
330 460
331 // 更新权利人信息 461 // 更新权利人信息
332 /** 462 /**
...@@ -334,7 +464,7 @@ ...@@ -334,7 +464,7 @@
334 * @param {*} val 464 * @param {*} val
335 * @author: renchao 465 * @author: renchao
336 */ 466 */
337 upDateQlrxxList (val) { 467 upDateQlrxxList(val) {
338 if (!_.isEqual(val, this.ruleForm.qlrList)) { 468 if (!_.isEqual(val, this.ruleForm.qlrList)) {
339 this.ruleForm.qlrList = _.cloneDeep(val); 469 this.ruleForm.qlrList = _.cloneDeep(val);
340 this.czrOptions = this.ruleForm.qlrList; 470 this.czrOptions = this.ruleForm.qlrList;
...@@ -346,15 +476,15 @@ ...@@ -346,15 +476,15 @@
346 * @param {*} val 476 * @param {*} val
347 * @author: renchao 477 * @author: renchao
348 */ 478 */
349 upDateYwrxxList (val) { 479 upDateYwrxxList(val) {
350 if (!_.isEqual(val, this.ruleForm.ywrList)) { 480 if (!_.isEqual(val, this.ruleForm.ywrList)) {
351 this.ruleForm.ywrList = _.cloneDeep(val); 481 this.ruleForm.ywrList = _.cloneDeep(val);
352 } 482 }
353 } 483 },
354 } 484 },
355 }; 485 };
356 </script> 486 </script>
357 <style scoped lang='scss'> 487 <style scoped lang="scss">
358 @import "~@/styles/public.scss"; 488 @import "~@/styles/public.scss";
359 @import "~@/styles/slxx/slxx.scss"; 489 @import "~@/styles/slxx/slxx.scss";
360 </style> 490 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="140px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -56,7 +63,8 @@ ...@@ -56,7 +63,8 @@
56 placeholder="" 63 placeholder=""
57 :normalizer="normalizer" 64 :normalizer="normalizer"
58 :show-count="true" 65 :show-count="true"
59 :options="dictData['A17']" /> 66 :options="dictData['A17']"
67 />
60 </el-form-item> 68 </el-form-item>
61 </el-col> 69 </el-col>
62 <el-col :span="8"> 70 <el-col :span="8">
...@@ -121,8 +129,14 @@ ...@@ -121,8 +129,14 @@
121 </el-form-item> 129 </el-form-item>
122 </el-col> 130 </el-col>
123 <el-col :span="16"> 131 <el-col :span="16">
124 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 132 <el-form-item
125 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit"> 133 label="是否存在禁止或者限制转让抵押不动产的约定："
134 label-width="350px"
135 >
136 <el-radio-group
137 v-model="ruleForm.diyaq.sfczjzhxz"
138 :disabled="!viewEdit"
139 >
126 <el-radio label="1">启用</el-radio> 140 <el-radio label="1">启用</el-radio>
127 <el-radio label="0">禁用</el-radio> 141 <el-radio label="0">禁用</el-radio>
128 </el-radio-group> 142 </el-radio-group>
...@@ -133,9 +147,17 @@ ...@@ -133,9 +147,17 @@
133 <el-row :gutter="10"> 147 <el-row :gutter="10">
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 148 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
135 <el-form-item label="被担保主债权数额："> 149 <el-form-item label="被担保主债权数额：">
136 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit"></el-input> 150 <el-input
151 v-model="ruleForm.diyaq.bdbzzqse"
152 :disabled="!viewEdit"
153 ></el-input>
137 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 154 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
138 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 155 <el-option
156 v-for="item in dictData['A57']"
157 :key="item.dcode"
158 :label="item.dname"
159 :value="item.dcode"
160 >
139 </el-option> 161 </el-option>
140 </el-select> 162 </el-select>
141 </el-form-item> 163 </el-form-item>
...@@ -143,9 +165,17 @@ ...@@ -143,9 +165,17 @@
143 165
144 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 166 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
145 <el-form-item label="最高债权额："> 167 <el-form-item label="最高债权额：">
146 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit"></el-input> 168 <el-input
169 v-model="ruleForm.diyaq.zgzqse"
170 :disabled="!viewEdit"
171 ></el-input>
147 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 172 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
148 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 173 <el-option
174 v-for="item in dictData['A57']"
175 :key="item.dcode"
176 :label="item.dname"
177 :value="item.dcode"
178 >
149 </el-option> 179 </el-option>
150 </el-select> 180 </el-select>
151 </el-form-item> 181 </el-form-item>
...@@ -153,13 +183,21 @@ ...@@ -153,13 +183,21 @@
153 183
154 <el-col :span="8"> 184 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 185 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit" type="date"> 186 <el-date-picker
187 v-model="ruleForm.diyaq.zwlxqssj"
188 :disabled="!viewEdit"
189 type="date"
190 >
157 </el-date-picker> 191 </el-date-picker>
158 </el-form-item> 192 </el-form-item>
159 </el-col> 193 </el-col>
160 <el-col :span="8"> 194 <el-col :span="8">
161 <el-form-item label="债务履行结束时间："> 195 <el-form-item label="债务履行结束时间：">
162 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit" type="date"> 196 <el-date-picker
197 v-model="ruleForm.diyaq.zwlxjssj"
198 :disabled="!viewEdit"
199 type="date"
200 >
163 </el-date-picker> 201 </el-date-picker>
164 </el-form-item> 202 </el-form-item>
165 </el-col> 203 </el-col>
...@@ -168,22 +206,33 @@ ...@@ -168,22 +206,33 @@
168 <el-row> 206 <el-row>
169 <el-col :span="24"> 207 <el-col :span="24">
170 <el-form-item label="担保范围："> 208 <el-form-item label="担保范围：">
171 <el-input v-model="ruleForm.diyaq.dbfw" 209 <el-input
172 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 210 v-model="ruleForm.diyaq.dbfw"
211 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
212 ></el-input>
173 </el-form-item> 213 </el-form-item>
174 </el-col> 214 </el-col>
175 </el-row> 215 </el-row>
176 <el-row> 216 <el-row>
177 <el-col :span="24"> 217 <el-col :span="24">
178 <el-form-item label="最高债权确定事实和数额："> 218 <el-form-item label="最高债权确定事实和数额：">
179 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit"></el-input> 219 <el-input
220 v-model="ruleForm.diyaq.zgzqqdss"
221 :disabled="!viewEdit"
222 ></el-input>
180 </el-form-item> 223 </el-form-item>
181 </el-col> 224 </el-col>
182 </el-row> 225 </el-row>
183 <el-row> 226 <el-row>
184 <el-col> 227 <el-col>
185 <el-form-item label="附记：" prop="fj"> 228 <el-form-item label="附记：" prop="fj">
186 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit"></el-input> 229 <el-input
230 type="textarea"
231 maxlength="500"
232 show-word-limit
233 v-model="ruleForm.diyaq.fj"
234 :disabled="!viewEdit"
235 ></el-input>
187 </el-form-item> 236 </el-form-item>
188 </el-col> 237 </el-col>
189 </el-row> 238 </el-row>
...@@ -195,7 +244,10 @@ ...@@ -195,7 +244,10 @@
195 <el-row :gutter="10"> 244 <el-row :gutter="10">
196 <el-col :span="14"> 245 <el-col :span="14">
197 <el-form-item label="共有方式："> 246 <el-form-item label="共有方式：">
198 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 247 <el-radio-group
248 :disabled="!viewEdit"
249 v-model="ruleForm.sldy.gyfs"
250 >
199 <el-radio label="0">单独所有</el-radio> 251 <el-radio label="0">单独所有</el-radio>
200 <el-radio label="1">共同共有</el-radio> 252 <el-radio label="1">共同共有</el-radio>
201 <el-radio label="2">按份所有</el-radio> 253 <el-radio label="2">按份所有</el-radio>
...@@ -207,7 +259,9 @@ ...@@ -207,7 +259,9 @@
207 <el-form-item label="是否分别持证："> 259 <el-form-item label="是否分别持证：">
208 <el-radio-group 260 <el-radio-group
209 v-model="ruleForm.sldy.sqfbcz" 261 v-model="ruleForm.sldy.sqfbcz"
210 :disabled="!viewEdit"> 262 :disabled="!viewEdit"
263 @input="updaterow()"
264 >
211 <el-radio :label="1">是</el-radio> 265 <el-radio :label="1">是</el-radio>
212 <el-radio :label="0">否</el-radio> 266 <el-radio :label="0">否</el-radio>
213 </el-radio-group> 267 </el-radio-group>
...@@ -215,28 +269,40 @@ ...@@ -215,28 +269,40 @@
215 </el-col> 269 </el-col>
216 <el-col 270 <el-col
217 :span="6" 271 :span="6"
218 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 272 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
273 >
219 <el-form-item label="持证人："> 274 <el-form-item label="持证人：">
220 <el-select 275 <el-select
221 v-model="czr" 276 v-model="czr"
222 placeholder="持证人" 277 placeholder="持证人"
223 :disabled="!viewEdit"> 278 :disabled="!viewEdit"
279 >
224 <el-option 280 <el-option
225 v-for="item in czrOptions" 281 v-for="item in czrOptions"
226 :key="item.zjh" 282 :key="item.zjh"
227 :label="item.sqrmc" 283 :label="item.sqrmc"
228 :value="item.zjh"> 284 :value="item.zjh"
285 >
229 </el-option> 286 </el-option>
230 </el-select> 287 </el-select>
231 </el-form-item> 288 </el-form-item>
232 </el-col> 289 </el-col>
233 </el-row> 290 </el-row>
234 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" /> 291 <qlrCommonTable
292 :tableData="ruleForm.qlrList"
293 @upDateQlrxxList="upDateQlrxxList"
294 :disabled="viewEdit"
295 :gyfs="ruleForm.sldy.gyfs"
296 />
235 <div class="slxx_title title-block"> 297 <div class="slxx_title title-block">
236 抵押人信息 298 抵押人信息
237 <div class="triangle"></div> 299 <div class="triangle"></div>
238 </div> 300 </div>
239 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 301 <qlrCommonTable
302 :tableData="ruleForm.ywrList"
303 @upDateQlrxxList="upDateYwrxxList"
304 :disabled="viewEdit"
305 />
240 306
241 <div class="slxx_title title-block"> 307 <div class="slxx_title title-block">
242 登记原因 308 登记原因
...@@ -244,14 +310,28 @@ ...@@ -244,14 +310,28 @@
244 </div> 310 </div>
245 <el-row :gutter="10"> 311 <el-row :gutter="10">
246 <el-col> 312 <el-col>
247 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 313 <el-form-item
248 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 314 v-if="ruleForm.sldy.djlx == '400'"
249 v-model="ruleForm.diyaq.zxdyyy"> 315 label="注销抵押原因："
316 prop="djyy"
317 >
318 <el-input
319 class="textArea"
320 type="textarea"
321 :disabled="!viewEdit"
322 v-model="ruleForm.diyaq.zxdyyy"
323 >
250 </el-input> 324 </el-input>
251 </el-form-item> 325 </el-form-item>
252 <el-form-item v-else label="登记原因：" prop="djyy"> 326 <el-form-item v-else label="登记原因：" prop="djyy">
253 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit " 327 <el-input
254 v-model="ruleForm.diyaq.djyy"> 328 class="textArea"
329 type="textarea"
330 maxlength="500"
331 show-word-limit
332 :disabled="!viewEdit"
333 v-model="ruleForm.diyaq.djyy"
334 >
255 </el-input> 335 </el-input>
256 </el-form-item> 336 </el-form-item>
257 </el-col> 337 </el-col>
...@@ -266,12 +346,12 @@ ...@@ -266,12 +346,12 @@
266 </div> 346 </div>
267 </template> 347 </template>
268 <script> 348 <script>
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 349 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; 350 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
271 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
272 export default { 352 export default {
273 mounted () { 353 mounted() {
274 this.viewEdit = this.$parent.currentSelectTab.ableOperation 354 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
275 this.propsParam = this.$attrs; 355 this.propsParam = this.$attrs;
276 var formdata = new FormData(); 356 var formdata = new FormData();
277 this.$startLoading(); 357 this.$startLoading();
...@@ -283,31 +363,31 @@ ...@@ -283,31 +363,31 @@
283 this.ruleForm = res.result; 363 this.ruleForm = res.result;
284 this.czrOptions = this.ruleForm.qlrList; 364 this.czrOptions = this.ruleForm.qlrList;
285 this.ruleForm.qlrList.forEach((item) => { 365 this.ruleForm.qlrList.forEach((item) => {
286 if(item.sfczr==1){ 366 if (item.sfczr == 1) {
287 this.czr=item.sqrmc 367 this.czr = item.sqrmc;
288 } 368 }
289 }) 369 });
290 this.$endLoading(); 370 this.$endLoading();
291 } 371 }
292 }) 372 });
293 }, 373 },
294 components: { qlrCommonTable }, 374 components: { qlrCommonTable },
295 computed: { 375 computed: {
296 ...mapGetters(["dictData", "flag"]), 376 ...mapGetters(["dictData", "flag"]),
297 }, 377 },
298 data () { 378 data() {
299 return { 379 return {
300 //表单是否可操作 380 //表单是否可操作
301 viewEdit: true, 381 viewEdit: true,
302 disabled: true, 382 disabled: true,
303 czrOptions: [], 383 czrOptions: [],
304 czr:"", 384 czr: "",
305 ruleForm: {}, 385 ruleForm: {},
306 //传递参数 386 //传递参数
307 propsParam: {}, 387 propsParam: {},
308 rules: {}, 388 rules: {},
309 // 键名转换，方法默认是label和children进行树状渲染 389 // 键名转换，方法默认是label和children进行树状渲染
310 normalizer (node) { 390 normalizer(node) {
311 //方法 391 //方法
312 if (node.children == null || node.children == "null") { 392 if (node.children == null || node.children == "null") {
313 delete node.children; 393 delete node.children;
...@@ -324,8 +404,8 @@ ...@@ -324,8 +404,8 @@
324 * @description: onSubmitClick 404 * @description: onSubmitClick
325 * @author: renchao 405 * @author: renchao
326 */ 406 */
327 onSubmitClick () { 407 onSubmitClick() {
328 let that = this 408 let that = this;
329 if (this.ruleForm.qlrList.length == 0) { 409 if (this.ruleForm.qlrList.length == 0) {
330 this.$message({ 410 this.$message({
331 showClose: true, 411 showClose: true,
...@@ -349,7 +429,8 @@ ...@@ -349,7 +429,8 @@
349 if (this.ruleForm.qlrList.length <= 1) { 429 if (this.ruleForm.qlrList.length <= 1) {
350 this.$message({ 430 this.$message({
351 showClose: true, 431 showClose: true,
352 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 432 message:
433 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
353 type: "error", 434 type: "error",
354 }); 435 });
355 return false; 436 return false;
...@@ -385,7 +466,7 @@ ...@@ -385,7 +466,7 @@
385 message: "保存成功！", 466 message: "保存成功！",
386 type: "success", 467 type: "success",
387 }); 468 });
388 this.$store.dispatch('user/refreshPage', true); 469 this.$store.dispatch("user/refreshPage", true);
389 } else { 470 } else {
390 this.$message({ 471 this.$message({
391 showClose: true, 472 showClose: true,
...@@ -401,27 +482,36 @@ ...@@ -401,27 +482,36 @@
401 * @param {*} val 482 * @param {*} val
402 * @author: renchao 483 * @author: renchao
403 */ 484 */
404 upDateQlrxxList (val) { 485 upDateQlrxxList(val) {
405 if (!_.isEqual(val, this.ruleForm.qlrList)) { 486 if (!_.isEqual(val, this.ruleForm.qlrList)) {
406 this.ruleForm.qlrList = _.cloneDeep(val); 487 this.ruleForm.qlrList = _.cloneDeep(val);
407 this.czrOptions = this.ruleForm.qlrList 488 this.czrOptions = this.ruleForm.qlrList;
408 } 489 }
409 }, 490 },
491 // 是否持证人变化
492 /**
493 * @description: 是否持证人变化
494 * @param {*} val
495 * @author: renchao
496 */
497 updaterow() {
498 this.czr = "";
499 },
410 // 更新义务人信息 500 // 更新义务人信息
411 /** 501 /**
412 * @description: 更新义务人信息 502 * @description: 更新义务人信息
413 * @param {*} val 503 * @param {*} val
414 * @author: renchao 504 * @author: renchao
415 */ 505 */
416 upDateYwrxxList (val) { 506 upDateYwrxxList(val) {
417 if (!_.isEqual(val, this.ruleForm.ywrList)) { 507 if (!_.isEqual(val, this.ruleForm.ywrList)) {
418 this.ruleForm.ywrList = _.cloneDeep(val); 508 this.ruleForm.ywrList = _.cloneDeep(val);
419 } 509 }
420 } 510 },
421 } 511 },
422 }; 512 };
423 </script> 513 </script>
424 <style scoped lang='scss'> 514 <style scoped lang="scss">
425 @import "~@/styles/public.scss"; 515 @import "~@/styles/public.scss";
426 @import "~@/styles/slxx/slxx.scss"; 516 @import "~@/styles/slxx/slxx.scss";
427 </style> 517 </style>
......