Skip to content

bdc / bdcdj-web

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

添加效验

1 parent 3b55fa09
Inline Side-by-side
Showing 11 changed files with 823 additions and 488 deletions
...@@ -527,7 +527,7 @@ ...@@ -527,7 +527,7 @@
527 } else { 527 } else {
528 this.$message({ 528 this.$message({
529 showClose: true, 529 showClose: true,
530 message: "请输入登记原因", 530 message: "请输入红框内的相关信息！",
531 type: "error" 531 type: "error"
532 }) 532 })
533 return false 533 return false
......
...@@ -491,7 +491,7 @@ ...@@ -491,7 +491,7 @@
491 } else { 491 } else {
492 this.$message({ 492 this.$message({
493 showClose: true, 493 showClose: true,
494 message: "请输入登记原因", 494 message: "请输入红框内的相关信息！",
495 type: "error" 495 type: "error"
496 }) 496 })
497 return false 497 return false
......
...@@ -12,7 +12,8 @@ ...@@ -12,7 +12,8 @@
12 v-Loading="loading" 12 v-Loading="loading"
13 :label-position="flag ? 'top' : ''" 13 :label-position="flag ? 'top' : ''"
14 :inline="flag" 14 :inline="flag"
15 label-width="190px"> 15 label-width="190px"
16 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
18 申请业务信息 19 申请业务信息
...@@ -54,11 +55,9 @@ ...@@ -54,11 +55,9 @@
54 </el-row> 55 </el-row>
55 <div class="slxx_title title-block"> 56 <div class="slxx_title title-block">
56 <el-row> 57 <el-row>
57 <el-col :span="20"> 58 <el-col :span="20"> 不动产单元情况 </el-col>
58 不动产单元情况 59 <el-col :span="4" v-if="ruleForm.sldy.djlx == '500'">
59 </el-col> 60 <el-form-item label="是否创建证书：" style="height: 24px">
60 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs"> 61 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio> 62 <el-radio label="1">是</el-radio>
64 <el-radio label="0">否</el-radio> 63 <el-radio label="0">否</el-radio>
...@@ -83,17 +82,27 @@ ...@@ -83,17 +82,27 @@
83 <el-row :gutter="10"> 82 <el-row :gutter="10">
84 <el-col :span="8"> 83 <el-col :span="8">
85 <el-form-item label="发包方："> 84 <el-form-item label="发包方：">
86 <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input> 85 <el-input
86 v-model="ruleForm.lq.fbf"
87 :disabled="!viewEdit"
88 ></el-input>
87 </el-form-item> 89 </el-form-item>
88 </el-col> 90 </el-col>
89 <el-col :span="8"> 91 <el-col :span="8">
90 <el-form-item label="发包方代码："> 92 <el-form-item label="发包方代码：">
91 <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input> 93 <el-input
94 v-model="ruleForm.lq.fbfdm"
95 :disabled="!viewEdit"
96 ></el-input>
92 </el-form-item> 97 </el-form-item>
93 </el-col> 98 </el-col>
94 <el-col :span="8"> 99 <el-col :span="8">
95 <el-form-item label="使用权（承包）面积：" prop="lq.syqmj"> 100 <el-form-item label="使用权（承包）面积：" prop="lq.syqmj">
96 <el-input maxlength="12" v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input> 101 <el-input
102 maxlength="12"
103 v-model="ruleForm.lq.syqmj"
104 :disabled="!viewEdit"
105 ></el-input>
97 </el-form-item> 106 </el-form-item>
98 </el-col> 107 </el-col>
99 </el-row> 108 </el-row>
...@@ -105,26 +114,36 @@ ...@@ -105,26 +114,36 @@
105 v-for="item in dictData['A45']" 114 v-for="item in dictData['A45']"
106 :key="item.dcode" 115 :key="item.dcode"
107 :label="item.dname" 116 :label="item.dname"
108 :value="item.dcode"> 117 :value="item.dcode"
118 >
109 </el-option> 119 </el-option>
110 </el-select> 120 </el-select>
111 </el-form-item> 121 </el-form-item>
112 </el-col> 122 </el-col>
113 <el-col :span="8"> 123 <el-col :span="8">
114 <el-form-item label="森林类别："> 124 <el-form-item label="森林类别：">
115 <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input> 125 <el-input
126 v-model="ruleForm.lq.sllb"
127 :disabled="!viewEdit"
128 ></el-input>
116 </el-form-item> 129 </el-form-item>
117 </el-col> 130 </el-col>
118 <el-col :span="8"> 131 <el-col :span="8">
119 <el-form-item label="主要树种："> 132 <el-form-item label="主要树种：">
120 <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input> 133 <el-input
134 v-model="ruleForm.lq.zysz"
135 :disabled="!viewEdit"
136 ></el-input>
121 </el-form-item> 137 </el-form-item>
122 </el-col> 138 </el-col>
123 </el-row> 139 </el-row>
124 <el-row :gutter="10"> 140 <el-row :gutter="10">
125 <el-col :span="8"> 141 <el-col :span="8">
126 <el-form-item label="株数："> 142 <el-form-item label="株数：">
127 <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input> 143 <el-input
144 v-model="ruleForm.lq.zs"
145 :disabled="!viewEdit"
146 ></el-input>
128 </el-form-item> 147 </el-form-item>
129 </el-col> 148 </el-col>
130 <el-col :span="8"> 149 <el-col :span="8">
...@@ -134,7 +153,8 @@ ...@@ -134,7 +153,8 @@
134 v-for="item in dictData['A26']" 153 v-for="item in dictData['A26']"
135 :key="item.dcode" 154 :key="item.dcode"
136 :label="item.dname" 155 :label="item.dname"
137 :value="item.dcode"> 156 :value="item.dcode"
157 >
138 </el-option> 158 </el-option>
139 </el-select> 159 </el-select>
140 </el-form-item> 160 </el-form-item>
...@@ -146,7 +166,8 @@ ...@@ -146,7 +166,8 @@
146 v-for="item in dictData['A52']" 166 v-for="item in dictData['A52']"
147 :key="item.dcode" 167 :key="item.dcode"
148 :label="item.dname" 168 :label="item.dname"
149 :value="item.dcode"> 169 :value="item.dcode"
170 >
150 </el-option> 171 </el-option>
151 </el-select> 172 </el-select>
152 </el-form-item> 173 </el-form-item>
...@@ -161,25 +182,35 @@ ...@@ -161,25 +182,35 @@
161 value-format="yyyy" 182 value-format="yyyy"
162 v-model="ruleForm.lq.zlnd" 183 v-model="ruleForm.lq.zlnd"
163 :disabled="!viewEdit" 184 :disabled="!viewEdit"
164 type="year"> 185 type="year"
186 >
165 </el-date-picker> 187 </el-date-picker>
166 </el-form-item> 188 </el-form-item>
167 </el-col> 189 </el-col>
168 <el-col :span="8"> 190 <el-col :span="8">
169 <el-form-item label="林班："> 191 <el-form-item label="林班：">
170 <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input> 192 <el-input
193 v-model="ruleForm.lq.lb"
194 :disabled="!viewEdit"
195 ></el-input>
171 </el-form-item> 196 </el-form-item>
172 </el-col> 197 </el-col>
173 <el-col :span="8"> 198 <el-col :span="8">
174 <el-form-item label="小班："> 199 <el-form-item label="小班：">
175 <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input> 200 <el-input
201 v-model="ruleForm.lq.xb"
202 :disabled="!viewEdit"
203 ></el-input>
176 </el-form-item> 204 </el-form-item>
177 </el-col> 205 </el-col>
178 </el-row> 206 </el-row>
179 <el-row :gutter="10"> 207 <el-row :gutter="10">
180 <el-col :span="8"> 208 <el-col :span="8">
181 <el-form-item label="小地名："> 209 <el-form-item label="小地名：">
182 <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input> 210 <el-input
211 v-model="ruleForm.lq.xdm"
212 :disabled="!viewEdit"
213 ></el-input>
183 </el-form-item> 214 </el-form-item>
184 </el-col> 215 </el-col>
185 <el-col :span="8"> 216 <el-col :span="8">
...@@ -189,7 +220,8 @@ ...@@ -189,7 +220,8 @@
189 value-format="yyyy-MM-dd HH:mm:ss" 220 value-format="yyyy-MM-dd HH:mm:ss"
190 v-model="ruleForm.lq.ldsyqssj" 221 v-model="ruleForm.lq.ldsyqssj"
191 :disabled="!viewEdit" 222 :disabled="!viewEdit"
192 type="date"></el-date-picker> 223 type="date"
224 ></el-date-picker>
193 </el-form-item> 225 </el-form-item>
194 </el-col> 226 </el-col>
195 <el-col :span="8"> 227 <el-col :span="8">
...@@ -199,7 +231,8 @@ ...@@ -199,7 +231,8 @@
199 value-format="yyyy-MM-dd HH:mm:ss" 231 value-format="yyyy-MM-dd HH:mm:ss"
200 v-model="ruleForm.lq.ldsyjssj" 232 v-model="ruleForm.lq.ldsyjssj"
201 :disabled="!viewEdit" 233 :disabled="!viewEdit"
202 type="date"></el-date-picker> 234 type="date"
235 ></el-date-picker>
203 </el-form-item> 236 </el-form-item>
204 </el-col> 237 </el-col>
205 </el-row> 238 </el-row>
...@@ -211,7 +244,10 @@ ...@@ -211,7 +244,10 @@
211 </el-col> --> 244 </el-col> -->
212 <el-col :span="8"> 245 <el-col :span="8">
213 <el-form-item label="林地使用 (承包)期限："> 246 <el-form-item label="林地使用 (承包)期限：">
214 <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input> 247 <el-input
248 v-model="ruleForm.lq.ldsyqx"
249 :disabled="!viewEdit"
250 ></el-input>
215 </el-form-item> 251 </el-form-item>
216 </el-col> 252 </el-col>
217 </el-row> 253 </el-row>
...@@ -223,7 +259,8 @@ ...@@ -223,7 +259,8 @@
223 :disabled="!viewEdit" 259 :disabled="!viewEdit"
224 type="textarea" 260 type="textarea"
225 maxlength="500" 261 maxlength="500"
226 show-word-limit></el-input> 262 show-word-limit
263 ></el-input>
227 </el-form-item> 264 </el-form-item>
228 </el-col> 265 </el-col>
229 </el-row> 266 </el-row>
...@@ -244,7 +281,8 @@ ...@@ -244,7 +281,8 @@
244 <el-form-item label="共有方式："> 281 <el-form-item label="共有方式：">
245 <el-radio-group 282 <el-radio-group
246 :disabled="!viewEdit" 283 :disabled="!viewEdit"
247 v-model="ruleForm.sldy.gyfs"> 284 v-model="ruleForm.sldy.gyfs"
285 >
248 <el-radio label="0">单独所有</el-radio> 286 <el-radio label="0">单独所有</el-radio>
249 <el-radio label="1">共同共有</el-radio> 287 <el-radio label="1">共同共有</el-radio>
250 <el-radio label="2">按份所有</el-radio> 288 <el-radio label="2">按份所有</el-radio>
...@@ -257,7 +295,8 @@ ...@@ -257,7 +295,8 @@
257 <el-radio-group 295 <el-radio-group
258 v-model="ruleForm.sldy.sqfbcz" 296 v-model="ruleForm.sldy.sqfbcz"
259 :disabled="!viewEdit" 297 :disabled="!viewEdit"
260 @input="updaterow()"> 298 @input="updaterow()"
299 >
261 <el-radio :label="1">是</el-radio> 300 <el-radio :label="1">是</el-radio>
262 <el-radio :label="0">否</el-radio> 301 <el-radio :label="0">否</el-radio>
263 </el-radio-group> 302 </el-radio-group>
...@@ -265,17 +304,20 @@ ...@@ -265,17 +304,20 @@
265 </el-col> 304 </el-col>
266 <el-col 305 <el-col
267 :span="6" 306 :span="6"
268 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 307 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
308 >
269 <el-form-item label="持证人："> 309 <el-form-item label="持证人：">
270 <el-select 310 <el-select
271 v-model="czr" 311 v-model="czr"
272 placeholder="持证人" 312 placeholder="持证人"
273 :disabled="!viewEdit"> 313 :disabled="!viewEdit"
314 >
274 <el-option 315 <el-option
275 v-for="(item, index) in czrOptions" 316 v-for="(item, index) in czrOptions"
276 :key="index" 317 :key="index"
277 :label="item.sqrmc" 318 :label="item.sqrmc"
278 :value="item.id"> 319 :value="item.id"
320 >
279 </el-option> 321 </el-option>
280 </el-select> 322 </el-select>
281 </el-form-item> 323 </el-form-item>
...@@ -285,7 +327,8 @@ ...@@ -285,7 +327,8 @@
285 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
286 :tableData="ruleForm.qlrList" 328 :tableData="ruleForm.qlrList"
287 :disabled="viewEdit" 329 :disabled="viewEdit"
288 :gyfs="ruleForm.sldy.gyfs" /> 330 :gyfs="ruleForm.sldy.gyfs"
331 />
289 332
290 <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'"> 333 <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'">
291 <div class="slxx_title title-block"> 334 <div class="slxx_title title-block">
...@@ -297,7 +340,8 @@ ...@@ -297,7 +340,8 @@
297 :disabled="viewEdit" 340 :disabled="viewEdit"
298 @upDateQlrxxList="upDateYwrxxList" 341 @upDateQlrxxList="upDateYwrxxList"
299 :tableData="ruleForm.ywrList" 342 :tableData="ruleForm.ywrList"
300 :gyfs="ruleForm.sldy.gyfs" /> 343 :gyfs="ruleForm.sldy.gyfs"
344 />
301 </div> 345 </div>
302 <div class="slxx_title title-block"> 346 <div class="slxx_title title-block">
303 登记原因 347 登记原因
...@@ -312,7 +356,8 @@ ...@@ -312,7 +356,8 @@
312 maxlength="500" 356 maxlength="500"
313 show-word-limit 357 show-word-limit
314 :disabled="!viewEdit" 358 :disabled="!viewEdit"
315 v-model="ruleForm.lq.djyy"> 359 v-model="ruleForm.lq.djyy"
360 >
316 </el-input> 361 </el-input>
317 </el-form-item> 362 </el-form-item>
318 </el-col> 363 </el-col>
...@@ -327,60 +372,62 @@ ...@@ -327,60 +372,62 @@
327 </div> 372 </div>
328 </template> 373 </template>
329 <script> 374 <script>
330 import ywmix from "@/views/ywbl/mixin/index"; 375 import ywmix from "@/views/ywbl/mixin/index";
331 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 376 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
332 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; 377 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
333 import tdytTable from "@/views/workflow/components/tdytTable"; 378 import tdytTable from "@/views/workflow/components/tdytTable";
334 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 379 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
335 import { mapGetters } from "vuex"; 380 import { mapGetters } from "vuex";
336 import { formValidate } from "./slxxValidate"; 381 import { formValidate } from "./slxxValidate";
337 export default { 382 export default {
338 mixins: [ywmix], 383 mixins: [ywmix],
339 mounted () { 384 mounted() {
340 let that = this 385 let that = this;
341 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 386 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
342 this.propsParam = this.$attrs; 387 this.propsParam = this.$attrs;
343 var formdata = new FormData(); 388 var formdata = new FormData();
344 this.loading = true 389 this.loading = true;
345 formdata.append("bsmSldy", this.propsParam.bsmSldy); 390 formdata.append("bsmSldy", this.propsParam.bsmSldy);
346 formdata.append("djlx", this.propsParam.djlx); 391 formdata.append("djlx", this.propsParam.djlx);
347 formdata.append("isEdit", this.viewEdit); 392 formdata.append("isEdit", this.viewEdit);
348 Init(formdata).then((res) => { 393 Init(formdata)
394 .then((res) => {
349 setTimeout(() => { 395 setTimeout(() => {
350 this.loading = false 396 this.loading = false;
351 }, 200) 397 }, 200);
352 if (res.code === 200 && res.result) { 398 if (res.code === 200 && res.result) {
353 this.ruleForm = { 399 this.ruleForm = {
354 ...res.result, 400 ...res.result,
355 ...res.result.qlxxdatas, 401 ...res.result.qlxxdatas,
356 }; 402 };
357 this.ruleForm.qlrList.forEach((item) => { 403 this.ruleForm.qlrList.forEach((item) => {
358 item.id = item.bsmSqr 404 item.id = item.bsmSqr;
359 if (item.sfczr == '1') { 405 if (item.sfczr == "1") {
360 that.czr = item.bsmSqr 406 that.czr = item.bsmSqr;
361 } 407 }
362 }) 408 });
363 that.czrOptions = that.ruleForm.qlrList 409 that.czrOptions = that.ruleForm.qlrList;
364 that.isSave = that.viewEdit; 410 that.isSave = that.viewEdit;
365 this.rules = formValidate(this.ruleForm.sldy.djlx); 411 this.rules = formValidate(this.ruleForm.sldy.djlx);
366 } else { 412 } else {
367 that.isSave = false 413 that.isSave = false;
368 that.$confirm(res.message, '提示', { 414 that.$confirm(res.message, "提示", {
369 cancelButtonText: '取消', 415 cancelButtonText: "取消",
370 showConfirmButton: false, 416 showConfirmButton: false,
371 type: 'warning' 417 type: "warning",
372 }) 418 });
373 } 419 }
374 }).catch(() => {
375 this.loading = false
376 this.isSave = false
377 }) 420 })
421 .catch(() => {
422 this.loading = false;
423 this.isSave = false;
424 });
378 }, 425 },
379 components: { qlrCommonTable, tdytTable, ywrCommonTable }, 426 components: { qlrCommonTable, tdytTable, ywrCommonTable },
380 computed: { 427 computed: {
381 ...mapGetters(["dictData", "flag"]), 428 ...mapGetters(["dictData", "flag"]),
382 }, 429 },
383 data () { 430 data() {
384 return { 431 return {
385 isSave: true, 432 isSave: true,
386 loading: false, 433 loading: false,
...@@ -392,7 +439,7 @@ ...@@ -392,7 +439,7 @@
392 lq: { 439 lq: {
393 zlnd: "", 440 zlnd: "",
394 ldsyqssj: "", 441 ldsyqssj: "",
395 ldsyjssj: "" 442 ldsyjssj: "",
396 }, 443 },
397 flow: { 444 flow: {
398 ywh: "", 445 ywh: "",
...@@ -425,7 +472,7 @@ ...@@ -425,7 +472,7 @@
425 * @param {*} val 472 * @param {*} val
426 * @author: renchao 473 * @author: renchao
427 */ 474 */
428 upDateTdytxxList (val) { 475 upDateTdytxxList(val) {
429 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 476 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
430 }, 477 },
431 /** 478 /**
...@@ -433,19 +480,19 @@ ...@@ -433,19 +480,19 @@
433 * @param {*} val 480 * @param {*} val
434 * @author: renchao 481 * @author: renchao
435 */ 482 */
436 upDateQlrxxList (val) { 483 upDateQlrxxList(val) {
437 if (!_.isEqual(val, this.ruleForm.qlrList)) { 484 if (!_.isEqual(val, this.ruleForm.qlrList)) {
438 this.ruleForm.qlrList = _.cloneDeep(val); 485 this.ruleForm.qlrList = _.cloneDeep(val);
439 this.czrOptions = this.ruleForm.qlrList; 486 this.czrOptions = this.ruleForm.qlrList;
440 } 487 }
441 this.num = 0 488 this.num = 0;
442 this.ruleForm.qlrList.forEach(item => { 489 this.ruleForm.qlrList.forEach((item) => {
443 if (item.id == this.czr) { 490 if (item.id == this.czr) {
444 this.num++ 491 this.num++;
445 } 492 }
446 }) 493 });
447 if (this.num == 0) { 494 if (this.num == 0) {
448 this.czr = '' 495 this.czr = "";
449 } 496 }
450 }, 497 },
451 /** 498 /**
...@@ -453,7 +500,7 @@ ...@@ -453,7 +500,7 @@
453 * @param {*} val 500 * @param {*} val
454 * @author: renchao 501 * @author: renchao
455 */ 502 */
456 updaterow () { 503 updaterow() {
457 this.czr = ""; 504 this.czr = "";
458 }, 505 },
459 /** 506 /**
...@@ -461,14 +508,14 @@ ...@@ -461,14 +508,14 @@
461 * @param {*} val 508 * @param {*} val
462 * @author: renchao 509 * @author: renchao
463 */ 510 */
464 upDateYwrxxList (val) { 511 upDateYwrxxList(val) {
465 this.ruleForm.ywrList = _.cloneDeep(val); 512 this.ruleForm.ywrList = _.cloneDeep(val);
466 }, 513 },
467 /** 514 /**
468 * @description: onSubmit 515 * @description: onSubmit
469 * @author: renchao 516 * @author: renchao
470 */ 517 */
471 onSubmit () { 518 onSubmit() {
472 let that = this; 519 let that = this;
473 if (this.ruleForm.qlrList.length == 0) { 520 if (this.ruleForm.qlrList.length == 0) {
474 this.$message({ 521 this.$message({
...@@ -502,11 +549,11 @@ ...@@ -502,11 +549,11 @@
502 //是否分别持证 549 //是否分别持证
503 if (this.ruleForm.sldy.sqfbcz == "1") { 550 if (this.ruleForm.sldy.sqfbcz == "1") {
504 //是 551 //是
505 this.ruleForm.qlrList.forEach(item => { 552 this.ruleForm.qlrList.forEach((item) => {
506 item.sfczr = "1"; 553 item.sfczr = "1";
507 }); 554 });
508 } else { 555 } else {
509 if (that.czr === '') { 556 if (that.czr === "") {
510 that.$message({ 557 that.$message({
511 showClose: true, 558 showClose: true,
512 message: "请选择持证人", 559 message: "请选择持证人",
...@@ -514,7 +561,7 @@ ...@@ -514,7 +561,7 @@
514 }); 561 });
515 return false; 562 return false;
516 } 563 }
517 this.ruleForm.qlrList.forEach(item => { 564 this.ruleForm.qlrList.forEach((item) => {
518 if (item.id == that.czr) { 565 if (item.id == that.czr) {
519 item.sfczr = "1"; 566 item.sfczr = "1";
520 } else { 567 } else {
...@@ -523,6 +570,9 @@ ...@@ -523,6 +570,9 @@
523 }); 570 });
524 } 571 }
525 } 572 }
573 this.$refs["ruleForm"].validate((valid) => {
574 if (valid) {
575 that.$store.dispatch("user/refreshPage", false);
526 saveData(this.ruleForm).then((res) => { 576 saveData(this.ruleForm).then((res) => {
527 if (res.code === 200) { 577 if (res.code === 200) {
528 this.$message({ 578 this.$message({
...@@ -535,75 +585,84 @@ ...@@ -535,75 +585,84 @@
535 this.$message({ 585 this.$message({
536 showClose: true, 586 showClose: true,
537 message: res.message, 587 message: res.message,
538 type: "error" 588 type: "error",
539 }) 589 });
540 }
541 })
542 }
543 } 590 }
591 });
592 } else {
593 that.$message({
594 showClose: true,
595 message: "请输入红框内的相关信息！",
596 type: "error",
597 });
598 return false;
544 } 599 }
600 });
601 },
602 },
603 };
545 </script> 604 </script>
546 <style scoped lang="scss"> 605 <style scoped lang="scss">
547 @import "~@/styles/public.scss"; 606 @import "~@/styles/public.scss";
548 607
549 /deep/.el-form { 608 /deep/.el-form {
550 display: flex; 609 display: flex;
551 flex-direction: column; 610 flex-direction: column;
552 height: calc(100vh - 130px); 611 height: calc(100vh - 130px);
553 } 612 }
554 613
555 /deep/.el-form-item__label { 614 /deep/.el-form-item__label {
556 padding: 0; 615 padding: 0;
557 } 616 }
558 617
559 /deep/.el-radio { 618 /deep/.el-radio {
560 margin-right: 10px; 619 margin-right: 10px;
561 } 620 }
562 621
563 /deep/.el-select { 622 /deep/.el-select {
564 width: 100%; 623 width: 100%;
565 } 624 }
566 625
567 /deep/.el-form-item { 626 /deep/.el-form-item {
568 margin-bottom: 3px; 627 margin-bottom: 3px;
569 } 628 }
570 629
571 .marginBot0 { 630 .marginBot0 {
572 margin-bottom: 0 !important; 631 margin-bottom: 0 !important;
573 } 632 }
574 633
575 .slxx { 634 .slxx {
576 box-sizing: border-box; 635 box-sizing: border-box;
577 } 636 }
578 637
579 .slxx_con { 638 .slxx_con {
580 flex: 1; 639 flex: 1;
581 height: 100%; 640 height: 100%;
582 background-color: #ffffff; 641 background-color: #ffffff;
583 overflow-y: auto; 642 overflow-y: auto;
584 padding-right: 3px; 643 padding-right: 3px;
585 overflow-x: hidden; 644 overflow-x: hidden;
586 } 645 }
587 646
588 .submit_btn { 647 .submit_btn {
589 height: 50px; 648 height: 50px;
590 } 649 }
591 650
592 .btn { 651 .btn {
593 text-align: center; 652 text-align: center;
594 padding-top: 10px; 653 padding-top: 10px;
595 height: 36px; 654 height: 36px;
596 background-color: #ffffff; 655 background-color: #ffffff;
597 padding: 5px 0; 656 padding: 5px 0;
598 } 657 }
599 658
600 .textArea { 659 .textArea {
601 /deep/.el-textarea__inner { 660 /deep/.el-textarea__inner {
602 min-height: 90px !important; 661 min-height: 90px !important;
603 } 662 }
604 } 663 }
605 664
606 /deep/.el-form-item__label { 665 /deep/.el-form-item__label {
607 padding-bottom: 0px; 666 padding-bottom: 0px;
608 } 667 }
609 </style> 668 </style>
......
...@@ -589,7 +589,7 @@ ...@@ -589,7 +589,7 @@
589 } else { 589 } else {
590 that.$message({ 590 that.$message({
591 showClose: true, 591 showClose: true,
592 message: "请输入登记原因", 592 message: "请输入红框内的相关信息！",
593 type: "error" 593 type: "error"
594 }) 594 })
595 return false 595 return false
......
...@@ -497,7 +497,7 @@ ...@@ -497,7 +497,7 @@
497 } else { 497 } else {
498 that.$message({ 498 that.$message({
499 showClose: true, 499 showClose: true,
500 message: "请输入登记原因", 500 message: "请输入红框内的相关信息！",
501 type: "error" 501 type: "error"
502 }) 502 })
503 return false 503 return false
......
...@@ -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="140px"> 11 label-width="140px"
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 申请业务信息
...@@ -50,10 +51,11 @@ ...@@ -50,10 +51,11 @@
50 </el-row> 51 </el-row>
51 <div class="slxx_title title-block"> 52 <div class="slxx_title title-block">
52 <el-row> 53 <el-row>
53 <el-col :span="16"> 54 <el-col :span="16"> 预告买卖登记情况 </el-col>
54 预告买卖登记情况 55 <el-col
55 </el-col> 56 :span="4"
56 <el-col :span="4" v-if="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'"> 57 v-if="ruleForm.sldy.djlx == '300' || ruleForm.sldy.djlx == '500'"
58 >
57 <el-button @click="compare">变化情况对比+</el-button> 59 <el-button @click="compare">变化情况对比+</el-button>
58 </el-col> 60 </el-col>
59 </el-row> 61 </el-row>
...@@ -128,28 +130,34 @@ ...@@ -128,28 +130,34 @@
128 </div> 130 </div>
129 <el-row :gutter="10"> 131 <el-row :gutter="10">
130 <el-col :span="8"> 132 <el-col :span="8">
131 <el-form-item label="原不动产证号：" 133 <el-form-item
134 label="原不动产证号："
132 prop="sldy.ybdcqzsh" 135 prop="sldy.ybdcqzsh"
133 :rules="rules.ybdcqzshrules"> 136 :rules="rules.ybdcqzshrules"
137 >
134 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> 138 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
135 </el-form-item> 139 </el-form-item>
136 </el-col> 140 </el-col>
137 <el-col :span="8"> 141 <el-col :span="8">
138 <el-form-item label="预告登记种类：" 142 <el-form-item
143 label="预告登记种类："
139 prop="ygdj.ygdjzlmc" 144 prop="ygdj.ygdjzlmc"
140 :rules="rules.ygdjzlmcrules"> 145 :rules="rules.ygdjzlmcrules"
146 >
141 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> 147 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
142 </el-form-item> 148 </el-form-item>
143 </el-col> 149 </el-col>
144 <el-col :span="8"> 150 <el-col :span="8">
145 <el-form-item 151 <el-form-item
146 label="是否禁止或者限制转让的约定：" 152 label="是否禁止或者限制转让约定："
147 label-width="200px" 153 label-width="200px"
148 prop="ygdj.sfczjzhxz" 154 prop="ygdj.sfczjzhxz"
149 :rules="rules.sfczjzhxzrules"> 155 :rules="rules.sfczjzhxzrules"
156 >
150 <el-radio-group 157 <el-radio-group
151 v-model="ruleForm.ygdj.sfczjzhxz" 158 v-model="ruleForm.ygdj.sfczjzhxz"
152 :disabled="!viewEdit"> 159 :disabled="!viewEdit"
160 >
153 <el-radio label="1">是</el-radio> 161 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio> 162 <el-radio label="0">否</el-radio>
155 </el-radio-group> 163 </el-radio-group>
...@@ -158,55 +166,69 @@ ...@@ -158,55 +166,69 @@
158 </el-row> 166 </el-row>
159 <el-row :gutter="10"> 167 <el-row :gutter="10">
160 <el-col :span="8"> 168 <el-col :span="8">
161 <el-form-item label="被担保主债权数额：" 169 <el-form-item
170 label="被担保主债权数额："
162 prop="ygdj.qdjg" 171 prop="ygdj.qdjg"
163 :rules="rules.qdjgrules"> 172 :rules="rules.qdjgrules"
173 >
164 <div class="flex"> 174 <div class="flex">
165 <el-input 175 <el-input
166 v-model="ruleForm.ygdj.qdjg" 176 v-model="ruleForm.ygdj.qdjg"
167 :disabled="!viewEdit"></el-input> 177 :disabled="!viewEdit"
178 ></el-input>
168 <el-select 179 <el-select
169 v-model="ruleForm.ygdj.jedw" 180 v-model="ruleForm.ygdj.jedw"
170 :disabled="!viewEdit" 181 :disabled="!viewEdit"
171 style="width: 68px"> 182 style="width: 68px"
183 >
172 <el-option 184 <el-option
173 v-for="item in dictData['A57']" 185 v-for="item in dictData['A57']"
174 :key="item.dcode" 186 :key="item.dcode"
175 :label="item.dname" 187 :label="item.dname"
176 :value="item.dcode"></el-option> 188 :value="item.dcode"
189 ></el-option>
177 </el-select> 190 </el-select>
178 </div> 191 </div>
179 </el-form-item> 192 </el-form-item>
180 </el-col> 193 </el-col>
181 <el-col :span="8"> 194 <el-col :span="8">
182 <el-form-item label="债务履行起始时间：" 195 <el-form-item
196 label="债务履行起始时间："
183 prop="ygdj.zwlxqssj" 197 prop="ygdj.zwlxqssj"
184 :rules="rules.zwlxqssjrules"> 198 :rules="rules.zwlxqssjrules"
199 >
185 <el-date-picker 200 <el-date-picker
186 v-model="ruleForm.ygdj.zwlxqssj" 201 v-model="ruleForm.ygdj.zwlxqssj"
187 :disabled="!viewEdit" 202 :disabled="!viewEdit"
188 type="date"></el-date-picker> 203 type="date"
204 ></el-date-picker>
189 </el-form-item> 205 </el-form-item>
190 </el-col> 206 </el-col>
191 <el-col :span="8"> 207 <el-col :span="8">
192 <el-form-item label="债务履行结束时间：" 208 <el-form-item
209 label="债务履行结束时间："
193 prop="ygdj.zwlxjssj" 210 prop="ygdj.zwlxjssj"
194 :rules="rules.zwlxjssjrules"> 211 :rules="rules.zwlxjssjrules"
212 >
195 <el-date-picker 213 <el-date-picker
196 v-model="ruleForm.ygdj.zwlxjssj" 214 v-model="ruleForm.ygdj.zwlxjssj"
197 :disabled="!viewEdit" 215 :disabled="!viewEdit"
198 type="date"></el-date-picker> 216 type="date"
217 ></el-date-picker>
199 </el-form-item> 218 </el-form-item>
200 </el-col> 219 </el-col>
201 </el-row> 220 </el-row>
202 <el-row :gutter="10"> 221 <el-row :gutter="10">
203 <el-col :span="24"> 222 <el-col :span="24">
204 <el-form-item label="担保范围：" 223 <el-form-item
224 label="担保范围："
205 prop="ygdj.dbfw" 225 prop="ygdj.dbfw"
206 :rules="rules.dbfwrules"> 226 :rules="rules.dbfwrules"
227 >
207 <el-input 228 <el-input
208 v-model="ruleForm.ygdj.dbfw" 229 v-model="ruleForm.ygdj.dbfw"
209 :disabled="!viewEdit"></el-input> 230 :disabled="!viewEdit"
231 ></el-input>
210 </el-form-item> 232 </el-form-item>
211 </el-col> 233 </el-col>
212 </el-row> 234 </el-row>
...@@ -218,7 +240,8 @@ ...@@ -218,7 +240,8 @@
218 maxlength="500" 240 maxlength="500"
219 show-word-limit 241 show-word-limit
220 v-model="ruleForm.ygdj.fj" 242 v-model="ruleForm.ygdj.fj"
221 :disabled="!viewEdit"></el-input> 243 :disabled="!viewEdit"
244 ></el-input>
222 </el-form-item> 245 </el-form-item>
223 </el-col> 246 </el-col>
224 </el-row> 247 </el-row>
...@@ -231,7 +254,8 @@ ...@@ -231,7 +254,8 @@
231 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
232 <el-radio-group 255 <el-radio-group
233 :disabled="!viewEdit" 256 :disabled="!viewEdit"
234 v-model="ruleForm.sldy.gyfs"> 257 v-model="ruleForm.sldy.gyfs"
258 >
235 <el-radio label="0">单独所有</el-radio> 259 <el-radio label="0">单独所有</el-radio>
236 <el-radio label="1">共同共有</el-radio> 260 <el-radio label="1">共同共有</el-radio>
237 <el-radio label="2">按份所有</el-radio> 261 <el-radio label="2">按份所有</el-radio>
...@@ -244,7 +268,8 @@ ...@@ -244,7 +268,8 @@
244 <el-radio-group 268 <el-radio-group
245 v-model="ruleForm.sldy.sqfbcz" 269 v-model="ruleForm.sldy.sqfbcz"
246 :disabled="!viewEdit" 270 :disabled="!viewEdit"
247 @input="updaterow()"> 271 @input="updaterow()"
272 >
248 <el-radio :label="1">是</el-radio> 273 <el-radio :label="1">是</el-radio>
249 <el-radio :label="0">否</el-radio> 274 <el-radio :label="0">否</el-radio>
250 </el-radio-group> 275 </el-radio-group>
...@@ -252,17 +277,20 @@ ...@@ -252,17 +277,20 @@
252 </el-col> 277 </el-col>
253 <el-col 278 <el-col
254 :span="6" 279 :span="6"
255 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
281 >
256 <el-form-item label="持证人："> 282 <el-form-item label="持证人：">
257 <el-select 283 <el-select
258 v-model="czr" 284 v-model="czr"
259 placeholder="持证人" 285 placeholder="持证人"
260 :disabled="!viewEdit"> 286 :disabled="!viewEdit"
287 >
261 <el-option 288 <el-option
262 v-for="(item,index) in czrOptions" 289 v-for="(item, index) in czrOptions"
263 :key="index" 290 :key="index"
264 :label="item.sqrmc" 291 :label="item.sqrmc"
265 :value="item.id"></el-option> 292 :value="item.id"
293 ></el-option>
266 </el-select> 294 </el-select>
267 </el-form-item> 295 </el-form-item>
268 </el-col> 296 </el-col>
...@@ -271,7 +299,8 @@ ...@@ -271,7 +299,8 @@
271 @upDateQlrxxList="upDateQlrxxList" 299 @upDateQlrxxList="upDateQlrxxList"
272 :tableData="ruleForm.qlrList" 300 :tableData="ruleForm.qlrList"
273 :disabled="viewEdit" 301 :disabled="viewEdit"
274 :gyfs="ruleForm.sldy.gyfs" /> 302 :gyfs="ruleForm.sldy.gyfs"
303 />
275 <div class="slxx_title title-block"> 304 <div class="slxx_title title-block">
276 抵押人信息 305 抵押人信息
277 <div class="triangle"></div> 306 <div class="triangle"></div>
...@@ -280,21 +309,27 @@ ...@@ -280,21 +309,27 @@
280 @upDateQlrxxList="upDateYwrxxList" 309 @upDateQlrxxList="upDateYwrxxList"
281 :tableData="ruleForm.ywrList" 310 :tableData="ruleForm.ywrList"
282 :disabled="viewEdit" 311 :disabled="viewEdit"
283 :gyfs="ruleForm.sldy.gyfs" /> 312 :gyfs="ruleForm.sldy.gyfs"
313 />
284 <div class="slxx_title title-block"> 314 <div class="slxx_title title-block">
285 登记原因 315 登记原因
286 <div class="triangle"></div> 316 <div class="triangle"></div>
287 </div> 317 </div>
288 <el-row :gutter="10"> 318 <el-row :gutter="10">
289 <el-col> 319 <el-col>
290 <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy"> 320 <el-form-item
321 v-if="ruleForm.sldy.djlx == '400'"
322 label="注销登记原因："
323 prop="ygdj.zxyy"
324 >
291 <el-input 325 <el-input
292 class="textArea" 326 class="textArea"
293 type="textarea" 327 type="textarea"
294 maxlength="500" 328 maxlength="500"
295 show-word-limit 329 show-word-limit
296 :disabled="!viewEdit" 330 :disabled="!viewEdit"
297 v-model="ruleForm.ygdj.zxyy"> 331 v-model="ruleForm.ygdj.zxyy"
332 >
298 </el-input> 333 </el-input>
299 </el-form-item> 334 </el-form-item>
300 <el-form-item v-else label="登记原因：" prop="ygdj.djyy"> 335 <el-form-item v-else label="登记原因：" prop="ygdj.djyy">
...@@ -304,7 +339,8 @@ ...@@ -304,7 +339,8 @@
304 maxlength="500" 339 maxlength="500"
305 show-word-limit 340 show-word-limit
306 :disabled="!viewEdit" 341 :disabled="!viewEdit"
307 v-model="ruleForm.ygdj.djyy"> 342 v-model="ruleForm.ygdj.djyy"
343 >
308 </el-input> 344 </el-input>
309 </el-form-item> 345 </el-form-item>
310 </el-col> 346 </el-col>
...@@ -319,15 +355,15 @@ ...@@ -319,15 +355,15 @@
319 </div> 355 </div>
320 </template> 356 </template>
321 <script> 357 <script>
322 import ywmix from "@/views/ywbl/mixin/index"; 358 import ywmix from "@/views/ywbl/mixin/index";
323 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 359 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
324 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; 360 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
325 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 361 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
326 import { mapGetters } from "vuex"; 362 import { mapGetters } from "vuex";
327 import { formValidate } from "./slxxValidate"; 363 import { formValidate } from "./slxxValidate";
328 export default { 364 export default {
329 mixins: [ywmix], 365 mixins: [ywmix],
330 mounted () { 366 mounted() {
331 let that = this; 367 let that = this;
332 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 368 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
333 this.propsParam = this.$attrs; 369 this.propsParam = this.$attrs;
...@@ -337,38 +373,41 @@ ...@@ -337,38 +373,41 @@
337 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 373 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
338 formdata.append("djlx", this.propsParam.djlx); 374 formdata.append("djlx", this.propsParam.djlx);
339 formdata.append("isEdit", this.viewEdit); 375 formdata.append("isEdit", this.viewEdit);
340 Init(formdata).then((res) => { 376 Init(formdata)
377 .then((res) => {
341 setTimeout(() => { 378 setTimeout(() => {
342 that.loading = false 379 that.loading = false;
343 }, 200) 380 }, 200);
344 if (res.code === 200 && res.result) { 381 if (res.code === 200 && res.result) {
345 that.ruleForm = res.result; 382 that.ruleForm = res.result;
346 that.ruleForm.qlrList.forEach((item) => { 383 that.ruleForm.qlrList.forEach((item) => {
347 item.id = item.bsmSqr 384 item.id = item.bsmSqr;
348 if (item.sfczr == '1') { 385 if (item.sfczr == "1") {
349 that.czr = item.bsmSqr 386 that.czr = item.bsmSqr;
350 } 387 }
351 }) 388 });
352 that.czrOptions = this.ruleForm.qlrList; 389 that.czrOptions = this.ruleForm.qlrList;
353 that.isSave = that.viewEdit 390 that.isSave = that.viewEdit;
391 this.rules = formValidate(this.ruleForm.sldy.djlx);
354 } else { 392 } else {
355 that.isSave = false 393 that.isSave = false;
356 that.$confirm(res.message, '提示', { 394 that.$confirm(res.message, "提示", {
357 cancelButtonText: '取消', 395 cancelButtonText: "取消",
358 showConfirmButton: false, 396 showConfirmButton: false,
359 type: 'warning' 397 type: "warning",
360 }) 398 });
361 } 399 }
362 }).catch(() => {
363 this.loading = false
364 this.isSave = false
365 }) 400 })
401 .catch(() => {
402 this.loading = false;
403 this.isSave = false;
404 });
366 }, 405 },
367 components: { qlrCommonTable, ywrCommonTable }, 406 components: { qlrCommonTable, ywrCommonTable },
368 computed: { 407 computed: {
369 ...mapGetters(["dictData", "flag"]) 408 ...mapGetters(["dictData", "flag"]),
370 }, 409 },
371 data () { 410 data() {
372 return { 411 return {
373 isSave: true, 412 isSave: true,
374 //表单是否可操作 413 //表单是否可操作
...@@ -381,25 +420,8 @@ ...@@ -381,25 +420,8 @@
381 ruleForm: {}, 420 ruleForm: {},
382 //传递参数 421 //传递参数
383 propsParam: this.$attrs, 422 propsParam: this.$attrs,
384 rules: { 423 rules: {},
385 ybdcqzshrules: [ 424 };
386 { required: true, message: "原不动产证号", trigger: "blur" },
387 ],
388 ygdjzlmcrules: [
389 { required: true, message: "预告登记种类", trigger: "blur" },
390 ],
391 sfczjzhxzrules: [
392 { required: true, message: "是否禁止或者限制转让的约定：", trigger: "blur" },
393 ],
394 qdjgrules: [{ required: true, message: "被担保主债权数额", trigger: "blur" }],
395 zwlxqssjrules: [{ required: true, message: "债务履行起始时间", trigger: "blur" }],
396 zwlxjssjrules: [{ required: true, message: "债务履行结束时间", trigger: "blur" }],
397 dbfwrules: [{ required: true, message: "担保范围", trigger: "blur" }],
398 'ygdj.djyy': [
399 { required: true, message: '请输入登记原因', trigger: 'blur' }
400 ]
401 }
402 }
403 }, 425 },
404 methods: { 426 methods: {
405 /** 427 /**
...@@ -407,17 +429,17 @@ ...@@ -407,17 +429,17 @@
407 * @param {*} val 429 * @param {*} val
408 * @author: renchao 430 * @author: renchao
409 */ 431 */
410 upDateQlrxxList (val) { 432 upDateQlrxxList(val) {
411 this.ruleForm.qlrList = _.cloneDeep(val); 433 this.ruleForm.qlrList = _.cloneDeep(val);
412 this.czrOptions = this.ruleForm.qlrList; 434 this.czrOptions = this.ruleForm.qlrList;
413 this.num = 0 435 this.num = 0;
414 this.ruleForm.qlrList.forEach(item => { 436 this.ruleForm.qlrList.forEach((item) => {
415 if (item.id == this.czr) { 437 if (item.id == this.czr) {
416 this.num++ 438 this.num++;
417 } 439 }
418 }) 440 });
419 if (this.num == 0) { 441 if (this.num == 0) {
420 this.czr = '' 442 this.czr = "";
421 } 443 }
422 }, 444 },
423 /** 445 /**
...@@ -425,13 +447,14 @@ ...@@ -425,13 +447,14 @@
425 * @param {*} val 447 * @param {*} val
426 * @author: renchao 448 * @author: renchao
427 */ 449 */
428 upDateYwrxxList (val) { 450 upDateYwrxxList(val) {
429 this.ruleForm.ywrList = _.cloneDeep(val); 451 this.ruleForm.ywrList = _.cloneDeep(val);
430 }, /** 452 }
453 /**
431 * @description: compare 454 * @description: compare
432 * @author: renchao 455 * @author: renchao
433 */ 456 */,
434 compare () { 457 compare() {
435 this.$popupDialog( 458 this.$popupDialog(
436 this.ruleForm.qlxx.qllxmc, 459 this.ruleForm.qlxx.qllxmc,
437 "registerBook/comparison", 460 "registerBook/comparison",
...@@ -447,14 +470,14 @@ ...@@ -447,14 +470,14 @@
447 * @description: 是否持证人变化 470 * @description: 是否持证人变化
448 * @author: renchao 471 * @author: renchao
449 */ 472 */
450 updaterow () { 473 updaterow() {
451 this.czr = ""; 474 this.czr = "";
452 }, 475 },
453 /** 476 /**
454 * @description: onSubmit 477 * @description: onSubmit
455 * @author: renchao 478 * @author: renchao
456 */ 479 */
457 onSubmit () { 480 onSubmit() {
458 let that = this; 481 let that = this;
459 if (this.ruleForm.qlrList.length == 0) { 482 if (this.ruleForm.qlrList.length == 0) {
460 this.$message({ 483 this.$message({
...@@ -492,7 +515,7 @@ ...@@ -492,7 +515,7 @@
492 item.sfczr = "1"; 515 item.sfczr = "1";
493 }); 516 });
494 } else { 517 } else {
495 if (that.czr === '') { 518 if (that.czr === "") {
496 that.$message({ 519 that.$message({
497 showClose: true, 520 showClose: true,
498 message: "请选择持证人", 521 message: "请选择持证人",
...@@ -509,6 +532,9 @@ ...@@ -509,6 +532,9 @@
509 }); 532 });
510 } 533 }
511 } 534 }
535 this.$refs["ruleForm"].validate((valid) => {
536 if (valid) {
537 that.$store.dispatch("user/refreshPage", false);
512 saveData(this.ruleForm).then((res) => { 538 saveData(this.ruleForm).then((res) => {
513 if (res.code === 200) { 539 if (res.code === 200) {
514 this.$message({ 540 this.$message({
...@@ -521,15 +547,24 @@ ...@@ -521,15 +547,24 @@
521 this.$message({ 547 this.$message({
522 showClose: true, 548 showClose: true,
523 message: res.message, 549 message: res.message,
524 type: "error" 550 type: "error",
525 }) 551 });
526 }
527 })
528 }
529 } 552 }
553 });
554 } else {
555 that.$message({
556 showClose: true,
557 message: "请输入红框内的相关信息！",
558 type: "error",
559 });
560 return false;
530 } 561 }
562 });
563 },
564 },
565 };
531 </script> 566 </script>
532 <style scoped lang="scss"> 567 <style scoped lang="scss">
533 @import "~@/styles/public.scss"; 568 @import "~@/styles/public.scss";
534 @import "~@/styles/slxx/slxx.scss"; 569 @import "~@/styles/slxx/slxx.scss";
535 </style> 570 </style>
......
...@@ -4,89 +4,99 @@ ...@@ -4,89 +4,99 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'ygdj.sfczjzhxz': [
9 return fristValidate(); 9 { required: false, message: '是否禁止或者限制转让约定：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'ygdj.qdjg': [
12 case "300": 12 { required: false, message: '被担保主债权数额：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'ygdj.zwlxqssj': [
15 return logoutValidate(); 15 { required: false, message: '债务履行起始时间：', trigger: 'blur' }
16 case "500": 16 ],
17 return riviseValidate(); 17 'ygdj.zwlxjssj': [
18 case "901": 18 { required: false, message: '债务履行结束时间：', trigger: 'blur' }
19 return renewalValidate(); 19 ],
20 case "902": 20 'ygdj.djyy': [
21 return replaceValidate(); 21 { required: false, message: '请输入登记原因', trigger: 'blur' }
22 ],
23 'ygdj.zxyy': [
24 { required: false, message: '请输入注销登记原因', trigger: 'blur' }
25 ]
26 }
27 if (djlx=="400") {
28 formRules["ygdj.zxyy"][0].required=true;
29 }else{
30 formRules["ygdj.sfczjzhxz"][0].required=true;
31 formRules["ygdj.qdjg"][0].required=true;
32 formRules["ygdj.zwlxqssj"][0].required=true;
33 formRules["ygdj.zwlxjssj"][0].required=true;
34 formRules["ygdj.djyy"][0].required=true;
35 }
36 return formRules;
22 } 37 }
23 }
24 38
25 /** 39 /**
26 * @description: 首次登记效验 40 * @description: 首次登记效验
27 * @param {*} data 41 * @param {*} data
28 * @author: renchao 42 * @author: renchao
29 */ 43 */
30 export function fristValidate () { 44 export function fristValidate (formRules,dyfs) {
31 var formRules={ 45
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules; 46 return formRules;
37 } 47 }
38 48
39 49
40 /** 50 /**
41 * @description: 转移登记效验 51 * @description: 转移登记效验
42 * @param {*} data 52 * @param {*} data
43 * @author: renchao 53 * @author: renchao
44 */ 54 */
45 export function transferValidate (data) { 55 export function transferValidate (data) {
46 56
47 } 57 }
48 58
49 /** 59 /**
50 * @description: 变更登记效验 60 * @description: 变更登记效验
51 * @param {*} data 61 * @param {*} data
52 * @author: renchao 62 * @author: renchao
53 */ 63 */
54 export function changeValidate (data) { 64 export function changeValidate (data) {
55 65
56 } 66 }
57 67
58 /** 68 /**
59 * @description: 注销登记效验 69 * @description: 注销登记效验
60 * @param {*} data 70 * @param {*} data
61 * @author: renchao 71 * @author: renchao
62 */ 72 */
63 export function logoutValidate (data) { 73 export function logoutValidate (data) {
64 74
65 } 75 }
66 76
67 /** 77 /**
68 * @description: 更正登记效验 78 * @description: 更正登记效验
69 * @param {*} data 79 * @param {*} data
70 * @author: renchao 80 * @author: renchao
71 */ 81 */
72 export function riviseValidate (data) { 82 export function riviseValidate (data) {
73 83
74 } 84 }
75 85
76 /** 86 /**
77 * @description: 补证登记效验 87 * @description: 补证登记效验
78 * @param {*} data 88 * @param {*} data
79 * @author: renchao 89 * @author: renchao
80 */ 90 */
81 export function renewalValidate (data) { 91 export function renewalValidate (data) {
82 92
83 } 93 }
84 94
85 /** 95 /**
86 * @description: 换证登记效验 96 * @description: 换证登记效验
87 * @param {*} data 97 * @param {*} data
88 * @author: renchao 98 * @author: renchao
89 */ 99 */
90 export function replaceValidate (data) { 100 export function replaceValidate (data) {
91 101
92 }
...\ No newline at end of file ...\ No newline at end of file
102 }
...\ No newline at end of file ...\ No newline at end of file
......
1 /**
2 * @description: 首次登记效验
3 * @param {*} data
4 * @author: renchao
5 */
6 export function formValidate (djlx,dyfs) {
7 var formRules={
8 'diyaqList[0].djyy': [
9 { required: false, message: '请输入登记原因', trigger: 'blur' }
10 ],
11 'diyaqList[0].zxdyyy': [
12 { required: false, message: '请输入注销登记原因', trigger: 'blur' }
13 ],
14 'diyaqList[0].zwlxqssj': [
15 { required: false, message: '请选择债务履行起始时间', trigger: 'blur' }
16 ],
17 'diyaqList[0].zwlxjssj': [
18 { required: false, message: '请选择债务履行起始时间', trigger: 'blur' }
19 ],
20 'diyaqList[0].bdbzzqse': [
21 { required: false, message: '请输入被担保主债权数额', trigger: 'blur' }
22 ],
23 'diyaqList[0].zgzqse': [
24 { required: false, message: '请输入最高债权额', trigger: 'blur' }
25 ],
26 'diyaqList[0].sfczjzhxz': [
27 { required: false, message: '请输入最高债权额', trigger: 'blur' }
28 ]
29 }
30
31 if (djlx=="400") {
32 formRules["diyaqList[0].zxdyyy"][0].required=true;
33 }else{
34 if(dyfs=="1"){
35 formRules["diyaqList[0].bdbzzqse"][0].required=true;
36 }else{
37 formRules["diyaqList[0].zgzqse"][0].required=true;
38 }
39 formRules["diyaqList[0].zwlxqssj"][0].required=true;
40 formRules["diyaqList[0].zwlxjssj"][0].required=true;
41 formRules["diyaqList[0].sfczjzhxz"][0].required=true;
42 formRules["diyaqList[0].djyy"][0].required=true;
43 }
44 console.log(formRules);
45 return formRules;
46 }
47
48 /**
49 * @description: 首次登记效验
50 * @param {*} data
51 * @author: renchao
52 */
53 export function fristValidate (formRules,dyfs) {
54
55 return formRules;
56 }
57
58
59 /**
60 * @description: 转移登记效验
61 * @param {*} data
62 * @author: renchao
63 */
64 export function transferValidate (data) {
65
66 }
67
68 /**
69 * @description: 变更登记效验
70 * @param {*} data
71 * @author: renchao
72 */
73 export function changeValidate (data) {
74
75 }
76
77 /**
78 * @description: 注销登记效验
79 * @param {*} data
80 * @author: renchao
81 */
82 export function logoutValidate (data) {
83
84 }
85
86 /**
87 * @description: 更正登记效验
88 * @param {*} data
89 * @author: renchao
90 */
91 export function riviseValidate (data) {
92
93 }
94
95 /**
96 * @description: 补证登记效验
97 * @param {*} data
98 * @author: renchao
99 */
100 export function renewalValidate (data) {
101
102 }
103
104 /**
105 * @description: 换证登记效验
106 * @param {*} data
107 * @author: renchao
108 */
109 export function replaceValidate (data) {
110
111 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
7 :label-position="flag ? 'top' : ''" 7 :label-position="flag ? 'top' : ''"
8 :inline="flag" 8 :inline="flag"
9 ref="ruleForm" 9 ref="ruleForm"
10 label-width="140px"> 10 label-width="140px"
11 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
13 申请业务信息 14 申请业务信息
...@@ -35,14 +36,16 @@ ...@@ -35,14 +36,16 @@
35 <el-form-item label="权利类型："> 36 <el-form-item label="权利类型：">
36 <el-input 37 <el-input
37 disabled 38 disabled
38 v-model="ruleForm.sldyList[0].qllxmc"></el-input> 39 v-model="ruleForm.sldyList[0].qllxmc"
40 ></el-input>
39 </el-form-item> 41 </el-form-item>
40 </el-col> 42 </el-col>
41 <el-col :span="8"> 43 <el-col :span="8">
42 <el-form-item label="登记类型："> 44 <el-form-item label="登记类型：">
43 <el-input 45 <el-input
44 disabled 46 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"></el-input> 47 v-model="ruleForm.sldyList[0].djlxmc"
48 ></el-input>
46 </el-form-item> 49 </el-form-item>
47 </el-col> 50 </el-col>
48 <el-col :span="8"> 51 <el-col :span="8">
...@@ -54,17 +57,19 @@ ...@@ -54,17 +57,19 @@
54 57
55 <div 58 <div
56 class="slxx_title title-block" 59 class="slxx_title title-block"
57 v-if="ruleForm.slsq.djywbm.includes('400')"> 60 v-if="ruleForm.slsq.djywbm.includes('400')"
61 >
58 在建工程抵押信息列表（{{ ruleForm.qlxxList.length }} 户） 62 在建工程抵押信息列表（{{ ruleForm.qlxxList.length }} 户）
59 <div class="triangle"></div> 63 <div class="triangle"></div>
60 </div> 64 </div>
61 <div 65 <div class="slxx_title title-block" v-else>
62 class="slxx_title title-block"
63 v-else>
64 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户） 66 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
65 <div class="triangle"></div> 67 <div class="triangle"></div>
66 </div> 68 </div>
67 <qlxxTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" /> 69 <qlxxTable
70 :tableData="ruleForm.qlxxList"
71 v-if="ruleForm.slsq.djywbm.includes('400')"
72 />
68 <qjhTable v-else :tableData="ruleForm.hlist" /> 73 <qjhTable v-else :tableData="ruleForm.hlist" />
69 <div class="slxx_title title-block"> 74 <div class="slxx_title title-block">
70 抵押信息 75 抵押信息
...@@ -72,7 +77,8 @@ ...@@ -72,7 +77,8 @@
72 </div> 77 </div>
73 <el-row 78 <el-row
74 :gutter="10" 79 :gutter="10"
75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 80 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
81 >
76 <el-col :span="8"> 82 <el-col :span="8">
77 <el-form-item label="抵押方式："> 83 <el-form-item label="抵押方式：">
78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 84 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -85,7 +91,8 @@ ...@@ -85,7 +91,8 @@
85 <el-form-item label="抵押金额类型："> 91 <el-form-item label="抵押金额类型：">
86 <el-radio-group 92 <el-radio-group
87 v-model="ruleForm.diyaqList[0].dyjelx" 93 v-model="ruleForm.diyaqList[0].dyjelx"
88 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 94 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
95 >
89 <el-radio label="0">独立抵押</el-radio> 96 <el-radio label="0">独立抵押</el-radio>
90 <el-radio label="1">整体抵押</el-radio> 97 <el-radio label="1">整体抵押</el-radio>
91 </el-radio-group> 98 </el-radio-group>
...@@ -93,11 +100,14 @@ ...@@ -93,11 +100,14 @@
93 </el-col> 100 </el-col>
94 <el-col :span="8"> 101 <el-col :span="8">
95 <el-form-item 102 <el-form-item
96 label="是否存在禁止或者限制转让抵押不动产的约定：" 103 label="是否禁止或者限制转让约定："
97 label-width="300px"> 104 label-width="200px"
105 prop="diyaqList[0].sfczjzhxz"
106 >
98 <el-radio-group 107 <el-radio-group
99 v-model="ruleForm.diyaqList[0].sfczjzhxz" 108 v-model="ruleForm.diyaqList[0].sfczjzhxz"
100 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 109 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
110 >
101 <el-radio label="1">启用</el-radio> 111 <el-radio label="1">启用</el-radio>
102 <el-radio label="0">禁用</el-radio> 112 <el-radio label="0">禁用</el-radio>
103 </el-radio-group> 113 </el-radio-group>
...@@ -106,22 +116,29 @@ ...@@ -106,22 +116,29 @@
106 </el-row> 116 </el-row>
107 <el-row 117 <el-row
108 :gutter="10" 118 :gutter="10"
109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 119 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
120 >
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 121 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
111 <el-form-item label="被担保主债权数额："> 122 <el-form-item
123 label="被担保主债权数额："
124 prop="diyaqList[0].bdbzzqse"
125 >
112 <div style="display: flex"> 126 <div style="display: flex">
113 <el-input 127 <el-input
114 v-model="ruleForm.diyaqList[0].bdbzzqse" 128 v-model="ruleForm.diyaqList[0].bdbzzqse"
115 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 129 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
130 ></el-input>
116 <el-select 131 <el-select
117 style="width: 68px" 132 style="width: 68px"
118 v-model="ruleForm.diyaqList[0].jedw" 133 v-model="ruleForm.diyaqList[0].jedw"
119 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 134 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
135 >
120 <el-option 136 <el-option
121 v-for="item in dictData['A57']" 137 v-for="item in dictData['A57']"
122 :key="item.dcode" 138 :key="item.dcode"
123 :label="item.dname" 139 :label="item.dname"
124 :value="item.dcode"> 140 :value="item.dcode"
141 >
125 </el-option> 142 </el-option>
126 </el-select> 143 </el-select>
127 </div> 144 </div>
...@@ -129,38 +146,49 @@ ...@@ -129,38 +146,49 @@
129 </el-col> 146 </el-col>
130 147
131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 148 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
132 <el-form-item label="最高债权额："> 149 <el-form-item label="最高债权额：" prop="diyaqList[0].zgzqse">
133 <el-input 150 <el-input
134 v-model="ruleForm.diyaqList[0].zgzqse" 151 v-model="ruleForm.diyaqList[0].zgzqse"
135 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 152 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
153 ></el-input>
136 <el-select 154 <el-select
137 v-model="ruleForm.diyaqList[0].jedw" 155 v-model="ruleForm.diyaqList[0].jedw"
138 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 156 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
157 >
139 <el-option 158 <el-option
140 v-for="item in dictData['A57']" 159 v-for="item in dictData['A57']"
141 :key="item.dcode" 160 :key="item.dcode"
142 :label="item.dname" 161 :label="item.dname"
143 :value="item.dcode"> 162 :value="item.dcode"
163 >
144 </el-option> 164 </el-option>
145 </el-select> 165 </el-select>
146 </el-form-item> 166 </el-form-item>
147 </el-col> 167 </el-col>
148 168
149 <el-col :span="8"> 169 <el-col :span="8">
150 <el-form-item label="债务履行起始时间："> 170 <el-form-item
171 label="债务履行起始时间："
172 prop="diyaqList[0].zwlxqssj"
173 >
151 <el-date-picker 174 <el-date-picker
152 v-model="ruleForm.diyaqList[0].zwlxqssj" 175 v-model="ruleForm.diyaqList[0].zwlxqssj"
153 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" 176 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
154 type="date"> 177 type="date"
178 >
155 </el-date-picker> 179 </el-date-picker>
156 </el-form-item> 180 </el-form-item>
157 </el-col> 181 </el-col>
158 <el-col :span="8"> 182 <el-col :span="8">
159 <el-form-item label="债务履行结束时间："> 183 <el-form-item
184 label="债务履行结束时间："
185 prop="diyaqList[0].zwlxjssj"
186 >
160 <el-date-picker 187 <el-date-picker
161 v-model="ruleForm.diyaqList[0].zwlxjssj" 188 v-model="ruleForm.diyaqList[0].zwlxjssj"
162 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" 189 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
163 type="date"> 190 type="date"
191 >
164 </el-date-picker> 192 </el-date-picker>
165 </el-form-item> 193 </el-form-item>
166 </el-col> 194 </el-col>
...@@ -171,16 +199,21 @@ ...@@ -171,16 +199,21 @@
171 <el-form-item label="担保范围："> 199 <el-form-item label="担保范围：">
172 <el-input 200 <el-input
173 v-model="ruleForm.diyaqList[0].dbfw" 201 v-model="ruleForm.diyaqList[0].dbfw"
174 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 202 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
203 ></el-input>
175 </el-form-item> 204 </el-form-item>
176 </el-col> 205 </el-col>
177 </el-row> 206 </el-row>
178 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 207 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
179 <el-col :span="24"> 208 <el-col :span="24">
180 <el-form-item label="最高债权确定事实和数额："> 209 <el-form-item
210 label="最高债权确定事实和数额："
211 prop="diyaqList[0].zgzqqdss"
212 >
181 <el-input 213 <el-input
182 v-model="ruleForm.diyaqList[0].zgzqqdss" 214 v-model="ruleForm.diyaqList[0].zgzqqdss"
183 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 215 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
216 ></el-input>
184 </el-form-item> 217 </el-form-item>
185 </el-col> 218 </el-col>
186 </el-row> 219 </el-row>
...@@ -192,7 +225,8 @@ ...@@ -192,7 +225,8 @@
192 maxlength="500" 225 maxlength="500"
193 show-word-limit 226 show-word-limit
194 v-model="ruleForm.diyaqList[0].fj" 227 v-model="ruleForm.diyaqList[0].fj"
195 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 228 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
229 ></el-input>
196 </el-form-item> 230 </el-form-item>
197 </el-col> 231 </el-col>
198 </el-row> 232 </el-row>
...@@ -203,12 +237,14 @@ ...@@ -203,12 +237,14 @@
203 </div> 237 </div>
204 <el-row 238 <el-row
205 :gutter="10" 239 :gutter="10"
206 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"> 240 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
241 >
207 <el-col :span="14"> 242 <el-col :span="14">
208 <el-form-item label="共有方式："> 243 <el-form-item label="共有方式：">
209 <el-radio-group 244 <el-radio-group
210 :disabled="!viewEdit" 245 :disabled="!viewEdit"
211 v-model="ruleForm.sldyList[0].gyfs"> 246 v-model="ruleForm.sldyList[0].gyfs"
247 >
212 <el-radio label="0">单独所有</el-radio> 248 <el-radio label="0">单独所有</el-radio>
213 <el-radio label="1">共同共有</el-radio> 249 <el-radio label="1">共同共有</el-radio>
214 <el-radio label="2">按份所有</el-radio> 250 <el-radio label="2">按份所有</el-radio>
...@@ -221,7 +257,8 @@ ...@@ -221,7 +257,8 @@
221 <el-radio-group 257 <el-radio-group
222 v-model="ruleForm.sldyList[0].sqfbcz" 258 v-model="ruleForm.sldyList[0].sqfbcz"
223 :disabled="!viewEdit" 259 :disabled="!viewEdit"
224 @input="updaterow()"> 260 @input="updaterow()"
261 >
225 <el-radio :label="1">是</el-radio> 262 <el-radio :label="1">是</el-radio>
226 <el-radio :label="0">否</el-radio> 263 <el-radio :label="0">否</el-radio>
227 </el-radio-group> 264 </el-radio-group>
...@@ -232,17 +269,20 @@ ...@@ -232,17 +269,20 @@
232 v-show=" 269 v-show="
233 ruleForm.sldyList[0].gyfs != '0' && 270 ruleForm.sldyList[0].gyfs != '0' &&
234 ruleForm.sldyList[0].sqfbcz == '0' 271 ruleForm.sldyList[0].sqfbcz == '0'
235 "> 272 "
273 >
236 <el-form-item label="持证人："> 274 <el-form-item label="持证人：">
237 <el-select 275 <el-select
238 v-model="czr" 276 v-model="czr"
239 placeholder="持证人" 277 placeholder="持证人"
240 :disabled="!viewEdit"> 278 :disabled="!viewEdit"
279 >
241 <el-option 280 <el-option
242 v-for="(item,index) in czrOptions" 281 v-for="(item, index) in czrOptions"
243 :key="index" 282 :key="index"
244 :label="item.sqrmc" 283 :label="item.sqrmc"
245 :value="item.id"> 284 :value="item.id"
285 >
246 </el-option> 286 </el-option>
247 </el-select> 287 </el-select>
248 </el-form-item> 288 </el-form-item>
...@@ -253,7 +293,8 @@ ...@@ -253,7 +293,8 @@
253 :tableData="ruleForm.qlrList" 293 :tableData="ruleForm.qlrList"
254 @upDateQlrxxList="upDateQlrxxList" 294 @upDateQlrxxList="upDateQlrxxList"
255 :disabled="viewEdit" 295 :disabled="viewEdit"
256 :gyfs="ruleForm.sldyList[0].gyfs" /> 296 :gyfs="ruleForm.sldyList[0].gyfs"
297 />
257 <div class="slxx_title title-block"> 298 <div class="slxx_title title-block">
258 抵押人信息 299 抵押人信息
259 <div class="triangle"></div> 300 <div class="triangle"></div>
...@@ -261,7 +302,8 @@ ...@@ -261,7 +302,8 @@
261 <qlrCommonTable 302 <qlrCommonTable
262 :tableData="ruleForm.ywrList" 303 :tableData="ruleForm.ywrList"
263 @upDateQlrxxList="upDateYwrxxList" 304 @upDateQlrxxList="upDateYwrxxList"
264 :disabled="viewEdit" /> 305 :disabled="viewEdit"
306 />
265 307
266 <div class="slxx_title title-block"> 308 <div class="slxx_title title-block">
267 登记原因 309 登记原因
...@@ -269,17 +311,20 @@ ...@@ -269,17 +311,20 @@
269 </div> 311 </div>
270 <el-row 312 <el-row
271 :gutter="10" 313 :gutter="10"
272 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 314 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
315 >
273 <el-col> 316 <el-col>
274 <el-form-item 317 <el-form-item
275 v-if="ruleForm.sldyList[0].djlx == '400'" 318 v-if="ruleForm.sldyList[0].djlx == '400'"
276 label="注销抵押原因：" 319 label="注销抵押原因："
277 prop="djyy"> 320 prop="diyaqList[0].zxdyyy"
321 >
278 <el-input 322 <el-input
279 class="textArea" 323 class="textArea"
280 type="textarea" 324 type="textarea"
281 :disabled="!viewEdit" 325 :disabled="!viewEdit"
282 v-model="ruleForm.diyaqList[0].zxdyyy"> 326 v-model="ruleForm.diyaqList[0].zxdyyy"
327 >
283 </el-input> 328 </el-input>
284 </el-form-item> 329 </el-form-item>
285 <el-form-item v-else label="登记原因：" prop="diyaqList[0].djyy"> 330 <el-form-item v-else label="登记原因：" prop="diyaqList[0].djyy">
...@@ -289,7 +334,8 @@ ...@@ -289,7 +334,8 @@
289 maxlength="500" 334 maxlength="500"
290 show-word-limit 335 show-word-limit
291 :disabled="!viewEdit" 336 :disabled="!viewEdit"
292 v-model="ruleForm.diyaqList[0].djyy"> 337 v-model="ruleForm.diyaqList[0].djyy"
338 >
293 </el-input> 339 </el-input>
294 </el-form-item> 340 </el-form-item>
295 </el-col> 341 </el-col>
...@@ -304,53 +350,60 @@ ...@@ -304,53 +350,60 @@
304 </div> 350 </div>
305 </template> 351 </template>
306 <script> 352 <script>
307 import qjhTable from "../commonTable/qjhTable"; 353 import qjhTable from "../commonTable/qjhTable";
308 import qlxxTable from "../commonTable/qlxxTable.vue"; 354 import qlxxTable from "../commonTable/qlxxTable.vue";
309 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 355 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
310 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; 356 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
311 import { mapGetters } from "vuex"; 357 import { formValidate } from "./bacthSlxxValidate";
312 export default { 358 import { mapGetters } from "vuex";
313 mounted () { 359 export default {
314 let that = this 360 mounted() {
361 let that = this;
315 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 362 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
316 this.propsParam = this.$attrs; 363 this.propsParam = this.$attrs;
317 var formdata = new FormData(); 364 var formdata = new FormData();
318 365
319 this.loading = true 366 this.loading = true;
320 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 367 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
321 formdata.append("djlx", this.propsParam.djlx); 368 formdata.append("djlx", this.propsParam.djlx);
322 formdata.append("isEdit", this.viewEdit); 369 formdata.append("isEdit", this.viewEdit);
323 bacthInit(formdata).then((res) => { 370 bacthInit(formdata)
371 .then((res) => {
324 setTimeout(() => { 372 setTimeout(() => {
325 that.loading = false 373 that.loading = false;
326 }, 200) 374 }, 200);
327 if (res.code === 200 && res.result) { 375 if (res.code === 200 && res.result) {
328 this.ruleForm = res.result; 376 this.ruleForm = res.result;
329 this.ruleForm.qlrList.forEach((item) => { 377 this.ruleForm.qlrList.forEach((item) => {
330 item.id = item.bsmSqr 378 item.id = item.bsmSqr;
331 if (item.sfczr == '1') { 379 if (item.sfczr == "1") {
332 that.czr = item.bsmSqr 380 that.czr = item.bsmSqr;
333 } 381 }
334 }) 382 });
335 that.czrOptions = that.ruleForm.qlrList; 383 that.czrOptions = that.ruleForm.qlrList;
336 that.isSave = that.viewEdit 384 that.isSave = that.viewEdit;
385 // that.rules = formValidate(
386 // that.ruleForm.sldyList[0].djlx,
387 // that.ruleForm.diyaqList[0].dyfs
388 // );
337 } else { 389 } else {
338 that.isSave = false 390 that.isSave = false;
339 that.$confirm(res.message, '提示', { 391 that.$confirm(res.message, "提示", {
340 cancelButtonText: '取消', 392 cancelButtonText: "取消",
341 showConfirmButton: false, 393 showConfirmButton: false,
342 type: 'warning' 394 type: "warning",
343 }) 395 });
344 } 396 }
345 }).catch(() => {
346 this.loading = false
347 }) 397 })
398 .catch(() => {
399 this.loading = false;
400 });
348 }, 401 },
349 components: { qlrCommonTable, qjhTable, qlxxTable }, 402 components: { qlrCommonTable, qjhTable, qlxxTable },
350 computed: { 403 computed: {
351 ...mapGetters(["dictData", "flag"]), 404 ...mapGetters(["dictData", "flag"]),
352 }, 405 },
353 data () { 406 data() {
354 return { 407 return {
355 isSave: true, 408 isSave: true,
356 loading: false, 409 loading: false,
...@@ -375,7 +428,7 @@ ...@@ -375,7 +428,7 @@
375 * @description: onSubmitClick 428 * @description: onSubmitClick
376 * @author: renchao 429 * @author: renchao
377 */ 430 */
378 onSubmitClick () { 431 onSubmitClick() {
379 let that = this; 432 let that = this;
380 if (this.ruleForm.qlrList.length == 0) { 433 if (this.ruleForm.qlrList.length == 0) {
381 this.$message({ 434 this.$message({
...@@ -409,10 +462,10 @@ ...@@ -409,10 +462,10 @@
409 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 462 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
410 //是 463 //是
411 this.ruleForm.qlrList.forEach((item, index) => { 464 this.ruleForm.qlrList.forEach((item, index) => {
412 item.sfczr = "1" 465 item.sfczr = "1";
413 }) 466 });
414 } else { 467 } else {
415 if (that.czr === '') { 468 if (that.czr === "") {
416 that.$message({ 469 that.$message({
417 showClose: true, 470 showClose: true,
418 message: "请选择持证人", 471 message: "请选择持证人",
...@@ -429,7 +482,7 @@ ...@@ -429,7 +482,7 @@
429 }); 482 });
430 } 483 }
431 } 484 }
432 this.$refs['ruleForm'].validate((valid) => { 485 this.$refs["ruleForm"].validate((valid) => {
433 if (valid) { 486 if (valid) {
434 that.$store.dispatch("user/refreshPage", false); 487 that.$store.dispatch("user/refreshPage", false);
435 saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => { 488 saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => {
...@@ -447,23 +500,23 @@ ...@@ -447,23 +500,23 @@
447 type: "error", 500 type: "error",
448 }); 501 });
449 } 502 }
450 }) 503 });
451 } else { 504 } else {
452 that.$message({ 505 that.$message({
453 showClose: true, 506 showClose: true,
454 message: "请输入登记原因", 507 message: "请输入红框内的相关信息！",
455 type: "error" 508 type: "error",
456 }) 509 });
457 return false 510 return false;
458 } 511 }
459 }) 512 });
460 }, 513 },
461 /** 514 /**
462 * @description: 是否持证人变化 515 * @description: 是否持证人变化
463 * @param {*} val 516 * @param {*} val
464 * @author: renchao 517 * @author: renchao
465 */ 518 */
466 updaterow () { 519 updaterow() {
467 this.czr = ""; 520 this.czr = "";
468 }, 521 },
469 /** 522 /**
...@@ -471,19 +524,19 @@ ...@@ -471,19 +524,19 @@
471 * @param {*} val 524 * @param {*} val
472 * @author: renchao 525 * @author: renchao
473 */ 526 */
474 upDateQlrxxList (val) { 527 upDateQlrxxList(val) {
475 if (!_.isEqual(val, this.ruleForm.qlrList)) { 528 if (!_.isEqual(val, this.ruleForm.qlrList)) {
476 this.ruleForm.qlrList = _.cloneDeep(val); 529 this.ruleForm.qlrList = _.cloneDeep(val);
477 this.czrOptions = this.ruleForm.qlrList; 530 this.czrOptions = this.ruleForm.qlrList;
478 } 531 }
479 this.num = 0 532 this.num = 0;
480 this.ruleForm.qlrList.forEach(item => { 533 this.ruleForm.qlrList.forEach((item) => {
481 if (item.id == this.czr) { 534 if (item.id == this.czr) {
482 this.num++ 535 this.num++;
483 } 536 }
484 }) 537 });
485 if (this.num == 0) { 538 if (this.num == 0) {
486 this.czr = '' 539 this.czr = "";
487 } 540 }
488 }, 541 },
489 /** 542 /**
...@@ -491,15 +544,15 @@ ...@@ -491,15 +544,15 @@
491 * @param {*} val 544 * @param {*} val
492 * @author: renchao 545 * @author: renchao
493 */ 546 */
494 upDateYwrxxList (val) { 547 upDateYwrxxList(val) {
495 if (!_.isEqual(val, this.ruleForm.ywrList)) { 548 if (!_.isEqual(val, this.ruleForm.ywrList)) {
496 this.ruleForm.ywrList = _.cloneDeep(val); 549 this.ruleForm.ywrList = _.cloneDeep(val);
497 } 550 }
498 } 551 },
499 } 552 },
500 } 553 };
501 </script> 554 </script>
502 <style scoped lang="scss"> 555 <style scoped lang="scss">
503 @import "~@/styles/public.scss"; 556 @import "~@/styles/public.scss";
504 @import "~@/styles/slxx/slxx.scss"; 557 @import "~@/styles/slxx/slxx.scss";
505 </style> 558 </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="170px"> 11 label-width="170px"
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 申请业务信息
...@@ -50,10 +51,11 @@ ...@@ -50,10 +51,11 @@
50 </el-row> 51 </el-row>
51 <div class="slxx_title title-block"> 52 <div class="slxx_title title-block">
52 <el-row> 53 <el-row>
53 <el-col :span="16"> 54 <el-col :span="16"> 抵押户信息情况 </el-col>
54 抵押户信息情况 55 <el-col
55 </el-col> 56 :span="4"
56 <el-col :span="4" v-if="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'"> 57 v-if="ruleForm.sldy.djlx == '300' || ruleForm.sldy.djlx == '500'"
58 >
57 <el-button @click="compare">变化情况对比+</el-button> 59 <el-button @click="compare">变化情况对比+</el-button>
58 </el-col> 60 </el-col>
59 </el-row> 61 </el-row>
...@@ -82,14 +84,17 @@ ...@@ -82,14 +84,17 @@
82 <div class="flex"> 84 <div class="flex">
83 <el-input 85 <el-input
84 maxlength="12" 86 maxlength="12"
85 v-model="ruleForm.qjh.jzmj" disabled 87 v-model="ruleForm.qjh.jzmj"
86 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 88 disabled
89 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
90 ></el-input>
87 <el-select disabled v-model="mjdw" style="width: 68px"> 91 <el-select disabled v-model="mjdw" style="width: 68px">
88 <el-option 92 <el-option
89 v-for="item in dictData['A7']" 93 v-for="item in dictData['A7']"
90 :key="item.dcode" 94 :key="item.dcode"
91 :label="item.dname" 95 :label="item.dname"
92 :value="item.dcode"> 96 :value="item.dcode"
97 >
93 </el-option> 98 </el-option>
94 </el-select> 99 </el-select>
95 </div> 100 </div>
...@@ -100,14 +105,17 @@ ...@@ -100,14 +105,17 @@
100 <div class="flex"> 105 <div class="flex">
101 <el-input 106 <el-input
102 maxlength="12" 107 maxlength="12"
103 v-model="ruleForm.qjh.tnjzmj" disabled 108 v-model="ruleForm.qjh.tnjzmj"
104 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 109 disabled
110 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
111 ></el-input>
105 <el-select disabled v-model="mjdw" style="width: 68px"> 112 <el-select disabled v-model="mjdw" style="width: 68px">
106 <el-option 113 <el-option
107 v-for="item in dictData['A7']" 114 v-for="item in dictData['A7']"
108 :key="item.dcode" 115 :key="item.dcode"
109 :label="item.dname" 116 :label="item.dname"
110 :value="item.dcode"> 117 :value="item.dcode"
118 >
111 </el-option> 119 </el-option>
112 </el-select> 120 </el-select>
113 </div> 121 </div>
...@@ -118,14 +126,17 @@ ...@@ -118,14 +126,17 @@
118 <div class="flex"> 126 <div class="flex">
119 <el-input 127 <el-input
120 maxlength="12" 128 maxlength="12"
121 v-model="ruleForm.qjh.ftjzmj" disabled 129 v-model="ruleForm.qjh.ftjzmj"
122 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 130 disabled
131 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
132 ></el-input>
123 <el-select disabled v-model="mjdw" style="width: 68px"> 133 <el-select disabled v-model="mjdw" style="width: 68px">
124 <el-option 134 <el-option
125 v-for="item in dictData['A7']" 135 v-for="item in dictData['A7']"
126 :key="item.dcode" 136 :key="item.dcode"
127 :label="item.dname" 137 :label="item.dname"
128 :value="item.dcode"> 138 :value="item.dcode"
139 >
129 </el-option> 140 </el-option>
130 </el-select> 141 </el-select>
131 </div> 142 </div>
...@@ -157,6 +168,15 @@ ...@@ -157,6 +168,15 @@
157 168
158 <el-row :gutter="10"> 169 <el-row :gutter="10">
159 <el-col :span="8"> 170 <el-col :span="8">
171 <el-form-item
172 label="原不动产证号："
173 prop="sldy.ybdcqzsh"
174 :rules="rules.ybdcqzshrules"
175 >
176 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
177 </el-form-item>
178 </el-col>
179 <el-col :span="8">
160 <el-form-item label="抵押方式："> 180 <el-form-item label="抵押方式：">
161 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> 181 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
162 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> 182 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
...@@ -165,13 +185,16 @@ ...@@ -165,13 +185,16 @@
165 </el-radio-group> 185 </el-radio-group>
166 </el-form-item> 186 </el-form-item>
167 </el-col> 187 </el-col>
168 <el-col :span="16"> 188 <el-col :span="8">
169 <el-form-item 189 <el-form-item
170 label="是否存在禁止或者限制转让抵押不动产的约定：" 190 label="是否禁止或者限制转让约定："
171 label-width="350px"> 191 label-width="200px"
192 prop="diyaq.sfczjzhxz"
193 >
172 <el-radio-group 194 <el-radio-group
173 v-model="ruleForm.diyaq.sfczjzhxz" 195 v-model="ruleForm.diyaq.sfczjzhxz"
174 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> 196 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
197 >
175 <el-radio label="1">是</el-radio> 198 <el-radio label="1">是</el-radio>
176 <el-radio label="0">否</el-radio> 199 <el-radio label="0">否</el-radio>
177 </el-radio-group> 200 </el-radio-group>
...@@ -181,18 +204,23 @@ ...@@ -181,18 +204,23 @@
181 204
182 <el-row :gutter="10"> 205 <el-row :gutter="10">
183 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 206 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
184 <el-form-item label="被担保主债权数额："> 207 <el-form-item label="被担保主债权数额：" prop="diyaq.bdbzzqse">
185 <div style="display:flex"> 208 <div style="display: flex">
186 <el-input 209 <el-input
187 v-model="ruleForm.diyaq.bdbzzqse" 210 v-model="ruleForm.diyaq.bdbzzqse"
188 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 211 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
189 <el-select style="width: 68px" v-model="ruleForm.diyaq.jedw" 212 ></el-input>
190 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> 213 <el-select
214 style="width: 68px"
215 v-model="ruleForm.diyaq.jedw"
216 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
217 >
191 <el-option 218 <el-option
192 v-for="item in dictData['A57']" 219 v-for="item in dictData['A57']"
193 :key="item.dcode" 220 :key="item.dcode"
194 :label="item.dname" 221 :label="item.dname"
195 :value="item.dcode"> 222 :value="item.dcode"
223 >
196 </el-option> 224 </el-option>
197 </el-select> 225 </el-select>
198 </div> 226 </div>
...@@ -200,17 +228,23 @@ ...@@ -200,17 +228,23 @@
200 </el-col> 228 </el-col>
201 229
202 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 230 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
203 <el-form-item label="最高债权额："> 231 <el-form-item label="最高债权额：" prop="diyaq.zgzqse">
204 <div style="display: flex"> 232 <div style="display: flex">
205 <el-input 233 <el-input
206 v-model="ruleForm.diyaq.zgzqse" 234 v-model="ruleForm.diyaq.zgzqse"
207 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 235 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
208 <el-select v-model="ruleForm.diyaq.jedw" style="width: 68px" :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> 236 ></el-input>
237 <el-select
238 v-model="ruleForm.diyaq.jedw"
239 style="width: 68px"
240 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
241 >
209 <el-option 242 <el-option
210 v-for="item in dictData['A57']" 243 v-for="item in dictData['A57']"
211 :key="item.dcode" 244 :key="item.dcode"
212 :label="item.dname" 245 :label="item.dname"
213 :value="item.dcode"> 246 :value="item.dcode"
247 >
214 </el-option> 248 </el-option>
215 </el-select> 249 </el-select>
216 </div> 250 </div>
...@@ -218,20 +252,22 @@ ...@@ -218,20 +252,22 @@
218 </el-col> 252 </el-col>
219 253
220 <el-col :span="8"> 254 <el-col :span="8">
221 <el-form-item label="债务履行起始时间："> 255 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj">
222 <el-date-picker 256 <el-date-picker
223 v-model="ruleForm.diyaq.zwlxqssj" 257 v-model="ruleForm.diyaq.zwlxqssj"
224 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" 258 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
225 type="date"> 259 type="date"
260 >
226 </el-date-picker> 261 </el-date-picker>
227 </el-form-item> 262 </el-form-item>
228 </el-col> 263 </el-col>
229 <el-col :span="8"> 264 <el-col :span="8">
230 <el-form-item label="债务履行结束时间："> 265 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj">
231 <el-date-picker 266 <el-date-picker
232 v-model="ruleForm.diyaq.zwlxjssj" 267 v-model="ruleForm.diyaq.zwlxjssj"
233 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" 268 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
234 type="date"> 269 type="date"
270 >
235 </el-date-picker> 271 </el-date-picker>
236 </el-form-item> 272 </el-form-item>
237 </el-col> 273 </el-col>
...@@ -242,7 +278,8 @@ ...@@ -242,7 +278,8 @@
242 <el-form-item label="担保范围："> 278 <el-form-item label="担保范围：">
243 <el-input 279 <el-input
244 v-model="ruleForm.diyaq.dbfw" 280 v-model="ruleForm.diyaq.dbfw"
245 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 281 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
282 ></el-input>
246 </el-form-item> 283 </el-form-item>
247 </el-col> 284 </el-col>
248 </el-row> 285 </el-row>
...@@ -251,7 +288,8 @@ ...@@ -251,7 +288,8 @@
251 <el-form-item label="最高债权确定事实和数额："> 288 <el-form-item label="最高债权确定事实和数额：">
252 <el-input 289 <el-input
253 v-model="ruleForm.diyaq.zgzqqdss" 290 v-model="ruleForm.diyaq.zgzqqdss"
254 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 291 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
292 ></el-input>
255 </el-form-item> 293 </el-form-item>
256 </el-col> 294 </el-col>
257 </el-row> 295 </el-row>
...@@ -263,7 +301,8 @@ ...@@ -263,7 +301,8 @@
263 maxlength="500" 301 maxlength="500"
264 show-word-limit 302 show-word-limit
265 v-model="ruleForm.diyaq.fj" 303 v-model="ruleForm.diyaq.fj"
266 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 304 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
305 ></el-input>
267 </el-form-item> 306 </el-form-item>
268 </el-col> 307 </el-col>
269 </el-row> 308 </el-row>
...@@ -277,7 +316,8 @@ ...@@ -277,7 +316,8 @@
277 <el-form-item label="共有方式："> 316 <el-form-item label="共有方式：">
278 <el-radio-group 317 <el-radio-group
279 :disabled="!viewEdit" 318 :disabled="!viewEdit"
280 v-model="ruleForm.sldy.gyfs"> 319 v-model="ruleForm.sldy.gyfs"
320 >
281 <el-radio label="0">单独所有</el-radio> 321 <el-radio label="0">单独所有</el-radio>
282 <el-radio label="1">共同共有</el-radio> 322 <el-radio label="1">共同共有</el-radio>
283 <el-radio label="2">按份所有</el-radio> 323 <el-radio label="2">按份所有</el-radio>
...@@ -290,7 +330,8 @@ ...@@ -290,7 +330,8 @@
290 <el-radio-group 330 <el-radio-group
291 v-model="ruleForm.sldy.sqfbcz" 331 v-model="ruleForm.sldy.sqfbcz"
292 :disabled="!viewEdit" 332 :disabled="!viewEdit"
293 @input="updaterow()"> 333 @input="updaterow()"
334 >
294 <el-radio :label="1">是</el-radio> 335 <el-radio :label="1">是</el-radio>
295 <el-radio :label="0">否</el-radio> 336 <el-radio :label="0">否</el-radio>
296 </el-radio-group> 337 </el-radio-group>
...@@ -298,28 +339,32 @@ ...@@ -298,28 +339,32 @@
298 </el-col> 339 </el-col>
299 <el-col 340 <el-col
300 :span="6" 341 :span="6"
301 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 342 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
343 >
302 <el-form-item label="持证人："> 344 <el-form-item label="持证人：">
303 <el-select 345 <el-select
304 v-model="czr" 346 v-model="czr"
305 placeholder="持证人" 347 placeholder="持证人"
306 :disabled="!viewEdit"> 348 :disabled="!viewEdit"
349 >
307 <el-option 350 <el-option
308 v-for="(item,index) in czrOptions" 351 v-for="(item, index) in czrOptions"
309 :key="index" 352 :key="index"
310 :label="item.sqrmc" 353 :label="item.sqrmc"
311 :value="item.id"> 354 :value="item.id"
355 >
312 </el-option> 356 </el-option>
313 </el-select> 357 </el-select>
314 </el-form-item> 358 </el-form-item>
315 </el-col> 359 </el-col>
316 </el-row> 360 </el-row>
317 <qlrCommonTable 361 <qlrCommonTable
318 style="margin-bottom:3px" 362 style="margin-bottom: 3px"
319 :tableData="ruleForm.qlrList" 363 :tableData="ruleForm.qlrList"
320 @upDateQlrxxList="upDateQlrxxList" 364 @upDateQlrxxList="upDateQlrxxList"
321 :disabled="viewEdit" 365 :disabled="viewEdit"
322 :gyfs="ruleForm.sldy.gyfs" /> 366 :gyfs="ruleForm.sldy.gyfs"
367 />
323 <div class="slxx_title title-block"> 368 <div class="slxx_title title-block">
324 抵押人信息 369 抵押人信息
325 <div class="triangle"></div> 370 <div class="triangle"></div>
...@@ -327,7 +372,8 @@ ...@@ -327,7 +372,8 @@
327 <qlrCommonTable 372 <qlrCommonTable
328 :tableData="ruleForm.ywrList" 373 :tableData="ruleForm.ywrList"
329 @upDateQlrxxList="upDateYwrxxList" 374 @upDateQlrxxList="upDateYwrxxList"
330 :disabled="viewEdit" /> 375 :disabled="viewEdit"
376 />
331 377
332 <div class="slxx_title title-block"> 378 <div class="slxx_title title-block">
333 登记原因 379 登记原因
...@@ -338,12 +384,14 @@ ...@@ -338,12 +384,14 @@
338 <el-form-item 384 <el-form-item
339 v-if="ruleForm.sldy.djlx == '400'" 385 v-if="ruleForm.sldy.djlx == '400'"
340 label="注销抵押原因：" 386 label="注销抵押原因："
341 prop="djyy"> 387 prop="diyaq.zxdyyy"
388 >
342 <el-input 389 <el-input
343 class="textArea" 390 class="textArea"
344 type="textarea" 391 type="textarea"
345 :disabled="!viewEdit" 392 :disabled="!viewEdit"
346 v-model="ruleForm.diyaq.zxdyyy"> 393 v-model="ruleForm.diyaq.zxdyyy"
394 >
347 </el-input> 395 </el-input>
348 </el-form-item> 396 </el-form-item>
349 <el-form-item v-else label="登记原因：" prop="diyaq.djyy"> 397 <el-form-item v-else label="登记原因：" prop="diyaq.djyy">
...@@ -353,7 +401,8 @@ ...@@ -353,7 +401,8 @@
353 maxlength="500" 401 maxlength="500"
354 show-word-limit 402 show-word-limit
355 :disabled="!viewEdit" 403 :disabled="!viewEdit"
356 v-model="ruleForm.diyaq.djyy"> 404 v-model="ruleForm.diyaq.djyy"
405 >
357 </el-input> 406 </el-input>
358 </el-form-item> 407 </el-form-item>
359 </el-col> 408 </el-col>
...@@ -368,53 +417,59 @@ ...@@ -368,53 +417,59 @@
368 </div> 417 </div>
369 </template> 418 </template>
370 <script> 419 <script>
371 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 420 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
372 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; 421 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
373 import { mapGetters } from "vuex"; 422 import { mapGetters } from "vuex";
374 import { formValidate } from "./slxxValidate"; 423 import { formValidate } from "./slxxValidate";
375 export default { 424 export default {
376 mounted () { 425 mounted() {
377 let that = this 426 let that = this;
378 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 427 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
379 this.propsParam = this.$attrs; 428 this.propsParam = this.$attrs;
380 var formdata = new FormData(); 429 var formdata = new FormData();
381 this.loading = true 430 this.loading = true;
382 formdata.append("bsmSldy", this.propsParam.bsmSldy); 431 formdata.append("bsmSldy", this.propsParam.bsmSldy);
383 formdata.append("djlx", this.propsParam.djlx); 432 formdata.append("djlx", this.propsParam.djlx);
384 formdata.append("isEdit", this.viewEdit); 433 formdata.append("isEdit", this.viewEdit);
385 Init(formdata).then((res) => { 434 Init(formdata)
386 this.loading = false 435 .then((res) => {
436 this.loading = false;
387 if (res.code === 200 && res.result) { 437 if (res.code === 200 && res.result) {
388 this.ruleForm = res.result; 438 this.ruleForm = res.result;
389 window.djlx = res.result.sldy.djlx 439 window.djlx = res.result.sldy.djlx;
390 this.czrOptions = this.ruleForm.qlrList; 440 this.czrOptions = this.ruleForm.qlrList;
391 this.ruleForm.qlrList.forEach((item) => { 441 this.ruleForm.qlrList.forEach((item) => {
392 item.id = item.bsmSqr 442 item.id = item.bsmSqr;
393 if (item.sfczr == '1') { 443 if (item.sfczr == "1") {
394 that.czr = item.bsmSqr 444 that.czr = item.bsmSqr;
395 } 445 }
396 }) 446 });
397 that.czrOptions = that.ruleForm.qlrList; 447 that.czrOptions = that.ruleForm.qlrList;
398 that.isSave = that.viewEdit 448 that.isSave = that.viewEdit;
449 that.rules = formValidate(
450 that.ruleForm.sldy.djlx,
451 that.ruleForm.diyaq.dyfs
452 );
399 } else { 453 } else {
400 that.isSave = false 454 that.isSave = false;
401 that.$confirm(res.message, '提示', { 455 that.$confirm(res.message, "提示", {
402 cancelButtonText: '取消', 456 cancelButtonText: "取消",
403 showConfirmButton: false, 457 showConfirmButton: false,
404 type: 'warning' 458 type: "warning",
405 }) 459 });
406 } 460 }
407 }).catch(() => {
408 this.loading = false
409 }) 461 })
462 .catch(() => {
463 this.loading = false;
464 });
410 }, 465 },
411 components: { qlrCommonTable }, 466 components: { qlrCommonTable },
412 computed: { 467 computed: {
413 ...mapGetters(["dictData", "flag"]), 468 ...mapGetters(["dictData", "flag"]),
414 }, 469 },
415 data () { 470 data() {
416 return { 471 return {
417 mjdw: '1', 472 mjdw: "1",
418 isSave: true, 473 isSave: true,
419 loading: false, 474 loading: false,
420 //表单是否可操作 475 //表单是否可操作
...@@ -425,13 +480,9 @@ ...@@ -425,13 +480,9 @@
425 ruleForm: {}, 480 ruleForm: {},
426 //传递参数 481 //传递参数
427 propsParam: {}, 482 propsParam: {},
428 rules: { 483 rules: {},
429 'diyaq.djyy': [
430 { required: true, message: '请输入登记原因', trigger: 'blur' }
431 ]
432 },
433 // 键名转换，方法默认是label和children进行树状渲染 484 // 键名转换，方法默认是label和children进行树状渲染
434 normalizer (node) { 485 normalizer(node) {
435 //方法 486 //方法
436 if (node.children == null || node.children == "null") { 487 if (node.children == null || node.children == "null") {
437 delete node.children; 488 delete node.children;
...@@ -448,7 +499,7 @@ ...@@ -448,7 +499,7 @@
448 * @description: onSubmitClick 499 * @description: onSubmitClick
449 * @author: renchao 500 * @author: renchao
450 */ 501 */
451 onSubmitClick () { 502 onSubmitClick() {
452 let that = this; 503 let that = this;
453 if (this.ruleForm.qlrList.length == 0) { 504 if (this.ruleForm.qlrList.length == 0) {
454 this.$message({ 505 this.$message({
...@@ -486,7 +537,7 @@ ...@@ -486,7 +537,7 @@
486 item.sfczr = "1"; 537 item.sfczr = "1";
487 }); 538 });
488 } else { 539 } else {
489 if (that.czr === '') { 540 if (that.czr === "") {
490 that.$message({ 541 that.$message({
491 showClose: true, 542 showClose: true,
492 message: "请选择持证人", 543 message: "请选择持证人",
...@@ -503,7 +554,7 @@ ...@@ -503,7 +554,7 @@
503 }); 554 });
504 } 555 }
505 } 556 }
506 this.$refs['ruleForm'].validate((valid) => { 557 this.$refs["ruleForm"].validate((valid) => {
507 if (valid) { 558 if (valid) {
508 that.$store.dispatch("user/refreshPage", false); 559 that.$store.dispatch("user/refreshPage", false);
509 saveData(that.ruleForm, that.propsParam.djlx).then((res) => { 560 saveData(that.ruleForm, that.propsParam.djlx).then((res) => {
...@@ -521,36 +572,35 @@ ...@@ -521,36 +572,35 @@
521 type: "error", 572 type: "error",
522 }); 573 });
523 } 574 }
524 }) 575 });
525 } else { 576 } else {
526 that.$message({ 577 that.$message({
527 showClose: true, 578 showClose: true,
528 message: "请输入登记原因", 579 message: "请输入红框内的相关信息！",
529 type: "error" 580 type: "error",
530 }) 581 });
531 return false 582 return false;
532 } 583 }
533 }) 584 });
534
535 }, 585 },
536 /** 586 /**
537 * @description: 更新权利人信息 587 * @description: 更新权利人信息
538 * @param {*} val 588 * @param {*} val
539 * @author: renchao 589 * @author: renchao
540 */ 590 */
541 upDateQlrxxList (val) { 591 upDateQlrxxList(val) {
542 if (!_.isEqual(val, this.ruleForm.qlrList)) { 592 if (!_.isEqual(val, this.ruleForm.qlrList)) {
543 this.ruleForm.qlrList = _.cloneDeep(val); 593 this.ruleForm.qlrList = _.cloneDeep(val);
544 this.czrOptions = this.ruleForm.qlrList; 594 this.czrOptions = this.ruleForm.qlrList;
545 } 595 }
546 this.num = 0 596 this.num = 0;
547 this.ruleForm.qlrList.forEach(item => { 597 this.ruleForm.qlrList.forEach((item) => {
548 if (item.id == this.czr) { 598 if (item.id == this.czr) {
549 this.num++ 599 this.num++;
550 } 600 }
551 }) 601 });
552 if (this.num == 0) { 602 if (this.num == 0) {
553 this.czr = '' 603 this.czr = "";
554 } 604 }
555 }, 605 },
556 // 是否持证人变化 606 // 是否持证人变化
...@@ -559,7 +609,7 @@ ...@@ -559,7 +609,7 @@
559 * @param {*} val 609 * @param {*} val
560 * @author: renchao 610 * @author: renchao
561 */ 611 */
562 updaterow () { 612 updaterow() {
563 this.czr = ""; 613 this.czr = "";
564 }, 614 },
565 /** 615 /**
...@@ -567,7 +617,7 @@ ...@@ -567,7 +617,7 @@
567 * @param {*} val 617 * @param {*} val
568 * @author: renchao 618 * @author: renchao
569 */ 619 */
570 upDateYwrxxList (val) { 620 upDateYwrxxList(val) {
571 if (!_.isEqual(val, this.ruleForm.ywrList)) { 621 if (!_.isEqual(val, this.ruleForm.ywrList)) {
572 this.ruleForm.ywrList = _.cloneDeep(val); 622 this.ruleForm.ywrList = _.cloneDeep(val);
573 } 623 }
...@@ -576,7 +626,7 @@ ...@@ -576,7 +626,7 @@
576 * @description: compare 626 * @description: compare
577 * @author: renchao 627 * @author: renchao
578 */ 628 */
579 compare () { 629 compare() {
580 this.$popupDialog( 630 this.$popupDialog(
581 this.ruleForm.qlxx.qllxmc, 631 this.ruleForm.qlxx.qllxmc,
582 "registerBook/comparison", 632 "registerBook/comparison",
...@@ -588,10 +638,10 @@ ...@@ -588,10 +638,10 @@
588 true 638 true
589 ); 639 );
590 }, 640 },
591 } 641 },
592 } 642 };
593 </script> 643 </script>
594 <style scoped lang="scss"> 644 <style scoped lang="scss">
595 @import "~@/styles/public.scss"; 645 @import "~@/styles/public.scss";
596 @import "~@/styles/slxx/slxx.scss"; 646 @import "~@/styles/slxx/slxx.scss";
597 </style> 647 </style>
......
...@@ -3,90 +3,107 @@ ...@@ -3,90 +3,107 @@
3 * @param {*} data 3 * @param {*} data
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx,dyfs) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'diyaq.djyy': [
9 return fristValidate(); 9 { required: false, message: '请输入登记原因', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'diyaq.zxdyyy': [
12 case "300": 12 { required: false, message: '请输入注销登记原因', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'diyaq.zwlxqssj': [
15 return logoutValidate(); 15 { required: false, message: '请选择债务履行起始时间', trigger: 'blur' }
16 case "500": 16 ],
17 return riviseValidate(); 17 'diyaq.zwlxjssj': [
18 case "901": 18 { required: false, message: '请选择债务履行起始时间', trigger: 'blur' }
19 return renewalValidate(); 19 ],
20 case "902": 20 'diyaq.bdbzzqse': [
21 return replaceValidate(); 21 { required: false, message: '请输入被担保主债权数额', trigger: 'blur' }
22 ],
23 'diyaq.zgzqse': [
24 { required: false, message: '请输入最高债权额', trigger: 'blur' }
25 ],
26 'diyaq.sfczjzhxz': [
27 { required: false, message: '请输入最高债权额', trigger: 'blur' }
28 ]
29 }
30 if (djlx=="400") {
31 formRules["diyaq.zxdyyy"][0].required=true;
32 }else{
33 if(dyfs=="1"){
34 formRules["diyaq.bdbzzqse"][0].required=true;
35 }else{
36 formRules["diyaq.zgzqse"][0].required=true;
37 }
38 formRules["diyaq.zwlxqssj"][0].required=true;
39 formRules["diyaq.zwlxjssj"][0].required=true;
40 formRules["diyaq.sfczjzhxz"][0].required=true;
41 formRules["diyaq.djyy"][0].required=true;
42 }
43 return formRules;
22 } 44 }
23 }
24 45
25 /** 46 /**
26 * @description: 首次登记效验 47 * @description: 首次登记效验
27 * @param {*} data 48 * @param {*} data
28 * @author: renchao 49 * @author: renchao
29 */ 50 */
30 export function fristValidate () { 51 export function fristValidate (formRules,dyfs) {
31 var formRules={ 52
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules; 53 return formRules;
37 } 54 }
38 55
39 56
40 /** 57 /**
41 * @description: 转移登记效验 58 * @description: 转移登记效验
42 * @param {*} data 59 * @param {*} data
43 * @author: renchao 60 * @author: renchao
44 */ 61 */
45 export function transferValidate (data) { 62 export function transferValidate (data) {
46 63
47 } 64 }
48 65
49 /** 66 /**
50 * @description: 变更登记效验 67 * @description: 变更登记效验
51 * @param {*} data 68 * @param {*} data
52 * @author: renchao 69 * @author: renchao
53 */ 70 */
54 export function changeValidate (data) { 71 export function changeValidate (data) {
55 72
56 } 73 }
57 74
58 /** 75 /**
59 * @description: 注销登记效验 76 * @description: 注销登记效验
60 * @param {*} data 77 * @param {*} data
61 * @author: renchao 78 * @author: renchao
62 */ 79 */
63 export function logoutValidate (data) { 80 export function logoutValidate (data) {
64 81
65 } 82 }
66 83
67 /** 84 /**
68 * @description: 更正登记效验 85 * @description: 更正登记效验
69 * @param {*} data 86 * @param {*} data
70 * @author: renchao 87 * @author: renchao
71 */ 88 */
72 export function riviseValidate (data) { 89 export function riviseValidate (data) {
73 90
74 } 91 }
75 92
76 /** 93 /**
77 * @description: 补证登记效验 94 * @description: 补证登记效验
78 * @param {*} data 95 * @param {*} data
79 * @author: renchao 96 * @author: renchao
80 */ 97 */
81 export function renewalValidate (data) { 98 export function renewalValidate (data) {
82 99
83 } 100 }
84 101
85 /** 102 /**
86 * @description: 换证登记效验 103 * @description: 换证登记效验
87 * @param {*} data 104 * @param {*} data
88 * @author: renchao 105 * @author: renchao
89 */ 106 */
90 export function replaceValidate (data) { 107 export function replaceValidate (data) {
91 108
92 }
...\ No newline at end of file ...\ No newline at end of file
109 }
...\ No newline at end of file ...\ No newline at end of file
......