Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
115beeed by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 8e3faeb2 f02a1424
Inline Side-by-side
Showing 18 changed files with 4943 additions and 3864 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:25:12 4 * @LastEditTime: 2023-08-24 15:34:27
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 9 <el-form
10 :inline="flag" label-width="180px"> 10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="180px"
17 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
13 受理信息 20 受理信息
...@@ -124,8 +131,14 @@ ...@@ -124,8 +131,14 @@
124 </el-form-item> 131 </el-form-item>
125 </el-col> 132 </el-col>
126 <el-col :span="9"> 133 <el-col :span="9">
127 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 134 <el-form-item
128 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit|| isJfOperation"> 135 label="是否存在禁止或者限制转让抵押不动产的约定："
136 label-width="350px"
137 >
138 <el-radio-group
139 v-model="ruleForm.diyaq.sfczjzhxz"
140 :disabled="!viewEdit || isJfOperation"
141 >
129 <el-radio label="1">启用</el-radio> 142 <el-radio label="1">启用</el-radio>
130 <el-radio label="0">禁用</el-radio> 143 <el-radio label="0">禁用</el-radio>
131 </el-radio-group> 144 </el-radio-group>
...@@ -136,10 +149,22 @@ ...@@ -136,10 +149,22 @@
136 <el-row :gutter="10"> 149 <el-row :gutter="10">
137 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 150 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
138 <el-form-item label="被担保主债权数额："> 151 <el-form-item label="被担保主债权数额：">
139 <div style="display:flex"> 152 <div style="display: flex">
140 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit|| isJfOperation" style="width:500%"></el-input> 153 <el-input
141 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit|| isJfOperation"> 154 v-model="ruleForm.diyaq.bdbzzqse"
142 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 155 :disabled="!viewEdit || isJfOperation"
156 style="width: 500%"
157 ></el-input>
158 <el-select
159 v-model="ruleForm.diyaq.jedw"
160 :disabled="!viewEdit || isJfOperation"
161 >
162 <el-option
163 v-for="item in dictData['A57']"
164 :key="item.dcode"
165 :label="item.dname"
166 :value="item.dcode"
167 >
143 </el-option> 168 </el-option>
144 </el-select> 169 </el-select>
145 </div> 170 </div>
...@@ -148,19 +173,30 @@ ...@@ -148,19 +173,30 @@
148 173
149 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 174 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
150 <el-form-item label="最高债权额："> 175 <el-form-item label="最高债权额：">
151 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit|| isJfOperation"></el-input> 176 <el-input
177 v-model="ruleForm.diyaq.zgzqse"
178 :disabled="!viewEdit || isJfOperation"
179 ></el-input>
152 </el-form-item> 180 </el-form-item>
153 </el-col> 181 </el-col>
154 182
155 <el-col :span="8"> 183 <el-col :span="8">
156 <el-form-item label="债务履行起始时间："> 184 <el-form-item label="债务履行起始时间：">
157 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit|| isJfOperation" type="date"> 185 <el-date-picker
186 v-model="ruleForm.diyaq.zwlxqssj"
187 :disabled="!viewEdit || isJfOperation"
188 type="date"
189 >
158 </el-date-picker> 190 </el-date-picker>
159 </el-form-item> 191 </el-form-item>
160 </el-col> 192 </el-col>
161 <el-col :span="8"> 193 <el-col :span="8">
162 <el-form-item label="债务履行结束时间："> 194 <el-form-item label="债务履行结束时间：">
163 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit|| isJfOperation" type="date"> 195 <el-date-picker
196 v-model="ruleForm.diyaq.zwlxjssj"
197 :disabled="!viewEdit || isJfOperation"
198 type="date"
199 >
164 </el-date-picker> 200 </el-date-picker>
165 </el-form-item> 201 </el-form-item>
166 </el-col> 202 </el-col>
...@@ -168,22 +204,35 @@ ...@@ -168,22 +204,35 @@
168 <el-row> 204 <el-row>
169 <el-col :span="24"> 205 <el-col :span="24">
170 <el-form-item label="担保范围："> 206 <el-form-item label="担保范围：">
171 <el-input v-model="ruleForm.diyaq.dbfw" 207 <el-input
172 :disabled="ruleForm.sldy.djlx == '300'&& !viewEdit|| isJfOperation"></el-input> 208 v-model="ruleForm.diyaq.dbfw"
209 :disabled="
210 (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation
211 "
212 ></el-input>
173 </el-form-item> 213 </el-form-item>
174 </el-col> 214 </el-col>
175 </el-row> 215 </el-row>
176 <el-row> 216 <el-row>
177 <el-col :span="24"> 217 <el-col :span="24">
178 <el-form-item label="最高债权确定事实和数额："> 218 <el-form-item label="最高债权确定事实和数额：">
179 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit|| isJfOperation"></el-input> 219 <el-input
220 v-model="ruleForm.diyaq.zgzqqdss"
221 :disabled="!viewEdit || isJfOperation"
222 ></el-input>
180 </el-form-item> 223 </el-form-item>
181 </el-col> 224 </el-col>
182 </el-row> 225 </el-row>
183 <el-row> 226 <el-row>
184 <el-col> 227 <el-col>
185 <el-form-item label="附记：" prop="fj"> 228 <el-form-item label="附记：" prop="fj">
186 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit|| isJfOperation"></el-input> 229 <el-input
230 type="textarea"
231 maxlength="500"
232 show-word-limit
233 v-model="ruleForm.diyaq.fj"
234 :disabled="!viewEdit || isJfOperation"
235 ></el-input>
187 </el-form-item> 236 </el-form-item>
188 </el-col> 237 </el-col>
189 </el-row> 238 </el-row>
...@@ -195,7 +244,10 @@ ...@@ -195,7 +244,10 @@
195 <el-row :gutter="10"> 244 <el-row :gutter="10">
196 <el-col :span="12"> 245 <el-col :span="12">
197 <el-form-item label="共有方式："> 246 <el-form-item label="共有方式：">
198 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 247 <el-radio-group
248 :disabled="!viewEdit"
249 v-model="ruleForm.sldy.gyfs"
250 >
199 <el-radio label="0">单独所有</el-radio> 251 <el-radio label="0">单独所有</el-radio>
200 <el-radio label="1">共同共有</el-radio> 252 <el-radio label="1">共同共有</el-radio>
201 <el-radio label="2">按份所有</el-radio> 253 <el-radio label="2">按份所有</el-radio>
...@@ -207,7 +259,9 @@ ...@@ -207,7 +259,9 @@
207 <el-form-item label="是否分别持证："> 259 <el-form-item label="是否分别持证：">
208 <el-radio-group 260 <el-radio-group
209 v-model="ruleForm.sldy.sqfbcz" 261 v-model="ruleForm.sldy.sqfbcz"
210 :disabled="!viewEdit"> 262 :disabled="!viewEdit"
263 @input="updaterow()"
264 >
211 <el-radio :label="1">是</el-radio> 265 <el-radio :label="1">是</el-radio>
212 <el-radio :label="0">否</el-radio> 266 <el-radio :label="0">否</el-radio>
213 </el-radio-group> 267 </el-radio-group>
...@@ -215,29 +269,40 @@ ...@@ -215,29 +269,40 @@
215 </el-col> 269 </el-col>
216 <el-col 270 <el-col
217 :span="6" 271 :span="6"
218 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 272 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
273 >
219 <el-form-item label="持证人："> 274 <el-form-item label="持证人：">
220 <el-select 275 <el-select
221 v-model="czr" 276 v-model="czr"
222 placeholder="持证人" 277 placeholder="持证人"
223 :disabled="!viewEdit"> 278 :disabled="!viewEdit"
279 >
224 <el-option 280 <el-option
225 v-for="item in czrOptions" 281 v-for="item in czrOptions"
226 :key="item.zjh" 282 :key="item.zjh"
227 :label="item.sqrmc" 283 :label="item.sqrmc"
228 :value="item.zjh"> 284 :value="item.zjh"
285 >
229 </el-option> 286 </el-option>
230 </el-select> 287 </el-select>
231 </el-form-item> 288 </el-form-item>
232 </el-col> 289 </el-col>
233 </el-row> 290 </el-row>
234 <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="viewEdit" @upDateQlrxxList="upDateQlrxxList" 291 <qlrCommonTable
235 :gyfs="ruleForm.sldy.gyfs" /> 292 :tableData="ruleForm.qlrList"
293 :disabled="viewEdit"
294 @upDateQlrxxList="upDateQlrxxList"
295 :gyfs="ruleForm.sldy.gyfs"
296 />
236 <div class="slxx_title title-block"> 297 <div class="slxx_title title-block">
237 抵押人信息 298 抵押人信息
238 <div class="triangle"></div> 299 <div class="triangle"></div>
239 </div> 300 </div>
240 <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="viewEdit" @upDateQlrxxList="upDateYwrxxList" /> 301 <qlrCommonTable
302 :tableData="ruleForm.ywrList"
303 :disabled="viewEdit"
304 @upDateQlrxxList="upDateYwrxxList"
305 />
241 306
242 <div class="slxx_title title-block"> 307 <div class="slxx_title title-block">
243 登记原因 308 登记原因
...@@ -245,19 +310,32 @@ ...@@ -245,19 +310,32 @@
245 </div> 310 </div>
246 <el-row :gutter="10"> 311 <el-row :gutter="10">
247 <el-col> 312 <el-col>
248 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 313 <el-form-item
249 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 314 v-if="ruleForm.sldy.djlx == '400'"
250 v-model="ruleForm.diyaq.zxdyyy"> 315 label="注销抵押原因："
316 prop="djyy"
317 >
318 <el-input
319 class="textArea"
320 type="textarea"
321 :disabled="!viewEdit"
322 v-model="ruleForm.diyaq.zxdyyy"
323 >
251 </el-input> 324 </el-input>
252 </el-form-item> 325 </el-form-item>
253 <el-form-item v-else label="登记原因：" prop="djyy"> 326 <el-form-item v-else label="登记原因：" prop="djyy">
254 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 327 <el-input
255 v-model="ruleForm.diyaq.djyy"> 328 class="textArea"
329 type="textarea"
330 maxlength="500"
331 show-word-limit
332 :disabled="!viewEdit"
333 v-model="ruleForm.diyaq.djyy"
334 >
256 </el-input> 335 </el-input>
257 </el-form-item> 336 </el-form-item>
258 </el-col> 337 </el-col>
259 </el-row> 338 </el-row>
260
261 </div> 339 </div>
262 <el-row class="btn" v-if="viewEdit"> 340 <el-row class="btn" v-if="viewEdit">
263 <el-form-item> 341 <el-form-item>
...@@ -268,166 +346,170 @@ ...@@ -268,166 +346,170 @@
268 </div> 346 </div>
269 </template> 347 </template>
270 <script> 348 <script>
271 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 349 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
272 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 350 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
273 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
274 export default { 352 export default {
275 mounted () { 353 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation 354 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 355 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 356 var formdata = new FormData();
279 if (this.propsParam.djlx == '400') { 357 if (this.propsParam.djlx == "400") {
280 this.isJfOperation = true; 358 this.isJfOperation = true;
359 }
360 this.$startLoading();
361 formdata.append("bsmSldy", this.propsParam.bsmSldy);
362 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
363 formdata.append("djlx", this.propsParam.djlx);
364 formdata.append("isEdit", this.viewEdit);
365 Init(formdata).then((res) => {
366 if (res.code === 200 && res.result) {
367 this.ruleForm = res.result;
368 this.czrOptions = this.ruleForm.qlrList;
369 this.ruleForm.diyaq.sfczjzhxz = "0";
281 } 370 }
282 this.$startLoading(); 371 this.ruleForm.qlrList.forEach((item) => {
283 formdata.append("bsmSldy", this.propsParam.bsmSldy); 372 if (item.sfczr == 1) {
284 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 373 this.czr = item.sqrmc;
285 formdata.append("djlx", this.propsParam.djlx);
286 formdata.append("isEdit", this.viewEdit);
287 Init(formdata).then((res) => {
288 if (res.code === 200 && res.result) {
289 this.ruleForm = res.result;
290 this.ruleForm.qlrList.forEach((item, index) => {
291 if (item.sfczr == 1) {
292 this.$set(this.ruleForm, "czr", item.zjh)
293 }
294 })
295 this.ruleForm.diyaq.sfczjzhxz = "0";
296 this.czrOptions = this.ruleForm.qlrList;
297 } 374 }
298 this.ruleForm.qlrList.forEach((item) => { 375 });
299 if(item.sfczr==1){ 376 this.$endLoading();
300 this.czr=item.sqrmc 377 });
301 } 378 },
302 }) 379 components: { qlrCommonTable },
303 this.$endLoading(); 380 computed: {
304 }) 381 ...mapGetters(["dictData", "flag"]),
305 }, 382 },
306 components: { qlrCommonTable }, 383 data() {
307 computed: { 384 return {
308 ...mapGetters(["dictData", "flag"]), 385 //表单是否可操作
309 }, 386 viewEdit: true,
310 data () { 387 disabled: true,
311 return { 388 czrOptions: [],
312 //表单是否可操作 389 czr: "",
313 viewEdit: true, 390 ruleForm: {
314 disabled: true, 391 slsq: {},
315 czrOptions: [], 392 ssQlxx: {},
316 czr:"", 393 diyaq: {},
317 ruleForm: { 394 gyfs: "",
318 slsq: {}, 395 },
319 ssQlxx: {}, 396 isJfOperation: false,
320 diyaq: {}, 397 //传递参数
321 gyfs: "", 398 propsParam: {},
322 }, 399 rules: {},
323 isJfOperation: false, 400 };
324 //传递参数 401 },
325 propsParam: {}, 402 methods: {
326 rules: {}, 403 /**
327 }; 404 * @description: onSubmitClick
328 }, 405 * @author: renchao
329 methods: { 406 */
330 /** 407 onSubmitClick() {
331 * @description: onSubmitClick 408 let that = this;
332 * @author: renchao 409 if (this.ruleForm.qlrList.length == 0) {
333 */ 410 this.$message({
334 onSubmitClick () { 411 showClose: true,
335 let that = this 412 message: "请确认抵押权人信息",
336 if (this.ruleForm.qlrList.length == 0) { 413 type: "error",
414 });
415 return false;
416 }
417 if (this.ruleForm.sldy.gyfs == "0") {
418 if (this.ruleForm.qlrList.length > 1) {
337 this.$message({ 419 this.$message({
338 showClose: true, 420 showClose: true,
339 message: "请确认抵押权人信息", 421 message: "共有方式：单独所有，权利人只能是一个人",
340 type: "error", 422 type: "error",
341 }); 423 });
342 return false; 424 return false;
343 } 425 }
344 if (this.ruleForm.sldy.gyfs == "0") { 426 this.ruleForm.qlrList[0].sfczr = "1";
345 if (this.ruleForm.qlrList.length > 1) { 427 } else {
346 this.$message({ 428 if (this.ruleForm.qlrList.length <= 1) {
347 showClose: true, 429 this.$message({
348 message: "共有方式：单独所有，权利人只能是一个人", 430 showClose: true,
349 type: "error", 431 message:
350 }); 432 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
351 return false; 433 type: "error",
352 } 434 });
353 this.ruleForm.qlrList[0].sfczr = "1"; 435 return false;
436 }
437 //是否分别持证
438 if (this.ruleForm.sldy.sqfbcz == "1") {
439 //是
440 this.ruleForm.qlrList.forEach((item, index) => {
441 item.sfczr = "1";
442 });
354 } else { 443 } else {
355 if (this.ruleForm.qlrList.length <= 1) { 444 if (!that.czr) {
356 this.$message({ 445 that.$message({
357 showClose: true, 446 showClose: true,
358 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 447 message: "请选择持证人",
359 type: "error", 448 type: "error",
360 }); 449 });
361 return false; 450 return false;
362 } 451 }
363 //是否分别持证 452 this.ruleForm.qlrList.forEach((item, index) => {
364 if (this.ruleForm.sldy.sqfbcz == "1") { 453 if (item.zjh == this.czr) {
365 //是
366 this.ruleForm.qlrList.forEach((item, index) => {
367 item.sfczr = "1"; 454 item.sfczr = "1";
368 }); 455 } else {
369 } else { 456 item.sfczr = "0";
370 if (!that.czr) {
371 that.$message({
372 showClose: true,
373 message: "请选择持证人",
374 type: "error",
375 });
376 return false;
377 } 457 }
378 this.ruleForm.qlrList.forEach((item, index) => { 458 });
379 if (item.zjh == this.czr) {
380 item.sfczr = "1";
381 } else {
382 item.sfczr = "0";
383 }
384 });
385 }
386 } 459 }
460 }
387 461
388 saveData(this.ruleForm, this.propsParam.djlx).then((res) => { 462 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
389 if (res.code === 200) { 463 if (res.code === 200) {
390 this.$message({ 464 this.$message({
391 showClose: true, 465 showClose: true,
392 message: "保存成功！", 466 message: "保存成功！",
393 type: "success", 467 type: "success",
394 }); 468 });
395 this.$store.dispatch('user/refreshPage', true); 469 this.$store.dispatch("user/refreshPage", true);
396 } else { 470 } else {
397 this.$message({ 471 this.$message({
398 showClose: true, 472 showClose: true,
399 message: res.message, 473 message: res.message,
400 type: "error", 474 type: "error",
401 }); 475 });
402 }
403 });
404 },
405 /**
406 * @description: 更新权利人信息
407 * @param {*} val
408 * @author: renchao
409 */
410 upDateQlrxxList (val) {
411 if (!_.isEqual(val, this.ruleForm.qlrList)) {
412 this.ruleForm.qlrList = _.cloneDeep(val);
413 this.czrOptions = this.ruleForm.qlrList;
414 }
415 },
416 // 更新义务人信息
417 /**
418 * @description: 更新义务人信息
419 * @param {*} val
420 * @author: renchao
421 */
422 upDateYwrxxList (val) {
423 if (!_.isEqual(val, this.ruleForm.ywrList)) {
424 this.ruleForm.ywrList = _.cloneDeep(val);
425 } 476 }
477 });
478 },
479 /**
480 * @description: 更新权利人信息
481 * @param {*} val
482 * @author: renchao
483 */
484 upDateQlrxxList(val) {
485 if (!_.isEqual(val, this.ruleForm.qlrList)) {
486 this.ruleForm.qlrList = _.cloneDeep(val);
487 this.czrOptions = this.ruleForm.qlrList;
426 } 488 }
427 } 489 },
428 }; 490 // 是否持证人变化
491 /**
492 * @description: 是否持证人变化
493 * @param {*} val
494 * @author: renchao
495 */
496 updaterow() {
497 this.czr = "";
498 },
499 /**
500 * @description: 更新义务人信息
501 * @param {*} val
502 * @author: renchao
503 */
504 upDateYwrxxList(val) {
505 if (!_.isEqual(val, this.ruleForm.ywrList)) {
506 this.ruleForm.ywrList = _.cloneDeep(val);
507 }
508 },
509 },
510 };
429 </script> 511 </script>
430 <style scoped lang='scss'> 512 <style scoped lang="scss">
431 @import "~@/styles/public.scss"; 513 @import "~@/styles/public.scss";
432 @import "~@/styles/slxx/slxx.scss"; 514 @import "~@/styles/slxx/slxx.scss";
433 </style> 515 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="120px"> 14 label-width="120px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -77,12 +78,17 @@ ...@@ -77,12 +78,17 @@
77 <el-form-item label="宗地面积："> 78 <el-form-item label="宗地面积：">
78 <div class="flex"> 79 <div class="flex">
79 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 80 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
80 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%"> 81 <el-select
82 disabled
83 v-model="ruleForm.zdjbxx.mjdw"
84 style="width: 20%"
85 >
81 <el-option 86 <el-option
82 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
83 :key="item.dcode" 88 :key="item.dcode"
84 :label="item.dname" 89 :label="item.dname"
85 :value="item.dcode"></el-option> 90 :value="item.dcode"
91 ></el-option>
86 </el-select> 92 </el-select>
87 </div> 93 </div>
88 </el-form-item> 94 </el-form-item>
...@@ -116,13 +122,15 @@ ...@@ -116,13 +122,15 @@
116 <el-input 122 <el-input
117 v-model="ruleForm.fdcq1.fdcjyjg" 123 v-model="ruleForm.fdcq1.fdcjyjg"
118 style="width: 500%" 124 style="width: 500%"
119 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 125 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
126 ></el-input>
120 <el-select v-model="ruleForm.fdcq1.jedw"> 127 <el-select v-model="ruleForm.fdcq1.jedw">
121 <el-option 128 <el-option
122 v-for="item in dictData['A57']" 129 v-for="item in dictData['A57']"
123 :key="item.dcode" 130 :key="item.dcode"
124 :label="item.dname" 131 :label="item.dname"
125 :value="item.dcode"></el-option> 132 :value="item.dcode"
133 ></el-option>
126 </el-select> 134 </el-select>
127 </div> 135 </div>
128 </el-form-item> 136 </el-form-item>
...@@ -131,7 +139,12 @@ ...@@ -131,7 +139,12 @@
131 <el-row :gutter="10"> 139 <el-row :gutter="10">
132 <el-col :span="24"> 140 <el-col :span="24">
133 <el-form-item label="附记："> 141 <el-form-item label="附记：">
134 <el-input v-model="ruleForm.fdcq1.fj" type="textarea" maxlength="500" show-word-limit></el-input> 142 <el-input
143 v-model="ruleForm.fdcq1.fj"
144 type="textarea"
145 maxlength="500"
146 show-word-limit
147 ></el-input>
135 </el-form-item> 148 </el-form-item>
136 </el-col> 149 </el-col>
137 </el-row> 150 </el-row>
...@@ -141,7 +154,8 @@ ...@@ -141,7 +154,8 @@
141 <fdcqxmTable 154 <fdcqxmTable
142 :ableOperation="viewEdit" 155 :ableOperation="viewEdit"
143 :tableData="ruleForm.fdcqxm" 156 :tableData="ruleForm.fdcqxm"
144 @updateFdcwxmList="updateFdcwxmList" /> 157 @updateFdcwxmList="updateFdcwxmList"
158 />
145 <div class="slxx_title title-block"> 159 <div class="slxx_title title-block">
146 土地用途 160 土地用途
147 <div class="triangle"></div> 161 <div class="triangle"></div>
...@@ -149,7 +163,8 @@ ...@@ -149,7 +163,8 @@
149 <tdytTable 163 <tdytTable
150 :ableOperation="viewEdit" 164 :ableOperation="viewEdit"
151 :tableData="ruleForm.tdytqxList" 165 :tableData="ruleForm.tdytqxList"
152 @upDateTdytxxList="upDateTdytxxList" /> 166 @upDateTdytxxList="upDateTdytxxList"
167 />
153 <div class="slxx_title title-block"> 168 <div class="slxx_title title-block">
154 权利人信息 169 权利人信息
155 <div class="triangle"></div> 170 <div class="triangle"></div>
...@@ -160,7 +175,8 @@ ...@@ -160,7 +175,8 @@
160 <el-radio-group 175 <el-radio-group
161 :disabled="!viewEdit" 176 :disabled="!viewEdit"
162 @change="showCZInfo" 177 @change="showCZInfo"
163 v-model="ruleForm.sldy.gyfs"> 178 v-model="ruleForm.sldy.gyfs"
179 >
164 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
165 <el-radio label="1">共同共有</el-radio> 181 <el-radio label="1">共同共有</el-radio>
166 <el-radio label="2">按份所有</el-radio> 182 <el-radio label="2">按份所有</el-radio>
...@@ -170,20 +186,32 @@ ...@@ -170,20 +186,32 @@
170 </el-col> 186 </el-col>
171 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> 187 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
172 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
173 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 189 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"
192 @input="updaterow()"
193 >
174 <el-radio :label="1">是</el-radio> 194 <el-radio :label="1">是</el-radio>
175 <el-radio :label="0">否</el-radio> 195 <el-radio :label="0">否</el-radio>
176 </el-radio-group> 196 </el-radio-group>
177 </el-form-item> 197 </el-form-item>
178 </el-col> 198 </el-col>
179 <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 199 <el-col
200 :span="5"
201 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
202 >
180 <el-form-item label="持证人1："> 203 <el-form-item label="持证人1：">
181 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 204 <el-select
205 v-model="czr"
206 placeholder="持证人"
207 :disabled="!viewEdit"
208 >
182 <el-option 209 <el-option
183 v-for="(item,index) in czrOptions" 210 v-for="(item,index) in czrOptions"
184 :key="index" 211 :key="index"
185 :label="item.sqrmc" 212 :label="item.sqrmc"
186 :value="item.zjh"></el-option> 213 :value="item.zjh"
214 ></el-option>
187 </el-select> 215 </el-select>
188 </el-form-item> 216 </el-form-item>
189 </el-col> 217 </el-col>
...@@ -192,7 +220,8 @@ ...@@ -192,7 +220,8 @@
192 @upDateQlrxxList="upDateQlrxxList" 220 @upDateQlrxxList="upDateQlrxxList"
193 :disabled="viewEdit" 221 :disabled="viewEdit"
194 :tableData="ruleForm.qlrList" 222 :tableData="ruleForm.qlrList"
195 :gyfs="ruleForm.sldy.gyfs" /> 223 :gyfs="ruleForm.sldy.gyfs"
224 />
196 225
197 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 226 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
198 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
...@@ -204,7 +233,8 @@ ...@@ -204,7 +233,8 @@
204 :disabled="viewEdit" 233 :disabled="viewEdit"
205 @upDateQlrxxList="upDateYwrxxList" 234 @upDateQlrxxList="upDateYwrxxList"
206 :tableData="ruleForm.ywrList" 235 :tableData="ruleForm.ywrList"
207 :gyfs="ruleForm.qlxx.gyfs" /> 236 :gyfs="ruleForm.qlxx.gyfs"
237 />
208 </div> 238 </div>
209 <div class="slxx_title title-block"> 239 <div class="slxx_title title-block">
210 登记原因 240 登记原因
...@@ -219,7 +249,8 @@ ...@@ -219,7 +249,8 @@
219 maxlength="500" 249 maxlength="500"
220 show-word-limit 250 show-word-limit
221 :disabled="!viewEdit" 251 :disabled="!viewEdit"
222 v-model="ruleForm.fdcq1.djyy"></el-input> 252 v-model="ruleForm.fdcq1.djyy"
253 ></el-input>
223 </el-form-item> 254 </el-form-item>
224 </el-col> 255 </el-col>
225 </el-row> 256 </el-row>
...@@ -234,275 +265,285 @@ ...@@ -234,275 +265,285 @@
234 </div> 265 </div>
235 </template> 266 </template>
236 <script> 267 <script>
237 import ywmix from "@/views/ywbl/mixin/index"; 268 import ywmix from "@/views/ywbl/mixin/index";
238 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
239 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; 270 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
240 import tdytTable from "@/views/workflow/components/tdytTable"; 271 import tdytTable from "@/views/workflow/components/tdytTable";
241 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 272 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
242 import { mapGetters } from "vuex"; 273 import { mapGetters } from "vuex";
243 export default { 274 export default {
244 mixins: [ywmix], 275 mixins: [ywmix],
245 mounted () { 276 mounted() {
246 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 277 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
247 this.propsParam = this.$attrs; 278 this.propsParam = this.$attrs;
248 var formdata = new FormData(); 279 var formdata = new FormData();
249 formdata.append("bsmSldy", this.propsParam.bsmSldy); 280 formdata.append("bsmSldy", this.propsParam.bsmSldy);
250 formdata.append("djlx", this.propsParam.djlx); 281 formdata.append("djlx", this.propsParam.djlx);
251 formdata.append("isEdit", this.viewEdit); 282 formdata.append("isEdit", this.viewEdit);
252 Init(formdata).then((res) => { 283 Init(formdata).then((res) => {
253 if (res.code === 200 && res.result) { 284 if (res.code === 200 && res.result) {
254 this.ruleForm = { 285 this.ruleForm = {
255 ...res.result, 286 ...res.result,
256 ...res.result.qlxxdatas, 287 ...res.result.qlxxdatas,
257 }; 288 };
258 this.ruleForm.qlrList.forEach((item) => { 289 this.ruleForm.qlrList.forEach((item) => {
259 if(item.sfczr==1){ 290 if (item.sfczr == 1) {
260 this.czr=item.sqrmc 291 this.czr = item.sqrmc;
261 } 292 }
262 }) 293 });
263 //初始化发证方式，1：小证，2：大正 294 //初始化发证方式，1：小证，2：大正
264 this.ruleForm.slsq.fzfs == null 295 this.ruleForm.slsq.fzfs == null
265 ? (this.ruleForm.slsq.fzfs = "1") 296 ? (this.ruleForm.slsq.fzfs = "1")
266 : this.ruleForm.slsq.fzfs; 297 : this.ruleForm.slsq.fzfs;
267 this.czrOptions = this.ruleForm.qlrList; 298 this.czrOptions = this.ruleForm.qlrList;
268 } 299 }
269 }); 300 });
301 },
302 components: { qlrCommonTable, tdytTable, fdcqxmTable },
303 computed: {
304 ...mapGetters(["dictData", "flag"]),
305 },
306 data() {
307 return {
308 disabled: true,
309 tdytOption: [],
310 czrOptions: [],
311 czr: "",
312 ruleForm: {
313 flow: {
314 ywh: "",
315 },
316 qlxx: {
317 mj: "",
318 },
319 sldy: {
320 gyfs: "",
321 },
322 slsq: {},
323 fdcq1: {
324 zyjzmj: "",
325 ftjzmj: "",
326 },
327 zdjbxx: {
328 ghytmc: "",
329 },
330 },
331 //传递参数
332 propsParam: this.$attrs,
333 //表单是否可操作
334 viewEdit: false,
335 rules: {},
336 };
337 },
338 methods: {
339 updateFdcwxmList(val) {
340 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
341 this.key++;
270 }, 342 },
271 components: { qlrCommonTable, tdytTable, fdcqxmTable }, 343 /**
272 computed: { 344 * @description: 更新土地用途信息
273 ...mapGetters(["dictData", "flag"]), 345 * @param {*} val
346 * @author: renchao
347 */
348 upDateTdytxxList(val) {
349 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
350 this.key++;
274 }, 351 },
275 data () { 352 /**
276 return { 353 * @description: 更新权利人信息
277 disabled: true, 354 * @param {*} val
278 tdytOption: [], 355 * @author: renchao
279 czrOptions: [], 356 */
280 czr:'', 357 upDateQlrxxList(val) {
281 ruleForm: { 358 this.ruleForm.qlrList = _.cloneDeep(val);
282 flow: { 359 this.czrOptions = this.ruleForm.qlrList;
283 ywh: "", 360 this.key++;
284 },
285 qlxx: {
286 mj: "",
287 },
288 sldy: {
289 gyfs: "",
290 },
291 slsq: {},
292 fdcq1: {
293 zyjzmj: "",
294 ftjzmj: "",
295 },
296 zdjbxx: {
297 ghytmc: "",
298 },
299 },
300 //传递参数
301 propsParam: this.$attrs,
302 //表单是否可操作
303 viewEdit: false,
304 rules: {},
305 };
306 }, 361 },
307 methods: { 362 // /**
308 updateFdcwxmList (val) { 363 // * @description: showCZInfo
309 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); 364 // * @author: renchao
310 this.key++; 365 // */
311 }, 366 // showCZInfo() {
312 /** 367 // console.log(this.ruleForm.slsq.gyfs);
313 * @description: 更新土地用途信息 368 // },
314 * @param {*} val 369 // 是否持证人变化
315 * @author: renchao 370 /**
316 */ 371 * @description: 是否持证人变化
317 upDateTdytxxList (val) { 372 * @param {*} val
318 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 373 * @author: renchao
319 this.key++; 374 */
320 }, 375 updaterow() {
321 /** 376 this.czr = "";
322 * @description: 更新权利人信息 377 },
323 * @param {*} val 378 // 更新权利人信息
324 * @author: renchao 379 /**
325 */ 380 * @description: 更新权利人信息
326 upDateQlrxxList (val) { 381 * @param {*} val
327 this.ruleForm.qlrList = _.cloneDeep(val); 382 * @author: renchao
328 this.czrOptions = this.ruleForm.qlrList; 383 */
329 this.key++; 384 upDateYwrxxList(val) {
330 }, 385 this.ruleForm.ywrList = _.cloneDeep(val);
331 /** 386 },
332 * @description: showCZInfo 387 /**
333 * @author: renchao 388 * @description: onSubmit
334 */ 389 * @author: renchao
335 showCZInfo () { 390 */
336 console.log(this.ruleForm.slsq.gyfs); 391 onSubmit() {
337 }, 392 let that = this;
338 // 更新权利人信息 393 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
339 /** 394 if (arr.length > 0) {
340 * @description: 更新权利人信息 395 this.$message({
341 * @param {*} val 396 showClose: true,
342 * @author: renchao 397 message: "土地用途不能为空",
343 */ 398 type: "error",
344 upDateYwrxxList (val) { 399 });
345 this.ruleForm.ywrList = _.cloneDeep(val); 400 return false;
346 }, 401 }
347 /** 402 if (this.ruleForm.qlrList.length == 0) {
348 * @description: onSubmit 403 this.$message({
349 * @author: renchao 404 showClose: true,
350 */ 405 message: "请确认权利人信息",
351 onSubmit () { 406 type: "error",
352 let that = this 407 });
353 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 408 return false;
354 if (arr.length > 0) { 409 }
410 if (this.ruleForm.sldy.gyfs == "0") {
411 if (this.ruleForm.qlrList.length > 1) {
355 this.$message({ 412 this.$message({
356 showClose: true, 413 showClose: true,
357 message: "土地用途不能为空", 414 message: "共有方式：单独所有，权利人只能是一个人",
358 type: "error", 415 type: "error",
359 }); 416 });
360 return false; 417 return false;
361 } 418 }
362 if (this.ruleForm.qlrList.length == 0) { 419 this.ruleForm.qlrList[0].sfczr = "1";
420 } else {
421 if (this.ruleForm.qlrList.length <= 1) {
363 this.$message({ 422 this.$message({
364 showClose: true, 423 showClose: true,
365 message: "请确认权利人信息", 424 message:
425 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
366 type: "error", 426 type: "error",
367 }); 427 });
368 return false; 428 return false;
369 } 429 }
370 if (this.ruleForm.sldy.gyfs == "0") { 430 //是否分别持证
371 if (this.ruleForm.qlrList.length > 1) { 431 if (this.ruleForm.sldy.sqfbcz == "1") {
372 this.$message({ 432 //是
373 showClose: true, 433 this.ruleForm.qlrList.forEach((item, index) => {
374 message: "共有方式：单独所有，权利人只能是一个人", 434 item.sfczr = "1";
375 type: "error", 435 });
376 });
377 return false;
378 }
379 this.ruleForm.qlrList[0].sfczr = "1";
380 } else { 436 } else {
381 if (this.ruleForm.qlrList.length <= 1) { 437 if (!that.czr) {
382 this.$message({ 438 that.$message({
383 showClose: true, 439 showClose: true,
384 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 440 message: "请选择持证人",
385 type: "error", 441 type: "error",
386 }); 442 });
387 return false; 443 return false;
388 } 444 }
389 //是否分别持证 445 this.ruleForm.qlrList.forEach((item, index) => {
390 if (this.ruleForm.sldy.sqfbcz == "1") { 446 if (item.zjh == this.czr) {
391 //是
392 this.ruleForm.qlrList.forEach((item, index) => {
393 item.sfczr = "1"; 447 item.sfczr = "1";
394 }); 448 } else {
395 } else { 449 item.sfczr = "0";
396 if (!that.czr) {
397 that.$message({
398 showClose: true,
399 message: "请选择持证人",
400 type: "error",
401 });
402 return false;
403 } 450 }
404 this.ruleForm.qlrList.forEach((item, index) => { 451 });
405 if (item.zjh == this.czr) {
406 item.sfczr = "1";
407 } else {
408 item.sfczr = "0";
409 }
410 });
411 }
412 } 452 }
453 }
413 454
414 saveData(this.ruleForm).then((res) => { 455 saveData(this.ruleForm).then((res) => {
415 if (res.code === 200) { 456 if (res.code === 200) {
416 this.$message({ 457 this.$message({
417 showClose: true, 458 showClose: true,
418 message: "保存成功！", 459 message: "保存成功！",
419 type: "success", 460 type: "success",
420 }); 461 });
421 this.$store.dispatch("user/refreshPage", true); 462 this.$store.dispatch("user/refreshPage", true);
422 } else { 463 } else {
423 this.$message({ 464 this.$message({
424 showClose: true, 465 showClose: true,
425 message: res.message, 466 message: res.message,
426 type: "error", 467 type: "error",
427 }); 468 });
428 } 469 }
429 }); 470 });
430 },
431 }, 471 },
432 }; 472 },
473 };
433 </script> 474 </script>
434 <style scoped lang='scss'> 475 <style scoped lang="scss">
435 @import "~@/styles/public.scss"; 476 @import "~@/styles/public.scss";
436 477
437 /deep/.el-form { 478 /deep/.el-form {
438 display: flex; 479 display: flex;
439 flex-direction: column; 480 flex-direction: column;
440 height: calc(100vh - 130px); 481 height: calc(100vh - 130px);
441 } 482 }
442 483
443 /deep/.el-form-item__label { 484 /deep/.el-form-item__label {
444 padding: 0; 485 padding: 0;
445 } 486 }
446 487
447 /deep/.el-radio { 488 /deep/.el-radio {
448 margin-right: 10px; 489 margin-right: 10px;
449 } 490 }
450 491
451 /deep/.el-select { 492 /deep/.el-select {
452 width: 100%; 493 width: 100%;
453 } 494 }
454 495
455 /deep/.el-form-item { 496 /deep/.el-form-item {
456 margin-bottom: 8px; 497 margin-bottom: 8px;
457 } 498 }
458 499
459 .marginBot0 { 500 .marginBot0 {
460 margin-bottom: 0 !important; 501 margin-bottom: 0 !important;
461 } 502 }
462 503
463 .slxx { 504 .slxx {
464 box-sizing: border-box; 505 box-sizing: border-box;
465 } 506 }
466 507
467 .slxx_con { 508 .slxx_con {
468 flex: 1; 509 flex: 1;
469 height: 100%; 510 height: 100%;
470 background-color: #ffffff; 511 background-color: #ffffff;
471 overflow-y: auto; 512 overflow-y: auto;
472 padding-right: 3px; 513 padding-right: 3px;
473 overflow-x: hidden; 514 overflow-x: hidden;
474 } 515 }
475 516
476 .submit_btn { 517 .submit_btn {
477 height: 50px; 518 height: 50px;
478 } 519 }
479 520
480 .slxx_title { 521 .slxx_title {
481 border-bottom: 1px solid $borderColor; 522 border-bottom: 1px solid $borderColor;
482 padding-left: 10px; 523 padding-left: 10px;
483 padding-bottom: 5px; 524 padding-bottom: 5px;
484 margin-bottom: 10px; 525 margin-bottom: 10px;
485 margin-top: 5px; 526 margin-top: 5px;
486 font-size: 16px; 527 font-size: 16px;
487 font-weight: 500; 528 font-weight: 500;
488 color: #4a4a4a; 529 color: #4a4a4a;
489 } 530 }
490 531
491 .btn { 532 .btn {
492 text-align: center; 533 text-align: center;
493 padding-top: 10px; 534 padding-top: 10px;
494 height: 36px; 535 height: 36px;
495 background-color: #ffffff; 536 background-color: #ffffff;
496 padding: 5px 0; 537 padding: 5px 0;
497 } 538 }
498 539
499 .textArea { 540 .textArea {
500 /deep/.el-textarea__inner { 541 /deep/.el-textarea__inner {
501 min-height: 90px !important; 542 min-height: 90px !important;
502 }
503 } 543 }
544 }
504 545
505 /deep/.el-form-item__label { 546 /deep/.el-form-item__label {
506 padding-bottom: 0px; 547 padding-bottom: 0px;
507 } 548 }
508 </style> 549 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:03:51 4 * @LastEditTime: 2023-08-24 15:32:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -75,12 +81,14 @@ ...@@ -75,12 +81,14 @@
75 <el-select 81 <el-select
76 disabled 82 disabled
77 v-model="ruleForm.zdjbxx.mjdw" 83 v-model="ruleForm.zdjbxx.mjdw"
78 style="width: 68px"> 84 style="width: 68px"
85 >
79 <el-option 86 <el-option
80 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
81 :key="item.dcode" 88 :key="item.dcode"
82 :label="item.dname" 89 :label="item.dname"
83 :value="item.dcode"> 90 :value="item.dcode"
91 >
84 </el-option> 92 </el-option>
85 </el-select> 93 </el-select>
86 </div> 94 </div>
...@@ -101,7 +109,8 @@ ...@@ -101,7 +109,8 @@
101 :normalizer="normalizer" 109 :normalizer="normalizer"
102 :default-expand-level="1" 110 :default-expand-level="1"
103 :show-count="true" 111 :show-count="true"
104 :options="dictData['A9']" /> 112 :options="dictData['A9']"
113 />
105 </el-form-item> 114 </el-form-item>
106 </el-col> 115 </el-col>
107 </el-row> 116 </el-row>
...@@ -109,17 +118,18 @@ ...@@ -109,17 +118,18 @@
109 <el-col :span="8"> 118 <el-col :span="8">
110 <el-form-item label="独用土地面积："> 119 <el-form-item label="独用土地面积：">
111 <div class="flex"> 120 <div class="flex">
112 <el-input v-model="ruleForm.fdcq2.dytdmj" :disabled="!viewEdit" 121 <el-input
113 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 122 v-model="ruleForm.fdcq2.dytdmj"
114 <el-select 123 :disabled="!viewEdit"
115 disabled 124 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
116 v-model="mjdw" 125 ></el-input>
117 style="width: 68px"> 126 <el-select disabled v-model="mjdw" style="width: 68px">
118 <el-option 127 <el-option
119 v-for="item in dictData['A7']" 128 v-for="item in dictData['A7']"
120 :key="item.dcode" 129 :key="item.dcode"
121 :label="item.dname" 130 :label="item.dname"
122 :value="item.dcode"> 131 :value="item.dcode"
132 >
123 </el-option> 133 </el-option>
124 </el-select> 134 </el-select>
125 </div> 135 </div>
...@@ -128,17 +138,18 @@ ...@@ -128,17 +138,18 @@
128 <el-col :span="8"> 138 <el-col :span="8">
129 <el-form-item label="分摊土地面积："> 139 <el-form-item label="分摊土地面积：">
130 <div class="flex"> 140 <div class="flex">
131 <el-input v-model="ruleForm.fdcq2.fttdmj" :disabled="!viewEdit" 141 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 142 v-model="ruleForm.fdcq2.fttdmj"
133 <el-select 143 :disabled="!viewEdit"
134 disabled 144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 145 ></el-input>
136 style="width: 68px"> 146 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 147 <el-option
138 v-for="item in dictData['A7']" 148 v-for="item in dictData['A7']"
139 :key="item.dcode" 149 :key="item.dcode"
140 :label="item.dname" 150 :label="item.dname"
141 :value="item.dcode"> 151 :value="item.dcode"
152 >
142 </el-option> 153 </el-option>
143 </el-select> 154 </el-select>
144 </div> 155 </div>
...@@ -151,7 +162,8 @@ ...@@ -151,7 +162,8 @@
151 v-for="item in dictData['A19']" 162 v-for="item in dictData['A19']"
152 :key="item.dcode" 163 :key="item.dcode"
153 :label="item.dname" 164 :label="item.dname"
154 :value="item.dcode"> 165 :value="item.dcode"
166 >
155 </el-option> 167 </el-option>
156 </el-select> 168 </el-select>
157 </el-form-item> 169 </el-form-item>
...@@ -167,8 +179,8 @@ ...@@ -167,8 +179,8 @@
167 placeholder="" 179 placeholder=""
168 :normalizer="normalizer" 180 :normalizer="normalizer"
169 :show-count="true" 181 :show-count="true"
170 :options="dictData['A17']" /> 182 :options="dictData['A17']"
171 183 />
172 </el-form-item> 184 </el-form-item>
173 </el-col> 185 </el-col>
174 <el-col :span="8"> 186 <el-col :span="8">
...@@ -178,7 +190,8 @@ ...@@ -178,7 +190,8 @@
178 v-for="item in dictData['A46']" 190 v-for="item in dictData['A46']"
179 :key="item.dcode" 191 :key="item.dcode"
180 :label="item.dname" 192 :label="item.dname"
181 :value="item.dcode"> 193 :value="item.dcode"
194 >
182 </el-option> 195 </el-option>
183 </el-select> 196 </el-select>
184 </el-form-item> 197 </el-form-item>
...@@ -191,19 +204,27 @@ ...@@ -191,19 +204,27 @@
191 type="date" 204 type="date"
192 placeholder="选择日期" 205 placeholder="选择日期"
193 value-format="yyyy-MM-dd" 206 value-format="yyyy-MM-dd"
194 :disabled="!viewEdit"></el-date-picker> 207 :disabled="!viewEdit"
208 ></el-date-picker>
195 </el-form-item> 209 </el-form-item>
196 </el-col> 210 </el-col>
197 </el-row> 211 </el-row>
198 <el-row :gutter="10" v-if="ruleForm.qlxx"> 212 <el-row :gutter="10" v-if="ruleForm.qlxx">
199 <el-col :span="8"> 213 <el-col :span="8">
200 <el-form-item label="所在层："> 214 <el-form-item label="所在层：">
201 <el-input v-model="ruleForm.fdcq2.szc" :disabled="!viewEdit"></el-input> 215 <el-input
216 v-model="ruleForm.fdcq2.szc"
217 :disabled="!viewEdit"
218 ></el-input>
202 </el-form-item> 219 </el-form-item>
203 </el-col> 220 </el-col>
204 <el-col :span="8"> 221 <el-col :span="8">
205 <el-form-item label="总层数："> 222 <el-form-item label="总层数：">
206 <el-input :disabled="!viewEdit" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 223 <el-input
224 :disabled="!viewEdit"
225 v-model.number="ruleForm.fdcq2.zcs"
226 oninput="value=value.replace(/[^0-9]/g,'')"
227 ></el-input>
207 </el-form-item> 228 </el-form-item>
208 </el-col> 229 </el-col>
209 <el-col :span="8"> 230 <el-col :span="8">
...@@ -213,13 +234,15 @@ ...@@ -213,13 +234,15 @@
213 v-model="ruleForm.fdcq2.fdcjyjg" 234 v-model="ruleForm.fdcq2.fdcjyjg"
214 style="width: 500%" 235 style="width: 500%"
215 :disabled="!viewEdit" 236 :disabled="!viewEdit"
216 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 237 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
238 ></el-input>
217 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> 239 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
218 <el-option 240 <el-option
219 v-for="item in dictData['A57']" 241 v-for="item in dictData['A57']"
220 :key="item.dcode" 242 :key="item.dcode"
221 :label="item.dname" 243 :label="item.dname"
222 :value="item.dcode"> 244 :value="item.dcode"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </div> 248 </div>
...@@ -230,17 +253,18 @@ ...@@ -230,17 +253,18 @@
230 <el-col :span="8"> 253 <el-col :span="8">
231 <el-form-item label="建筑面积："> 254 <el-form-item label="建筑面积：">
232 <div class="flex"> 255 <div class="flex">
233 <el-input v-model="ruleForm.fdcq2.jzmj" :disabled="!viewEdit" 256 <el-input
234 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 257 v-model="ruleForm.fdcq2.jzmj"
235 <el-select 258 :disabled="!viewEdit"
236 disabled 259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
237 v-model="mjdw" 260 ></el-input>
238 style="width: 68px"> 261 <el-select disabled v-model="mjdw" style="width: 68px">
239 <el-option 262 <el-option
240 v-for="item in dictData['A7']" 263 v-for="item in dictData['A7']"
241 :key="item.dcode" 264 :key="item.dcode"
242 :label="item.dname" 265 :label="item.dname"
243 :value="item.dcode"> 266 :value="item.dcode"
267 >
244 </el-option> 268 </el-option>
245 </el-select> 269 </el-select>
246 </div> 270 </div>
...@@ -249,17 +273,18 @@ ...@@ -249,17 +273,18 @@
249 <el-col :span="8"> 273 <el-col :span="8">
250 <el-form-item label="专有建筑面积："> 274 <el-form-item label="专有建筑面积：">
251 <div class="flex"> 275 <div class="flex">
252 <el-input v-model="ruleForm.fdcq2.zyjzmj" :disabled="!viewEdit" 276 <el-input
253 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 277 v-model="ruleForm.fdcq2.zyjzmj"
254 <el-select 278 :disabled="!viewEdit"
255 disabled 279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
256 v-model="mjdw" 280 ></el-input>
257 style="width: 68px"> 281 <el-select disabled v-model="mjdw" style="width: 68px">
258 <el-option 282 <el-option
259 v-for="item in dictData['A7']" 283 v-for="item in dictData['A7']"
260 :key="item.dcode" 284 :key="item.dcode"
261 :label="item.dname" 285 :label="item.dname"
262 :value="item.dcode"> 286 :value="item.dcode"
287 >
263 </el-option> 288 </el-option>
264 </el-select> 289 </el-select>
265 </div> 290 </div>
...@@ -268,17 +293,18 @@ ...@@ -268,17 +293,18 @@
268 <el-col :span="8"> 293 <el-col :span="8">
269 <el-form-item label="分摊建筑面积："> 294 <el-form-item label="分摊建筑面积：">
270 <div class="flex"> 295 <div class="flex">
271 <el-input v-model="ruleForm.fdcq2.ftjzmj" :disabled="!viewEdit" 296 <el-input
272 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 297 v-model="ruleForm.fdcq2.ftjzmj"
273 <el-select 298 :disabled="!viewEdit"
274 disabled 299 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
275 v-model="mjdw" 300 ></el-input>
276 style="width: 68px"> 301 <el-select disabled v-model="mjdw" style="width: 68px">
277 <el-option 302 <el-option
278 v-for="item in dictData['A7']" 303 v-for="item in dictData['A7']"
279 :key="item.dcode" 304 :key="item.dcode"
280 :label="item.dname" 305 :label="item.dname"
281 :value="item.dcode"> 306 :value="item.dcode"
307 >
282 </el-option> 308 </el-option>
283 </el-select> 309 </el-select>
284 </div> 310 </div>
...@@ -288,7 +314,13 @@ ...@@ -288,7 +314,13 @@
288 <el-row :gutter="10"> 314 <el-row :gutter="10">
289 <el-col :span="24"> 315 <el-col :span="24">
290 <el-form-item label="附记："> 316 <el-form-item label="附记：">
291 <el-input v-model="ruleForm.fdcq2.fj" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"></el-input> 317 <el-input
318 v-model="ruleForm.fdcq2.fj"
319 type="textarea"
320 maxlength="500"
321 show-word-limit
322 :disabled="!viewEdit"
323 ></el-input>
292 </el-form-item> 324 </el-form-item>
293 </el-col> 325 </el-col>
294 </el-row> 326 </el-row>
...@@ -299,7 +331,8 @@ ...@@ -299,7 +331,8 @@
299 <tdytTable 331 <tdytTable
300 :ableOperation="viewEdit" 332 :ableOperation="viewEdit"
301 :tableData="ruleForm.tdytqxList" 333 :tableData="ruleForm.tdytqxList"
302 @upDateTdytxxList="upDateTdytxxList" /> 334 @upDateTdytxxList="upDateTdytxxList"
335 />
303 <div class="slxx_title title-block"> 336 <div class="slxx_title title-block">
304 权利人信息 337 权利人信息
305 <div class="triangle"></div> 338 <div class="triangle"></div>
...@@ -307,8 +340,10 @@ ...@@ -307,8 +340,10 @@
307 <el-row :gutter="10"> 340 <el-row :gutter="10">
308 <el-col :span="12" v-if="ruleForm.qlxx"> 341 <el-col :span="12" v-if="ruleForm.qlxx">
309 <el-form-item label="共有方式："> 342 <el-form-item label="共有方式：">
310 <el-radio-group :disabled="!viewEdit" 343 <el-radio-group
311 v-model="ruleForm.sldy.gyfs"> 344 :disabled="!viewEdit"
345 v-model="ruleForm.sldy.gyfs"
346 >
312 <el-radio label="0">单独所有</el-radio> 347 <el-radio label="0">单独所有</el-radio>
313 <el-radio label="1">共同共有</el-radio> 348 <el-radio label="1">共同共有</el-radio>
314 <el-radio label="2">按份所有</el-radio> 349 <el-radio label="2">按份所有</el-radio>
...@@ -320,7 +355,9 @@ ...@@ -320,7 +355,9 @@
320 <el-form-item label="是否分别持证："> 355 <el-form-item label="是否分别持证：">
321 <el-radio-group 356 <el-radio-group
322 v-model="ruleForm.sldy.sqfbcz" 357 v-model="ruleForm.sldy.sqfbcz"
323 :disabled="!viewEdit"> 358 :disabled="!viewEdit"
359 @input="updaterow()"
360 >
324 <el-radio :label="1">是</el-radio> 361 <el-radio :label="1">是</el-radio>
325 <el-radio :label="0">否</el-radio> 362 <el-radio :label="0">否</el-radio>
326 </el-radio-group> 363 </el-radio-group>
...@@ -328,32 +365,43 @@ ...@@ -328,32 +365,43 @@
328 </el-col> 365 </el-col>
329 <el-col 366 <el-col
330 :span="6" 367 :span="6"
331 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 368 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
369 >
332 <el-form-item label="持证人："> 370 <el-form-item label="持证人：">
333 <el-select 371 <el-select
334 v-model="czr" 372 v-model="czr"
335 placeholder="持证人" 373 placeholder="持证人"
336 :disabled="!viewEdit"> 374 :disabled="!viewEdit"
375 >
337 <el-option 376 <el-option
338 v-for="item in czrOptions" 377 v-for="item in czrOptions"
339 :key="item.zjh" 378 :key="item.zjh"
340 :label="item.sqrmc" 379 :label="item.sqrmc"
341 :value="item.zjh"> 380 :value="item.zjh"
381 >
342 </el-option> 382 </el-option>
343 </el-select> 383 </el-select>
344 </el-form-item> 384 </el-form-item>
345 </el-col> 385 </el-col>
346 </el-row> 386 </el-row>
347 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 387 <qlrCommonTable
348 :gyfs="ruleForm.sldy.gyfs" /> 388 @upDateQlrxxList="upDateQlrxxList"
389 :tableData="ruleForm.qlrList"
390 :disabled="viewEdit"
391 :gyfs="ruleForm.sldy.gyfs"
392 />
349 393
350 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 394 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
351 <div class="slxx_title title-block"> 395 <div class="slxx_title title-block">
352 义务人信息 396 义务人信息
353 <div class="triangle"></div> 397 <div class="triangle"></div>
354 </div> 398 </div>
355 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 399 <qlrCommonTable
356 :gyfs="ruleForm.sldy.gyfs" /> 400 v-if="ruleForm.qlxx"
401 @upDateQlrxxList="upDateYwrxxList"
402 :tableData="ruleForm.ywrList"
403 :gyfs="ruleForm.sldy.gyfs"
404 />
357 </div> 405 </div>
358 <div class="slxx_title title-block"> 406 <div class="slxx_title title-block">
359 登记原因 407 登记原因
...@@ -362,8 +410,14 @@ ...@@ -362,8 +410,14 @@
362 <el-row :gutter="10"> 410 <el-row :gutter="10">
363 <el-col> 411 <el-col>
364 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> 412 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
365 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 413 <el-input
366 v-model="ruleForm.fdcq2.djyy"> 414 class="textArea"
415 type="textarea"
416 maxlength="500"
417 show-word-limit
418 :disabled="!viewEdit"
419 v-model="ruleForm.fdcq2.djyy"
420 >
367 </el-input> 421 </el-input>
368 </el-form-item> 422 </el-form-item>
369 </el-col> 423 </el-col>
...@@ -378,272 +432,282 @@ ...@@ -378,272 +432,282 @@
378 </div> 432 </div>
379 </template> 433 </template>
380 <script> 434 <script>
381 import ywmix from "@/views/ywbl/mixin/index" 435 import ywmix from "@/views/ywbl/mixin/index";
382 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 436 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
383 import tdytTable from "@/views/workflow/components/tdytTable"; 437 import tdytTable from "@/views/workflow/components/tdytTable";
384 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 438 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
385 import { mapGetters } from "vuex"; 439 import { mapGetters } from "vuex";
386 export default { 440 export default {
387 mixins: [ywmix], 441 mixins: [ywmix],
388 mounted () { 442 mounted() {
389 this.viewEdit = this.$parent.currentSelectTab.ableOperation 443 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
390 this.propsParam = this.$attrs; 444 this.propsParam = this.$attrs;
391 var formdata = new FormData(); 445 var formdata = new FormData();
392 formdata.append("bsmSldy", this.propsParam.bsmSldy); 446 formdata.append("bsmSldy", this.propsParam.bsmSldy);
393 formdata.append("djlx", this.propsParam.djlx); 447 formdata.append("djlx", this.propsParam.djlx);
394 formdata.append("isEdit", this.viewEdit); 448 formdata.append("isEdit", this.viewEdit);
395 Init(formdata).then((res) => { 449 Init(formdata).then((res) => {
396 if (res.code === 200 && res.result) { 450 if (res.code === 200 && res.result) {
397 this.ruleForm = { 451 this.ruleForm = {
398 ...res.result, 452 ...res.result,
399 ...res.result.qlxxdatas, 453 ...res.result.qlxxdatas,
454 };
455 this.ruleForm.qlrList.forEach((item) => {
456 if (item.sfczr == 1) {
457 this.czr = item.sqrmc;
400 } 458 }
401 this.ruleForm.qlrList.forEach((item) => { 459 });
402 if (item.sfczr == 1) { 460 //初始化发证方式，1：小证，2：大正
403 this.czr = item.sqrmc 461 this.ruleForm.slsq.fzfs == null
404 } 462 ? (this.ruleForm.slsq.fzfs = "1")
405 }) 463 : this.ruleForm.slsq.fzfs;
406 //初始化发证方式，1：小证，2：大正 464 this.czrOptions = this.ruleForm.qlrList;
407 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; 465 }
408 this.czrOptions = this.ruleForm.qlrList; 466 });
467 },
468 components: { qlrCommonTable, tdytTable },
469 computed: {
470 ...mapGetters(["dictData", "flag"]),
471 },
472 data() {
473 return {
474 mjdw: "1",
475 // 键名转换，方法默认是label和children进行树状渲染
476 normalizer(node) {
477 //方法
478 if (node.children == null || node.children == "null") {
479 delete node.children;
409 } 480 }
410 }) 481 return {
411 }, 482 id: node.dcode,
412 components: { qlrCommonTable, tdytTable }, 483 label: node.dname,
413 computed: { 484 };
414 ...mapGetters(["dictData", "flag"]) 485 },
415 }, 486 disabled: true,
416 data () { 487 tdytOption: [],
417 return { 488 czrOptions: [],
418 mjdw: "1", 489 czr: "",
419 // 键名转换，方法默认是label和children进行树状渲染 490 ruleForm: {
420 normalizer (node) { 491 flow: {
421 //方法 492 ywh: "",
422 if (node.children == null || node.children == "null") {
423 delete node.children;
424 }
425 return {
426 id: node.dcode,
427 label: node.dname,
428 };
429 }, 493 },
430 disabled: true, 494 qlxx: {
431 tdytOption: [], 495 mj: "",
432 czrOptions: [], 496 },
433 czr: "", 497 sldy: {
434 ruleForm: { 498 gyfs: "",
435 flow: { 499 },
436 ywh: '' 500 slsq: {},
437 }, 501 fdcq2: {
438 qlxx: { 502 zyjzmj: "",
439 mj: '' 503 ftjzmj: "",
440 }, 504 },
441 sldy: { 505 zdjbxx: {
442 gyfs: '' 506 ghytmc: "",
443 },
444 slsq: {
445
446 },
447 fdcq2: {
448 zyjzmj: '',
449 ftjzmj: ''
450 },
451 zdjbxx: {
452 ghytmc: ''
453 }
454 }, 507 },
455 //传递参数
456 propsParam: this.$attrs,
457 //表单是否可操作
458 viewEdit: true,
459 rules: {}
460 }
461 },
462 methods: {
463 /**
464 * @description: 更新土地用途信息
465 * @param {*} val
466 * @author: renchao
467 */
468 upDateTdytxxList (val) {
469 this.ruleForm.tdytqxList = _.cloneDeep(val)
470 },
471 /**
472 * @description: 更新权利人信息
473 * @param {*} val
474 * @author: renchao
475 */
476 upDateQlrxxList (val) {
477 this.ruleForm.qlrList = _.cloneDeep(val);
478 this.czrOptions = this.ruleForm.qlrList;
479 },
480 /**
481 * @description: 更新权利人信息
482 * @param {*} val
483 * @author: renchao
484 */
485 upDateYwrxxList (val) {
486 this.ruleForm.ywrList = _.cloneDeep(val);
487 }, 508 },
488 /** 509 //传递参数
489 * @description: onSubmit 510 propsParam: this.$attrs,
490 * @author: renchao 511 //表单是否可操作
491 */ 512 viewEdit: true,
492 onSubmit () { 513 rules: {},
493 let that = this 514 };
494 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 515 },
495 if (arr.length > 0) { 516 methods: {
517 /**
518 * @description: 更新土地用途信息
519 * @param {*} val
520 * @author: renchao
521 */
522 upDateTdytxxList(val) {
523 this.ruleForm.tdytqxList = _.cloneDeep(val);
524 },
525 /**
526 * @description: 更新权利人信息
527 * @param {*} val
528 * @author: renchao
529 */
530 upDateQlrxxList(val) {
531 this.ruleForm.qlrList = _.cloneDeep(val);
532 this.czrOptions = this.ruleForm.qlrList;
533 },
534 // 是否持证人变化
535 /**
536 * @description: 是否持证人变化
537 * @param {*} val
538 * @author: renchao
539 */
540 updaterow() {
541 this.czr = "";
542 },
543 /**
544 * @description: 更新权利人信息
545 * @param {*} val
546 * @author: renchao
547 */
548 upDateYwrxxList(val) {
549 this.ruleForm.ywrList = _.cloneDeep(val);
550 },
551 /**
552 * @description: onSubmit
553 * @author: renchao
554 */
555 onSubmit() {
556 let that = this;
557 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
558 if (arr.length > 0) {
559 this.$message({
560 showClose: true,
561 message: "土地用途不能为空",
562 type: "error",
563 });
564 return false;
565 }
566 if (this.ruleForm.qlrList.length == 0) {
567 this.$message({
568 showClose: true,
569 message: "请确认权利人信息",
570 type: "error",
571 });
572 return false;
573 }
574
575 if (this.ruleForm.sldy.gyfs == "0") {
576 if (this.ruleForm.qlrList.length > 1) {
496 this.$message({ 577 this.$message({
497 showClose: true, 578 showClose: true,
498 message: "土地用途不能为空", 579 message: "共有方式：单独所有，权利人只能是一个人",
499 type: "error", 580 type: "error",
500 }); 581 });
501 return false; 582 return false;
502 } 583 }
503 if (this.ruleForm.qlrList.length == 0) { 584 this.ruleForm.qlrList[0].sfczr = "1";
585 } else {
586 if (this.ruleForm.qlrList.length <= 1) {
504 this.$message({ 587 this.$message({
505 showClose: true, 588 showClose: true,
506 message: "请确认权利人信息", 589 message:
590 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
507 type: "error", 591 type: "error",
508 }); 592 });
509 return false; 593 return false;
510 } 594 }
511 595 //是否分别持证
512 if (this.ruleForm.sldy.gyfs == "0") { 596 if (this.ruleForm.sldy.sqfbcz == "1") {
513 if (this.ruleForm.qlrList.length > 1) { 597 //是
514 this.$message({ 598 this.ruleForm.qlrList.forEach((item, index) => {
515 showClose: true, 599 item.sfczr = "1";
516 message: "共有方式：单独所有，权利人只能是一个人", 600 });
517 type: "error",
518 });
519 return false;
520 }
521 this.ruleForm.qlrList[0].sfczr = "1";
522 } else { 601 } else {
523 if (this.ruleForm.qlrList.length <= 1) { 602 if (!that.czr) {
524 this.$message({ 603 that.$message({
525 showClose: true, 604 showClose: true,
526 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 605 message: "请选择持证人",
527 type: "error", 606 type: "error",
528 }); 607 });
529 return false; 608 return false;
530 } 609 }
531 //是否分别持证 610 this.ruleForm.qlrList.forEach((item, index) => {
532 if (this.ruleForm.sldy.sqfbcz == "1") { 611 if (item.zjh == this.czr) {
533 //是
534 this.ruleForm.qlrList.forEach((item, index) => {
535 item.sfczr = "1"; 612 item.sfczr = "1";
536 }); 613 } else {
537 } else { 614 item.sfczr = "0";
538 if (!that.czr) {
539 that.$message({
540 showClose: true,
541 message: "请选择持证人",
542 type: "error",
543 });
544 return false;
545 } 615 }
546 this.ruleForm.qlrList.forEach((item, index) => { 616 });
547 if (item.zjh == this.czr) {
548 item.sfczr = "1";
549 } else {
550 item.sfczr = "0";
551 }
552 });
553 }
554 } 617 }
555 saveData(this.ruleForm).then((res) => {
556 if (res.code === 200) {
557 this.$message({
558 showClose: true,
559 message: "保存成功！",
560 type: "success",
561 });
562 this.$store.dispatch('user/refreshPage', true);
563 } else {
564 this.$message({
565 showClose: true,
566 message: res.message,
567 type: "error"
568 })
569 }
570 })
571 } 618 }
572 } 619 saveData(this.ruleForm).then((res) => {
573 } 620 if (res.code === 200) {
621 this.$message({
622 showClose: true,
623 message: "保存成功！",
624 type: "success",
625 });
626 this.$store.dispatch("user/refreshPage", true);
627 } else {
628 this.$message({
629 showClose: true,
630 message: res.message,
631 type: "error",
632 });
633 }
634 });
635 },
636 },
637 };
574 </script> 638 </script>
575 <style scoped lang='scss'> 639 <style scoped lang="scss">
576 @import "~@/styles/public.scss"; 640 @import "~@/styles/public.scss";
577 641
578 /deep/.el-form { 642 /deep/.el-form {
579 display: flex; 643 display: flex;
580 flex-direction: column; 644 flex-direction: column;
581 height: calc(100vh - 130px); 645 height: calc(100vh - 130px);
582 } 646 }
583 647
584 /deep/.el-form-item__label { 648 /deep/.el-form-item__label {
585 padding: 0; 649 padding: 0;
586 } 650 }
587 651
588 /deep/.el-radio { 652 /deep/.el-radio {
589 margin-right: 10px; 653 margin-right: 10px;
590 } 654 }
591 655
592 /deep/.el-select { 656 /deep/.el-select {
593 width: 100%; 657 width: 100%;
594 } 658 }
595 659
596 /deep/.el-form-item { 660 /deep/.el-form-item {
597 margin-bottom: 8px; 661 margin-bottom: 8px;
598 } 662 }
599 663
600 .marginBot0 { 664 .marginBot0 {
601 margin-bottom: 0 !important; 665 margin-bottom: 0 !important;
602 } 666 }
603 667
604 .slxx { 668 .slxx {
605 box-sizing: border-box; 669 box-sizing: border-box;
606 } 670 }
607 671
608 .slxx_con { 672 .slxx_con {
609 flex: 1; 673 flex: 1;
610 height: 100%; 674 height: 100%;
611 background-color: #ffffff; 675 background-color: #ffffff;
612 overflow-y: auto; 676 overflow-y: auto;
613 padding-right: 3px; 677 padding-right: 3px;
614 overflow-x: hidden; 678 overflow-x: hidden;
615 } 679 }
616 680
617 .submit_btn { 681 .submit_btn {
618 height: 50px; 682 height: 50px;
619 } 683 }
620 684
621 .slxx_title { 685 .slxx_title {
622 border-bottom: 1px solid $borderColor; 686 border-bottom: 1px solid $borderColor;
623 padding-left: 10px; 687 padding-left: 10px;
624 padding-bottom: 5px; 688 padding-bottom: 5px;
625 margin-bottom: 10px; 689 margin-bottom: 10px;
626 margin-top: 5px; 690 margin-top: 5px;
627 font-size: 16px; 691 font-size: 16px;
628 font-weight: 500; 692 font-weight: 500;
629 color: #4a4a4a; 693 color: #4a4a4a;
630 } 694 }
631 695
632 .btn { 696 .btn {
633 text-align: center; 697 text-align: center;
634 padding-top: 10px; 698 padding-top: 10px;
635 height: 36px; 699 height: 36px;
636 background-color: #ffffff; 700 background-color: #ffffff;
637 padding: 5px 0; 701 padding: 5px 0;
638 } 702 }
639 703
640 .textArea { 704 .textArea {
641 /deep/.el-textarea__inner { 705 /deep/.el-textarea__inner {
642 min-height: 90px !important; 706 min-height: 90px !important;
643 }
644 } 707 }
708 }
645 709
646 /deep/.el-form-item__label { 710 /deep/.el-form-item__label {
647 padding-bottom: 0px; 711 padding-bottom: 0px;
648 } 712 }
649 </style> 713 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:04:01 4 * @LastEditTime: 2023-08-24 15:34:11
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -48,7 +54,8 @@ ...@@ -48,7 +54,8 @@
48 </el-row> 54 </el-row>
49 <div 55 <div
50 class="slxx_title title-block flex" 56 class="slxx_title title-block flex"
51 style="justify-content: space-between"> 57 style="justify-content: space-between"
58 >
52 不动产单元情况 59 不动产单元情况
53 <el-button @click="compare">变化情况对比+</el-button> 60 <el-button @click="compare">变化情况对比+</el-button>
54 </div> 61 </div>
...@@ -106,7 +113,11 @@ ...@@ -106,7 +113,11 @@
106 </el-col> 113 </el-col>
107 <el-col :span="8"> 114 <el-col :span="8">
108 <el-form-item label="总层数："> 115 <el-form-item label="总层数：">
109 <el-input disabled v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 116 <el-input
117 disabled
118 v-model.number="ruleForm.fdcq2.zcs"
119 oninput="value=value.replace(/[^0-9]/g,'')"
120 ></el-input>
110 </el-form-item> 121 </el-form-item>
111 </el-col> 122 </el-col>
112 <el-col :span="8"> 123 <el-col :span="8">
...@@ -119,17 +130,18 @@ ...@@ -119,17 +130,18 @@
119 <el-col :span="8"> 130 <el-col :span="8">
120 <el-form-item label="建筑面积："> 131 <el-form-item label="建筑面积：">
121 <div class="flex"> 132 <div class="flex">
122 <el-input disabled v-model="ruleForm.qlxx.mj" 133 <el-input
123 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
124 <el-select
125 disabled 134 disabled
126 v-model="mjdw" 135 v-model="ruleForm.qlxx.mj"
127 style="width: 68px"> 136 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
137 ></el-input>
138 <el-select disabled v-model="mjdw" style="width: 68px">
128 <el-option 139 <el-option
129 v-for="item in dictData['A7']" 140 v-for="item in dictData['A7']"
130 :key="item.dcode" 141 :key="item.dcode"
131 :label="item.dname" 142 :label="item.dname"
132 :value="item.dcode"> 143 :value="item.dcode"
144 >
133 </el-option> 145 </el-option>
134 </el-select> 146 </el-select>
135 </div> 147 </div>
...@@ -138,17 +150,18 @@ ...@@ -138,17 +150,18 @@
138 <el-col :span="8"> 150 <el-col :span="8">
139 <el-form-item label="专有建筑面积："> 151 <el-form-item label="专有建筑面积：">
140 <div class="flex"> 152 <div class="flex">
141 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" 153 <el-input
142 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
143 <el-select
144 disabled 154 disabled
145 v-model="mjdw" 155 v-model="ruleForm.fdcq2.zyjzmj"
146 style="width: 68px"> 156 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
157 ></el-input>
158 <el-select disabled v-model="mjdw" style="width: 68px">
147 <el-option 159 <el-option
148 v-for="item in dictData['A7']" 160 v-for="item in dictData['A7']"
149 :key="item.dcode" 161 :key="item.dcode"
150 :label="item.dname" 162 :label="item.dname"
151 :value="item.dcode"> 163 :value="item.dcode"
164 >
152 </el-option> 165 </el-option>
153 </el-select> 166 </el-select>
154 </div> 167 </div>
...@@ -157,17 +170,18 @@ ...@@ -157,17 +170,18 @@
157 <el-col :span="8"> 170 <el-col :span="8">
158 <el-form-item label="分摊建筑面积："> 171 <el-form-item label="分摊建筑面积：">
159 <div class="flex"> 172 <div class="flex">
160 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" 173 <el-input
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
162 <el-select
163 disabled 174 disabled
164 v-model="mjdw" 175 v-model="ruleForm.fdcq2.ftjzmj"
165 style="width: 68px"> 176 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
177 ></el-input>
178 <el-select disabled v-model="mjdw" style="width: 68px">
166 <el-option 179 <el-option
167 v-for="item in dictData['A7']" 180 v-for="item in dictData['A7']"
168 :key="item.dcode" 181 :key="item.dcode"
169 :label="item.dname" 182 :label="item.dname"
170 :value="item.dcode"> 183 :value="item.dcode"
184 >
171 </el-option> 185 </el-option>
172 </el-select> 186 </el-select>
173 </div> 187 </div>
...@@ -181,7 +195,8 @@ ...@@ -181,7 +195,8 @@
181 <tdytTable 195 <tdytTable
182 :ableOperation="viewEdit" 196 :ableOperation="viewEdit"
183 :tableData="ruleForm.tdytqxList" 197 :tableData="ruleForm.tdytqxList"
184 @upDateTdytxxList="upDateTdytxxList" /> 198 @upDateTdytxxList="upDateTdytxxList"
199 />
185 <div class="slxx_title title-block"> 200 <div class="slxx_title title-block">
186 权利人信息 201 权利人信息
187 <div class="triangle"></div> 202 <div class="triangle"></div>
...@@ -189,7 +204,10 @@ ...@@ -189,7 +204,10 @@
189 <el-row :gutter="10"> 204 <el-row :gutter="10">
190 <el-col :span="12"> 205 <el-col :span="12">
191 <el-form-item label="共有方式："> 206 <el-form-item label="共有方式：">
192 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 207 <el-radio-group
208 :disabled="!viewEdit"
209 v-model="ruleForm.sldy.gyfs"
210 >
193 <el-radio label="0">单独所有</el-radio> 211 <el-radio label="0">单独所有</el-radio>
194 <el-radio label="1">共同共有</el-radio> 212 <el-radio label="1">共同共有</el-radio>
195 <el-radio label="2">按份所有</el-radio> 213 <el-radio label="2">按份所有</el-radio>
...@@ -201,7 +219,9 @@ ...@@ -201,7 +219,9 @@
201 <el-form-item label="是否分别持证："> 219 <el-form-item label="是否分别持证：">
202 <el-radio-group 220 <el-radio-group
203 v-model="ruleForm.sldy.sqfbcz" 221 v-model="ruleForm.sldy.sqfbcz"
204 :disabled="!viewEdit"> 222 :disabled="!viewEdit"
223 @input="updaterow()"
224 >
205 <el-radio :label="1">是</el-radio> 225 <el-radio :label="1">是</el-radio>
206 <el-radio :label="0">否</el-radio> 226 <el-radio :label="0">否</el-radio>
207 </el-radio-group> 227 </el-radio-group>
...@@ -209,24 +229,31 @@ ...@@ -209,24 +229,31 @@
209 </el-col> 229 </el-col>
210 <el-col 230 <el-col
211 :span="6" 231 :span="6"
212 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 232 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
233 >
213 <el-form-item label="持证人："> 234 <el-form-item label="持证人：">
214 <el-select 235 <el-select
215 v-model="czr" 236 v-model="czr"
216 placeholder="持证人" 237 placeholder="持证人"
217 :disabled="!viewEdit"> 238 :disabled="!viewEdit"
239 >
218 <el-option 240 <el-option
219 v-for="item in czrOptions" 241 v-for="item in czrOptions"
220 :key="item.zjh" 242 :key="item.zjh"
221 :label="item.sqrmc" 243 :label="item.sqrmc"
222 :value="item.zjh"> 244 :value="item.zjh"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </el-form-item> 248 </el-form-item>
226 </el-col> 249 </el-col>
227 </el-row> 250 </el-row>
228 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!viewEdit" :tableData="ruleForm.qlrList" 251 <qlrCommonTable
229 :gyfs="ruleForm.sldy.gyfs" /> 252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="!viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs"
256 />
230 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
231 登记原因 258 登记原因
232 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -234,8 +261,14 @@ ...@@ -234,8 +261,14 @@
234 <el-row :gutter="10"> 261 <el-row :gutter="10">
235 <el-col> 262 <el-col>
236 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> 263 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
237 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 264 <el-input
238 v-model="ruleForm.fdcq2.djyy"> 265 class="textArea"
266 type="textarea"
267 maxlength="500"
268 show-word-limit
269 :disabled="!viewEdit"
270 v-model="ruleForm.fdcq2.djyy"
271 >
239 </el-input> 272 </el-input>
240 </el-form-item> 273 </el-form-item>
241 </el-col> 274 </el-col>
...@@ -250,320 +283,335 @@ ...@@ -250,320 +283,335 @@
250 </div> 283 </div>
251 </template> 284 </template>
252 <script> 285 <script>
253 import ywmix from "@/views/ywbl/mixin/index" 286 import ywmix from "@/views/ywbl/mixin/index";
254 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 287 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
255 import tdytTable from "@/views/workflow/components/tdytTable"; 288 import tdytTable from "@/views/workflow/components/tdytTable";
256 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 289 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
257 import { mapGetters } from "vuex"; 290 import { mapGetters } from "vuex";
258 export default { 291 export default {
259 mixins: [ywmix], 292 mixins: [ywmix],
260 mounted () { 293 mounted() {
261 this.viewEdit = this.$parent.currentSelectTab.ableOperation 294 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
262 this.propsParam = this.$attrs; 295 this.propsParam = this.$attrs;
263 var formdata = new FormData(); 296 var formdata = new FormData();
264 formdata.append("bsmSldy", this.propsParam.bsmSldy); 297 formdata.append("bsmSldy", this.propsParam.bsmSldy);
265 formdata.append("djlx", this.propsParam.djlx); 298 formdata.append("djlx", this.propsParam.djlx);
266 formdata.append("isEdit", this.viewEdit); 299 formdata.append("isEdit", this.viewEdit);
267 Init(formdata).then((res) => { 300 Init(formdata).then((res) => {
268 if (res.code === 200 && res.result) { 301 if (res.code === 200 && res.result) {
269 this.ruleForm = { 302 this.ruleForm = {
270 ...res.result, 303 ...res.result,
271 ...res.result.zdjbxxdatas, 304 ...res.result.zdjbxxdatas,
272 ...res.result.qlxxdatas, 305 ...res.result.qlxxdatas,
273 ...res.result.jsydsyqdatas, 306 ...res.result.jsydsyqdatas,
274 }; 307 };
275 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
276 if (item.sfczr == 1) { 309 if (item.sfczr == 1) {
277 this.czr = item.sqrmc 310 this.czr = item.sqrmc;
278 } 311 }
279 }) 312 });
280 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
281 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; 314 this.ruleForm.slsq.fzfs == null
282 this.czrOptions = this.ruleForm.qlrList; 315 ? (this.ruleForm.slsq.fzfs = "1")
316 : this.ruleForm.slsq.fzfs;
317 this.czrOptions = this.ruleForm.qlrList;
318 }
319 });
320 },
321 components: { qlrCommonTable, tdytTable },
322 computed: {
323 ...mapGetters(["dictData", "flag"]),
324 },
325 data() {
326 return {
327 mjdw: "1",
328 //表单是否可操作
329 viewEdit: false,
330 disabled: true,
331 tdytOption: [],
332 czrOptions: [],
333 czr: "",
334 ruleForm: {
335 flow: {
336 ywh: "",
337 },
338 slry: "",
339 slsj: "",
340 qllx: "",
341 djlx: "",
342 djqx: "",
343 sldy: {
344 gyfs: "",
345 },
346 // 宗地代码
347 zddm: "",
348 bdcdyh: "",
349 qlxzmc: "",
350 qlrxx: [],
351 // 自然幢号
352 zrzh: "",
353 // 户不动产单元号
354 hbdcdyh: "",
355 djzt: "",
356 // 图幅丘幢号
357 tfqzh: "",
358 zl: "",
359 // 房屋用途
360 fwyt: "",
361 fwxz: "",
362 fwjg: "",
363 // 权利人信息
364 // 是否分别持证
365 sffbcz: "",
366 // 持证人
367 czr: "",
368 djyy: "",
369 // 规划用途名称
370 zdjbxx: {
371 ghytmc: "",
372 },
373 fdcq2: {
374 fwxzmc: "",
375 },
376 slsq: {
377 gyfs: "",
378 },
379 },
380 //传递参数
381 propsParam: {},
382 rules: {},
383 };
384 },
385 methods: {
386 /**
387 * @description: dataSelectClick
388 * @author: renchao
389 */
390 dataSelectClick() {
391 this.$popup(
392 "房屋所有权",
393 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
394 {
395 formData: {
396 bsmSldy: this.propsParam.bsmSldy,
397 qllx: this.propsParam.qllx,
398 },
283 } 399 }
284 }); 400 );
285 }, 401 },
286 components: { qlrCommonTable, tdytTable }, 402 /**
287 computed: { 403 * @description: 更新土地用途信息
288 ...mapGetters(["dictData", "flag"]), 404 * @param {*} val
405 * @author: renchao
406 */
407 upDateTdytxxList(val) {
408 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
409 this.key++;
289 }, 410 },
290 data () { 411 // 是否持证人变化
291 return { 412 /**
292 mjdw: "1", 413 * @description: 是否持证人变化
293 //表单是否可操作 414 * @param {*} val
294 viewEdit: false, 415 * @author: renchao
295 disabled: true, 416 */
296 tdytOption: [], 417 updaterow() {
297 czrOptions: [], 418 this.czr = "";
298 czr: "",
299 ruleForm: {
300 flow: {
301 ywh: ''
302 },
303 slry: "",
304 slsj: "",
305 qllx: "",
306 djlx: "",
307 djqx: "",
308 sldy: {
309 gyfs: ''
310 },
311 // 宗地代码
312 zddm: "",
313 bdcdyh: "",
314 qlxzmc: "",
315 qlrxx: [],
316 // 自然幢号
317 zrzh: "",
318 // 户不动产单元号
319 hbdcdyh: '',
320 djzt: '',
321 // 图幅丘幢号
322 tfqzh: '',
323 zl: '',
324 // 房屋用途
325 fwyt: '',
326 fwxz: '',
327 fwjg: '',
328 // 权利人信息
329 // 是否分别持证
330 sffbcz: "",
331 // 持证人
332 czr: "",
333 djyy: '',
334 // 规划用途名称
335 zdjbxx: {
336 ghytmc: ''
337 },
338 fdcq2: {
339 fwxzmc: ''
340 },
341 slsq: {
342 gyfs: ''
343 }
344 },
345 //传递参数
346 propsParam: {},
347 rules: {},
348 };
349 }, 419 },
350 methods: { 420 /**
351 /** 421 * @description: 更新权利人信息
352 * @description: dataSelectClick 422 * @param {*} val
353 * @author: renchao 423 * @author: renchao
354 */ 424 */
355 dataSelectClick () { 425 upDateQlrxxList(val) {
356 this.$popup("房屋所有权", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", 426 this.ruleForm.qlrList = _.cloneDeep(val);
357 { 427 this.czrOptions = this.ruleForm.qlrList;
358 formData: { 428 this.key++;
359 bsmSldy: this.propsParam.bsmSldy, 429 },
360 qllx: this.propsParam.qllx 430 // 更新权利人信息
361 } 431 /**
362 }); 432 * @description: 更新权利人信息
363 }, 433 * @param {*} val
364 /** 434 * @author: renchao
365 * @description: 更新土地用途信息 435 */
366 * @param {*} val 436 upDateYwrxxList(val) {
367 * @author: renchao 437 this.ruleForm.ywrList = _.cloneDeep(val);
368 */ 438 },
369 upDateTdytxxList (val) { 439 /**
370 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 440 * @description: onSubmit
371 this.key++; 441 * @author: renchao
372 }, 442 */
373 /** 443 onSubmit() {
374 * @description: 更新权利人信息 444 let that = this;
375 * @param {*} val 445 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
376 * @author: renchao 446 if (arr.length > 0) {
377 */ 447 this.$message({
378 upDateQlrxxList (val) { 448 showClose: true,
379 this.ruleForm.qlrList = _.cloneDeep(val); 449 message: "土地用途不能为空",
380 this.czrOptions = this.ruleForm.qlrList; 450 type: "error",
381 this.key++; 451 });
382 }, 452 return false;
383 // 更新权利人信息 453 }
384 /** 454 if (this.ruleForm.qlrList.length == 0) {
385 * @description: 更新权利人信息 455 this.$message({
386 * @param {*} val 456 showClose: true,
387 * @author: renchao 457 message: "请确认权利人信息",
388 */ 458 type: "error",
389 upDateYwrxxList (val) { 459 });
390 this.ruleForm.ywrList = _.cloneDeep(val); 460 return false;
391 }, 461 }
392 /** 462
393 * @description: onSubmit 463 if (this.ruleForm.sldy.gyfs == "0") {
394 * @author: renchao 464 if (this.ruleForm.qlrList.length > 1) {
395 */
396 onSubmit () {
397 let that = this
398 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
399 if (arr.length > 0) {
400 this.$message({ 465 this.$message({
401 showClose: true, 466 showClose: true,
402 message: "土地用途不能为空", 467 message: "共有方式：单独所有，权利人只能是一个人",
403 type: "error", 468 type: "error",
404 }); 469 });
405 return false; 470 return false;
406 } 471 }
407 if (this.ruleForm.qlrList.length == 0) { 472 this.ruleForm.qlrList[0].sfczr = "1";
473 } else {
474 if (this.ruleForm.qlrList.length <= 1) {
408 this.$message({ 475 this.$message({
409 showClose: true, 476 showClose: true,
410 message: "请确认权利人信息", 477 message:
478 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
411 type: "error", 479 type: "error",
412 }); 480 });
413 return false; 481 return false;
414 } 482 }
415 483 //是否分别持证
416 if (this.ruleForm.sldy.gyfs == "0") { 484 if (this.ruleForm.sldy.sqfbcz == "1") {
417 if (this.ruleForm.qlrList.length > 1) { 485 //是
418 this.$message({ 486 this.ruleForm.qlrList.forEach((item, index) => {
419 showClose: true, 487 item.sfczr = "1";
420 message: "共有方式：单独所有，权利人只能是一个人", 488 });
421 type: "error",
422 });
423 return false;
424 }
425 this.ruleForm.qlrList[0].sfczr = "1";
426 } else { 489 } else {
427 if (this.ruleForm.qlrList.length <= 1) { 490 if (!that.czr) {
428 this.$message({ 491 that.$message({
429 showClose: true, 492 showClose: true,
430 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 493 message: "请选择持证人",
431 type: "error", 494 type: "error",
432 }); 495 });
433 return false; 496 return false;
434 } 497 }
435 //是否分别持证 498 this.ruleForm.qlrList.forEach((item, index) => {
436 if (this.ruleForm.sldy.sqfbcz == "1") { 499 if (item.zjh == this.czr) {
437 //是
438 this.ruleForm.qlrList.forEach((item, index) => {
439 item.sfczr = "1"; 500 item.sfczr = "1";
440 }); 501 } else {
441 } else { 502 item.sfczr = "0";
442 if (!that.czr) {
443 that.$message({
444 showClose: true,
445 message: "请选择持证人",
446 type: "error",
447 });
448 return false;
449 } 503 }
450 this.ruleForm.qlrList.forEach((item, index) => { 504 });
451 if (item.zjh == this.czr) {
452 item.sfczr = "1";
453 } else {
454 item.sfczr = "0";
455 }
456 });
457 }
458 } 505 }
459 saveData(this.ruleForm).then((res) => { 506 }
460 if (res.code === 200) { 507 saveData(this.ruleForm).then((res) => {
461 this.$message({ 508 if (res.code === 200) {
462 showClose: true, 509 this.$message({
463 message: "保存成功！", 510 showClose: true,
464 type: "success", 511 message: "保存成功！",
465 }); 512 type: "success",
466 this.$store.dispatch('user/refreshPage', true); 513 });
467 } else { 514 this.$store.dispatch("user/refreshPage", true);
468 this.$message({ 515 } else {
469 showClose: true, 516 this.$message({
470 message: res.message, 517 showClose: true,
471 type: "error", 518 message: res.message,
472 }); 519 type: "error",
473 } 520 });
474 }); 521 }
475 }, 522 });
476 /**
477 * @description: compare
478 * @author: renchao
479 */
480 compare () {
481 this.$popupDialog(
482 this.ruleForm.qlxx.qllxmc,
483 "registerBook/comparison",
484 {
485 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
486 dqqllx: 'FDCQ2',
487 },
488 "80%",
489 true
490 );
491 },
492 }, 523 },
493 }; 524 /**
525 * @description: compare
526 * @author: renchao
527 */
528 compare() {
529 this.$popupDialog(
530 this.ruleForm.qlxx.qllxmc,
531 "registerBook/comparison",
532 {
533 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
534 dqqllx: "FDCQ2",
535 },
536 "80%",
537 true
538 );
539 },
540 },
541 };
494 </script> 542 </script>
495 <style scoped lang='scss'> 543 <style scoped lang="scss">
496 @import "~@/styles/public.scss"; 544 @import "~@/styles/public.scss";
497 @import "~@/styles/slxx/slxx.scss"; 545 @import "~@/styles/slxx/slxx.scss";
498 /deep/.el-form { 546 /deep/.el-form {
499 display: flex; 547 display: flex;
500 flex-direction: column; 548 flex-direction: column;
501 height: calc(100vh - 130px); 549 height: calc(100vh - 130px);
502 } 550 }
503 551
504 /deep/.el-form-item__label { 552 /deep/.el-form-item__label {
505 padding: 0; 553 padding: 0;
506 } 554 }
507 555
508 /deep/.el-radio { 556 /deep/.el-radio {
509 margin-right: 10px; 557 margin-right: 10px;
510 } 558 }
511 559
512 /deep/.el-select { 560 /deep/.el-select {
513 width: 100%; 561 width: 100%;
514 } 562 }
515 563
516 /deep/.el-form-item { 564 /deep/.el-form-item {
517 margin-bottom: 8px; 565 margin-bottom: 8px;
518 } 566 }
519 567
520 .marginBot0 { 568 .marginBot0 {
521 margin-bottom: 0 !important; 569 margin-bottom: 0 !important;
522 } 570 }
523 571
524 .slxx { 572 .slxx {
525 box-sizing: border-box; 573 box-sizing: border-box;
526 } 574 }
527 575
528 .slxx_con { 576 .slxx_con {
529 flex: 1; 577 flex: 1;
530 height: 100%; 578 height: 100%;
531 background-color: #ffffff; 579 background-color: #ffffff;
532 overflow-y: auto; 580 overflow-y: auto;
533 padding-right: 3px; 581 padding-right: 3px;
534 overflow-x: hidden; 582 overflow-x: hidden;
535 } 583 }
536 584
537 .submit_btn { 585 .submit_btn {
538 height: 50px; 586 height: 50px;
539 } 587 }
540 588
541 .slxx_title { 589 .slxx_title {
542 border-bottom: 1px solid $borderColor; 590 border-bottom: 1px solid $borderColor;
543 padding-left: 10px; 591 padding-left: 10px;
544 padding-bottom: 5px; 592 padding-bottom: 5px;
545 margin-bottom: 10px; 593 margin-bottom: 10px;
546 margin-top: 5px; 594 margin-top: 5px;
547 font-size: 16px; 595 font-size: 16px;
548 font-weight: 500; 596 font-weight: 500;
549 color: #4a4a4a; 597 color: #4a4a4a;
550 } 598 }
551 599
552 .btn { 600 .btn {
553 text-align: center; 601 text-align: center;
554 padding-top: 10px; 602 padding-top: 10px;
555 height: 36px; 603 height: 36px;
556 background-color: #ffffff; 604 background-color: #ffffff;
557 padding: 5px 0; 605 padding: 5px 0;
558 } 606 }
559 607
560 .textArea { 608 .textArea {
561 /deep/.el-textarea__inner { 609 /deep/.el-textarea__inner {
562 min-height: 90px !important; 610 min-height: 90px !important;
563 }
564 } 611 }
612 }
565 613
566 /deep/.el-form-item__label { 614 /deep/.el-form-item__label {
567 padding-bottom: 0px; 615 padding-bottom: 0px;
568 } 616 }
569 </style> 617 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-17 14:18:10 4 * @LastEditTime: 2023-08-24 15:32:19
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="130px"> 14 label-width="130px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -37,12 +38,18 @@ ...@@ -37,12 +38,18 @@
37 <el-row :gutter="10" v-if="ruleForm.slsq"> 38 <el-row :gutter="10" v-if="ruleForm.slsq">
38 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 39 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
39 <el-form-item label="权利类型："> 40 <el-form-item label="权利类型：">
40 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 41 <el-input
42 disabled
43 v-model="ruleForm.sldyList[0].qllxmc"
44 ></el-input>
41 </el-form-item> 45 </el-form-item>
42 </el-col> 46 </el-col>
43 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 47 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
44 <el-form-item label="登记类型："> 48 <el-form-item label="登记类型：">
45 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 49 <el-input
50 disabled
51 v-model="ruleForm.sldyList[0].djlxmc"
52 ></el-input>
46 </el-form-item> 53 </el-form-item>
47 </el-col> 54 </el-col>
48 <el-col :span="8"> 55 <el-col :span="8">
...@@ -60,12 +67,17 @@ ...@@ -60,12 +67,17 @@
60 <el-form-item label="宗地面积："> 67 <el-form-item label="宗地面积：">
61 <div class="flex"> 68 <div class="flex">
62 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 69 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
63 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px"> 70 <el-select
71 disabled
72 v-model="ruleForm.zdjbxx.mjdw"
73 style="width: 68px"
74 >
64 <el-option 75 <el-option
65 v-for="item in dictData['A7']" 76 v-for="item in dictData['A7']"
66 :key="item.dcode" 77 :key="item.dcode"
67 :label="item.dname" 78 :label="item.dname"
68 :value="item.dcode"></el-option> 79 :value="item.dcode"
80 ></el-option>
69 </el-select> 81 </el-select>
70 </div> 82 </div>
71 </el-form-item> 83 </el-form-item>
...@@ -135,12 +147,13 @@ ...@@ -135,12 +147,13 @@
135 <div class="triangle"></div> 147 <div class="triangle"></div>
136 </div> 148 </div>
137 <el-row :gutter="10"> 149 <el-row :gutter="10">
138 <el-col :span="12" v-if="ruleForm.sldyList.length>0"> 150 <el-col :span="12" v-if="ruleForm.sldyList.length > 0">
139 <el-form-item label="共有方式："> 151 <el-form-item label="共有方式：">
140 <el-radio-group 152 <el-radio-group
141 :disabled="!viewEdit" 153 :disabled="!viewEdit"
142 @change="showCZInfo" 154 @change="showCZInfo"
143 v-model="ruleForm.sldyList[0].gyfs"> 155 v-model="ruleForm.sldyList[0].gyfs"
156 >
144 <el-radio label="0">单独所有</el-radio> 157 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio> 158 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio> 159 <el-radio label="2">按份所有</el-radio>
...@@ -149,27 +162,37 @@ ...@@ -149,27 +162,37 @@
149 </el-form-item> 162 </el-form-item>
150 </el-col> 163 </el-col>
151 164
152 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> 165 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0">
153 <el-form-item label="是否分别持证："> 166 <el-form-item label="是否分别持证：">
154 <el-radio-group 167 <el-radio-group
155 v-model="ruleForm.sldyList[0].sqfbcz" 168 v-model="ruleForm.sldyList[0].sqfbcz"
156 :disabled="!viewEdit"> 169 :disabled="!viewEdit"
170 @input="updaterow()"
171 >
157 <el-radio :label="1">是</el-radio> 172 <el-radio :label="1">是</el-radio>
158 <el-radio :label="0">否</el-radio> 173 <el-radio :label="0">否</el-radio>
159 </el-radio-group> 174 </el-radio-group>
160 </el-form-item> 175 </el-form-item>
161 </el-col> 176 </el-col>
162 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0&&ruleForm.sldyList[0].sqfbcz=='0'"> 177 <el-col
178 :span="6"
179 v-if="
180 ruleForm.sldyList[0].gyfs != 0 &&
181 ruleForm.sldyList[0].sqfbcz == '0'
182 "
183 >
163 <el-form-item label="持证人："> 184 <el-form-item label="持证人：">
164 <el-select 185 <el-select
165 v-model="czr" 186 v-model="czr"
166 placeholder="持证人" 187 placeholder="持证人"
167 :disabled="!viewEdit"> 188 :disabled="!viewEdit"
189 >
168 <el-option 190 <el-option
169 v-for="item in czrOptions" 191 v-for="item in czrOptions"
170 :key="item.zjh" 192 :key="item.zjh"
171 :label="item.sqrmc" 193 :label="item.sqrmc"
172 :value="item.zjh"></el-option> 194 :value="item.zjh"
195 ></el-option>
173 </el-select> 196 </el-select>
174 </el-form-item> 197 </el-form-item>
175 </el-col> 198 </el-col>
...@@ -178,7 +201,8 @@ ...@@ -178,7 +201,8 @@
178 :disabled="viewEdit" 201 :disabled="viewEdit"
179 @upDateQlrxxList="upDateQlrxxList" 202 @upDateQlrxxList="upDateQlrxxList"
180 :tableData="ruleForm.qlrList" 203 :tableData="ruleForm.qlrList"
181 :gyfs="ruleForm.sldyList[0].gyfs" /> 204 :gyfs="ruleForm.sldyList[0].gyfs"
205 />
182 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
183 登记原因 207 登记原因
184 <div class="triangle"></div> 208 <div class="triangle"></div>
...@@ -192,7 +216,8 @@ ...@@ -192,7 +216,8 @@
192 maxlength="500" 216 maxlength="500"
193 show-word-limit 217 show-word-limit
194 :disabled="!viewEdit" 218 :disabled="!viewEdit"
195 v-model="ruleForm.fdcq2List[0].djyy"> 219 v-model="ruleForm.fdcq2List[0].djyy"
220 >
196 </el-input> 221 </el-input>
197 </el-form-item> 222 </el-form-item>
198 </el-col> 223 </el-col>
...@@ -207,297 +232,301 @@ ...@@ -207,297 +232,301 @@
207 </div> 232 </div>
208 </template> 233 </template>
209 <script> 234 <script>
210 import ywmix from "@/views/ywbl/mixin/index"; 235 import ywmix from "@/views/ywbl/mixin/index";
211 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 236 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
212 import { 237 import {
213 BatchInit, 238 BatchInit,
214 Init, 239 Init,
215 saveBatchData, 240 saveBatchData,
216 saveData, 241 saveData,
217 } from "@/api/workflow/fwsyqFlow.js"; 242 } from "@/api/workflow/fwsyqFlow.js";
218 import { mapGetters } from "vuex"; 243 import { mapGetters } from "vuex";
219 export default { 244 export default {
220 mixins: [ywmix], 245 mixins: [ywmix],
221 computed: { 246 computed: {
222 ...mapGetters(["dictData", "flag"]), 247 ...mapGetters(["dictData", "flag"]),
223 }, 248 },
224 components: { qlrCommonTable }, 249 components: { qlrCommonTable },
225 250
251 // 更新义务人信息
252 /**
253 * @description: 更新义务人信息
254 * @param {*} val
255 * @author: renchao
256 */
257 upDateYwrxxList(val) {
258 this.ruleForm.ywrList = _.cloneDeep(val);
259 },
260 data() {
261 return {
262 disabled: true,
263 tdytOption: [],
264 ruleForm: {
265 cfdjList: [], //查封登记
266 diyaqList: [], //抵押权
267 fdcq2List: [], //房屋信息集合
268 qlrList: [], //权利人
269 ywrList: [], //义务人
270 qlxxList: [], //权利信息集合
271 sldyList: [], //受理不动产单元集合
272 slsq: {}, //受理申请流程明细
273 flow: {}, //受理申请流程明细
274 sqrList: [], //申请人
275 ssQlxxList: [], //上手权利信息
276 user: {}, //用户
277 zdjbxx: {}, //宗地基本信息
278 },
279 czrOptions: [],
280 czr: "",
281 //传递参数
282 propsParam: this.$attrs,
283 //表单是否可操作
284 viewEdit: true,
285 rules: {},
286 gyfs: "",
287 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
288 splicingFdcq2: {
289 //前端根据后台数组组装展示内容
290 tdxz: "", //土地性质
291 fwxz: "", //房屋性质
292 fwjg: "", //房屋结构
293 jzmj: "", //建筑面积
294 zts: "", //房屋总套数
295 },
296 };
297 },
298 mounted(callbackfn, thisArg) {
299 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
300 this.propsParam = this.$attrs;
301 var formdata = new FormData();
302 formdata.append("bsmSldy", this.propsParam.bsmSldy);
303 formdata.append("djlx", this.propsParam.djlx);
304 formdata.append("bsmSlsq", this.bsmSlsq);
305 formdata.append("isEdit", this.viewEdit);
306 BatchInit(formdata).then((res) => {
307 if (res.code == 200) {
308 this.ruleForm = res.result;
309 this.czrOptions = this.ruleForm.qlrList;
310 this.gyfs = this.ruleForm.sldyList[0].gyfs;
311 this.splicingFdcq2Info();
312 }
313 this.ruleForm.qlrList.forEach((item) => {
314 if (item.sfczr == 1) {
315 this.czr = item.sqrmc;
316 }
317 });
318 });
319 },
320 methods: {
321 //组装房地产权通用信息
322 /**
323 * @description: 组装房地产权通用信息
324 * @author: renchao
325 */
326 splicingFdcq2Info() {
327 let fdcq2List = this.ruleForm.fdcq2List;
328 let fwxzArr = [];
329 let fwjgArr = [];
330 let jzmj = 0;
331 fdcq2List.forEach((fdcq2) => {
332 fwxzArr.push(fdcq2.fwxzmc);
333 fwjgArr.push(fdcq2.fwjgmc);
334 jzmj += parseFloat(fdcq2.jzmj);
335 });
336 //将数据转为字符串
337 //房屋性质
338 let fwxz = Array.from(new Set(fwxzArr)).join(",");
339 //房屋结构
340 let fwjg = Array.from(new Set(fwjgArr)).join(",");
341 this.splicingFdcq2.fwxz = fwxz;
342 this.splicingFdcq2.fwjg = fwjg;
343 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
344 this.splicingFdcq2.zts = fdcq2List.length;
345 },
346 /**
347 * @description: 更新权利人信息
348 * @param {*} val
349 * @author: renchao
350 */
351 upDateQlrxxList(val) {
352 this.ruleForm.qlrList = _.cloneDeep(val);
353 this.czrOptions = this.ruleForm.qlrList;
354 },
355 /**
356 * @description: showCZInfo
357 * @author: renchao
358 */
359 showCZInfo() {
360 // console.log(this.ruleForm.slsq.gyfs);
361 },
362 // 是否持证人变化
363 /**
364 * @description: 是否持证人变化
365 * @param {*} val
366 * @author: renchao
367 */
368 updaterow() {
369 this.czr = "";
370 },
226 // 更新义务人信息 371 // 更新义务人信息
227 /** 372 /**
228 * @description: 更新义务人信息 373 * @description: 更新义务人信息
229 * @param {*} val 374 * @param {*} val
230 * @author: renchao 375 * @author: renchao
231 */ 376 */
232 upDateYwrxxList (val) { 377 upDateYwrxxList(val) {
233 this.ruleForm.ywrList = _.cloneDeep(val); 378 this.ruleForm.ywrList = _.cloneDeep(val);
234 }, 379 },
235 data () { 380 /**
236 return { 381 * @description: onSubmit
237 disabled: true, 382 * @author: renchao
238 tdytOption: [], 383 */
239 ruleForm: { 384 onSubmit() {
240 cfdjList: [], //查封登记 385 let that = this;
241 diyaqList: [], //抵押权 386 if (this.ruleForm.qlrList.length == 0) {
242 fdcq2List: [], //房屋信息集合 387 this.$message({
243 qlrList: [], //权利人 388 showClose: true,
244 ywrList: [], //义务人 389 message: "请确认权利人信息",
245 qlxxList: [], //权利信息集合 390 type: "error",
246 sldyList: [], //受理不动产单元集合
247 slsq: {}, //受理申请流程明细
248 flow: {}, //受理申请流程明细
249 sqrList: [], //申请人
250 ssQlxxList: [], //上手权利信息
251 user: {}, //用户
252 zdjbxx: {}, //宗地基本信息
253 },
254 czrOptions: [],
255 czr:"",
256 //传递参数
257 propsParam: this.$attrs,
258 //表单是否可操作
259 viewEdit: true,
260 rules: {},
261 gyfs: "",
262 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
263 splicingFdcq2: {
264 //前端根据后台数组组装展示内容
265 tdxz: "",//土地性质
266 fwxz: "", //房屋性质
267 fwjg: "", //房屋结构
268 jzmj: "", //建筑面积
269 zts: "", //房屋总套数
270 },
271 };
272 },
273 mounted (callbackfn, thisArg) {
274 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
275 this.propsParam = this.$attrs;
276 var formdata = new FormData();
277 formdata.append("bsmSldy", this.propsParam.bsmSldy);
278 formdata.append("djlx", this.propsParam.djlx);
279 formdata.append("bsmSlsq", this.bsmSlsq);
280 formdata.append("isEdit", this.viewEdit);
281 BatchInit(formdata).then((res) => {
282 if (res.code == 200) {
283 this.ruleForm = res.result;
284 this.ruleForm.qlrList.forEach((item, index) => {
285 if (item.sfczr == 1) {
286 this.$set(this.ruleForm, "czr", item.zjh)
287 }
288 })
289 this.czrOptions = this.ruleForm.qlrList;
290 this.gyfs = this.ruleForm.sldyList[0].gyfs;
291 this.splicingFdcq2Info();
292 }
293 this.ruleForm.qlrList.forEach((item) => {
294 if(item.sfczr==1){
295 this.czr=item.sqrmc
296 }
297 })
298 });
299 },
300 methods: {
301 //组装房地产权通用信息
302 /**
303 * @description: 组装房地产权通用信息
304 * @author: renchao
305 */
306 splicingFdcq2Info () {
307 let fdcq2List = this.ruleForm.fdcq2List;
308 let fwxzArr = [];
309 let fwjgArr = [];
310 let jzmj = 0;
311 fdcq2List.forEach((fdcq2) => {
312 fwxzArr.push(fdcq2.fwxzmc);
313 fwjgArr.push(fdcq2.fwjgmc);
314 jzmj += parseFloat(fdcq2.jzmj);
315 }); 391 });
316 //将数据转为字符串 392 return false;
317 //房屋性质 393 }
318 let fwxz = Array.from(new Set(fwxzArr)).join(","); 394 if (this.ruleForm.sldyList[0].gyfs == "0") {
319 //房屋结构 395 if (this.ruleForm.qlrList.length > 1) {
320 let fwjg = Array.from(new Set(fwjgArr)).join(",");
321 this.splicingFdcq2.fwxz = fwxz;
322 this.splicingFdcq2.fwjg = fwjg;
323 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
324 this.splicingFdcq2.zts = fdcq2List.length;
325 },
326 /**
327 * @description: 更新权利人信息
328 * @param {*} val
329 * @author: renchao
330 */
331 upDateQlrxxList (val) {
332 this.ruleForm.qlrList = _.cloneDeep(val);
333 this.czrOptions = this.ruleForm.qlrList;
334 },
335 /**
336 * @description: showCZInfo
337 * @author: renchao
338 */
339 showCZInfo () {
340 // console.log(this.ruleForm.slsq.gyfs);
341 },
342 // 更新义务人信息
343 /**
344 * @description: 更新义务人信息
345 * @param {*} val
346 * @author: renchao
347 */
348 upDateYwrxxList (val) {
349 this.ruleForm.ywrList = _.cloneDeep(val);
350 },
351 /**
352 * @description: onSubmit
353 * @author: renchao
354 */
355 onSubmit () {
356 let that = this
357 if (this.ruleForm.qlrList.length == 0) {
358 this.$message({ 396 this.$message({
359 showClose: true, 397 showClose: true,
360 message: "请确认权利人信息", 398 message: "共有方式：单独所有，权利人只能是一个人",
361 type: "error", 399 type: "error",
362 }); 400 });
363 return false; 401 return false;
364 } 402 }
365 if (this.ruleForm.sldyList[0].gyfs == "0") { 403 this.ruleForm.qlrList[0].sfczr = "1";
366 if (this.ruleForm.qlrList.length > 1) { 404 } else {
367 this.$message({ 405 if (this.ruleForm.qlrList.length <= 1) {
368 showClose: true, 406 this.$message({
369 message: "共有方式：单独所有，权利人只能是一个人", 407 showClose: true,
370 type: "error", 408 message:
371 }); 409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
372 return false; 410 type: "error",
373 } 411 });
374 this.ruleForm.qlrList[0].sfczr = "1"; 412 return false;
413 }
414 //是否分别持证
415 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
416 //是
417 this.ruleForm.qlrList.forEach((item, index) => {
418 item.sfczr = "1";
419 });
375 } else { 420 } else {
376 if (this.ruleForm.qlrList.length <= 1) { 421 if (!that.czr) {
377 this.$message({ 422 that.$message({
378 showClose: true, 423 showClose: true,
379 message: 424 message: "请选择持证人",
380 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
381 type: "error", 425 type: "error",
382 }); 426 });
383 return false; 427 return false;
384 } 428 }
385 //是否分别持证 429 this.ruleForm.qlrList.forEach((item, index) => {
386 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 430 if (item.zjh == this.czr) {
387 //是
388 this.ruleForm.qlrList.forEach((item, index) => {
389 item.sfczr = "1"; 431 item.sfczr = "1";
390 }); 432 } else {
391 } else { 433 item.sfczr = "0";
392 if (!that.czr) {
393 that.$message({
394 showClose: true,
395 message: "请选择持证人",
396 type: "error",
397 });
398 return false;
399 } 434 }
400 this.ruleForm.qlrList.forEach((item, index) => { 435 });
401 if (item.zjh == this.czr) {
402 item.sfczr = "1";
403 } else {
404 item.sfczr = "0";
405 }
406 });
407 }
408 } 436 }
409 saveBatchData(this.ruleForm).then((res) => { 437 }
410 if (res.code === 200) { 438 saveBatchData(this.ruleForm).then((res) => {
411 this.$message({ 439 if (res.code === 200) {
412 showClose: true, 440 this.$message({
413 message: "保存成功！", 441 showClose: true,
414 type: "success", 442 message: "保存成功！",
415 }); 443 type: "success",
416 this.$store.dispatch("user/refreshPage", true); 444 });
417 } else { 445 this.$store.dispatch("user/refreshPage", true);
418 this.$message({ 446 } else {
419 showClose: true, 447 this.$message({
420 message: res.message, 448 showClose: true,
421 type: "error", 449 message: res.message,
422 }); 450 type: "error",
423 } 451 });
424 }); 452 }
425 }, 453 });
426 }, 454 },
427 }; 455 },
456 };
428 </script> 457 </script>
429 <style scoped lang="scss"> 458 <style scoped lang="scss">
430 @import "~@/styles/public.scss"; 459 @import "~@/styles/public.scss";
431 460
432 /deep/.el-form { 461 /deep/.el-form {
433 display: flex; 462 display: flex;
434 flex-direction: column; 463 flex-direction: column;
435 height: calc(100vh - 130px); 464 height: calc(100vh - 130px);
436 } 465 }
437 466
438 /deep/.el-form-item__label { 467 /deep/.el-form-item__label {
439 padding: 0; 468 padding: 0;
440 } 469 }
441 470
442 /deep/.el-radio { 471 /deep/.el-radio {
443 margin-right: 10px; 472 margin-right: 10px;
444 } 473 }
445 474
446 /deep/.el-select { 475 /deep/.el-select {
447 width: 100%; 476 width: 100%;
448 } 477 }
449 478
450 /deep/.el-form-item { 479 /deep/.el-form-item {
451 margin-bottom: 8px; 480 margin-bottom: 8px;
452 } 481 }
453 482
454 .marginBot0 { 483 .marginBot0 {
455 margin-bottom: 0 !important; 484 margin-bottom: 0 !important;
456 } 485 }
457 486
458 .slxx { 487 .slxx {
459 box-sizing: border-box; 488 box-sizing: border-box;
460 } 489 }
461 490
462 .slxx_con { 491 .slxx_con {
463 flex: 1; 492 flex: 1;
464 height: 100%; 493 height: 100%;
465 background-color: #ffffff; 494 background-color: #ffffff;
466 overflow-y: auto; 495 overflow-y: auto;
467 padding-right: 3px; 496 padding-right: 3px;
468 overflow-x: hidden; 497 overflow-x: hidden;
469 } 498 }
470 499
471 .submit_btn { 500 .submit_btn {
472 height: 50px; 501 height: 50px;
473 } 502 }
474 503
475 .slxx_title { 504 .slxx_title {
476 border-bottom: 1px solid $borderColor; 505 border-bottom: 1px solid $borderColor;
477 padding-left: 10px; 506 padding-left: 10px;
478 padding-bottom: 5px; 507 padding-bottom: 5px;
479 margin-bottom: 10px; 508 margin-bottom: 10px;
480 margin-top: 5px; 509 margin-top: 5px;
481 font-size: 16px; 510 font-size: 16px;
482 font-weight: 500; 511 font-weight: 500;
483 color: #4a4a4a; 512 color: #4a4a4a;
484 } 513 }
485 514
486 .btn { 515 .btn {
487 text-align: center; 516 text-align: center;
488 padding-top: 10px; 517 padding-top: 10px;
489 height: 36px; 518 height: 36px;
490 background-color: #ffffff; 519 background-color: #ffffff;
491 padding: 5px 0; 520 padding: 5px 0;
492 } 521 }
493 522
494 .textArea { 523 .textArea {
495 /deep/.el-textarea__inner { 524 /deep/.el-textarea__inner {
496 min-height: 90px !important; 525 min-height: 90px !important;
497 }
498 } 526 }
527 }
499 528
500 /deep/.el-form-item__label { 529 /deep/.el-form-item__label {
501 padding-bottom: 0px; 530 padding-bottom: 0px;
502 } 531 }
503 </style> 532 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:04:10 4 * @LastEditTime: 2023-08-24 15:32:28
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 9 <el-form
10 label-width="120px"> 10 :model="ruleForm"
11 :rules="rules"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="120px"
16 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
13 受理信息 19 受理信息
...@@ -33,16 +39,38 @@ ...@@ -33,16 +39,38 @@
33 <el-row :gutter="10"> 39 <el-row :gutter="10">
34 <el-col :span="8"> 40 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx"> 41 <el-form-item label="权利类型：" prop="qllx">
36 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 42 <el-select
37 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 43 disabled
44 v-model="ruleForm.qllx"
45 filterable
46 clearable
47 placeholder="请选择权利类型"
48 >
49 <el-option
50 v-for="item in dictData['A8']"
51 :key="item.dcode"
52 :label="item.dname"
53 :value="item.dcode"
54 >
38 </el-option> 55 </el-option>
39 </el-select> 56 </el-select>
40 </el-form-item> 57 </el-form-item>
41 </el-col> 58 </el-col>
42 <el-col :span="8"> 59 <el-col :span="8">
43 <el-form-item label="登记类型：" prop="djlx"> 60 <el-form-item label="登记类型：" prop="djlx">
44 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 61 <el-select
45 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 62 disabled
63 v-model="ruleForm.djlx"
64 filterable
65 clearable
66 placeholder="请选择登记类型"
67 >
68 <el-option
69 v-for="item in dictData['A21']"
70 :key="item.dcode"
71 :label="item.dname"
72 :value="item.dcode"
73 >
46 </el-option> 74 </el-option>
47 </el-select> 75 </el-select>
48 </el-form-item> 76 </el-form-item>
...@@ -88,7 +116,12 @@ ...@@ -88,7 +116,12 @@
88 <el-col :span="8"> 116 <el-col :span="8">
89 <el-form-item label="登记状态：" prop="djzt"> 117 <el-form-item label="登记状态：" prop="djzt">
90 <el-select disabled v-model="ruleForm.djzt" filterable clearable> 118 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
91 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> 119 <el-option
120 v-for="item in djztList"
121 :key="item.value"
122 :label="item.label"
123 :value="item.value"
124 >
92 </el-option> 125 </el-option>
93 </el-select> 126 </el-select>
94 </el-form-item> 127 </el-form-item>
...@@ -131,7 +164,8 @@ ...@@ -131,7 +164,8 @@
131 <tdytTable 164 <tdytTable
132 :ableOperation="viewEdit" 165 :ableOperation="viewEdit"
133 :tableData="ruleForm.tdytqxList" 166 :tableData="ruleForm.tdytqxList"
134 @upDateTdytxxList="upDateTdytxxList" /> 167 @upDateTdytxxList="upDateTdytxxList"
168 />
135 <div class="slxx_title title-block"> 169 <div class="slxx_title title-block">
136 权利人信息 170 权利人信息
137 <div class="triangle"></div> 171 <div class="triangle"></div>
...@@ -149,22 +183,42 @@ ...@@ -149,22 +183,42 @@
149 183
150 <el-col :span="5" v-show="ruleForm.gyfs != '1'"> 184 <el-col :span="5" v-show="ruleForm.gyfs != '1'">
151 <el-form-item label="是否分别持证："> 185 <el-form-item label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz" :disabled="!viewEdit"> 186 <el-radio-group
187 v-model="ruleForm.sffbcz"
188 :disabled="!viewEdit"
189 @input="updaterow()"
190 >
153 <el-radio label="1">是</el-radio> 191 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio> 192 <el-radio label="0">否</el-radio>
155 </el-radio-group> 193 </el-radio-group>
156 </el-form-item> 194 </el-form-item>
157 </el-col> 195 </el-col>
158 <el-col :span="5" v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz=='0'"> 196 <el-col
197 :span="5"
198 v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
199 >
159 <el-form-item label="持证人："> 200 <el-form-item label="持证人：">
160 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 201 <el-select
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 202 v-model="czr"
203 placeholder="持证人"
204 :disabled="!viewEdit"
205 >
206 <el-option
207 v-for="item in czrOptions"
208 :key="item.value"
209 :label="item.label"
210 :value="item.value"
211 >
162 </el-option> 212 </el-option>
163 </el-select> 213 </el-select>
164 </el-form-item> 214 </el-form-item>
165 </el-col> 215 </el-col>
166 </el-row> 216 </el-row>
167 <qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="viewEdit" /> 217 <qlrCommonTable
218 :tableData="ruleForm.qlrList"
219 :gyfs="ruleForm.gyfs"
220 :disabled="viewEdit"
221 />
168 <div class="slxx_title title-block"> 222 <div class="slxx_title title-block">
169 登记原因 223 登记原因
170 <div class="triangle"></div> 224 <div class="triangle"></div>
...@@ -172,7 +226,14 @@ ...@@ -172,7 +226,14 @@
172 <el-row :gutter="10"> 226 <el-row :gutter="10">
173 <el-col> 227 <el-col>
174 <el-form-item label="登记原因：" prop="djyy"> 228 <el-form-item label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" v-model="ruleForm.djyy"> 229 <el-input
230 class="textArea"
231 type="textarea"
232 maxlength="500"
233 show-word-limit
234 :disabled="!viewEdit"
235 v-model="ruleForm.djyy"
236 >
176 </el-input> 237 </el-input>
177 </el-form-item> 238 </el-form-item>
178 </el-col> 239 </el-col>
...@@ -187,18 +248,114 @@ ...@@ -187,18 +248,114 @@
187 </div> 248 </div>
188 </template> 249 </template>
189 <script> 250 <script>
190 import ywmix from "@/views/ywbl/mixin/index" 251 import ywmix from "@/views/ywbl/mixin/index";
191 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 252 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
192 import tdytTable from "@/views/workflow/components/tdytTable"; 253 import tdytTable from "@/views/workflow/components/tdytTable";
193 import { Init } from "@/api/workflow/fwsyqFlow.js"; 254 import { Init } from "@/api/workflow/fwsyqFlow.js";
194 import { mapGetters } from "vuex"; 255 import { mapGetters } from "vuex";
195 export default { 256 export default {
196 mixins: [ywmix], 257 mixins: [ywmix],
197 mounted () { 258 mounted() {
198 this.viewEdit = this.$parent.currentSelectTab.ableOperation 259 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
199 this.propsParam = this.$attrs; 260 this.propsParam = this.$attrs;
261 var formdata = new FormData();
262 formdata.append("bsmSldy", this.propsParam.bsmSldy);
263 Init(formdata).then((res) => {
264 if (res.code === 200 && res.result) {
265 this.ruleForm = {
266 ...res.result,
267 ...res.result.zdjbxxdatas,
268 ...res.result.qlxxdatas,
269 ...res.result.jsydsyqdatas,
270 };
271 this.ruleForm.qlrList.forEach((item) => {
272 if (item.sfczr == 1) {
273 this.czr = item.sqrmc;
274 }
275 });
276 this.czrOptions = this.ruleForm.qlrList;
277 }
278 });
279 },
280 components: { qlrCommonTable, tdytTable },
281 computed: {
282 ...mapGetters(["dictData", "flag"]),
283 },
284 data() {
285 return {
286 //表单是否可操作
287 viewEdit: false,
288 disabled: true,
289 tdytOption: [],
290 czrOptions: [],
291 czr: "",
292 ruleForm: {
293 ywh: "",
294 slry: "",
295 slsj: "",
296 qllx: "",
297 djlx: "",
298 djqx: "",
299 // 宗地代码
300 zddm: "",
301 bdcdyh: "",
302 qlxzmc: "",
303 qlrxx: [],
304 // 自然幢号
305 zrzh: "",
306 // 户不动产单元号
307 ghytmc: "",
308 djzt: "",
309 // 图幅丘幢号
310 tfqzh: "",
311 zl: "",
312 // 房屋用途
313 fwyt: "",
314 fwxz: "",
315 fwjg: "",
316 // 权利人信息
317 gyfs: "1",
318 // 是否分别持证
319 sffbcz: "",
320 // 持证人
321 czr: "",
322 djyy: "",
323 },
324 //传递参数
325 propsParam: {},
326 rules: {},
327 };
328 },
329 methods: {
330 // 更新土地用途信息
331 /**
332 * @description: 更新土地用途信息
333 * @param {*} val
334 * @author: renchao
335 */
336 upDateTdytxxList(val) {
337 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
338 this.czrOptions = this.ruleForm.qlrData;
339 this.key++;
340 },
341 // 是否持证人变化
342 /**
343 * @description: 是否持证人变化
344 * @param {*} val
345 * @author: renchao
346 */
347 updaterow() {
348 this.czr = "";
349 },
350 /**
351 * @description: list
352 * @param {*} bsmSldy
353 * @author: renchao
354 */
355 list(bsmSldy) {
200 var formdata = new FormData(); 356 var formdata = new FormData();
201 formdata.append("bsmSldy", this.propsParam.bsmSldy); 357 formdata.append("bsmSldy", bsmSldy);
358 formdata.append("isEdit", this.viewEdit);
202 Init(formdata).then((res) => { 359 Init(formdata).then((res) => {
203 if (res.code === 200 && res.result) { 360 if (res.code === 200 && res.result) {
204 this.ruleForm = { 361 this.ruleForm = {
...@@ -207,248 +364,159 @@ ...@@ -207,248 +364,159 @@
207 ...res.result.qlxxdatas, 364 ...res.result.qlxxdatas,
208 ...res.result.jsydsyqdatas, 365 ...res.result.jsydsyqdatas,
209 }; 366 };
210 this.ruleForm.qlrList.forEach((item) => {
211 if (item.sfczr == 1) {
212 this.czr = item.sqrmc
213 }
214 })
215 this.czrOptions = this.ruleForm.qlrList;
216 } 367 }
217 }); 368 });
218 }, 369 },
219 components: { qlrCommonTable, tdytTable }, 370 /**
220 computed: { 371 * @description: onSubmit
221 ...mapGetters(["dictData", "flag"]), 372 * @author: renchao
222 }, 373 */
223 data () { 374 onSubmit() {
224 return { 375 let that = this;
225 //表单是否可操作 376 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
226 viewEdit: false, 377 if (arr.length > 0) {
227 disabled: true, 378 this.$message({
228 tdytOption: [], 379 showClose: true,
229 czrOptions: [], 380 message: "土地用途不能为空",
230 czr: "", 381 type: "error",
231 ruleForm: {
232 ywh: "",
233 slry: "",
234 slsj: "",
235 qllx: "",
236 djlx: "",
237 djqx: "",
238 // 宗地代码
239 zddm: "",
240 bdcdyh: "",
241 qlxzmc: "",
242 qlrxx: [],
243 // 自然幢号
244 zrzh: "",
245 // 户不动产单元号
246 ghytmc: '',
247 djzt: '',
248 // 图幅丘幢号
249 tfqzh: '',
250 zl: '',
251 // 房屋用途
252 fwyt: '',
253 fwxz: '',
254 fwjg: '',
255 // 权利人信息
256 gyfs: "1",
257 // 是否分别持证
258 sffbcz: "",
259 // 持证人
260 czr: "",
261 djyy: ''
262 },
263 //传递参数
264 propsParam: {},
265 rules: {},
266 };
267 },
268 methods: {
269 // 更新土地用途信息
270 /**
271 * @description: 更新土地用途信息
272 * @param {*} val
273 * @author: renchao
274 */
275 upDateTdytxxList (val) {
276 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
277 this.key++;
278 },
279 upDateQlrxxList (val) {
280 this.ruleForm.qlrList = _.cloneDeep(val);
281 this.czrOptions = this.ruleForm.qlrList;
282 },
283 /**
284 * @description: list
285 * @param {*} bsmSldy
286 * @author: renchao
287 */
288 list (bsmSldy) {
289 var formdata = new FormData();
290 formdata.append("bsmSldy", bsmSldy);
291 formdata.append("isEdit", this.viewEdit);
292 Init(formdata).then((res) => {
293 if (res.code === 200 && res.result) {
294 this.ruleForm = {
295 ...res.result,
296 ...res.result.zdjbxxdatas,
297 ...res.result.qlxxdatas,
298 ...res.result.jsydsyqdatas,
299 };
300 }
301 }); 382 });
302 }, 383 return false;
303 /** 384 }
304 * @description: onSubmit 385 if (this.ruleForm.qlrList.length == 0) {
305 * @author: renchao 386 this.$message({
306 */ 387 showClose: true,
307 onSubmit () { 388 message: "请确认权利人信息",
308 let that = this 389 type: "error",
309 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 390 });
310 if (arr.length > 0) { 391 return false;
392 }
393
394 if (this.ruleForm.gyfs == "0") {
395 if (this.ruleForm.qlrList.length > 1) {
311 this.$message({ 396 this.$message({
312 showClose: true, 397 showClose: true,
313 message: "土地用途不能为空", 398 message: "共有方式：单独所有，权利人只能是一个人",
314 type: "error", 399 type: "error",
315 }); 400 });
316 return false; 401 return false;
317 } 402 }
318 if (this.ruleForm.qlrList.length == 0) { 403 this.ruleForm.qlrList[0].sfczr = "1";
404 } else {
405 if (this.ruleForm.qlrList.length <= 1) {
319 this.$message({ 406 this.$message({
320 showClose: true, 407 showClose: true,
321 message: "请确认权利人信息", 408 message:
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
322 type: "error", 410 type: "error",
323 }); 411 });
324 return false; 412 return false;
325 } 413 }
326 414 //是否分别持证
327 if (this.ruleForm.gyfs == "0") { 415 if (this.ruleForm.sqfbcz == "1") {
328 if (this.ruleForm.qlrList.length > 1) { 416 //是
329 this.$message({ 417 this.ruleForm.qlrList.forEach((item, index) => {
330 showClose: true, 418 item.sfczr = "1";
331 message: "共有方式：单独所有，权利人只能是一个人", 419 });
332 type: "error",
333 });
334 return false;
335 }
336 this.ruleForm.qlrList[0].sfczr = "1";
337 } else { 420 } else {
338 if (this.ruleForm.qlrList.length <= 1) { 421 if (!that.czr) {
339 this.$message({ 422 that.$message({
340 showClose: true, 423 showClose: true,
341 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 424 message: "请选择持证人",
342 type: "error", 425 type: "error",
343 }); 426 });
344 return false; 427 return false;
345 } 428 }
346 //是否分别持证 429 this.ruleForm.qlrList.forEach((item, index) => {
347 if (this.ruleForm.sqfbcz == "1") { 430 if (item.zjh == this.czr) {
348 //是
349 this.ruleForm.qlrList.forEach((item, index) => {
350 item.sfczr = "1"; 431 item.sfczr = "1";
351 }); 432 } else {
352 } else { 433 item.sfczr = "0";
353 if (!that.czr) {
354 that.$message({
355 showClose: true,
356 message: "请选择持证人",
357 type: "error",
358 });
359 return false;
360 } 434 }
361 this.ruleForm.qlrList.forEach((item, index) => { 435 });
362 if (item.zjh == this.czr) {
363 item.sfczr = "1";
364 } else {
365 item.sfczr = "0";
366 }
367 });
368 }
369 } 436 }
370 fristReg(this.ruleForm).then((res) => {
371 if (res.code === 200 && res.result) {
372 console.log(res);
373 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
374 }
375 })
376 } 437 }
377 } 438 fristReg(this.ruleForm).then((res) => {
378 }; 439 if (res.code === 200 && res.result) {
440 console.log(res);
441 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
442 }
443 });
444 },
445 },
446 };
379 </script> 447 </script>
380 <style scoped lang='scss'> 448 <style scoped lang="scss">
381 @import "~@/styles/public.scss"; 449 @import "~@/styles/public.scss";
382 450
383 /deep/.el-form { 451 /deep/.el-form {
384 display: flex; 452 display: flex;
385 flex-direction: column; 453 flex-direction: column;
386 height: calc(100vh - 130px); 454 height: calc(100vh - 130px);
387 } 455 }
388 456
389 /deep/.el-form-item__label { 457 /deep/.el-form-item__label {
390 padding: 0; 458 padding: 0;
391 } 459 }
392 460
393 /deep/.el-radio { 461 /deep/.el-radio {
394 margin-right: 10px; 462 margin-right: 10px;
395 } 463 }
396 464
397 /deep/.el-select { 465 /deep/.el-select {
398 width: 100%; 466 width: 100%;
399 } 467 }
400 468
401 /deep/.el-form-item { 469 /deep/.el-form-item {
402 margin-bottom: 8px; 470 margin-bottom: 8px;
403 } 471 }
404 472
405 .marginBot0 { 473 .marginBot0 {
406 margin-bottom: 0 !important; 474 margin-bottom: 0 !important;
407 } 475 }
408 476
409 .slxx { 477 .slxx {
410 box-sizing: border-box; 478 box-sizing: border-box;
411 } 479 }
412 480
413 .slxx_con { 481 .slxx_con {
414 flex: 1; 482 flex: 1;
415 height: 100%; 483 height: 100%;
416 background-color: #ffffff; 484 background-color: #ffffff;
417 overflow-y: auto; 485 overflow-y: auto;
418 padding-right: 3px; 486 padding-right: 3px;
419 overflow-x: hidden; 487 overflow-x: hidden;
420 } 488 }
421 489
422 .submit_btn { 490 .submit_btn {
423 height: 50px; 491 height: 50px;
424 } 492 }
425 493
426 .slxx_title { 494 .slxx_title {
427 border-bottom: 1px solid $borderColor; 495 border-bottom: 1px solid $borderColor;
428 padding-left: 10px; 496 padding-left: 10px;
429 padding-bottom: 5px; 497 padding-bottom: 5px;
430 margin-bottom: 10px; 498 margin-bottom: 10px;
431 margin-top: 5px; 499 margin-top: 5px;
432 font-size: 16px; 500 font-size: 16px;
433 font-weight: 500; 501 font-weight: 500;
434 color: #4a4a4a; 502 color: #4a4a4a;
435 } 503 }
436 504
437 .btn { 505 .btn {
438 text-align: center; 506 text-align: center;
439 padding-top: 10px; 507 padding-top: 10px;
440 height: 36px; 508 height: 36px;
441 background-color: #ffffff; 509 background-color: #ffffff;
442 padding: 5px 0; 510 padding: 5px 0;
443 } 511 }
444 512
445 .textArea { 513 .textArea {
446 /deep/.el-textarea__inner { 514 /deep/.el-textarea__inner {
447 min-height: 90px !important; 515 min-height: 90px !important;
448 }
449 } 516 }
517 }
450 518
451 /deep/.el-form-item__label { 519 /deep/.el-form-item__label {
452 padding-bottom: 0px; 520 padding-bottom: 0px;
453 } 521 }
454 </style> 522 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:25:49 4 * @LastEditTime: 2023-08-24 15:34:16
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" 9 <el-form
10 class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 10 :model="ruleForm"
11 :inline="flag" label-width="120px"> 11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px"
18 >
12 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
14 受理信息 21 受理信息
...@@ -73,17 +80,18 @@ ...@@ -73,17 +80,18 @@
73 <el-col :span="8"> 80 <el-col :span="8">
74 <el-form-item label="使用权面积："> 81 <el-form-item label="使用权面积：">
75 <div class="flex"> 82 <div class="flex">
76 <el-input v-model="ruleForm.jsydsyq.syqmj" 83 <el-input
77 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 84 maxlength="12"
78 <el-select 85 v-model="ruleForm.jsydsyq.syqmj"
79 disabled 86 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
80 v-model="mjdw" 87 ></el-input>
81 style="width: 68px"> 88 <el-select disabled v-model="mjdw" style="width: 68px">
82 <el-option 89 <el-option
83 v-for="item in dictData['A7']" 90 v-for="item in dictData['A7']"
84 :key="item.dcode" 91 :key="item.dcode"
85 :label="item.dname" 92 :label="item.dname"
86 :value="item.dcode"> 93 :value="item.dcode"
94 >
87 </el-option> 95 </el-option>
88 </el-select> 96 </el-select>
89 </div> 97 </div>
...@@ -91,15 +99,25 @@ ...@@ -91,15 +99,25 @@
91 </el-col> 99 </el-col>
92 <el-col :span="8"> 100 <el-col :span="8">
93 <el-form-item label="权利设定方式："> 101 <el-form-item label="权利设定方式：">
94 <el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> 102 <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
95 </el-form-item> 103 </el-form-item>
96 </el-col> 104 </el-col>
97 <el-col :span="8"> 105 <el-col :span="8">
98 <el-form-item label="取得价格："> 106 <el-form-item label="取得价格：">
99 <div style="display:flex"> 107 <div style="display: flex">
100 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 108 <el-input
109 maxlength="11"
110 v-model="ruleForm.jsydsyq.qdjg"
111 style="width: 500%"
112 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
113 ></el-input>
101 <el-select v-model="ruleForm.jsydsyq.jedw"> 114 <el-select v-model="ruleForm.jsydsyq.jedw">
102 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 115 <el-option
116 v-for="item in dictData['A57']"
117 :key="item.dcode"
118 :label="item.dname"
119 :value="item.dcode"
120 >
103 </el-option> 121 </el-option>
104 </el-select> 122 </el-select>
105 </div> 123 </div>
...@@ -115,7 +133,12 @@ ...@@ -115,7 +133,12 @@
115 <el-row :gutter="10"> 133 <el-row :gutter="10">
116 <el-col> 134 <el-col>
117 <el-form-item label="附记：" prop="fj"> 135 <el-form-item label="附记：" prop="fj">
118 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.jsydsyq.fj"></el-input> 136 <el-input
137 type="textarea"
138 maxlength="500"
139 show-word-limit
140 v-model="ruleForm.jsydsyq.fj"
141 ></el-input>
119 </el-form-item> 142 </el-form-item>
120 </el-col> 143 </el-col>
121 </el-row> 144 </el-row>
...@@ -126,7 +149,8 @@ ...@@ -126,7 +149,8 @@
126 <tdytTable 149 <tdytTable
127 :ableOperation="viewEdit" 150 :ableOperation="viewEdit"
128 :tableData="ruleForm.tdytqxList" 151 :tableData="ruleForm.tdytqxList"
129 @upDateTdytxxList="upDateTdytxxList" /> 152 @upDateTdytxxList="upDateTdytxxList"
153 />
130 <div class="slxx_title title-block"> 154 <div class="slxx_title title-block">
131 权利人信息 155 权利人信息
132 <div class="triangle"></div> 156 <div class="triangle"></div>
...@@ -134,7 +158,10 @@ ...@@ -134,7 +158,10 @@
134 <el-row :gutter="10"> 158 <el-row :gutter="10">
135 <el-col :span="12"> 159 <el-col :span="12">
136 <el-form-item label="共有方式："> 160 <el-form-item label="共有方式：">
137 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 161 <el-radio-group
162 :disabled="!viewEdit"
163 v-model="ruleForm.sldy.gyfs"
164 >
138 <el-radio label="0">单独所有</el-radio> 165 <el-radio label="0">单独所有</el-radio>
139 <el-radio label="1">共同共有</el-radio> 166 <el-radio label="1">共同共有</el-radio>
140 <el-radio label="2">按份所有</el-radio> 167 <el-radio label="2">按份所有</el-radio>
...@@ -146,7 +173,9 @@ ...@@ -146,7 +173,9 @@
146 <el-form-item label="是否分别持证："> 173 <el-form-item label="是否分别持证：">
147 <el-radio-group 174 <el-radio-group
148 v-model="ruleForm.sldy.sqfbcz" 175 v-model="ruleForm.sldy.sqfbcz"
149 :disabled="!viewEdit"> 176 :disabled="!viewEdit"
177 @input="updaterow()"
178 >
150 <el-radio :label="1">是</el-radio> 179 <el-radio :label="1">是</el-radio>
151 <el-radio :label="0">否</el-radio> 180 <el-radio :label="0">否</el-radio>
152 </el-radio-group> 181 </el-radio-group>
...@@ -154,32 +183,45 @@ ...@@ -154,32 +183,45 @@
154 </el-col> 183 </el-col>
155 <el-col 184 <el-col
156 :span="6" 185 :span="6"
157 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 186 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
187 >
158 <el-form-item label="持证人："> 188 <el-form-item label="持证人：">
159 <el-select 189 <el-select
160 v-model="czr" 190 v-model="czr"
161 placeholder="持证人" 191 placeholder="持证人"
162 :disabled="!viewEdit"> 192 :disabled="!viewEdit"
193 >
163 <el-option 194 <el-option
164 v-for="(item,index) in czrOptions" 195 v-for="(item, index) in czrOptions"
165 :key="index" 196 :key="index"
166 :label="item.sqrmc" 197 :label="item.sqrmc"
167 :value="item.zjh"> 198 :value="item.zjh"
199 >
168 </el-option> 200 </el-option>
169 </el-select> 201 </el-select>
170 </el-form-item> 202 </el-form-item>
171 </el-col> 203 </el-col>
172 </el-row> 204 </el-row>
173 <qlrCommonTable :tableData="ruleForm.qlrList" 205 <qlrCommonTable
206 :tableData="ruleForm.qlrList"
174 :disabled="viewEdit" 207 :disabled="viewEdit"
175 @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" /> 208 @upDateQlrxxList="upDateQlrxxList"
209 :key="key"
210 :gyfs="ruleForm.sldy.gyfs"
211 />
176 212
177 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 213 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
178 <div class="slxx_title title-block"> 214 <div class="slxx_title title-block">
179 义务人信息 215 义务人信息
180 <div class="triangle"></div> 216 <div class="triangle"></div>
181 </div> 217 </div>
182 <qlrCommonTable v-if="ruleForm.ywrList" :disabled="viewEdit" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" /> 218 <qlrCommonTable
219 v-if="ruleForm.ywrList"
220 :disabled="viewEdit"
221 :tableData="ruleForm.ywrList"
222 :key="key"
223 @upDateQlrxxList="upDateYwrxxList"
224 />
183 </div> 225 </div>
184 226
185 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
...@@ -189,8 +231,14 @@ ...@@ -189,8 +231,14 @@
189 <el-row :gutter="10"> 231 <el-row :gutter="10">
190 <el-col> 232 <el-col>
191 <el-form-item label="登记原因：" prop="djyy"> 233 <el-form-item label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 234 <el-input
193 v-model="ruleForm.jsydsyq.djyy"> 235 class="textArea"
236 type="textarea"
237 maxlength="500"
238 show-word-limit
239 :disabled="!viewEdit"
240 v-model="ruleForm.jsydsyq.djyy"
241 >
194 </el-input> 242 </el-input>
195 </el-form-item> 243 </el-form-item>
196 </el-col> 244 </el-col>
...@@ -205,189 +253,197 @@ ...@@ -205,189 +253,197 @@
205 </div> 253 </div>
206 </template> 254 </template>
207 <script> 255 <script>
208 import { mapGetters } from "vuex" 256 import { mapGetters } from "vuex";
209 import ywmix from "@/views/ywbl/mixin/index" 257 import ywmix from "@/views/ywbl/mixin/index";
210 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 258 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
211 import tdytTable from "@/views/workflow/components/tdytTable"; 259 import tdytTable from "@/views/workflow/components/tdytTable";
212 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 260 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
213 export default { 261 export default {
214 mixins: [ywmix], 262 mixins: [ywmix],
215 mounted () { 263 mounted() {
216 this.viewEdit = this.$parent.currentSelectTab.ableOperation 264 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
217 this.propsParam = this.$attrs; 265 this.propsParam = this.$attrs;
218 var formdata = new FormData(); 266 var formdata = new FormData();
219 let that = this 267 let that = this;
220 this.$startLoading(); 268 this.$startLoading();
221 formdata.append("bsmSldy", this.propsParam.bsmSldy); 269 formdata.append("bsmSldy", this.propsParam.bsmSldy);
222 formdata.append("djlx", this.propsParam.djlx); 270 formdata.append("djlx", this.propsParam.djlx);
223 formdata.append("isEdit", this.viewEdit); 271 formdata.append("isEdit", this.viewEdit);
224 Init(formdata).then((res) => { 272 Init(formdata).then((res) => {
225 this.$nextTick(() => { 273 this.$nextTick(() => {
226 that.ruleForm = res.result; 274 that.ruleForm = res.result;
227 this.ruleForm.qlrList.forEach((item, index) => { 275 that.$endLoading();
228 if (item.sfczr == 1) { 276 that.isShow = true;
229 this.$set(this.ruleForm, "czr", item.zjh) 277 this.czrOptions = this.ruleForm.qlrList;
230 } 278 this.ruleForm.qlrList.forEach((item) => {
231 }) 279 if (item.sfczr == 1) {
232 that.$endLoading(); 280 this.czr = item.sqrmc;
233 that.isShow = true; 281 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr);
234 this.czrOptions = this.ruleForm.qlrList; 282 }
235 this.ruleForm.qlrList.forEach((item) => { 283 });
236 if(item.sfczr==1){ 284 });
237 this.czr=item.sqrmc 285 });
238 } 286 },
239 }) 287 components: { qlrCommonTable, tdytTable },
240 }) 288 computed: {
241 }) 289 ...mapGetters(["dictData", "flag"]),
290 // 根据流程判断表单是否为只读
291 editDisabled() {
292 if (!this.viewEdit) {
293 //只读状态
294 return true;
295 }
296 return false;
242 }, 297 },
243 components: { qlrCommonTable, tdytTable }, 298 },
244 computed: { 299 data() {
245 ...mapGetters(["dictData", "flag"]), 300 return {
246 // 根据流程判断表单是否为只读 301 mjdw: "1",
247 editDisabled () { 302 //表单是否可操作
248 if (!this.viewEdit) { 303 viewEdit: true,
249 //只读状态 304 czr: "",
250 return true; 305 key: 0,
251 } 306 isShow: false,
252 return false; 307 disabled: true,
253 }, 308 czrOptions: [],
309 ruleForm: {},
310 //传递参数
311 propsParam: {},
312 rules: {},
313 };
314 },
315 methods: {
316 /**
317 * @description: 更新土地用途信息
318 * @param {*} val
319 * @author: renchao
320 */
321 upDateTdytxxList(val) {
322 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
323 this.key++;
254 }, 324 },
255 data () { 325 // 更新权利人信息
256 return { 326 /**
257 mjdw: "1", 327 * @description: 更新权利人信息
258 //表单是否可操作 328 * @param {*} val
259 viewEdit: true, 329 * @author: renchao
260 czr:"", 330 */
261 key: 0, 331 upDateQlrxxList(val) {
262 isShow: false, 332 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
263 disabled: true, 333 this.czrOptions = this.ruleForm.qlrList;
264 czrOptions: [], 334 this.key++;
265 ruleForm: {},
266 //传递参数
267 propsParam: {},
268 rules: {}
269 }
270 }, 335 },
271 methods: { 336 // 是否持证人变化
272 /** 337 /**
273 * @description: 更新土地用途信息 338 * @description: 是否持证人变化
274 * @param {*} val 339 * @param {*} val
275 * @author: renchao 340 * @author: renchao
276 */ 341 */
277 upDateTdytxxList (val) { 342 updaterow() {
278 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 343 this.czr = "";
279 this.key++; 344 },
280 }, 345 // 更新义务人信息
281 /** 346 /**
282 * @description: 更新权利人信息 347 * @description: 更新义务人信息
283 * @param {*} val 348 * @param {*} val
284 * @author: renchao 349 * @author: renchao
285 */ 350 */
286 upDateQlrxxList (val) { 351 upDateYwrxxList(val) {
287 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 352 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
288 this.czrOptions = this.ruleForm.qlrList; 353 this.key++;
289 this.key++ 354 },
290 }, 355 /**
291 /** 356 * @description: onSubmit
292 * @description: 更新义务人信息 357 * @author: renchao
293 * @param {*} val 358 */
294 * @author: renchao 359 onSubmit() {
295 */ 360 let that = this;
296 upDateYwrxxList (val) { 361 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
297 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) 362 if (arr.length > 0) {
298 this.key++ 363 this.$message({
299 }, 364 showClose: true,
300 /** 365 message: "土地用途不能为空",
301 * @description: onSubmit 366 type: "error",
302 * @author: renchao 367 });
303 */ 368 return false;
304 onSubmit () { 369 }
305 let that = this 370 if (this.ruleForm.qlrList.length == 0) {
306 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 371 this.$message({
307 if (arr.length > 0) { 372 showClose: true,
373 message: "请确认权利人信息",
374 type: "error",
375 });
376 return false;
377 }
378 if (this.ruleForm.sldy.gyfs == "0") {
379 if (this.ruleForm.qlrList.length > 1) {
308 this.$message({ 380 this.$message({
309 showClose: true, 381 showClose: true,
310 message: "土地用途不能为空", 382 message: "共有方式：单独所有，权利人只能是一个人",
311 type: "error", 383 type: "error",
312 }); 384 });
313 return false; 385 return false;
314 } 386 }
315 if (this.ruleForm.qlrList.length == 0) { 387 this.ruleForm.qlrList[0].sfczr = "1";
388 } else {
389 if (this.ruleForm.qlrList.length <= 1) {
316 this.$message({ 390 this.$message({
317 showClose: true, 391 showClose: true,
318 message: "请确认权利人信息", 392 message:
393 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
319 type: "error", 394 type: "error",
320 }); 395 });
321 return false; 396 return false;
322 } 397 }
323 if (this.ruleForm.sldy.gyfs == "0") { 398 //是否分别持证
324 if (this.ruleForm.qlrList.length > 1) { 399 if (this.ruleForm.sldy.sqfbcz == "1") {
325 this.$message({ 400 //是
326 showClose: true, 401 this.ruleForm.qlrList.forEach((item, index) => {
327 message: "共有方式：单独所有，权利人只能是一个人", 402 item.sfczr = "1";
328 type: "error", 403 });
329 });
330 return false;
331 }
332 this.ruleForm.qlrList[0].sfczr = "1";
333 } else { 404 } else {
334 if (this.ruleForm.qlrList.length <= 1) { 405 if (!that.czr) {
335 this.$message({ 406 that.$message({
336 showClose: true, 407 showClose: true,
337 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 408 message: "请选择持证人",
338 type: "error", 409 type: "error",
339 }); 410 });
340 return false; 411 return false;
341 } 412 }
342 //是否分别持证 413 this.ruleForm.qlrList.forEach((item, index) => {
343 if (this.ruleForm.sldy.sqfbcz == "1") { 414 if (item.zjh == this.czr) {
344 //是
345 this.ruleForm.qlrList.forEach((item, index) => {
346 item.sfczr = "1"; 415 item.sfczr = "1";
347 }); 416 } else {
348 } else { 417 item.sfczr = "0";
349 if (!that.czr) {
350 that.$message({
351 showClose: true,
352 message: "请选择持证人",
353 type: "error",
354 });
355 return false;
356 } 418 }
357 this.ruleForm.qlrList.forEach((item, index) => { 419 });
358 if (item.zjh == this.czr) {
359 item.sfczr = "1";
360 } else {
361 item.sfczr = "0";
362 }
363 });
364 }
365 } 420 }
366 /**
367 * @description: saveData
368 * @author: renchao
369 */
370 saveData(this.ruleForm).then((res) => {
371 if (res.code === 200) {
372 this.$message({
373 showClose: true,
374 message: "保存成功！",
375 type: "success"
376 })
377 this.$store.dispatch('user/refreshPage', true);
378 } else {
379 this.$message({
380 showClose: true,
381 message: res.message,
382 type: "error"
383 })
384 }
385 })
386 } 421 }
387 } 422 /**
388 } 423 * @description: saveData
424 * @author: renchao
425 */
426 saveData(this.ruleForm).then((res) => {
427 if (res.code === 200) {
428 this.$message({
429 showClose: true,
430 message: "保存成功！",
431 type: "success",
432 });
433 this.$store.dispatch("user/refreshPage", true);
434 } else {
435 this.$message({
436 showClose: true,
437 message: res.message,
438 type: "error",
439 });
440 }
441 });
442 },
443 },
444 };
389 </script> 445 </script>
390 <style scoped lang='scss'> 446 <style scoped lang="scss">
391 @import "~@/styles/public.scss"; 447 @import "~@/styles/public.scss";
392 @import "~@/styles/slxx/slxx.scss"; 448 @import "~@/styles/slxx/slxx.scss";
393 </style> 449 </style>
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -55,7 +56,8 @@ ...@@ -55,7 +56,8 @@
55 </el-row> 56 </el-row>
56 <div 57 <div
57 class="slxx_title title-block flex" 58 class="slxx_title title-block flex"
58 style="justify-content: space-between"> 59 style="justify-content: space-between"
60 >
59 不动产单元情况 61 不动产单元情况
60 <el-button @click="compare">变化情况对比+</el-button> 62 <el-button @click="compare">变化情况对比+</el-button>
61 </div> 63 </div>
...@@ -98,16 +100,19 @@ ...@@ -98,16 +100,19 @@
98 <el-form-item label="取得价格："> 100 <el-form-item label="取得价格：">
99 <div style="display: flex"> 101 <div style="display: flex">
100 <el-input 102 <el-input
103 maxlength="11"
101 v-model="ruleForm.jsydsyq.qdjg" 104 v-model="ruleForm.jsydsyq.qdjg"
102 style="width: 500%" 105 style="width: 500%"
103 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 106 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
104 disabled></el-input> 107 disabled
108 ></el-input>
105 <el-select v-model="ruleForm.jsydsyq.jedw" disabled> 109 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
106 <el-option 110 <el-option
107 v-for="item in dictData['A57']" 111 v-for="item in dictData['A57']"
108 :key="item.dcode" 112 :key="item.dcode"
109 :label="item.dname" 113 :label="item.dname"
110 :value="item.dcode"> 114 :value="item.dcode"
115 >
111 </el-option> 116 </el-option>
112 </el-select> 117 </el-select>
113 </div> 118 </div>
...@@ -124,9 +129,12 @@ ...@@ -124,9 +129,12 @@
124 <el-col> 129 <el-col>
125 <el-form-item label="附记：" prop="fj"> 130 <el-form-item label="附记：" prop="fj">
126 <el-input 131 <el-input
127 type="textarea" maxlength="500" show-word-limit 132 type="textarea"
133 maxlength="500"
134 show-word-limit
128 v-model="ruleForm.jsydsyq.fj" 135 v-model="ruleForm.jsydsyq.fj"
129 :disabled="!viewEdit"></el-input> 136 :disabled="!viewEdit"
137 ></el-input>
130 </el-form-item> 138 </el-form-item>
131 </el-col> 139 </el-col>
132 </el-row> 140 </el-row>
...@@ -137,7 +145,8 @@ ...@@ -137,7 +145,8 @@
137 <tdytTable 145 <tdytTable
138 :tableData="ruleForm.tdytqxList" 146 :tableData="ruleForm.tdytqxList"
139 :ableOperation="viewEdit" 147 :ableOperation="viewEdit"
140 @upDateTdytxxList="upDateTdytxxList" /> 148 @upDateTdytxxList="upDateTdytxxList"
149 />
141 <div class="slxx_title title-block"> 150 <div class="slxx_title title-block">
142 权利人信息 151 权利人信息
143 <div class="triangle"></div> 152 <div class="triangle"></div>
...@@ -147,7 +156,8 @@ ...@@ -147,7 +156,8 @@
147 <el-form-item label="共有方式："> 156 <el-form-item label="共有方式：">
148 <el-radio-group 157 <el-radio-group
149 :disabled="!viewEdit" 158 :disabled="!viewEdit"
150 v-model="ruleForm.sldy.gyfs"> 159 v-model="ruleForm.sldy.gyfs"
160 >
151 <el-radio label="0">单独所有</el-radio> 161 <el-radio label="0">单独所有</el-radio>
152 <el-radio label="1">共同共有</el-radio> 162 <el-radio label="1">共同共有</el-radio>
153 <el-radio label="2">按份所有</el-radio> 163 <el-radio label="2">按份所有</el-radio>
...@@ -159,7 +169,9 @@ ...@@ -159,7 +169,9 @@
159 <el-form-item label="是否分别持证："> 169 <el-form-item label="是否分别持证：">
160 <el-radio-group 170 <el-radio-group
161 v-model="ruleForm.sldy.sqfbcz" 171 v-model="ruleForm.sldy.sqfbcz"
162 :disabled="!viewEdit"> 172 :disabled="!viewEdit"
173 @input="updaterow()"
174 >
163 <el-radio :label="1">是</el-radio> 175 <el-radio :label="1">是</el-radio>
164 <el-radio :label="0">否</el-radio> 176 <el-radio :label="0">否</el-radio>
165 </el-radio-group> 177 </el-radio-group>
...@@ -167,17 +179,20 @@ ...@@ -167,17 +179,20 @@
167 </el-col> 179 </el-col>
168 <el-col 180 <el-col
169 :span="6" 181 :span="6"
170 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 182 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
183 >
171 <el-form-item label="持证人："> 184 <el-form-item label="持证人：">
172 <el-select 185 <el-select
173 v-model="czr" 186 v-model="czr"
174 placeholder="持证人" 187 placeholder="持证人"
175 :disabled="!viewEdit"> 188 :disabled="!viewEdit"
189 >
176 <el-option 190 <el-option
177 v-for="item in czrOptions" 191 v-for="item in czrOptions"
178 :key="item.zjh" 192 :key="item.zjh"
179 :label="item.sqrmc" 193 :label="item.sqrmc"
180 :value="item.zjh"> 194 :value="item.zjh"
195 >
181 </el-option> 196 </el-option>
182 </el-select> 197 </el-select>
183 </el-form-item> 198 </el-form-item>
...@@ -187,7 +202,8 @@ ...@@ -187,7 +202,8 @@
187 :tableData="ruleForm.qlrList" 202 :tableData="ruleForm.qlrList"
188 :disabled="viewEdit" 203 :disabled="viewEdit"
189 @upDateQlrxxList="upDateQlrxxList" 204 @upDateQlrxxList="upDateQlrxxList"
190 :gyfs="ruleForm.sldy.gyfs" /> 205 :gyfs="ruleForm.sldy.gyfs"
206 />
191 <div class="slxx_title title-block"> 207 <div class="slxx_title title-block">
192 登记原因 208 登记原因
193 <div class="triangle"></div> 209 <div class="triangle"></div>
...@@ -198,9 +214,11 @@ ...@@ -198,9 +214,11 @@
198 <el-input 214 <el-input
199 class="textArea" 215 class="textArea"
200 type="textarea" 216 type="textarea"
201 maxlength="500" show-word-limit 217 maxlength="500"
218 show-word-limit
202 :disabled="!viewEdit" 219 :disabled="!viewEdit"
203 v-model="ruleForm.jsydsyq.djyy"> 220 v-model="ruleForm.jsydsyq.djyy"
221 >
204 </el-input> 222 </el-input>
205 </el-form-item> 223 </el-form-item>
206 </el-col> 224 </el-col>
...@@ -215,186 +233,191 @@ ...@@ -215,186 +233,191 @@
215 </div> 233 </div>
216 </template> 234 </template>
217 <script> 235 <script>
218 import { mapGetters } from "vuex"; 236 import { mapGetters } from "vuex";
219 import ywmix from "@/views/ywbl/mixin/index" 237 import ywmix from "@/views/ywbl/mixin/index";
220 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 238 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
221 import tdytTable from "@/views/workflow/components/tdytTable"; 239 import tdytTable from "@/views/workflow/components/tdytTable";
222 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 240 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
223 export default { 241 export default {
224 mixins: [ywmix], 242 mixins: [ywmix],
225 mounted () { 243 mounted() {
226 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 244 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
227 this.propsParam = this.$attrs; 245 this.propsParam = this.$attrs;
228 var formdata = new FormData(); 246 var formdata = new FormData();
229 this.$startLoading(); 247 this.$startLoading();
230 formdata.append("bsmSldy", this.propsParam.bsmSldy); 248 formdata.append("bsmSldy", this.propsParam.bsmSldy);
231 formdata.append("djlx", this.propsParam.djlx); 249 formdata.append("djlx", this.propsParam.djlx);
232 formdata.append("isEdit", this.viewEdit); 250 formdata.append("isEdit", this.viewEdit);
233 Init(formdata).then((res) => { 251 Init(formdata).then((res) => {
234 if (res.code === 200 && res.result) { 252 if (res.code === 200 && res.result) {
235 this.ruleForm = res.result; 253 this.ruleForm = res.result;
236 this.ruleForm.qlrList.forEach((item, index) => { 254 this.czrOptions = this.ruleForm.qlrList;
237 if (item.sfczr == 1) { 255 }
238 this.$set(this.ruleForm, "czr", item.zjh) 256 this.ruleForm.qlrList.forEach((item) => {
239 } 257 if (item.sfczr == 1) {
240 }) 258 this.czr = item.sqrmc;
241 this.czrOptions = this.ruleForm.qlrList;
242 } 259 }
243 this.ruleForm.qlrList.forEach((item) => {
244 if(item.sfczr==1){
245 this.czr=item.sqrmc
246 }
247 })
248 this.$endLoading();
249 }); 260 });
261 this.$endLoading();
262 });
263 },
264 components: { qlrCommonTable, tdytTable },
265 computed: {
266 ...mapGetters(["dictData", "flag"]),
267 },
268 data() {
269 return {
270 //表单是否可操作
271 viewEdit: false,
272 disabled: true,
273 czrOptions: [],
274 czr: "",
275 ruleForm: {
276 slywxx: {},
277 qlxx: {},
278 zdjbxx: {},
279 jsydsyq: {},
280 },
281 //传递参数
282 propsParam: {},
283 rules: {},
284 };
285 },
286 methods: {
287 /**
288 * @description: 更新土地用途信息
289 * @param {*} val
290 * @author: renchao
291 */
292 upDateTdytxxList(val) {
293 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
294 this.key++;
250 }, 295 },
251 components: { qlrCommonTable, tdytTable }, 296 /**
252 computed: { 297 * @description: 更新权利人信息
253 ...mapGetters(["dictData", "flag"]), 298 * @param {*} val
299 * @author: renchao
300 */
301 upDateQlrxxList(val) {
302 this.ruleForm.qlrList = _.cloneDeep(val);
303 this.czrOptions = this.ruleForm.qlrList;
304 this.key++;
254 }, 305 },
255 data () { 306 // 是否持证人变化
256 return { 307 /**
257 //表单是否可操作 308 * @description: 是否持证人变化
258 viewEdit: false, 309 * @param {*} val
259 disabled: true, 310 * @author: renchao
260 czrOptions: [], 311 */
261 czr:"", 312 updaterow() {
262 ruleForm: { 313 this.czr = "";
263 slywxx: {},
264 qlxx: {},
265 zdjbxx: {},
266 jsydsyq: {},
267 },
268 //传递参数
269 propsParam: {},
270 rules: {},
271 };
272 }, 314 },
273 methods: { 315 /**
274 /** 316 * @description: onSubmit
275 * @description: 更新土地用途信息 317 * @author: renchao
276 * @param {*} val 318 */
277 * @author: renchao 319 onSubmit() {
278 */ 320 let that = this;
279 upDateTdytxxList (val) { 321 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
280 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 322 if (arr.length > 0) {
281 this.key++; 323 this.$message({
282 }, 324 showClose: true,
283 /** 325 message: "土地用途不能为空",
284 * @description: 更新权利人信息 326 type: "error",
285 * @param {*} val 327 });
286 * @author: renchao 328 return false;
287 */ 329 }
288 upDateQlrxxList (val) { 330 if (this.ruleForm.qlrList.length == 0) {
289 this.ruleForm.qlrList = _.cloneDeep(val); 331 this.$message({
290 this.czrOptions = this.ruleForm.qlrList; 332 showClose: true,
291 this.key++ 333 message: "请确认权利人信息",
292 }, 334 type: "error",
293 /** 335 });
294 * @description: onSubmit 336 return false;
295 * @author: renchao 337 }
296 */ 338
297 onSubmit () { 339 if (this.ruleForm.sldy.gyfs == "0") {
298 let that = this 340 if (this.ruleForm.qlrList.length > 1) {
299 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
300 if (arr.length > 0) {
301 this.$message({ 341 this.$message({
302 showClose: true, 342 showClose: true,
303 message: "土地用途不能为空", 343 message: "共有方式：单独所有，权利人只能是一个人",
304 type: "error", 344 type: "error",
305 }); 345 });
306 return false; 346 return false;
307 } 347 }
308 if (this.ruleForm.qlrList.length == 0) { 348 this.ruleForm.qlrList[0].sfczr = "1";
349 } else {
350 if (this.ruleForm.qlrList.length <= 1) {
309 this.$message({ 351 this.$message({
310 showClose: true, 352 showClose: true,
311 message: "请确认权利人信息", 353 message:
354 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
312 type: "error", 355 type: "error",
313 }); 356 });
314 return false; 357 return false;
315 } 358 }
316 359 //是否分别持证
317 if (this.ruleForm.sldy.gyfs == "0") { 360 if (this.ruleForm.sldy.sqfbcz == "1") {
318 if (this.ruleForm.qlrList.length > 1) { 361 //是
319 this.$message({ 362 this.ruleForm.qlrList.forEach((item, index) => {
320 showClose: true, 363 item.sfczr = "1";
321 message: "共有方式：单独所有，权利人只能是一个人", 364 });
322 type: "error",
323 });
324 return false;
325 }
326 this.ruleForm.qlrList[0].sfczr = "1";
327 } else { 365 } else {
328 if (this.ruleForm.qlrList.length <= 1) { 366 if (!that.czr) {
329 this.$message({ 367 that.$message({
330 showClose: true, 368 showClose: true,
331 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 369 message: "请选择持证人",
332 type: "error", 370 type: "error",
333 }); 371 });
334 return false; 372 return false;
335 } 373 }
336 //是否分别持证 374 this.ruleForm.qlrList.forEach((item, index) => {
337 if (this.ruleForm.sldy.sqfbcz == "1") { 375 if (item.zjh == this.czr) {
338 //是
339 this.ruleForm.qlrList.forEach((item, index) => {
340 item.sfczr = "1"; 376 item.sfczr = "1";
341 }); 377 } else {
342 } else { 378 item.sfczr = "0";
343 if (!that.czr) {
344 that.$message({
345 showClose: true,
346 message: "请选择持证人",
347 type: "error",
348 });
349 return false;
350 } 379 }
351 this.ruleForm.qlrList.forEach((item, index) => { 380 });
352 if (item.zjh == this.czr) {
353 item.sfczr = "1";
354 } else {
355 item.sfczr = "0";
356 }
357 });
358 }
359 } 381 }
360 saveData(this.ruleForm).then((res) => {
361 if (res.code === 200) {
362 this.$message({
363 showClose: true,
364 message: "保存成功！",
365 type: "success",
366 });
367 this.$store.dispatch("user/refreshPage", true);
368 } else {
369 this.$message({
370 showClose: true,
371 message: res.message,
372 type: "error",
373 });
374 }
375 });
376 },
377 /**
378 * @description: compare
379 * @author: renchao
380 */
381 compare () {
382 console.log("this.ruleForm", this.ruleForm);
383 this.$popupDialog(
384 this.ruleForm.qlxx.qllxmc,
385 "registerBook/comparison",
386 {
387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
388 dqqllx: 'JSYDSYQ',
389 },
390 "80%",
391 true
392 )
393 } 382 }
394 } 383 saveData(this.ruleForm).then((res) => {
395 } 384 if (res.code === 200) {
385 this.$message({
386 showClose: true,
387 message: "保存成功！",
388 type: "success",
389 });
390 this.$store.dispatch("user/refreshPage", true);
391 } else {
392 this.$message({
393 showClose: true,
394 message: res.message,
395 type: "error",
396 });
397 }
398 });
399 },
400 /**
401 * @description: compare
402 * @author: renchao
403 */
404 compare() {
405 console.log("this.ruleForm", this.ruleForm);
406 this.$popupDialog(
407 this.ruleForm.qlxx.qllxmc,
408 "registerBook/comparison",
409 {
410 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
411 dqqllx: "JSYDSYQ",
412 },
413 "80%",
414 true
415 );
416 },
417 },
418 };
396 </script> 419 </script>
397 <style scoped lang="scss"> 420 <style scoped lang="scss">
398 @import "~@/styles/public.scss"; 421 @import "~@/styles/public.scss";
399 @import "~@/styles/slxx/slxx.scss"; 422 @import "~@/styles/slxx/slxx.scss";
400 </style> 423 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-23 16:04:19 4 * @LastEditTime: 2023-08-24 15:32:46
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,252 +285,262 @@ ...@@ -265,252 +285,262 @@
265 </div> 285 </div>
266 </template> 286 </template>
267 <script> 287 <script>
268 import ywmix from "@/views/ywbl/mixin/index"; 288 import ywmix from "@/views/ywbl/mixin/index";
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 290 import tdytTable from "@/views/workflow/components/tdytTable";
271 import { Init, saveData } from "@/api/workflow/lqFlow.js"; 291 import { Init, saveData } from "@/api/workflow/lqFlow.js";
272 import { mapGetters } from "vuex"; 292 import { mapGetters } from "vuex";
273 export default { 293 export default {
274 mixins: [ywmix], 294 mixins: [ywmix],
275 mounted () { 295 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 296 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 297 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 298 var formdata = new FormData();
279 formdata.append("bsmSldy", this.propsParam.bsmSldy); 299 formdata.append("bsmSldy", this.propsParam.bsmSldy);
280 formdata.append("djlx", this.propsParam.djlx); 300 formdata.append("djlx", this.propsParam.djlx);
281 formdata.append("isEdit", this.viewEdit); 301 formdata.append("isEdit", this.viewEdit);
282 Init(formdata).then((res) => { 302 Init(formdata).then((res) => {
283 if (res.code === 200 && res.result) { 303 if (res.code === 200 && res.result) {
284 this.ruleForm = { 304 this.ruleForm = {
285 ...res.result, 305 ...res.result,
286 ...res.result.qlxxdatas, 306 ...res.result.qlxxdatas,
287 }; 307 };
288 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
289 if (item.sfczr == 1) { 309 if (item.sfczr == 1) {
290 this.czr = item.sqrmc 310 this.czr = item.sqrmc;
291 } 311 }
292 }) 312 });
293 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
294 this.ruleForm.slsq.fzfs == null 314 this.ruleForm.slsq.fzfs == null
295 ? (this.ruleForm.slsq.fzfs = "1") 315 ? (this.ruleForm.slsq.fzfs = "1")
296 : this.ruleForm.slsq.fzfs; 316 : this.ruleForm.slsq.fzfs;
297 this.czrOptions = this.ruleForm.qlrList; 317 this.czrOptions = this.ruleForm.qlrList;
298 } 318 }
299 }) 319 });
320 },
321 components: { qlrCommonTable, tdytTable },
322 computed: {
323 ...mapGetters(["dictData", "flag"]),
324 },
325 data() {
326 return {
327 disabled: true,
328 tdytOption: [],
329 czrOptions: [],
330 czr: "",
331 ruleForm: {
332 flow: {
333 ywh: "",
334 },
335 qlxx: {
336 mj: "",
337 },
338 sldy: {
339 gyfs: "",
340 },
341 slsq: {},
342 fdcq2: {
343 zyjzmj: "",
344 ftjzmj: "",
345 },
346 zdjbxx: {
347 ghytmc: "",
348 },
349 },
350 //传递参数
351 propsParam: this.$attrs,
352 //表单是否可操作
353 viewEdit: true,
354 rules: {},
355 };
356 },
357 methods: {
358 /**
359 * @description: 更新土地用途信息
360 * @param {*} val
361 * @author: renchao
362 */
363 upDateTdytxxList(val) {
364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
300 }, 365 },
301 components: { qlrCommonTable, tdytTable }, 366 // 是否持证人变化
302 computed: { 367 /**
303 ...mapGetters(["dictData", "flag"]), 368 * @description: 是否持证人变化
369 * @param {*} val
370 * @author: renchao
371 */
372 updaterow() {
373 this.czr = "";
304 }, 374 },
305 data () { 375 /**
306 return { 376 * @description: 更新权利人信息
307 disabled: true, 377 * @param {*} val
308 tdytOption: [], 378 * @author: renchao
309 czrOptions: [], 379 */
310 czr: "", 380 upDateQlrxxList(val) {
311 ruleForm: { 381 this.ruleForm.qlrList = _.cloneDeep(val);
312 flow: { 382 this.czrOptions = this.ruleForm.qlrList;
313 ywh: "", 383 this.key++;
314 },
315 qlxx: {
316 mj: "",
317 },
318 sldy: {
319 gyfs: "",
320 },
321 slsq: {},
322 fdcq2: {
323 zyjzmj: "",
324 ftjzmj: "",
325 },
326 zdjbxx: {
327 ghytmc: "",
328 },
329 },
330 //传递参数
331 propsParam: this.$attrs,
332 //表单是否可操作
333 viewEdit: true,
334 rules: {},
335 };
336 }, 384 },
337 methods: { 385 /**
338 /** 386 * @description: 更新业务人信息
339 * @description: 更新土地用途信息 387 * @param {*} val
340 * @param {*} val 388 * @author: renchao
341 * @author: renchao 389 */
342 */ 390 upDateYwrxxList(val) {
343 upDateTdytxxList (val) { 391 this.ruleForm.ywrList = _.cloneDeep(val);
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 392 },
345 }, 393 /**
346 /** 394 * @description: onSubmit
347 * @description: 更新权利人信息 395 * @author: renchao
348 * @param {*} val 396 */
349 * @author: renchao 397 onSubmit() {
350 */ 398 let that = this;
351 upDateQlrxxList (val) { 399 if (this.ruleForm.qlrList.length == 0) {
352 this.ruleForm.qlrList = _.cloneDeep(val); 400 this.$message({
353 this.czrOptions = this.ruleForm.qlrList; 401 showClose: true,
354 this.key++; 402 message: "请确认权利人信息",
355 }, 403 type: "error",
356 /** 404 });
357 * @description: 更新业务人信息 405 return false;
358 * @param {*} val 406 }
359 * @author: renchao 407
360 */ 408 if (this.ruleForm.sldy.gyfs == "0") {
361 upDateYwrxxList (val) { 409 if (this.ruleForm.qlrList.length > 1) {
362 this.ruleForm.ywrList = _.cloneDeep(val);
363 },
364 /**
365 * @description: onSubmit
366 * @author: renchao
367 */
368 onSubmit () {
369 let that = this
370 if (this.ruleForm.qlrList.length == 0) {
371 this.$message({ 410 this.$message({
372 showClose: true, 411 showClose: true,
373 message: "请确认权利人信息", 412 message: "共有方式：单独所有，权利人只能是一个人",
374 type: "error", 413 type: "error",
375 }); 414 });
376 return false; 415 return false;
377 } 416 }
378 417 this.ruleForm.qlrList[0].sfczr = "1";
379 if (this.ruleForm.sldy.gyfs == "0") { 418 } else {
380 if (this.ruleForm.qlrList.length > 1) { 419 if (this.ruleForm.qlrList.length <= 1) {
381 this.$message({ 420 this.$message({
382 showClose: true, 421 showClose: true,
383 message: "共有方式：单独所有，权利人只能是一个人", 422 message:
384 type: "error", 423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
385 }); 424 type: "error",
386 return false; 425 });
387 } 426 return false;
388 this.ruleForm.qlrList[0].sfczr = "1"; 427 }
428 //是否分别持证
429 if (this.ruleForm.sldy.sqfbcz == "1") {
430 //是
431 this.ruleForm.qlrList.forEach((item, index) => {
432 item.sfczr = "1";
433 });
389 } else { 434 } else {
390 if (this.ruleForm.qlrList.length <= 1) { 435 if (!that.czr) {
391 this.$message({ 436 that.$message({
392 showClose: true, 437 showClose: true,
393 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 438 message: "请选择持证人",
394 type: "error", 439 type: "error",
395 }); 440 });
396 return false; 441 return false;
397 } 442 }
398 //是否分别持证 443 this.ruleForm.qlrList.forEach((item, index) => {
399 if (this.ruleForm.sldy.sqfbcz == "1") { 444 if (item.zjh == this.czr) {
400 //是
401 this.ruleForm.qlrList.forEach((item, index) => {
402 item.sfczr = "1"; 445 item.sfczr = "1";
403 }); 446 } else {
404 } else { 447 item.sfczr = "0";
405 if (!that.czr) {
406 that.$message({
407 showClose: true,
408 message: "请选择持证人",
409 type: "error",
410 });
411 return false;
412 } 448 }
413 this.ruleForm.qlrList.forEach((item, index) => { 449 });
414 if (item.zjh == this.czr) {
415 item.sfczr = "1";
416 } else {
417 item.sfczr = "0";
418 }
419 });
420 }
421 } 450 }
422 saveData(this.ruleForm).then((res) => { 451 }
423 if (res.code === 200) { 452 saveData(this.ruleForm).then((res) => {
424 this.$message({ 453 if (res.code === 200) {
425 showClose: true, 454 this.$message({
426 message: "保存成功！", 455 showClose: true,
427 type: "success", 456 message: "保存成功！",
428 }); 457 type: "success",
429 this.$store.dispatch("user/refreshPage", true); 458 });
430 } else { 459 this.$store.dispatch("user/refreshPage", true);
431 this.$message({ 460 } else {
432 showClose: true, 461 this.$message({
433 message: res.message, 462 showClose: true,
434 type: "error", 463 message: res.message,
435 }); 464 type: "error",
436 } 465 });
437 }); 466 }
438 }, 467 });
439 }, 468 },
440 }; 469 },
470 };
441 </script> 471 </script>
442 <style scoped lang="scss"> 472 <style scoped lang="scss">
443 @import "~@/styles/public.scss"; 473 @import "~@/styles/public.scss";
444 474
445 /deep/.el-form { 475 /deep/.el-form {
446 display: flex; 476 display: flex;
447 flex-direction: column; 477 flex-direction: column;
448 height: calc(100vh - 130px); 478 height: calc(100vh - 130px);
449 } 479 }
450 480
451 /deep/.el-form-item__label { 481 /deep/.el-form-item__label {
452 padding: 0; 482 padding: 0;
453 } 483 }
454 484
455 /deep/.el-radio { 485 /deep/.el-radio {
456 margin-right: 10px; 486 margin-right: 10px;
457 } 487 }
458 488
459 /deep/.el-select { 489 /deep/.el-select {
460 width: 100%; 490 width: 100%;
461 } 491 }
462 492
463 /deep/.el-form-item { 493 /deep/.el-form-item {
464 margin-bottom: 8px; 494 margin-bottom: 8px;
465 } 495 }
466 496
467 .marginBot0 { 497 .marginBot0 {
468 margin-bottom: 0 !important; 498 margin-bottom: 0 !important;
469 } 499 }
470 500
471 .slxx { 501 .slxx {
472 box-sizing: border-box; 502 box-sizing: border-box;
473 } 503 }
474 504
475 .slxx_con { 505 .slxx_con {
476 flex: 1; 506 flex: 1;
477 height: 100%; 507 height: 100%;
478 background-color: #ffffff; 508 background-color: #ffffff;
479 overflow-y: auto; 509 overflow-y: auto;
480 padding-right: 3px; 510 padding-right: 3px;
481 overflow-x: hidden; 511 overflow-x: hidden;
482 } 512 }
483 513
484 .submit_btn { 514 .submit_btn {
485 height: 50px; 515 height: 50px;
486 } 516 }
487 517
488 .slxx_title { 518 .slxx_title {
489 border-bottom: 1px solid $borderColor; 519 border-bottom: 1px solid $borderColor;
490 padding-left: 10px; 520 padding-left: 10px;
491 padding-bottom: 5px; 521 padding-bottom: 5px;
492 margin-bottom: 10px; 522 margin-bottom: 10px;
493 margin-top: 5px; 523 margin-top: 5px;
494 font-size: 16px; 524 font-size: 16px;
495 font-weight: 500; 525 font-weight: 500;
496 color: #4a4a4a; 526 color: #4a4a4a;
497 } 527 }
498 528
499 .btn { 529 .btn {
500 text-align: center; 530 text-align: center;
501 padding-top: 10px; 531 padding-top: 10px;
502 height: 36px; 532 height: 36px;
503 background-color: #ffffff; 533 background-color: #ffffff;
504 padding: 5px 0; 534 padding: 5px 0;
505 } 535 }
506 536
507 .textArea { 537 .textArea {
508 /deep/.el-textarea__inner { 538 /deep/.el-textarea__inner {
509 min-height: 90px !important; 539 min-height: 90px !important;
510 }
511 } 540 }
541 }
512 542
513 /deep/.el-form-item__label { 543 /deep/.el-form-item__label {
514 padding-bottom: 0px; 544 padding-bottom: 0px;
515 } 545 }
516 </style> 546 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -100,8 +107,19 @@ ...@@ -100,8 +107,19 @@
100 </el-col> 107 </el-col>
101 <el-col :span="8"> 108 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 109 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" :disabled="!viewEdit" class="width100" filterable clearable> 110 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 111 v-model="ruleForm.nydsyq.tdsyqxzmc"
112 :disabled="!viewEdit"
113 class="width100"
114 filterable
115 clearable
116 >
117 <el-option
118 v-for="item in dictData['A45']"
119 :key="item.dname"
120 :label="item.dname"
121 :value="item.dname"
122 >
105 </el-option> 123 </el-option>
106 </el-select> 124 </el-select>
107 </el-form-item> 125 </el-form-item>
...@@ -122,50 +140,102 @@ ...@@ -122,50 +140,102 @@
122 <el-row :gutter="10"> 140 <el-row :gutter="10">
123 <el-col :span="8"> 141 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 142 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 143 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 144 v-model="ruleForm.nydsyq.syttlx"
145 :disabled="!viewEdit"
146 class="width100"
147 filterable
148 clearable
149 @change="changeSyttlx"
150 >
151 <el-option
152 v-for="item in dictData['A23']"
153 :key="item.dcode"
154 :label="item.dname"
155 :value="item.dcode"
156 >
127 </el-option> 157 </el-option>
128 </el-select> 158 </el-select>
129 </el-form-item> 159 </el-form-item>
130 </el-col> 160 </el-col>
131 <el-col :span="8"> 161 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 162 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 163 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 164 v-model="ruleForm.nydsyq.yzyfs"
165 :disabled="!viewEdit"
166 class="width100"
167 filterable
168 clearable
169 @change="changeYzyfs"
170 >
171 <el-option
172 v-for="item in dictData['A24']"
173 :key="item.dcode"
174 :label="item.dname"
175 :value="item.dcode"
176 >
135 </el-option> 177 </el-option>
136 </el-select> 178 </el-select>
137 </el-form-item> 179 </el-form-item>
138 </el-col> 180 </el-col>
139 <el-col :span="8"> 181 <el-col :span="8">
140 <el-form-item label="草原质量："> 182 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 183 <el-input
184 v-model="ruleForm.nydsyq.cyzl"
185 :disabled="!viewEdit"
186 ></el-input>
142 </el-form-item> 187 </el-form-item>
143 </el-col> 188 </el-col>
144 </el-row> 189 </el-row>
145 <el-row :gutter="10"> 190 <el-row :gutter="10">
146 <el-col :span="8"> 191 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 192 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 193 <el-input
194 v-model="ruleForm.nydsyq.syzcl"
195 :disabled="!viewEdit"
196 oninput="value=value.replace(/[^\d.]/g,'')"
197 ></el-input>
149 </el-form-item> 198 </el-form-item>
150 </el-col> 199 </el-col>
151 <el-col :span="8"> 200 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 201 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" :disabled="!viewEdit" filterable clearable @change="changeYdyhfl"> 202 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 203 v-model="ruleForm.nydsyq.ydyhfl"
204 class="width100"
205 :disabled="!viewEdit"
206 filterable
207 clearable
208 @change="changeYdyhfl"
209 >
210 <el-option
211 v-for="item in dictData['A51']"
212 :key="item.dcode"
213 :label="item.dname"
214 :value="item.dcode"
215 >
155 </el-option> 216 </el-option>
156 </el-select> 217 </el-select>
157 </el-form-item> 218 </el-form-item>
158 </el-col> 219 </el-col>
159 <el-col :span="8"> 220 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 221 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 222 <el-input
223 v-model="ruleForm.nydsyq.tdcbht"
224 :disabled="!viewEdit"
225 ></el-input>
162 </el-form-item> 226 </el-form-item>
163 </el-col> 227 </el-col>
164 </el-row> 228 </el-row>
165 <el-row :gutter="10"> 229 <el-row :gutter="10">
166 <el-col> 230 <el-col>
167 <el-form-item label="附记：" prop="fj"> 231 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 232 <el-input
233 type="textarea"
234 maxlength="500"
235 show-word-limit
236 v-model="ruleForm.nydsyq.fj"
237 :disabled="!viewEdit"
238 ></el-input>
169 </el-form-item> 239 </el-form-item>
170 </el-col> 240 </el-col>
171 </el-row> 241 </el-row>
...@@ -176,7 +246,10 @@ ...@@ -176,7 +246,10 @@
176 <el-row :gutter="10"> 246 <el-row :gutter="10">
177 <el-col :span="12"> 247 <el-col :span="12">
178 <el-form-item label="共有方式："> 248 <el-form-item label="共有方式：">
179 <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!viewEdit"> 249 <el-radio-group
250 v-model="ruleForm.sldy.gyfs"
251 :disabled="!viewEdit"
252 >
180 <el-radio label="0">单独所有</el-radio> 253 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 254 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 255 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +261,9 @@ ...@@ -188,7 +261,9 @@
188 <el-form-item label="是否分别持证："> 261 <el-form-item label="是否分别持证：">
189 <el-radio-group 262 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 263 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 264 :disabled="!viewEdit"
265 @input="updaterow()"
266 >
192 <el-radio :label="1">是</el-radio> 267 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 268 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 269 </el-radio-group>
...@@ -196,29 +271,41 @@ ...@@ -196,29 +271,41 @@
196 </el-col> 271 </el-col>
197 <el-col 272 <el-col
198 :span="6" 273 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 274 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
275 >
200 <el-form-item label="持证人："> 276 <el-form-item label="持证人：">
201 <el-select 277 <el-select
202 v-model="czr" 278 v-model="czr"
203 placeholder="持证人" 279 placeholder="持证人"
204 :disabled="!viewEdit"> 280 :disabled="!viewEdit"
281 >
205 <el-option 282 <el-option
206 v-for="item in czrOptions" 283 v-for="item in czrOptions"
207 :key="item.zjh" 284 :key="item.zjh"
208 :label="item.sqrmc" 285 :label="item.sqrmc"
209 :value="item.zjh"> 286 :value="item.zjh"
287 >
210 </el-option> 288 </el-option>
211 </el-select> 289 </el-select>
212 </el-form-item> 290 </el-form-item>
213 </el-col> 291 </el-col>
214 </el-row> 292 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 293 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 294 :tableData="ruleForm.qlrList"
295 @upDateQlrxxList="upDateQlrxxList"
296 :disabled="viewEdit"
297 :gyfs="ruleForm.sldy.gyfs"
298 />
217 <div class="slxx_title title-block"> 299 <div class="slxx_title title-block">
218 家庭成员 300 家庭成员
219 <div class="triangle"></div> 301 <div class="triangle"></div>
220 </div> 302 </div>
221 <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" /> 303 <JtcyTable
304 :tableData="ruleForm.jtcyList"
305 @upDateJtcyList="upDateJtcyList"
306 :disabled="viewEdit"
307 :gyfs="ruleForm.sldy.gyfs"
308 />
222 <div class="slxx_title title-block"> 309 <div class="slxx_title title-block">
223 登记原因 310 登记原因
224 <div class="triangle"></div> 311 <div class="triangle"></div>
...@@ -226,8 +313,14 @@ ...@@ -226,8 +313,14 @@
226 <el-row :gutter="10"> 313 <el-row :gutter="10">
227 <el-col> 314 <el-col>
228 <el-form-item label="登记原因：" prop="djyy"> 315 <el-form-item label="登记原因：" prop="djyy">
229 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 316 <el-input
230 v-model="ruleForm.nydsyq.djyy"> 317 class="textArea"
318 type="textarea"
319 maxlength="500"
320 show-word-limit
321 :disabled="!viewEdit"
322 v-model="ruleForm.nydsyq.djyy"
323 >
231 </el-input> 324 </el-input>
232 </el-form-item> 325 </el-form-item>
233 </el-col> 326 </el-col>
...@@ -242,193 +335,208 @@ ...@@ -242,193 +335,208 @@
242 </div> 335 </div>
243 </template> 336 </template>
244 <script> 337 <script>
245 import { mapGetters } from "vuex" 338 import { mapGetters } from "vuex";
246 import ywmix from "@/views/ywbl/mixin/index" 339 import ywmix from "@/views/ywbl/mixin/index";
247 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 340 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import JtcyTable from "@/views/workflow/components/JtcyTable" 342 import JtcyTable from "@/views/workflow/components/JtcyTable";
250 export default { 343 export default {
251 mixins: [ywmix], 344 mixins: [ywmix],
252 mounted () { 345 mounted() {
253 this.viewEdit = this.$parent.currentSelectTab.ableOperation 346 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
254 this.propsParam = this.$attrs; 347 this.propsParam = this.$attrs;
255 this.$startLoading(); 348 this.$startLoading();
256 var formdata = new FormData(); 349 var formdata = new FormData();
257 formdata.append("bsmSldy", this.propsParam.bsmSldy); 350 formdata.append("bsmSldy", this.propsParam.bsmSldy);
258 formdata.append("djlx", this.propsParam.djlx); 351 formdata.append("djlx", this.propsParam.djlx);
259 formdata.append("isEdit", this.viewEdit); 352 formdata.append("isEdit", this.viewEdit);
260 Init(formdata).then((res) => { 353 Init(formdata).then((res) => {
261 this.ruleForm = res.result; 354 this.ruleForm = res.result;
262 this.ruleForm.qlrList.forEach((item, index) => { 355 this.czrOptions = this.ruleForm.qlrList;
263 if (item.sfczr == 1) { 356 this.ruleForm.qlrList.forEach((item) => {
264 this.ruleForm.czr = item.zjh 357 if (item.sfczr == 1) {
265 } 358 this.czr = item.sqrmc;
266 }) 359 }
267 this.czrOptions = this.ruleForm.qlrList; 360 });
268 this.ruleForm.qlrList.forEach((item) => { 361 this.$endLoading();
269 if(item.sfczr==1){ 362 });
270 this.czr=item.sqrmc 363 },
271 } 364 components: { qlrCommonTable, JtcyTable },
272 }) 365 computed: {
273 this.$endLoading(); 366 ...mapGetters(["dictData", "flag"]),
274 }) 367 },
275 }, 368 data() {
276 components: { qlrCommonTable, JtcyTable }, 369 return {
277 computed: { 370 disabled: true,
278 ...mapGetters(["dictData", "flag"]) 371 //持证人选项
279 }, 372 czrOptions: [],
280 data () { 373 czr: "",
281 return { 374 ruleForm: {
282 disabled: true, 375 zdjbxx: {
283 //持证人选项 376 ghytmc: "",
284 czrOptions: [],
285 czr:"",
286 ruleForm: {
287 zdjbxx: {
288 ghytmc: ''
289 }
290 }, 377 },
291 //传递参数 378 },
292 propsParam: {}, 379 //传递参数
293 //表单是否可操作 380 propsParam: {},
294 viewEdit: true, 381 //表单是否可操作
295 rules: {} 382 viewEdit: true,
383 rules: {},
384 };
385 },
386 methods: {
387 /**
388 * @description: onSubmit
389 * @author: renchao
390 */
391 onSubmit() {
392 let that = this;
393 if (this.ruleForm.qlrList.length == 0) {
394 this.$message({
395 showClose: true,
396 message: "请确认权利人信息",
397 type: "error",
398 });
399 return false;
296 } 400 }
297 }, 401
298 methods: { 402 if (this.ruleForm.sldy.gyfs == "0") {
299 /** 403 if (this.ruleForm.qlrList.length > 1) {
300 * @description: onSubmit
301 * @author: renchao
302 */
303 onSubmit () {
304 let that = this
305 if (this.ruleForm.qlrList.length == 0) {
306 this.$message({ 404 this.$message({
307 showClose: true, 405 showClose: true,
308 message: "请确认权利人信息", 406 message: "共有方式：单独所有，权利人只能是一个人",
309 type: "error", 407 type: "error",
310 }); 408 });
311 return false; 409 return false;
312 } 410 }
313 411 this.ruleForm.qlrList[0].sfczr = "1";
314 if (this.ruleForm.sldy.gyfs == "0") { 412 } else {
315 if (this.ruleForm.qlrList.length > 1) { 413 if (this.ruleForm.qlrList.length <= 1) {
316 this.$message({ 414 this.$message({
317 showClose: true, 415 showClose: true,
318 message: "共有方式：单独所有，权利人只能是一个人", 416 message:
319 type: "error", 417 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
320 }); 418 type: "error",
321 return false; 419 });
322 } 420 return false;
323 this.ruleForm.qlrList[0].sfczr = "1"; 421 }
422 //是否分别持证
423 if (this.ruleForm.sldy.sqfbcz == "1") {
424 //是
425 this.ruleForm.qlrList.forEach((item, index) => {
426 item.sfczr = "1";
427 });
324 } else { 428 } else {
325 if (this.ruleForm.qlrList.length <= 1) { 429 if (!that.czr) {
326 this.$message({ 430 that.$message({
327 showClose: true, 431 showClose: true,
328 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 432 message: "请选择持证人",
329 type: "error", 433 type: "error",
330 }); 434 });
331 return false; 435 return false;
332 } 436 }
333 //是否分别持证 437 this.ruleForm.qlrList.forEach((item, index) => {
334 if (this.ruleForm.sldy.sqfbcz == "1") { 438 if (item.zjh == this.czr) {
335 //是
336 this.ruleForm.qlrList.forEach((item, index) => {
337 item.sfczr = "1"; 439 item.sfczr = "1";
338 }); 440 } else {
339 } else { 441 item.sfczr = "0";
340 if (!that.czr) {
341 that.$message({
342 showClose: true,
343 message: "请选择持证人",
344 type: "error",
345 });
346 return false;
347 } 442 }
348 this.ruleForm.qlrList.forEach((item, index) => { 443 });
349 if (item.zjh == this.czr) {
350 item.sfczr = "1";
351 } else {
352 item.sfczr = "0";
353 }
354 });
355 }
356 } 444 }
357
358 saveData(this.ruleForm).then((res) => {
359 if (res.code === 200) {
360 this.$message({
361 showClose: true,
362 message: "保存成功！",
363 type: "success",
364 });
365 this.$store.dispatch('user/refreshPage', true);
366 } else {
367 this.$message({
368 showClose: true,
369 message: res.message,
370 type: "error",
371 });
372 }
373 });
374 },
375 /**
376 * @description: upDateQlrxxList
377 * @param {*} val
378 * @author: renchao
379 */
380 upDateQlrxxList (val) {
381 this.ruleForm.qlrList = _.cloneDeep(val)
382 this.czrOptions = this.ruleForm.qlrList;
383 },
384 /**
385 * @description: upDateJtcyList
386 * @param {*} val
387 * @author: renchao
388 */
389 upDateJtcyList (val) {
390 this.ruleForm.jtcyList = _.cloneDeep(val)
391 },
392 /**
393 * @description: 水域滩涂类型变化事件
394 * @param {*} e
395 * @author: renchao
396 */
397 changeSyttlx (e) {
398 let itemLx = {}
399 itemLx = this.dictData['A23'].find((item) => {
400 return item.dcode == e
401 })
402 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
403 },
404 /**
405 * @description: 养殖业方式变化事件
406 * @param {*} e
407 * @author: renchao
408 */
409 changeYzyfs (e) {
410 let itemLx = {}
411 itemLx = this.dictData['A24'].find((item) => {
412 return item.dcode == e
413 })
414 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
415 },
416 /**
417 * @description: 用地用海变化事件
418 * @param {*} e
419 * @author: renchao
420 */
421 changeYdyhfl (e) {
422 let itemLx = {}
423 itemLx = this.dictData['A51'].find((item) => {
424 return item.dcode == e
425 })
426 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
427 } 445 }
428 } 446
429 } 447 saveData(this.ruleForm).then((res) => {
448 if (res.code === 200) {
449 this.$message({
450 showClose: true,
451 message: "保存成功！",
452 type: "success",
453 });
454 this.$store.dispatch("user/refreshPage", true);
455 } else {
456 this.$message({
457 showClose: true,
458 message: res.message,
459 type: "error",
460 });
461 }
462 });
463 },
464 /**
465 * @description: upDateQlrxxList
466 * @param {*} val
467 * @author: renchao
468 */
469 upDateQlrxxList(val) {
470 this.ruleForm.qlrList = _.cloneDeep(val);
471 this.czrOptions = this.ruleForm.qlrList;
472 },
473 // 是否持证人变化
474 /**
475 * @description: 是否持证人变化
476 * @param {*} val
477 * @author: renchao
478 */
479 updaterow() {
480 this.czr = "";
481 },
482 /**
483 * @description: upDateJtcyList
484 * @param {*} val
485 * @author: renchao
486 */
487 upDateJtcyList(val) {
488 this.ruleForm.jtcyList = _.cloneDeep(val);
489 },
490 // 是否持证人变化
491 /**
492 * @description: 是否持证人变化
493 * @param {*} val
494 * @author: renchao
495 */
496 updaterow() {
497 this.czr = "";
498 },
499
500 /**
501 * @description: 水域滩涂类型变化事件
502 * @param {*} e
503 * @author: renchao
504 */
505 changeSyttlx(e) {
506 let itemLx = {};
507 itemLx = this.dictData["A23"].find((item) => {
508 return item.dcode == e;
509 });
510 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
511 },
512 /**
513 * @description: 养殖业方式变化事件
514 * @param {*} e
515 * @author: renchao
516 */
517 changeYzyfs(e) {
518 let itemLx = {};
519 itemLx = this.dictData["A24"].find((item) => {
520 return item.dcode == e;
521 });
522 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
523 },
524 /**
525 * @description: 用地用海变化事件
526 * @param {*} e
527 * @author: renchao
528 */
529 changeYdyhfl(e) {
530 let itemLx = {};
531 itemLx = this.dictData["A51"].find((item) => {
532 return item.dcode == e;
533 });
534 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
535 },
536 },
537 };
430 </script> 538 </script>
431 <style scoped lang='scss'> 539 <style scoped lang="scss">
432 @import "~@/styles/public.scss"; 540 @import "~@/styles/public.scss";
433 @import "~@/styles/slxx/slxx.scss"; 541 @import "~@/styles/slxx/slxx.scss";
434 </style> 542 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -90,18 +97,35 @@ ...@@ -90,18 +97,35 @@
90 <el-row :gutter="10"> 97 <el-row :gutter="10">
91 <el-col :span="8"> 98 <el-col :span="8">
92 <el-form-item label="发包方名称："> 99 <el-form-item label="发包方名称：">
93 <el-input v-model="ruleForm.nydsyq.fbfmc" :disabled="!viewEdit"></el-input> 100 <el-input
101 v-model="ruleForm.nydsyq.fbfmc"
102 :disabled="!viewEdit"
103 ></el-input>
94 </el-form-item> 104 </el-form-item>
95 </el-col> 105 </el-col>
96 <el-col :span="8"> 106 <el-col :span="8">
97 <el-form-item label="发包方代码："> 107 <el-form-item label="发包方代码：">
98 <el-input v-model="ruleForm.nydsyq.fbfdm" :disabled="!viewEdit"></el-input> 108 <el-input
109 v-model="ruleForm.nydsyq.fbfdm"
110 :disabled="!viewEdit"
111 ></el-input>
99 </el-form-item> 112 </el-form-item>
100 </el-col> 113 </el-col>
101 <el-col :span="8"> 114 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 115 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" :disabled="!viewEdit" filterable clearable> 116 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 117 v-model="ruleForm.nydsyq.tdsyqxzmc"
118 class="width100"
119 :disabled="!viewEdit"
120 filterable
121 clearable
122 >
123 <el-option
124 v-for="item in dictData['A45']"
125 :key="item.dname"
126 :label="item.dname"
127 :value="item.dname"
128 >
105 </el-option> 129 </el-option>
106 </el-select> 130 </el-select>
107 </el-form-item> 131 </el-form-item>
...@@ -122,50 +146,102 @@ ...@@ -122,50 +146,102 @@
122 <el-row :gutter="10"> 146 <el-row :gutter="10">
123 <el-col :span="8"> 147 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 148 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 149 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 150 v-model="ruleForm.nydsyq.syttlx"
151 :disabled="!viewEdit"
152 class="width100"
153 filterable
154 clearable
155 @change="changeSyttlx"
156 >
157 <el-option
158 v-for="item in dictData['A23']"
159 :key="item.dcode"
160 :label="item.dname"
161 :value="item.dcode"
162 >
127 </el-option> 163 </el-option>
128 </el-select> 164 </el-select>
129 </el-form-item> 165 </el-form-item>
130 </el-col> 166 </el-col>
131 <el-col :span="8"> 167 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 168 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 169 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 170 v-model="ruleForm.nydsyq.yzyfs"
171 :disabled="!viewEdit"
172 class="width100"
173 filterable
174 clearable
175 @change="changeYzyfs"
176 >
177 <el-option
178 v-for="item in dictData['A24']"
179 :key="item.dcode"
180 :label="item.dname"
181 :value="item.dcode"
182 >
135 </el-option> 183 </el-option>
136 </el-select> 184 </el-select>
137 </el-form-item> 185 </el-form-item>
138 </el-col> 186 </el-col>
139 <el-col :span="8"> 187 <el-col :span="8">
140 <el-form-item label="草原质量："> 188 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 189 <el-input
190 v-model="ruleForm.nydsyq.cyzl"
191 :disabled="!viewEdit"
192 ></el-input>
142 </el-form-item> 193 </el-form-item>
143 </el-col> 194 </el-col>
144 </el-row> 195 </el-row>
145 <el-row :gutter="10"> 196 <el-row :gutter="10">
146 <el-col :span="8"> 197 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 198 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 199 <el-input
200 v-model="ruleForm.nydsyq.syzcl"
201 :disabled="!viewEdit"
202 oninput="value=value.replace(/[^\d.]/g,'')"
203 ></el-input>
149 </el-form-item> 204 </el-form-item>
150 </el-col> 205 </el-col>
151 <el-col :span="8"> 206 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 207 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYdyhfl"> 208 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 209 v-model="ruleForm.nydsyq.ydyhfl"
210 :disabled="!viewEdit"
211 class="width100"
212 filterable
213 clearable
214 @change="changeYdyhfl"
215 >
216 <el-option
217 v-for="item in dictData['A51']"
218 :key="item.dcode"
219 :label="item.dname"
220 :value="item.dcode"
221 >
155 </el-option> 222 </el-option>
156 </el-select> 223 </el-select>
157 </el-form-item> 224 </el-form-item>
158 </el-col> 225 </el-col>
159 <el-col :span="8"> 226 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 227 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 228 <el-input
229 v-model="ruleForm.nydsyq.tdcbht"
230 :disabled="!viewEdit"
231 ></el-input>
162 </el-form-item> 232 </el-form-item>
163 </el-col> 233 </el-col>
164 </el-row> 234 </el-row>
165 <el-row :gutter="10"> 235 <el-row :gutter="10">
166 <el-col> 236 <el-col>
167 <el-form-item label="附记：" prop="fj"> 237 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 238 <el-input
239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 v-model="ruleForm.nydsyq.fj"
243 :disabled="!viewEdit"
244 ></el-input>
169 </el-form-item> 245 </el-form-item>
170 </el-col> 246 </el-col>
171 </el-row> 247 </el-row>
...@@ -176,7 +252,10 @@ ...@@ -176,7 +252,10 @@
176 <el-row :gutter="10"> 252 <el-row :gutter="10">
177 <el-col :span="12"> 253 <el-col :span="12">
178 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
179 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 255 <el-radio-group
256 :disabled="!viewEdit"
257 v-model="ruleForm.sldy.gyfs"
258 >
180 <el-radio label="0">单独所有</el-radio> 259 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 260 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 261 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +267,9 @@ ...@@ -188,7 +267,9 @@
188 <el-form-item label="是否分别持证："> 267 <el-form-item label="是否分别持证：">
189 <el-radio-group 268 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 269 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 270 :disabled="!viewEdit"
271 @input="updaterow()"
272 >
192 <el-radio :label="1">是</el-radio> 273 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 274 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 275 </el-radio-group>
...@@ -196,34 +277,50 @@ ...@@ -196,34 +277,50 @@
196 </el-col> 277 </el-col>
197 <el-col 278 <el-col
198 :span="6" 279 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
281 >
200 <el-form-item label="持证人："> 282 <el-form-item label="持证人：">
201 <el-select 283 <el-select
202 v-model="czr" 284 v-model="czr"
203 placeholder="持证人" 285 placeholder="持证人"
204 :disabled="!viewEdit"> 286 :disabled="!viewEdit"
287 >
205 <el-option 288 <el-option
206 v-for="item in czrOptions" 289 v-for="item in czrOptions"
207 :key="item.zjh" 290 :key="item.zjh"
208 :label="item.sqrmc" 291 :label="item.sqrmc"
209 :value="item.zjh"> 292 :value="item.zjh"
293 >
210 </el-option> 294 </el-option>
211 </el-select> 295 </el-select>
212 </el-form-item> 296 </el-form-item>
213 </el-col> 297 </el-col>
214 </el-row> 298 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 299 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 300 :tableData="ruleForm.qlrList"
301 @upDateQlrxxList="upDateQlrxxList"
302 :disabled="viewEdit"
303 :gyfs="ruleForm.sldy.gyfs"
304 />
217 <div class="slxx_title title-block"> 305 <div class="slxx_title title-block">
218 义务人信息 306 义务人信息
219 <div class="triangle"></div> 307 <div class="triangle"></div>
220 </div> 308 </div>
221 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 309 <qlrCommonTable
310 :tableData="ruleForm.ywrList"
311 @upDateQlrxxList="upDateYwrxxList"
312 :disabled="viewEdit"
313 />
222 <div class="slxx_title title-block"> 314 <div class="slxx_title title-block">
223 家庭成员 315 家庭成员
224 <div class="triangle"></div> 316 <div class="triangle"></div>
225 </div> 317 </div>
226 <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!viewEdit" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" /> 318 <JtcyTable
319 :tableData="ruleForm.jtcyList"
320 :disabled="!viewEdit"
321 @upDateJtcyList="upDateJtcyList"
322 :gyfs="ruleForm.slywxx.gyfs"
323 />
227 <div class="slxx_title title-block"> 324 <div class="slxx_title title-block">
228 登记原因 325 登记原因
229 <div class="triangle"></div> 326 <div class="triangle"></div>
...@@ -231,8 +328,14 @@ ...@@ -231,8 +328,14 @@
231 <el-row :gutter="10"> 328 <el-row :gutter="10">
232 <el-col> 329 <el-col>
233 <el-form-item label="登记原因：" prop="djyy"> 330 <el-form-item label="登记原因：" prop="djyy">
234 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 331 <el-input
235 v-model="ruleForm.nydsyq.djyy"> 332 class="textArea"
333 type="textarea"
334 maxlength="500"
335 show-word-limit
336 :disabled="!viewEdit"
337 v-model="ruleForm.nydsyq.djyy"
338 >
236 </el-input> 339 </el-input>
237 </el-form-item> 340 </el-form-item>
238 </el-col> 341 </el-col>
...@@ -247,201 +350,205 @@ ...@@ -247,201 +350,205 @@
247 </div> 350 </div>
248 </template> 351 </template>
249 <script> 352 <script>
250 import { mapGetters } from "vuex" 353 import { mapGetters } from "vuex";
251 import ywmix from "@/views/ywbl/mixin/index" 354 import ywmix from "@/views/ywbl/mixin/index";
252 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 355 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
253 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 356 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
254 import JtcyTable from "@/views/workflow/components/JtcyTable" 357 import JtcyTable from "@/views/workflow/components/JtcyTable";
255 export default { 358 export default {
256 mixins: [ywmix], 359 mixins: [ywmix],
257 mounted () { 360 mounted() {
258 this.viewEdit = this.$parent.currentSelectTab.ableOperation 361 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
259 this.propsParam = this.$attrs; 362 this.propsParam = this.$attrs;
260 var formdata = new FormData(); 363 var formdata = new FormData();
261 this.$startLoading(); 364 this.$startLoading();
262 formdata.append("bsmSldy", this.propsParam.bsmSldy); 365 formdata.append("bsmSldy", this.propsParam.bsmSldy);
263 formdata.append("djlx", this.propsParam.djlx); 366 formdata.append("djlx", this.propsParam.djlx);
264 formdata.append("isEdit", this.viewEdit); 367 formdata.append("isEdit", this.viewEdit);
265 Init(formdata).then((res) => { 368 Init(formdata).then((res) => {
266 this.ruleForm = res.result; 369 this.ruleForm = res.result;
267 this.ruleForm.qlrList.forEach((item, index) => { 370 this.czrOptions = this.ruleForm.qlrList;
268 if (item.sfczr == 1) { 371 this.ruleForm.qlrList.forEach((item) => {
269 this.ruleForm.czr = item.zjh 372 if (item.sfczr == 1) {
270 } 373 this.czr = item.sqrmc;
271 }) 374 }
272 this.czrOptions = this.ruleForm.qlrList; 375 });
273 this.ruleForm.qlrList.forEach((item) => { 376 this.$endLoading();
274 if(item.sfczr==1){ 377 });
275 this.czr=item.sqrmc 378 },
276 } 379 components: { qlrCommonTable, JtcyTable },
277 }) 380 computed: {
278 this.$endLoading(); 381 ...mapGetters(["dictData", "flag"]),
279 382 },
280 }) 383 data() {
281 }, 384 return {
282 components: { qlrCommonTable, JtcyTable }, 385 //表单是否可操作
283 computed: { 386 viewEdit: true,
284 ...mapGetters(["dictData", "flag"]) 387 disabled: true,
285 }, 388 czrOptions: [],
286 data () { 389 czr: "",
287 return { 390 ruleForm: {},
288 //表单是否可操作 391 //传递参数
289 viewEdit: true, 392 propsParam: {},
290 disabled: true, 393 rules: {},
291 czrOptions: [], 394 };
292 czr:"", 395 },
293 ruleForm: {}, 396 methods: {
294 //传递参数 397 /**
295 propsParam: {}, 398 * @description: onSubmit
296 rules: {} 399 * @author: renchao
400 */
401 onSubmit() {
402 let that = this;
403 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({
405 showClose: true,
406 message: "请确认权利人信息",
407 type: "error",
408 });
409 return false;
297 } 410 }
298 }, 411
299 methods: { 412 if (this.ruleForm.sldy.gyfs == "0") {
300 /** 413 if (this.ruleForm.qlrList.length > 1) {
301 * @description: onSubmit
302 * @author: renchao
303 */
304 onSubmit () {
305 let that = this
306 if (this.ruleForm.qlrList.length == 0) {
307 this.$message({ 414 this.$message({
308 showClose: true, 415 showClose: true,
309 message: "请确认权利人信息", 416 message: "共有方式：单独所有，权利人只能是一个人",
310 type: "error", 417 type: "error",
311 }); 418 });
312 return false; 419 return false;
313 } 420 }
314 421 this.ruleForm.qlrList[0].sfczr = "1";
315 if (this.ruleForm.sldy.gyfs == "0") { 422 } else {
316 if (this.ruleForm.qlrList.length > 1) { 423 if (this.ruleForm.qlrList.length <= 1) {
317 this.$message({ 424 this.$message({
318 showClose: true, 425 showClose: true,
319 message: "共有方式：单独所有，权利人只能是一个人", 426 message:
320 type: "error", 427 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
321 }); 428 type: "error",
322 return false; 429 });
323 } 430 return false;
324 this.ruleForm.qlrList[0].sfczr = "1"; 431 }
432 //是否分别持证
433 if (this.ruleForm.sldy.sqfbcz == "1") {
434 //是
435 this.ruleForm.qlrList.forEach((item, index) => {
436 item.sfczr = "1";
437 });
325 } else { 438 } else {
326 if (this.ruleForm.qlrList.length <= 1) { 439 if (!that.czr) {
327 this.$message({ 440 that.$message({
328 showClose: true, 441 showClose: true,
329 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 442 message: "请选择持证人",
330 type: "error", 443 type: "error",
331 }); 444 });
332 return false; 445 return false;
333 } 446 }
334 //是否分别持证 447 this.ruleForm.qlrList.forEach((item, index) => {
335 if (this.ruleForm.sldy.sqfbcz == "1") { 448 if (item.zjh == this.czr) {
336 //是
337 this.ruleForm.qlrList.forEach((item, index) => {
338 item.sfczr = "1"; 449 item.sfczr = "1";
339 }); 450 } else {
340 } else { 451 item.sfczr = "0";
341 if (!that.czr) {
342 that.$message({
343 showClose: true,
344 message: "请选择持证人",
345 type: "error",
346 });
347 return false;
348 } 452 }
349 this.ruleForm.qlrList.forEach((item, index) => { 453 });
350 if (item.zjh == this.czr) {
351 item.sfczr = "1";
352 } else {
353 item.sfczr = "0";
354 }
355 });
356 }
357 } 454 }
455 }
358 456
359 saveData(this.ruleForm).then((res) => { 457 saveData(this.ruleForm).then((res) => {
360 if (res.code === 200) { 458 if (res.code === 200) {
361 this.$message({ 459 this.$message({
362 showClose: true, 460 showClose: true,
363 message: "保存成功！", 461 message: "保存成功！",
364 type: "success", 462 type: "success",
365 }); 463 });
366 this.$store.dispatch('user/refreshPage', true); 464 this.$store.dispatch("user/refreshPage", true);
367 } else { 465 } else {
368 this.$message({ 466 this.$message({
369 showClose: true, 467 showClose: true,
370 message: res.message, 468 message: res.message,
371 type: "error" 469 type: "error",
372 }) 470 });
373 } 471 }
374 }) 472 });
375 }, 473 },
376 /** 474 /**
377 * @description: 权利人更新 475 * @description: 权利人更新
378 * @param {*} val 476 * @param {*} val
379 * @author: renchao 477 * @author: renchao
380 */ 478 */
381 upDateQlrxxList (val) { 479 upDateQlrxxList(val) {
382 this.ruleForm.qlrList = _.cloneDeep(val) 480 this.ruleForm.qlrList = _.cloneDeep(val);
383 this.czrOptions = this.ruleForm.qlrList; 481 this.czrOptions = this.ruleForm.qlrList;
384 }, 482 },
385 /** 483 // 是否持证人变化
386 * @description: 更新义务人信息 484 /**
387 * @param {*} val 485 * @description: 是否持证人变化
388 * @author: renchao 486 * @param {*} val
389 */ 487 * @author: renchao
390 upDateYwrxxList (val) { 488 */
391 this.ruleForm.ywrList = _.cloneDeep(val); 489 updaterow() {
392 }, 490 this.czr = "";
393 //家庭成员更新 491 },
394 /** 492 /**
395 * @description: 家庭成员更新 493 * @description: 更新义务人信息
396 * @param {*} val 494 * @param {*} val
397 * @author: renchao 495 * @author: renchao
398 */ 496 */
399 upDateJtcyList (val) { 497 upDateYwrxxList(val) {
400 this.ruleForm.jtcyList = _.cloneDeep(val) 498 this.ruleForm.ywrList = _.cloneDeep(val);
401 }, 499 },
402 //水域滩涂类型变化事件 500 //家庭成员更新
403 /** 501 /**
404 * @description: 水域滩涂类型变化事件 502 * @description: 家庭成员更新
405 * @param {*} e 503 * @param {*} val
406 * @author: renchao 504 * @author: renchao
407 */ 505 */
408 changeSyttlx (e) { 506 upDateJtcyList(val) {
409 let itemLx = {} 507 this.ruleForm.jtcyList = _.cloneDeep(val);
410 itemLx = this.dictData['A23'].find((item) => { 508 },
411 return item.dcode == e 509 //水域滩涂类型变化事件
412 }) 510 /**
413 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 511 * @description: 水域滩涂类型变化事件
414 }, 512 * @param {*} e
415 //养殖业方式变化事件 513 * @author: renchao
416 /** 514 */
417 * @description: 养殖业方式变化事件 515 changeSyttlx(e) {
418 * @param {*} e 516 let itemLx = {};
419 * @author: renchao 517 itemLx = this.dictData["A23"].find((item) => {
420 */ 518 return item.dcode == e;
421 changeYzyfs (e) { 519 });
422 let itemLx = {} 520 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
423 itemLx = this.dictData['A24'].find((item) => { 521 },
424 return item.dcode == e 522 //养殖业方式变化事件
425 }) 523 /**
426 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 524 * @description: 养殖业方式变化事件
427 }, 525 * @param {*} e
428 //用地用海变化事件 526 * @author: renchao
429 /** 527 */
430 * @description: 用地用海变化事件 528 changeYzyfs(e) {
431 * @param {*} e 529 let itemLx = {};
432 * @author: renchao 530 itemLx = this.dictData["A24"].find((item) => {
433 */ 531 return item.dcode == e;
434 changeYdyhfl (e) { 532 });
435 let itemLx = {} 533 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
436 itemLx = this.dictData['A51'].find((item) => { 534 },
437 return item.dcode == e 535 //用地用海变化事件
438 }) 536 /**
439 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 537 * @description: 用地用海变化事件
440 }, 538 * @param {*} e
539 * @author: renchao
540 */
541 changeYdyhfl(e) {
542 let itemLx = {};
543 itemLx = this.dictData["A51"].find((item) => {
544 return item.dcode == e;
545 });
546 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
441 }, 547 },
442 }; 548 },
549 };
443 </script> 550 </script>
444 <style scoped lang='scss'> 551 <style scoped lang="scss">
445 @import "~@/styles/public.scss"; 552 @import "~@/styles/public.scss";
446 @import "~@/styles/slxx/slxx.scss"; 553 @import "~@/styles/slxx/slxx.scss";
447 </style> 554 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,252 +285,262 @@ ...@@ -265,252 +285,262 @@
265 </div> 285 </div>
266 </template> 286 </template>
267 <script> 287 <script>
268 import ywmix from "@/views/ywbl/mixin/index"; 288 import ywmix from "@/views/ywbl/mixin/index";
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 290 import tdytTable from "@/views/workflow/components/tdytTable";
271 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 291 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
272 import { mapGetters } from "vuex"; 292 import { mapGetters } from "vuex";
273 export default { 293 export default {
274 mixins: [ywmix], 294 mixins: [ywmix],
275 mounted () { 295 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 296 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 297 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 298 var formdata = new FormData();
279 formdata.append("bsmSldy", this.propsParam.bsmSldy); 299 formdata.append("bsmSldy", this.propsParam.bsmSldy);
280 formdata.append("djlx", this.propsParam.djlx); 300 formdata.append("djlx", this.propsParam.djlx);
281 formdata.append("isEdit", this.viewEdit); 301 formdata.append("isEdit", this.viewEdit);
282 Init(formdata).then((res) => { 302 Init(formdata).then((res) => {
283 if (res.code === 200 && res.result) { 303 if (res.code === 200 && res.result) {
284 this.ruleForm = { 304 this.ruleForm = {
285 ...res.result, 305 ...res.result,
286 ...res.result.qlxxdatas, 306 ...res.result.qlxxdatas,
287 }; 307 };
288 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
289 if(item.sfczr==1){ 309 if (item.sfczr == 1) {
290 this.czr=item.sqrmc 310 this.czr = item.sqrmc;
291 } 311 }
292 }) 312 });
293 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
294 this.ruleForm.slsq.fzfs == null 314 this.ruleForm.slsq.fzfs == null
295 ? (this.ruleForm.slsq.fzfs = "1") 315 ? (this.ruleForm.slsq.fzfs = "1")
296 : this.ruleForm.slsq.fzfs; 316 : this.ruleForm.slsq.fzfs;
297 this.czrOptions = this.ruleForm.qlrList; 317 this.czrOptions = this.ruleForm.qlrList;
298 } 318 }
299 }); 319 });
320 },
321 components: { qlrCommonTable, tdytTable },
322 computed: {
323 ...mapGetters(["dictData", "flag"]),
324 },
325 data() {
326 return {
327 disabled: true,
328 tdytOption: [],
329 czrOptions: [],
330 czr: "",
331 ruleForm: {
332 flow: {
333 ywh: "",
334 },
335 qlxx: {
336 mj: "",
337 },
338 sldy: {
339 gyfs: "",
340 },
341 slsq: {},
342 fdcq2: {
343 zyjzmj: "",
344 ftjzmj: "",
345 },
346 zdjbxx: {
347 ghytmc: "",
348 },
349 },
350 //传递参数
351 propsParam: this.$attrs,
352 //表单是否可操作
353 viewEdit: true,
354 rules: {},
355 };
356 },
357 methods: {
358 /**
359 * @description: 更新土地用途信息
360 * @param {*} val
361 * @author: renchao
362 */
363 upDateTdytxxList(val) {
364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
300 }, 365 },
301 components: { qlrCommonTable, tdytTable }, 366 /**
302 computed: { 367 * @description: 更新权利人信息
303 ...mapGetters(["dictData", "flag"]), 368 * @param {*} val
369 * @author: renchao
370 */
371 upDateQlrxxList(val) {
372 this.ruleForm.qlrList = _.cloneDeep(val);
373 this.czrOptions = this.ruleForm.qlrList;
374 this.key++;
304 }, 375 },
305 data () { 376 // 是否持证人变化
306 return { 377 /**
307 disabled: true, 378 * @description: 是否持证人变化
308 tdytOption: [], 379 * @param {*} val
309 czrOptions: [], 380 * @author: renchao
310 czr:"", 381 */
311 ruleForm: { 382 updaterow() {
312 flow: { 383 this.czr = "";
313 ywh: "",
314 },
315 qlxx: {
316 mj: "",
317 },
318 sldy: {
319 gyfs: "",
320 },
321 slsq: {},
322 fdcq2: {
323 zyjzmj: "",
324 ftjzmj: "",
325 },
326 zdjbxx: {
327 ghytmc: "",
328 },
329 },
330 //传递参数
331 propsParam: this.$attrs,
332 //表单是否可操作
333 viewEdit: true,
334 rules: {},
335 };
336 }, 384 },
337 methods: { 385 /**
338 /** 386 * @description: 更新业务人信息
339 * @description: 更新土地用途信息 387 * @param {*} val
340 * @param {*} val 388 * @author: renchao
341 * @author: renchao 389 */
342 */ 390 upDateYwrxxList(val) {
343 upDateTdytxxList (val) { 391 this.ruleForm.ywrList = _.cloneDeep(val);
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 392 },
345 }, 393 /**
346 /** 394 * @description: onSubmit
347 * @description: 更新权利人信息 395 * @author: renchao
348 * @param {*} val 396 */
349 * @author: renchao 397 onSubmit() {
350 */ 398 let that = this;
351 upDateQlrxxList (val) { 399 if (this.ruleForm.qlrList.length == 0) {
352 this.ruleForm.qlrList = _.cloneDeep(val); 400 this.$message({
353 this.czrOptions = this.ruleForm.qlrList; 401 showClose: true,
354 this.key++; 402 message: "请确认权利人信息",
355 }, 403 type: "error",
356 /** 404 });
357 * @description: 更新业务人信息 405 return false;
358 * @param {*} val 406 }
359 * @author: renchao 407
360 */ 408 if (this.ruleForm.sldy.gyfs == "0") {
361 upDateYwrxxList (val) { 409 if (this.ruleForm.qlrList.length > 1) {
362 this.ruleForm.ywrList = _.cloneDeep(val);
363 },
364 /**
365 * @description: onSubmit
366 * @author: renchao
367 */
368 onSubmit () {
369 let that = this
370 if (this.ruleForm.qlrList.length == 0) {
371 this.$message({ 410 this.$message({
372 showClose: true, 411 showClose: true,
373 message: "请确认权利人信息", 412 message: "共有方式：单独所有，权利人只能是一个人",
374 type: "error", 413 type: "error",
375 }); 414 });
376 return false; 415 return false;
377 } 416 }
378 417 this.ruleForm.qlrList[0].sfczr = "1";
379 if (this.ruleForm.sldy.gyfs == "0") { 418 } else {
380 if (this.ruleForm.qlrList.length > 1) { 419 if (this.ruleForm.qlrList.length <= 1) {
381 this.$message({ 420 this.$message({
382 showClose: true, 421 showClose: true,
383 message: "共有方式：单独所有，权利人只能是一个人", 422 message:
384 type: "error", 423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
385 }); 424 type: "error",
386 return false; 425 });
387 } 426 return false;
388 this.ruleForm.qlrList[0].sfczr = "1"; 427 }
428 //是否分别持证
429 if (this.ruleForm.sldy.sqfbcz == "1") {
430 //是
431 this.ruleForm.qlrList.forEach((item, index) => {
432 item.sfczr = "1";
433 });
389 } else { 434 } else {
390 if (this.ruleForm.qlrList.length <= 1) { 435 if (!that.czr) {
391 this.$message({ 436 that.$message({
392 showClose: true, 437 showClose: true,
393 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 438 message: "请选择持证人",
394 type: "error", 439 type: "error",
395 }); 440 });
396 return false; 441 return false;
397 } 442 }
398 //是否分别持证 443 this.ruleForm.qlrList.forEach((item, index) => {
399 if (this.ruleForm.sldy.sqfbcz == "1") { 444 if (item.zjh == this.czr) {
400 //是
401 this.ruleForm.qlrList.forEach((item, index) => {
402 item.sfczr = "1"; 445 item.sfczr = "1";
403 }); 446 } else {
404 } else { 447 item.sfczr = "0";
405 if (!that.czr) {
406 that.$message({
407 showClose: true,
408 message: "请选择持证人",
409 type: "error",
410 });
411 return false;
412 } 448 }
413 this.ruleForm.qlrList.forEach((item, index) => { 449 });
414 if (item.zjh == this.czr) {
415 item.sfczr = "1";
416 } else {
417 item.sfczr = "0";
418 }
419 });
420 }
421 } 450 }
422 saveData(this.ruleForm).then((res) => { 451 }
423 if (res.code === 200) { 452 saveData(this.ruleForm).then((res) => {
424 this.$message({ 453 if (res.code === 200) {
425 showClose: true, 454 this.$message({
426 message: "保存成功！", 455 showClose: true,
427 type: "success", 456 message: "保存成功！",
428 }); 457 type: "success",
429 this.$store.dispatch("user/refreshPage", true); 458 });
430 } else { 459 this.$store.dispatch("user/refreshPage", true);
431 this.$message({ 460 } else {
432 showClose: true, 461 this.$message({
433 message: res.message, 462 showClose: true,
434 type: "error", 463 message: res.message,
435 }); 464 type: "error",
436 } 465 });
437 }); 466 }
438 }, 467 });
439 }, 468 },
440 }; 469 },
470 };
441 </script> 471 </script>
442 <style scoped lang="scss"> 472 <style scoped lang="scss">
443 @import "~@/styles/public.scss"; 473 @import "~@/styles/public.scss";
444 474
445 /deep/.el-form { 475 /deep/.el-form {
446 display: flex; 476 display: flex;
447 flex-direction: column; 477 flex-direction: column;
448 height: calc(100vh - 130px); 478 height: calc(100vh - 130px);
449 } 479 }
450 480
451 /deep/.el-form-item__label { 481 /deep/.el-form-item__label {
452 padding: 0; 482 padding: 0;
453 } 483 }
454 484
455 /deep/.el-radio { 485 /deep/.el-radio {
456 margin-right: 10px; 486 margin-right: 10px;
457 } 487 }
458 488
459 /deep/.el-select { 489 /deep/.el-select {
460 width: 100%; 490 width: 100%;
461 } 491 }
462 492
463 /deep/.el-form-item { 493 /deep/.el-form-item {
464 margin-bottom: 8px; 494 margin-bottom: 8px;
465 } 495 }
466 496
467 .marginBot0 { 497 .marginBot0 {
468 margin-bottom: 0 !important; 498 margin-bottom: 0 !important;
469 } 499 }
470 500
471 .slxx { 501 .slxx {
472 box-sizing: border-box; 502 box-sizing: border-box;
473 } 503 }
474 504
475 .slxx_con { 505 .slxx_con {
476 flex: 1; 506 flex: 1;
477 height: 100%; 507 height: 100%;
478 background-color: #ffffff; 508 background-color: #ffffff;
479 overflow-y: auto; 509 overflow-y: auto;
480 padding-right: 3px; 510 padding-right: 3px;
481 overflow-x: hidden; 511 overflow-x: hidden;
482 } 512 }
483 513
484 .submit_btn { 514 .submit_btn {
485 height: 50px; 515 height: 50px;
486 } 516 }
487 517
488 .slxx_title { 518 .slxx_title {
489 border-bottom: 1px solid $borderColor; 519 border-bottom: 1px solid $borderColor;
490 padding-left: 10px; 520 padding-left: 10px;
491 padding-bottom: 5px; 521 padding-bottom: 5px;
492 margin-bottom: 10px; 522 margin-bottom: 10px;
493 margin-top: 5px; 523 margin-top: 5px;
494 font-size: 16px; 524 font-size: 16px;
495 font-weight: 500; 525 font-weight: 500;
496 color: #4a4a4a; 526 color: #4a4a4a;
497 } 527 }
498 528
499 .btn { 529 .btn {
500 text-align: center; 530 text-align: center;
501 padding-top: 10px; 531 padding-top: 10px;
502 height: 36px; 532 height: 36px;
503 background-color: #ffffff; 533 background-color: #ffffff;
504 padding: 5px 0; 534 padding: 5px 0;
505 } 535 }
506 536
507 .textArea { 537 .textArea {
508 /deep/.el-textarea__inner { 538 /deep/.el-textarea__inner {
509 min-height: 90px !important; 539 min-height: 90px !important;
510 }
511 } 540 }
541 }
512 542
513 /deep/.el-form-item__label { 543 /deep/.el-form-item__label {
514 padding-bottom: 0px; 544 padding-bottom: 0px;
515 } 545 }
516 </style> 546 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:04:31 4 * @LastEditTime: 2023-08-24 15:33:20
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -93,16 +94,19 @@ ...@@ -93,16 +94,19 @@
93 <el-input 94 <el-input
94 v-model="ruleForm.tdsyq.nydmj" 95 v-model="ruleForm.tdsyq.nydmj"
95 :disabled="!viewEdit" 96 :disabled="!viewEdit"
96 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 97 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
98 ></el-input>
97 <el-select 99 <el-select
98 v-model="mjdw" 100 v-model="mjdw"
99 :disabled="!viewEdit" 101 :disabled="!viewEdit"
100 style="width: 68px"> 102 style="width: 68px"
103 >
101 <el-option 104 <el-option
102 v-for="item in dictData['A7']" 105 v-for="item in dictData['A7']"
103 :key="item.dcode" 106 :key="item.dcode"
104 :label="item.dname" 107 :label="item.dname"
105 :value="item.dcode"> 108 :value="item.dcode"
109 >
106 </el-option> 110 </el-option>
107 </el-select> 111 </el-select>
108 </div> 112 </div>
...@@ -114,16 +118,19 @@ ...@@ -114,16 +118,19 @@
114 <el-input 118 <el-input
115 v-model="ruleForm.tdsyq.gdmj" 119 v-model="ruleForm.tdsyq.gdmj"
116 :disabled="!viewEdit" 120 :disabled="!viewEdit"
117 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 121 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
122 ></el-input>
118 <el-select 123 <el-select
119 v-model="mjdw" 124 v-model="mjdw"
120 :disabled="!viewEdit" 125 :disabled="!viewEdit"
121 style="width: 68px"> 126 style="width: 68px"
127 >
122 <el-option 128 <el-option
123 v-for="item in dictData['A7']" 129 v-for="item in dictData['A7']"
124 :key="item.dcode" 130 :key="item.dcode"
125 :label="item.dname" 131 :label="item.dname"
126 :value="item.dcode"> 132 :value="item.dcode"
133 >
127 </el-option> 134 </el-option>
128 </el-select> 135 </el-select>
129 </div> 136 </div>
...@@ -135,16 +142,19 @@ ...@@ -135,16 +142,19 @@
135 <el-input 142 <el-input
136 v-model="ruleForm.tdsyq.ldmj" 143 v-model="ruleForm.tdsyq.ldmj"
137 :disabled="!viewEdit" 144 :disabled="!viewEdit"
138 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
146 ></el-input>
139 <el-select 147 <el-select
140 v-model="mjdw" 148 v-model="mjdw"
141 :disabled="!viewEdit" 149 :disabled="!viewEdit"
142 style="width: 68px"> 150 style="width: 68px"
151 >
143 <el-option 152 <el-option
144 v-for="item in dictData['A7']" 153 v-for="item in dictData['A7']"
145 :key="item.dcode" 154 :key="item.dcode"
146 :label="item.dname" 155 :label="item.dname"
147 :value="item.dcode"> 156 :value="item.dcode"
157 >
148 </el-option> 158 </el-option>
149 </el-select> 159 </el-select>
150 </div> 160 </div>
...@@ -158,16 +168,19 @@ ...@@ -158,16 +168,19 @@
158 <el-input 168 <el-input
159 v-model="ruleForm.tdsyq.cdmj" 169 v-model="ruleForm.tdsyq.cdmj"
160 :disabled="!viewEdit" 170 :disabled="!viewEdit"
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 171 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
172 ></el-input>
162 <el-select 173 <el-select
163 v-model="mjdw" 174 v-model="mjdw"
164 :disabled="!viewEdit" 175 :disabled="!viewEdit"
165 style="width: 68px"> 176 style="width: 68px"
177 >
166 <el-option 178 <el-option
167 v-for="item in dictData['A7']" 179 v-for="item in dictData['A7']"
168 :key="item.dcode" 180 :key="item.dcode"
169 :label="item.dname" 181 :label="item.dname"
170 :value="item.dcode"> 182 :value="item.dcode"
183 >
171 </el-option> 184 </el-option>
172 </el-select> 185 </el-select>
173 </div> 186 </div>
...@@ -179,16 +192,19 @@ ...@@ -179,16 +192,19 @@
179 <el-input 192 <el-input
180 v-model="ruleForm.tdsyq.qtnydmj" 193 v-model="ruleForm.tdsyq.qtnydmj"
181 :disabled="!viewEdit" 194 :disabled="!viewEdit"
182 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 195 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
196 ></el-input>
183 <el-select 197 <el-select
184 v-model="mjdw" 198 v-model="mjdw"
185 :disabled="!viewEdit" 199 :disabled="!viewEdit"
186 style="width: 68px"> 200 style="width: 68px"
201 >
187 <el-option 202 <el-option
188 v-for="item in dictData['A7']" 203 v-for="item in dictData['A7']"
189 :key="item.dcode" 204 :key="item.dcode"
190 :label="item.dname" 205 :label="item.dname"
191 :value="item.dcode"> 206 :value="item.dcode"
207 >
192 </el-option> 208 </el-option>
193 </el-select> 209 </el-select>
194 </div> 210 </div>
...@@ -200,16 +216,19 @@ ...@@ -200,16 +216,19 @@
200 <el-input 216 <el-input
201 v-model="ruleForm.tdsyq.jsydmj" 217 v-model="ruleForm.tdsyq.jsydmj"
202 :disabled="!viewEdit" 218 :disabled="!viewEdit"
203 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 219 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
220 ></el-input>
204 <el-select 221 <el-select
205 v-model="mjdw" 222 v-model="mjdw"
206 :disabled="!viewEdit" 223 :disabled="!viewEdit"
207 style="width: 68px"> 224 style="width: 68px"
225 >
208 <el-option 226 <el-option
209 v-for="item in dictData['A7']" 227 v-for="item in dictData['A7']"
210 :key="item.dcode" 228 :key="item.dcode"
211 :label="item.dname" 229 :label="item.dname"
212 :value="item.dcode"> 230 :value="item.dcode"
231 >
213 </el-option> 232 </el-option>
214 </el-select> 233 </el-select>
215 </div> 234 </div>
...@@ -223,16 +242,19 @@ ...@@ -223,16 +242,19 @@
223 <el-input 242 <el-input
224 v-model="ruleForm.tdsyq.wlydmj" 243 v-model="ruleForm.tdsyq.wlydmj"
225 :disabled="!viewEdit" 244 :disabled="!viewEdit"
226 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 245 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
246 ></el-input>
227 <el-select 247 <el-select
228 v-model="mjdw" 248 v-model="mjdw"
229 :disabled="!viewEdit" 249 :disabled="!viewEdit"
230 style="width: 68px"> 250 style="width: 68px"
251 >
231 <el-option 252 <el-option
232 v-for="item in dictData['A7']" 253 v-for="item in dictData['A7']"
233 :key="item.dcode" 254 :key="item.dcode"
234 :label="item.dname" 255 :label="item.dname"
235 :value="item.dcode"> 256 :value="item.dcode"
257 >
236 </el-option> 258 </el-option>
237 </el-select> 259 </el-select>
238 </div> 260 </div>
...@@ -246,7 +268,8 @@ ...@@ -246,7 +268,8 @@
246 <tdytTable 268 <tdytTable
247 :tableData="ruleForm.tdytqxList" 269 :tableData="ruleForm.tdytqxList"
248 :ableOperation="viewEdit" 270 :ableOperation="viewEdit"
249 @upDateTdytxxList="upDateTdytxxList" /> 271 @upDateTdytxxList="upDateTdytxxList"
272 />
250 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
251 权利人信息 274 权利人信息
252 <div class="triangle"></div> 275 <div class="triangle"></div>
...@@ -256,7 +279,8 @@ ...@@ -256,7 +279,8 @@
256 <el-form-item label="共有方式："> 279 <el-form-item label="共有方式：">
257 <el-radio-group 280 <el-radio-group
258 :disabled="!viewEdit" 281 :disabled="!viewEdit"
259 v-model="ruleForm.sldy.gyfs"> 282 v-model="ruleForm.sldy.gyfs"
283 >
260 <el-radio label="0">单独所有</el-radio> 284 <el-radio label="0">单独所有</el-radio>
261 <el-radio label="1">共同共有</el-radio> 285 <el-radio label="1">共同共有</el-radio>
262 <el-radio label="2">按份所有</el-radio> 286 <el-radio label="2">按份所有</el-radio>
...@@ -268,7 +292,9 @@ ...@@ -268,7 +292,9 @@
268 <el-form-item label="是否分别持证："> 292 <el-form-item label="是否分别持证：">
269 <el-radio-group 293 <el-radio-group
270 v-model="ruleForm.sldy.sqfbcz" 294 v-model="ruleForm.sldy.sqfbcz"
271 :disabled="!viewEdit"> 295 :disabled="!viewEdit"
296 @input="updaterow()"
297 >
272 <el-radio :label="1">是</el-radio> 298 <el-radio :label="1">是</el-radio>
273 <el-radio :label="0">否</el-radio> 299 <el-radio :label="0">否</el-radio>
274 </el-radio-group> 300 </el-radio-group>
...@@ -276,17 +302,20 @@ ...@@ -276,17 +302,20 @@
276 </el-col> 302 </el-col>
277 <el-col 303 <el-col
278 :span="6" 304 :span="6"
279 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 305 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
306 >
280 <el-form-item label="持证人："> 307 <el-form-item label="持证人：">
281 <el-select 308 <el-select
282 v-model="czr" 309 v-model="czr"
283 placeholder="持证人" 310 placeholder="持证人"
284 :disabled="!viewEdit"> 311 :disabled="!viewEdit"
312 >
285 <el-option 313 <el-option
286 v-for="item in czrOptions" 314 v-for="item in czrOptions"
287 :key="item.zjh" 315 :key="item.zjh"
288 :label="item.sqrmc" 316 :label="item.sqrmc"
289 :value="item.zjh"> 317 :value="item.zjh"
318 >
290 </el-option> 319 </el-option>
291 </el-select> 320 </el-select>
292 </el-form-item> 321 </el-form-item>
...@@ -297,7 +326,8 @@ ...@@ -297,7 +326,8 @@
297 :disabled="viewEdit" 326 :disabled="viewEdit"
298 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
299 :key="key" 328 :key="key"
300 :gyfs="ruleForm.sldy.gyfs" /> 329 :gyfs="ruleForm.sldy.gyfs"
330 />
301 331
302 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 332 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
303 <div class="slxx_title title-block"> 333 <div class="slxx_title title-block">
...@@ -309,7 +339,8 @@ ...@@ -309,7 +339,8 @@
309 :disabled="viewEdit" 339 :disabled="viewEdit"
310 :tableData="ruleForm.ywrList" 340 :tableData="ruleForm.ywrList"
311 :key="key" 341 :key="key"
312 @upDateQlrxxList="upDateYwrxxList" /> 342 @upDateQlrxxList="upDateYwrxxList"
343 />
313 </div> 344 </div>
314 345
315 <div class="slxx_title title-block"> 346 <div class="slxx_title title-block">
...@@ -321,10 +352,12 @@ ...@@ -321,10 +352,12 @@
321 <el-form-item label="登记原因：" prop="djyy"> 352 <el-form-item label="登记原因：" prop="djyy">
322 <el-input 353 <el-input
323 class="textArea" 354 class="textArea"
324 maxlength="500" show-word-limit 355 maxlength="500"
356 show-word-limit
325 type="textarea" 357 type="textarea"
326 :disabled="!viewEdit" 358 :disabled="!viewEdit"
327 v-model="ruleForm.tdsyq.djyy"> 359 v-model="ruleForm.tdsyq.djyy"
360 >
328 </el-input> 361 </el-input>
329 </el-form-item> 362 </el-form-item>
330 </el-col> 363 </el-col>
...@@ -339,195 +372,200 @@ ...@@ -339,195 +372,200 @@
339 </div> 372 </div>
340 </template> 373 </template>
341 <script> 374 <script>
342 import { mapGetters } from "vuex"; 375 import { mapGetters } from "vuex";
343 import ywmix from "@/views/ywbl/mixin/index" 376 import ywmix from "@/views/ywbl/mixin/index";
344 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; 377 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
345 import tdytTable from "@/views/workflow/components/tdytTable"; 378 import tdytTable from "@/views/workflow/components/tdytTable";
346 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 379 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
347 export default { 380 export default {
348 mixins: [ywmix], 381 mixins: [ywmix],
349 components: { qlrCommonTable, tdytTable }, 382 components: { qlrCommonTable, tdytTable },
350 mounted () { 383 mounted() {
351 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 384 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
352 this.propsParam = this.$attrs; 385 this.propsParam = this.$attrs;
353 var formdata = new FormData(); 386 var formdata = new FormData();
354 let that = this; 387 let that = this;
355 this.$startLoading(); 388 this.$startLoading();
356 formdata.append("bsmSldy", this.propsParam.bsmSldy); 389 formdata.append("bsmSldy", this.propsParam.bsmSldy);
357 formdata.append("djlx", this.propsParam.djlx); 390 formdata.append("djlx", this.propsParam.djlx);
358 formdata.append("isEdit", this.viewEdit); 391 formdata.append("isEdit", this.viewEdit);
359 Init(formdata).then((res) => { 392 Init(formdata).then((res) => {
360 this.$nextTick(() => { 393 this.$nextTick(() => {
361 that.ruleForm = res.result; 394 that.ruleForm = res.result;
362 this.ruleForm.qlrList.forEach((item, index) => { 395 this.czrOptions = this.ruleForm.qlrList;
363 if (item.sfczr == 1) { 396 that.$endLoading();
364 this.$set(this.ruleForm, "czr", item.zjh) 397 that.isShow = true;
365 } 398 this.czrOptions = this.ruleForm.qlrList;
366 }) 399 this.ruleForm.qlrList.forEach((item) => {
367 this.czrOptions = this.ruleForm.qlrList; 400 if (item.sfczr == 1) {
368 that.$endLoading(); 401 this.czr = item.sqrmc;
369 that.isShow = true; 402 }
370 this.czrOptions = this.ruleForm.qlrList;
371 this.ruleForm.qlrList.forEach((item) => {
372 if (item.sfczr == 1) {
373 this.czr = item.sqrmc
374 }
375 })
376 }); 403 });
377 }); 404 });
378 }, 405 });
379 406 },
380 computed: {
381 ...mapGetters(["dictData", "flag"]),
382 },
383 data () {
384 return {
385 mjdw: "1",
386 value2: {
387 id: "520000198407304275",
388 user: "史平",
389 },
390 props: {
391 label: "user",
392 value: "id",
393 keyword: "keyword",
394 },
395 407
396 //表单是否可操作 408 computed: {
397 viewEdit: true, 409 ...mapGetters(["dictData", "flag"]),
398 key: 0, 410 },
399 isShow: false, 411 data() {
400 disabled: true, 412 return {
401 czrOptions: [], 413 mjdw: "1",
402 czr: "", 414 value2: {
403 ruleForm: {}, 415 id: "520000198407304275",
404 //传递参数 416 user: "史平",
405 propsParam: {},
406 rules: {},
407 };
408 },
409 methods: {
410 /**
411 * @description: 更新土地用途信息
412 * @param {*} val
413 * @author: renchao
414 */
415 upDateTdytxxList (val) {
416 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
417 this.key++;
418 }, 417 },
419 /** 418 props: {
420 * @description: 更新权利人信息 419 label: "user",
421 * @param {*} val 420 value: "id",
422 * @author: renchao 421 keyword: "keyword",
423 */
424 upDateQlrxxList (val) {
425 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
426 this.czrOptions = this.ruleForm.qlrList;
427 this.key++;
428 }, 422 },
429 // 更新义务人信息 423
430 /** 424 //表单是否可操作
431 * @description: 更新义务人信息 425 viewEdit: true,
432 * @param {*} val 426 key: 0,
433 * @author: renchao 427 isShow: false,
434 */ 428 disabled: true,
435 upDateYwrxxList (val) { 429 czrOptions: [],
436 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 430 czr: "",
437 this.key++; 431 ruleForm: {},
438 }, 432 //传递参数
439 /** 433 propsParam: {},
440 * @description: onSubmit 434 rules: {},
441 * @author: renchao 435 };
442 */ 436 },
443 onSubmit () { 437 methods: {
444 let that = this 438 /**
445 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 439 * @description: 更新土地用途信息
446 if (arr.length > 0) { 440 * @param {*} val
441 * @author: renchao
442 */
443 upDateTdytxxList(val) {
444 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
445 this.key++;
446 },
447 /**
448 * @description: 更新权利人信息
449 * @param {*} val
450 * @author: renchao
451 */
452 upDateQlrxxList(val) {
453 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
454 this.czrOptions = this.ruleForm.qlrList;
455 this.key++;
456 },
457 // 更新义务人信息
458 /**
459 * @description: 更新义务人信息
460 * @param {*} val
461 * @author: renchao
462 */
463 upDateYwrxxList(val) {
464 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
465 this.key++;
466 },
467 // 是否持证人变化
468 /**
469 * @description: 是否持证人变化
470 * @param {*} val
471 * @author: renchao
472 */
473 updaterow() {
474 this.czr = "";
475 },
476 /**
477 * @description: onSubmit
478 * @author: renchao
479 */
480 onSubmit() {
481 let that = this;
482 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
483 if (arr.length > 0) {
484 this.$message({
485 showClose: true,
486 message: "土地用途不能为空",
487 type: "error",
488 });
489 return false;
490 }
491 if (this.ruleForm.qlrList.length == 0) {
492 this.$message({
493 showClose: true,
494 message: "请确认权利人信息",
495 type: "error",
496 });
497 return false;
498 }
499
500 if (this.ruleForm.sldy.gyfs == "0") {
501 if (this.ruleForm.qlrList.length > 1) {
447 this.$message({ 502 this.$message({
448 showClose: true, 503 showClose: true,
449 message: "土地用途不能为空", 504 message: "共有方式：单独所有，权利人只能是一个人",
450 type: "error", 505 type: "error",
451 }); 506 });
452 return false; 507 return false;
453 } 508 }
454 if (this.ruleForm.qlrList.length == 0) { 509 this.ruleForm.qlrList[0].sfczr = "1";
510 } else {
511 if (this.ruleForm.qlrList.length <= 1) {
455 this.$message({ 512 this.$message({
456 showClose: true, 513 showClose: true,
457 message: "请确认权利人信息", 514 message:
515 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
458 type: "error", 516 type: "error",
459 }); 517 });
460 return false; 518 return false;
461 } 519 }
462 520 //是否分别持证
463 if (this.ruleForm.sldy.gyfs == "0") { 521 if (this.ruleForm.sldy.sqfbcz == "1") {
464 if (this.ruleForm.qlrList.length > 1) { 522 //是
465 this.$message({ 523 this.ruleForm.qlrList.forEach((item, index) => {
466 showClose: true, 524 item.sfczr = "1";
467 message: "共有方式：单独所有，权利人只能是一个人", 525 });
468 type: "error",
469 });
470 return false;
471 }
472 this.ruleForm.qlrList[0].sfczr = "1";
473 } else { 526 } else {
474 if (this.ruleForm.qlrList.length <= 1) { 527 if (!that.czr) {
475 this.$message({ 528 that.$message({
476 showClose: true, 529 showClose: true,
477 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 530 message: "请选择持证人",
478 type: "error", 531 type: "error",
479 }); 532 });
480 return false; 533 return false;
481 } 534 }
482 //是否分别持证 535 this.ruleForm.qlrList.forEach((item, index) => {
483 if (this.ruleForm.sldy.sqfbcz == "1") { 536 if (item.zjh == this.czr) {
484 //是
485 this.ruleForm.qlrList.forEach((item, index) => {
486 item.sfczr = "1"; 537 item.sfczr = "1";
487 }); 538 } else {
488 } else { 539 item.sfczr = "0";
489 if (!that.czr) {
490 that.$message({
491 showClose: true,
492 message: "请选择持证人",
493 type: "error",
494 });
495 return false;
496 } 540 }
497 this.ruleForm.qlrList.forEach((item, index) => { 541 });
498 if (item.zjh == this.czr) {
499 item.sfczr = "1";
500 } else {
501 item.sfczr = "0";
502 }
503 });
504 }
505 } 542 }
506 /** 543 }
507 * @description: saveData 544 /**
508 * @author: renchao 545 * @description: saveData
509 */ 546 * @author: renchao
510 saveData(this.ruleForm).then((res) => { 547 */
511 if (res.code === 200) { 548 saveData(this.ruleForm).then((res) => {
512 this.$message({ 549 if (res.code === 200) {
513 showClose: true, 550 this.$message({
514 message: "保存成功！", 551 showClose: true,
515 type: "success", 552 message: "保存成功！",
516 }); 553 type: "success",
517 this.$store.dispatch("user/refreshPage", true); 554 });
518 } else { 555 this.$store.dispatch("user/refreshPage", true);
519 this.$message({ 556 } else {
520 showClose: true, 557 this.$message({
521 message: res.message, 558 showClose: true,
522 type: "error", 559 message: res.message,
523 }); 560 type: "error",
524 } 561 });
525 }); 562 }
526 }, 563 });
527 }, 564 },
528 }; 565 },
566 };
529 </script> 567 </script>
530 <style scoped lang="scss"> 568 <style scoped lang="scss">
531 @import "~@/styles/public.scss"; 569 @import "~@/styles/public.scss";
532 @import "~@/styles/slxx/slxx.scss"; 570 @import "~@/styles/slxx/slxx.scss";
533 </style> 571 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -81,7 +88,8 @@ ...@@ -81,7 +88,8 @@
81 v-for="item in dictData['A19']" 88 v-for="item in dictData['A19']"
82 :key="item.dcode" 89 :key="item.dcode"
83 :label="item.dname" 90 :label="item.dname"
84 :value="item.dcode"> 91 :value="item.dcode"
92 >
85 </el-option> 93 </el-option>
86 </el-select> 94 </el-select>
87 </el-form-item> 95 </el-form-item>
...@@ -95,7 +103,8 @@ ...@@ -95,7 +103,8 @@
95 v-for="item in dictData['A17']" 103 v-for="item in dictData['A17']"
96 :key="item.dcode" 104 :key="item.dcode"
97 :label="item.dname" 105 :label="item.dname"
98 :value="item.dcode"> 106 :value="item.dcode"
107 >
99 </el-option> 108 </el-option>
100 </el-select> 109 </el-select>
101 </el-form-item> 110 </el-form-item>
...@@ -107,7 +116,10 @@ ...@@ -107,7 +116,10 @@
107 </el-col> 116 </el-col>
108 <el-col :span="8"> 117 <el-col :span="8">
109 <el-form-item label="总层数："> 118 <el-form-item label="总层数：">
110 <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 119 <el-input
120 v-model.number="ruleForm.ygdj.zcs"
121 oninput="value=value.replace(/[^0-9]/g,'')"
122 ></el-input>
111 </el-form-item> 123 </el-form-item>
112 </el-col> 124 </el-col>
113 </el-row> 125 </el-row>
...@@ -119,7 +131,8 @@ ...@@ -119,7 +131,8 @@
119 v-for="item in dictData['A46']" 131 v-for="item in dictData['A46']"
120 :key="item.dcode" 132 :key="item.dcode"
121 :label="item.dname" 133 :label="item.dname"
122 :value="item.dcode"> 134 :value="item.dcode"
135 >
123 </el-option> 136 </el-option>
124 </el-select> 137 </el-select>
125 </el-form-item> 138 </el-form-item>
...@@ -128,17 +141,18 @@ ...@@ -128,17 +141,18 @@
128 <el-col :span="8"> 141 <el-col :span="8">
129 <el-form-item label="建筑面积："> 142 <el-form-item label="建筑面积：">
130 <div class="flex"> 143 <div class="flex">
131 <el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit" 144 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 v-model="ruleForm.ygdj.jzmj"
133 <el-select 146 :disabled="!viewEdit"
134 disabled 147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 148 ></el-input>
136 style="width: 68px"> 149 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 150 <el-option
138 v-for="item in dictData['A7']" 151 v-for="item in dictData['A7']"
139 :key="item.dcode" 152 :key="item.dcode"
140 :label="item.dname" 153 :label="item.dname"
141 :value="item.dcode"> 154 :value="item.dcode"
155 >
142 </el-option> 156 </el-option>
143 </el-select> 157 </el-select>
144 </div> 158 </div>
...@@ -147,16 +161,24 @@ ...@@ -147,16 +161,24 @@
147 <el-col :span="8"> 161 <el-col :span="8">
148 <el-form-item label="取得价格："> 162 <el-form-item label="取得价格：">
149 <div class="flex"> 163 <div class="flex">
150 <el-input v-model="ruleForm.ygdj.qdjg"></el-input> 164 <!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> -->
165 <el-input
166 maxlength="11"
167 v-model="ruleForm.ygdj.qdjg"
168 style="width: 500%"
169 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
170 ></el-input>
151 <el-select 171 <el-select
152 v-model="ruleForm.ygdj.jedw" 172 v-model="ruleForm.ygdj.jedw"
153 :disabled="!viewEdit" 173 :disabled="!viewEdit"
154 style="width: 68px"> 174 style="width: 68px"
175 >
155 <el-option 176 <el-option
156 v-for="item in dictData['A57']" 177 v-for="item in dictData['A57']"
157 :key="item.dcode" 178 :key="item.dcode"
158 :label="item.dname" 179 :label="item.dname"
159 :value="item.dcode"> 180 :value="item.dcode"
181 >
160 </el-option> 182 </el-option>
161 </el-select> 183 </el-select>
162 </div> 184 </div>
...@@ -166,7 +188,12 @@ ...@@ -166,7 +188,12 @@
166 <el-row :gutter="10"> 188 <el-row :gutter="10">
167 <el-col :span="24"> 189 <el-col :span="24">
168 <el-form-item label="附记："> 190 <el-form-item label="附记：">
169 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input> 191 <el-input
192 v-model="ruleForm.ygdj.fj"
193 type="textarea"
194 maxlength="500"
195 show-word-limit
196 ></el-input>
170 </el-form-item> 197 </el-form-item>
171 </el-col> 198 </el-col>
172 </el-row> 199 </el-row>
...@@ -177,7 +204,10 @@ ...@@ -177,7 +204,10 @@
177 <el-row :gutter="10"> 204 <el-row :gutter="10">
178 <el-col :span="12" v-if="ruleForm.qlxx"> 205 <el-col :span="12" v-if="ruleForm.qlxx">
179 <el-form-item label="共有方式："> 206 <el-form-item label="共有方式：">
180 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 207 <el-radio-group
208 :disabled="!viewEdit"
209 v-model="ruleForm.sldy.gyfs"
210 >
181 <el-radio label="0">单独所有</el-radio> 211 <el-radio label="0">单独所有</el-radio>
182 <el-radio label="1">共同共有</el-radio> 212 <el-radio label="1">共同共有</el-radio>
183 <el-radio label="2">按份所有</el-radio> 213 <el-radio label="2">按份所有</el-radio>
...@@ -189,7 +219,9 @@ ...@@ -189,7 +219,9 @@
189 <el-form-item label="是否分别持证："> 219 <el-form-item label="是否分别持证：">
190 <el-radio-group 220 <el-radio-group
191 v-model="ruleForm.sldy.sqfbcz" 221 v-model="ruleForm.sldy.sqfbcz"
192 :disabled="!viewEdit"> 222 :disabled="!viewEdit"
223 @input="updaterow()"
224 >
193 <el-radio :label="1">是</el-radio> 225 <el-radio :label="1">是</el-radio>
194 <el-radio :label="0">否</el-radio> 226 <el-radio :label="0">否</el-radio>
195 </el-radio-group> 227 </el-radio-group>
...@@ -197,30 +229,41 @@ ...@@ -197,30 +229,41 @@
197 </el-col> 229 </el-col>
198 <el-col 230 <el-col
199 :span="6" 231 :span="6"
200 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 232 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
233 >
201 <el-form-item label="持证人："> 234 <el-form-item label="持证人：">
202 <el-select 235 <el-select
203 v-model="czr" 236 v-model="czr"
204 placeholder="持证人" 237 placeholder="持证人"
205 :disabled="!viewEdit"> 238 :disabled="!viewEdit"
239 >
206 <el-option 240 <el-option
207 v-for="item in czrOptions" 241 v-for="item in czrOptions"
208 :key="item.zjh" 242 :key="item.zjh"
209 :label="item.sqrmc" 243 :label="item.sqrmc"
210 :value="item.zjh"> 244 :value="item.zjh"
245 >
211 </el-option> 246 </el-option>
212 </el-select> 247 </el-select>
213 </el-form-item> 248 </el-form-item>
214 </el-col> 249 </el-col>
215 </el-row> 250 </el-row>
216 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :tableData="ruleForm.qlrList" 251 <qlrCommonTable
217 :gyfs="ruleForm.sldy.gyfs" /> 252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs"
256 />
218 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
219 义务人信息 258 义务人信息
220 <div class="triangle"></div> 259 <div class="triangle"></div>
221 </div> 260 </div>
222 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" :tableData="ruleForm.ywrList" 261 <qlrCommonTable
223 :gyfs="ruleForm.sldy.gyfs" /> 262 @upDateQlrxxList="upDateYwrxxList"
263 :disabled="viewEdit"
264 :tableData="ruleForm.ywrList"
265 :gyfs="ruleForm.sldy.gyfs"
266 />
224 <div class="slxx_title title-block"> 267 <div class="slxx_title title-block">
225 登记原因 268 登记原因
226 <div class="triangle"></div> 269 <div class="triangle"></div>
...@@ -228,8 +271,14 @@ ...@@ -228,8 +271,14 @@
228 <el-row :gutter="10"> 271 <el-row :gutter="10">
229 <el-col> 272 <el-col>
230 <el-form-item label="登记原因：" prop="djyy"> 273 <el-form-item label="登记原因：" prop="djyy">
231 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 274 <el-input
232 v-model="ruleForm.ygdj.djyy"> 275 class="textArea"
276 type="textarea"
277 maxlength="500"
278 show-word-limit
279 :disabled="!viewEdit"
280 v-model="ruleForm.ygdj.djyy"
281 >
233 </el-input> 282 </el-input>
234 </el-form-item> 283 </el-form-item>
235 </el-col> 284 </el-col>
...@@ -244,231 +293,236 @@ ...@@ -244,231 +293,236 @@
244 </div> 293 </div>
245 </template> 294 </template>
246 <script> 295 <script>
247 import ywmix from "@/views/ywbl/mixin/index" 296 import ywmix from "@/views/ywbl/mixin/index";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 297 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 298 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
250 import { mapGetters } from "vuex"; 299 import { mapGetters } from "vuex";
251 export default { 300 export default {
252 mixins: [ywmix], 301 mixins: [ywmix],
253 created () { 302 created() {
254 this.viewEdit = this.$parent.currentSelectTab.ableOperation 303 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
255 this.propsParam = this.$attrs; 304 this.propsParam = this.$attrs;
256 this.$startLoading(); 305 this.$startLoading();
257 var formdata = new FormData(); 306 var formdata = new FormData();
258 formdata.append("bsmSldy", this.propsParam.bsmSldy); 307 formdata.append("bsmSldy", this.propsParam.bsmSldy);
259 formdata.append("djlx", this.propsParam.djlx); 308 formdata.append("djlx", this.propsParam.djlx);
260 formdata.append("isEdit", this.viewEdit); 309 formdata.append("isEdit", this.viewEdit);
261 Init(formdata).then(res => { 310 Init(formdata).then((res) => {
262 if (res.code === 200 && res.result) { 311 if (res.code === 200 && res.result) {
263 this.ruleForm = res.result; 312 this.ruleForm = res.result;
264 this.ruleForm.qlrList.forEach((item, index) => { 313 this.czrOptions = this.ruleForm.qlrList;
265 if (item.sfczr == 1) { 314 this.$endLoading();
266 this.$set(this.ruleForm, "czr", item.zjh) 315 this.ruleForm.qlrList.forEach((item) => {
267 } 316 if (item.sfczr == 1) {
268 }) 317 this.czr = item.sqrmc;
269 this.czrOptions = this.ruleForm.qlrList; 318 }
270 this.$endLoading(); 319 });
271 this.ruleForm.qlrList.forEach((item) => { 320 }
272 if(item.sfczr==1){ 321 });
273 this.czr=item.sqrmc 322 },
274 } 323 components: { qlrCommonTable },
275 }) 324 computed: {
276 } 325 ...mapGetters(["dictData", "flag"]),
277 }) 326 },
327 data() {
328 return {
329 mjdw: "1",
330 //表单是否可操作
331 viewEdit: true,
332 disabled: true,
333 tdytOption: [],
334 czrOptions: [],
335 czr: "",
336 ruleForm: {
337 qlxx: {},
338 sldy: {},
339 slsq: {},
340 ygdj: {},
341 zdjbxx: {},
342 },
343 //传递参数
344 propsParam: this.$attrs,
345 rules: {},
346 };
347 },
348 methods: {
349 /**
350 * @description: 更新权利人信息
351 * @param {*} val
352 * @author: renchao
353 */
354 upDateQlrxxList(val) {
355 this.ruleForm.qlrList = _.cloneDeep(val);
356 this.czrOptions = this.ruleForm.qlrList;
278 }, 357 },
279 components: { qlrCommonTable }, 358 /**
280 computed: { 359 * @description: 更新业务人信息
281 ...mapGetters(["dictData", "flag"]), 360 * @param {*} val
361 * @author: renchao
362 */
363 upDateYwrxxList(val) {
364 this.ruleForm.ywrList = _.cloneDeep(val);
282 }, 365 },
283 data () { 366 // 是否持证人变化
284 return { 367 /**
285 mjdw: "1", 368 * @description: 是否持证人变化
286 //表单是否可操作 369 * @param {*} val
287 viewEdit: true, 370 * @author: renchao
288 disabled: true, 371 */
289 tdytOption: [], 372 updaterow() {
290 czrOptions: [], 373 this.czr = "";
291 czr:"",
292 ruleForm: {
293 qlxx: {}
294 , sldy: {}
295 , slsq: {}
296 , ygdj: {}
297 , zdjbxx: {}
298 },
299 //传递参数
300 propsParam: this.$attrs,
301 rules: {},
302 };
303 }, 374 },
304 methods: { 375 /**
305 /** 376 * @description: onSubmit
306 * @description: 更新权利人信息 377 * @author: renchao
307 * @param {*} val 378 */
308 * @author: renchao 379 onSubmit() {
309 */ 380 let that = this;
310 upDateQlrxxList (val) { 381 if (this.ruleForm.qlrList.length == 0) {
311 this.ruleForm.qlrList = _.cloneDeep(val); 382 this.$message({
312 this.czrOptions = this.ruleForm.qlrList 383 showClose: true,
313 }, 384 message: "请确认权利人信息",
314 /** 385 type: "error",
315 * @description: 更新业务人信息 386 });
316 * @param {*} val 387 return false;
317 * @author: renchao 388 }
318 */ 389
319 upDateYwrxxList (val) { 390 if (this.ruleForm.sldy.gyfs == "0") {
320 this.ruleForm.ywrList = _.cloneDeep(val); 391 if (this.ruleForm.qlrList.length > 1) {
321 },
322 /**
323 * @description: onSubmit
324 * @author: renchao
325 */
326 onSubmit () {
327 let that = this
328 if (this.ruleForm.qlrList.length == 0) {
329 this.$message({ 392 this.$message({
330 showClose: true, 393 showClose: true,
331 message: "请确认权利人信息", 394 message: "共有方式：单独所有，权利人只能是一个人",
332 type: "error", 395 type: "error",
333 }); 396 });
334 return false; 397 return false;
335 } 398 }
336 399 this.ruleForm.qlrList[0].sfczr = "1";
337 if (this.ruleForm.sldy.gyfs == "0") { 400 } else {
338 if (this.ruleForm.qlrList.length > 1) { 401 if (this.ruleForm.qlrList.length <= 1) {
339 this.$message({ 402 this.$message({
340 showClose: true, 403 showClose: true,
341 message: "共有方式：单独所有，权利人只能是一个人", 404 message:
342 type: "error", 405 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
343 }); 406 type: "error",
344 return false; 407 });
345 } 408 return false;
346 this.ruleForm.qlrList[0].sfczr = "1"; 409 }
410 //是否分别持证
411 if (this.ruleForm.sldy.sqfbcz == "1") {
412 //是
413 this.ruleForm.qlrList.forEach((item, index) => {
414 item.sfczr = "1";
415 });
347 } else { 416 } else {
348 if (this.ruleForm.qlrList.length <= 1) { 417 if (!that.czr) {
349 this.$message({ 418 that.$message({
350 showClose: true, 419 showClose: true,
351 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 420 message: "请选择持证人",
352 type: "error", 421 type: "error",
353 }); 422 });
354 return false; 423 return false;
355 } 424 }
356 //是否分别持证 425 this.ruleForm.qlrList.forEach((item, index) => {
357 if (this.ruleForm.sldy.sqfbcz == "1") { 426 if (item.zjh == this.czr) {
358 //是
359 this.ruleForm.qlrList.forEach((item, index) => {
360 item.sfczr = "1"; 427 item.sfczr = "1";
361 }); 428 } else {
362 } else { 429 item.sfczr = "0";
363 if (!that.czr) {
364 that.$message({
365 showClose: true,
366 message: "请选择持证人",
367 type: "error",
368 });
369 return false;
370 } 430 }
371 this.ruleForm.qlrList.forEach((item, index) => { 431 });
372 if (item.zjh == this.czr) {
373 item.sfczr = "1";
374 } else {
375 item.sfczr = "0";
376 }
377 });
378 }
379 } 432 }
380 saveData(this.ruleForm).then((res) => { 433 }
381 if (res.code === 200) { 434 saveData(this.ruleForm).then((res) => {
382 this.$message({ 435 if (res.code === 200) {
383 showClose: true, 436 this.$message({
384 message: "保存成功！", 437 showClose: true,
385 type: "success", 438 message: "保存成功！",
386 }); 439 type: "success",
387 this.$store.dispatch('user/refreshPage', true); 440 });
388 } else { 441 this.$store.dispatch("user/refreshPage", true);
389 this.$message({ 442 } else {
390 showClose: true, 443 this.$message({
391 message: res.message, 444 showClose: true,
392 type: "error", 445 message: res.message,
393 }); 446 type: "error",
394 } 447 });
395 }); 448 }
396 }, 449 });
397 }, 450 },
398 }; 451 },
452 };
399 </script> 453 </script>
400 <style scoped lang='scss'> 454 <style scoped lang="scss">
401 @import "~@/styles/public.scss"; 455 @import "~@/styles/public.scss";
402 456
403 /deep/.el-form { 457 /deep/.el-form {
404 display: flex; 458 display: flex;
405 flex-direction: column; 459 flex-direction: column;
406 height: calc(100vh - 130px); 460 height: calc(100vh - 130px);
407 } 461 }
408 462
409 /deep/.el-form-item__label { 463 /deep/.el-form-item__label {
410 padding: 0; 464 padding: 0;
411 } 465 }
412 466
413 /deep/.el-radio { 467 /deep/.el-radio {
414 margin-right: 10px; 468 margin-right: 10px;
415 } 469 }
416 470
417 /deep/.el-select { 471 /deep/.el-select {
418 width: 100%; 472 width: 100%;
419 } 473 }
420 474
421 /deep/.el-form-item { 475 /deep/.el-form-item {
422 margin-bottom: 8px; 476 margin-bottom: 8px;
423 } 477 }
424 478
425 .marginBot0 { 479 .marginBot0 {
426 margin-bottom: 0 !important; 480 margin-bottom: 0 !important;
427 } 481 }
428 482
429 .slxx { 483 .slxx {
430 box-sizing: border-box; 484 box-sizing: border-box;
431 } 485 }
432 486
433 .slxx_con { 487 .slxx_con {
434 flex: 1; 488 flex: 1;
435 height: 100%; 489 height: 100%;
436 background-color: #ffffff; 490 background-color: #ffffff;
437 overflow-y: auto; 491 overflow-y: auto;
438 padding-right: 3px; 492 padding-right: 3px;
439 overflow-x: hidden; 493 overflow-x: hidden;
440 } 494 }
441 495
442 .submit_btn { 496 .submit_btn {
443 height: 50px; 497 height: 50px;
444 } 498 }
445 499
446 .slxx_title { 500 .slxx_title {
447 border-bottom: 1px solid $borderColor; 501 border-bottom: 1px solid $borderColor;
448 padding-left: 10px; 502 padding-left: 10px;
449 padding-bottom: 5px; 503 padding-bottom: 5px;
450 margin-bottom: 10px; 504 margin-bottom: 10px;
451 margin-top: 5px; 505 margin-top: 5px;
452 font-size: 16px; 506 font-size: 16px;
453 font-weight: 500; 507 font-weight: 500;
454 color: #4a4a4a; 508 color: #4a4a4a;
455 } 509 }
456 510
457 .btn { 511 .btn {
458 text-align: center; 512 text-align: center;
459 padding-top: 10px; 513 padding-top: 10px;
460 height: 36px; 514 height: 36px;
461 background-color: #ffffff; 515 background-color: #ffffff;
462 padding: 5px 0; 516 padding: 5px 0;
463 } 517 }
464 518
465 .textArea { 519 .textArea {
466 /deep/.el-textarea__inner { 520 /deep/.el-textarea__inner {
467 min-height: 90px !important; 521 min-height: 90px !important;
468 }
469 } 522 }
523 }
470 524
471 /deep/.el-form-item__label { 525 /deep/.el-form-item__label {
472 padding-bottom: 0px; 526 padding-bottom: 0px;
473 } 527 }
474 </style> 528 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -44,7 +51,8 @@ ...@@ -44,7 +51,8 @@
44 </el-row> 51 </el-row>
45 <div 52 <div
46 class="slxx_title title-block flex" 53 class="slxx_title title-block flex"
47 style="justify-content: space-between"> 54 style="justify-content: space-between"
55 >
48 不动产单元情况 56 不动产单元情况
49 <el-button @click="compare">变化情况对比+</el-button> 57 <el-button @click="compare">变化情况对比+</el-button>
50 </div> 58 </div>
...@@ -102,7 +110,11 @@ ...@@ -102,7 +110,11 @@
102 </el-col> 110 </el-col>
103 <el-col :span="8"> 111 <el-col :span="8">
104 <el-form-item label="总层数："> 112 <el-form-item label="总层数：">
105 <el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 113 <el-input
114 disabled
115 v-model.number="ruleForm.ygdj.zcs"
116 oninput="value=value.replace(/[^0-9]/g,'')"
117 ></el-input>
106 </el-form-item> 118 </el-form-item>
107 </el-col> 119 </el-col>
108 </el-row> 120 </el-row>
...@@ -113,7 +125,10 @@ ...@@ -113,7 +125,10 @@
113 <el-row :gutter="10"> 125 <el-row :gutter="10">
114 <el-col :span="12" v-if="ruleForm.qlxx"> 126 <el-col :span="12" v-if="ruleForm.qlxx">
115 <el-form-item label="共有方式："> 127 <el-form-item label="共有方式：">
116 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 128 <el-radio-group
129 :disabled="!viewEdit"
130 v-model="ruleForm.sldy.gyfs"
131 >
117 <el-radio label="0">单独所有</el-radio> 132 <el-radio label="0">单独所有</el-radio>
118 <el-radio label="1">共同共有</el-radio> 133 <el-radio label="1">共同共有</el-radio>
119 <el-radio label="2">按份所有</el-radio> 134 <el-radio label="2">按份所有</el-radio>
...@@ -125,7 +140,9 @@ ...@@ -125,7 +140,9 @@
125 <el-form-item label="是否分别持证："> 140 <el-form-item label="是否分别持证：">
126 <el-radio-group 141 <el-radio-group
127 v-model="ruleForm.sldy.sqfbcz" 142 v-model="ruleForm.sldy.sqfbcz"
128 :disabled="!viewEdit"> 143 :disabled="!viewEdit"
144 @input="updaterow()"
145 >
129 <el-radio :label="1">是</el-radio> 146 <el-radio :label="1">是</el-radio>
130 <el-radio :label="0">否</el-radio> 147 <el-radio :label="0">否</el-radio>
131 </el-radio-group> 148 </el-radio-group>
...@@ -133,30 +150,41 @@ ...@@ -133,30 +150,41 @@
133 </el-col> 150 </el-col>
134 <el-col 151 <el-col
135 :span="6" 152 :span="6"
136 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 153 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
154 >
137 <el-form-item label="持证人："> 155 <el-form-item label="持证人：">
138 <el-select 156 <el-select
139 v-model="czr" 157 v-model="czr"
140 placeholder="持证人" 158 placeholder="持证人"
141 :disabled="!viewEdit"> 159 :disabled="!viewEdit"
160 >
142 <el-option 161 <el-option
143 v-for="item in czrOptions" 162 v-for="item in czrOptions"
144 :key="item.zjh" 163 :key="item.zjh"
145 :label="item.sqrmc" 164 :label="item.sqrmc"
146 :value="item.zjh"> 165 :value="item.zjh"
166 >
147 </el-option> 167 </el-option>
148 </el-select> 168 </el-select>
149 </el-form-item> 169 </el-form-item>
150 </el-col> 170 </el-col>
151 </el-row> 171 </el-row>
152 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 172 <qlrCommonTable
153 :gyfs="ruleForm.sldy.gyfs" /> 173 @upDateQlrxxList="upDateQlrxxList"
174 :tableData="ruleForm.qlrList"
175 :disabled="viewEdit"
176 :gyfs="ruleForm.sldy.gyfs"
177 />
154 <div class="slxx_title title-block"> 178 <div class="slxx_title title-block">
155 义务人信息 179 义务人信息
156 <div class="triangle"></div> 180 <div class="triangle"></div>
157 </div> 181 </div>
158 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" 182 <qlrCommonTable
159 :gyfs="ruleForm.sldy.gyfs" /> 183 @upDateQlrxxList="upDateYwrxxList"
184 :tableData="ruleForm.ywrList"
185 :disabled="viewEdit"
186 :gyfs="ruleForm.sldy.gyfs"
187 />
160 <div class="slxx_title title-block"> 188 <div class="slxx_title title-block">
161 登记原因 189 登记原因
162 <div class="triangle"></div> 190 <div class="triangle"></div>
...@@ -164,8 +192,14 @@ ...@@ -164,8 +192,14 @@
164 <el-row :gutter="10"> 192 <el-row :gutter="10">
165 <el-col> 193 <el-col>
166 <el-form-item label="登记原因：" prop="djyy"> 194 <el-form-item label="登记原因：" prop="djyy">
167 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 195 <el-input
168 v-model="ruleForm.ygdj.djyy"> 196 class="textArea"
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 :disabled="!viewEdit"
201 v-model="ruleForm.ygdj.djyy"
202 >
169 </el-input> 203 </el-input>
170 </el-form-item> 204 </el-form-item>
171 </el-col> 205 </el-col>
...@@ -180,254 +214,258 @@ ...@@ -180,254 +214,258 @@
180 </div> 214 </div>
181 </template> 215 </template>
182 <script> 216 <script>
183 import ywmix from "@/views/ywbl/mixin/index" 217 import ywmix from "@/views/ywbl/mixin/index";
184 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 218 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
185 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 219 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
186 import { mapGetters } from "vuex"; 220 import { mapGetters } from "vuex";
187 export default { 221 export default {
188 mixins: [ywmix], 222 mixins: [ywmix],
189 mounted () { 223 mounted() {
190 this.viewEdit = this.$parent.currentSelectTab.ableOperation 224 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
191 this.propsParam = this.$attrs; 225 this.propsParam = this.$attrs;
192 var formdata = new FormData(); 226 var formdata = new FormData();
193 this.$startLoading(); 227 this.$startLoading();
194 formdata.append("bsmSldy", this.propsParam.bsmSldy); 228 formdata.append("bsmSldy", this.propsParam.bsmSldy);
195 formdata.append("djlx", this.propsParam.djlx); 229 formdata.append("djlx", this.propsParam.djlx);
196 formdata.append("isEdit", this.viewEdit); 230 formdata.append("isEdit", this.viewEdit);
197 Init(formdata).then((res) => { 231 Init(formdata).then((res) => {
198 if (res.code === 200 && res.result) { 232 if (res.code === 200 && res.result) {
199 this.$endLoading(); 233 this.$endLoading();
200 this.ruleForm = res.result; 234 this.ruleForm = res.result;
201 this.ruleForm.qlrList.forEach((item, index) => { 235 this.czrOptions = this.ruleForm.qlrList;
202 if (item.sfczr == 1) { 236 this.ruleForm.qlrList.forEach((item) => {
203 this.$set(this.ruleForm, "czr", item.zjh) 237 if (item.sfczr == 1) {
204 } 238 this.czr = item.sqrmc;
205 }) 239 }
206 this.czrOptions = this.ruleForm.qlrList; 240 });
207 this.ruleForm.qlrList.forEach((item) => { 241 }
208 if(item.sfczr==1){ 242 });
209 this.czr=item.sqrmc 243 },
210 } 244 components: { qlrCommonTable },
211 }) 245 computed: {
212 } 246 ...mapGetters(["dictData", "flag"]),
247 },
248 data() {
249 return {
250 //表单是否可操作
251 viewEdit: true,
252 disabled: true,
253 tdytOption: [],
254 czrOptions: [],
255 czr: "",
256 ruleForm: {},
257 //传递参数
258 propsParam: this.$attrs,
259 rules: {},
260 };
261 },
262 methods: {
263 /**
264 * @description: onClick
265 * @author: renchao
266 */
267 onClick() {
268 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
269 formData: {
270 bsmSldy: this.propsParam.bsmSldy,
271 qllx: this.propsParam.qllx,
272 },
213 }); 273 });
214 }, 274 },
215 components: { qlrCommonTable }, 275 /**
216 computed: { 276 * @description: 更新权利人信息
217 ...mapGetters(["dictData", "flag"]), 277 * @param {*} val
278 * @author: renchao
279 */
280 upDateQlrxxList(val) {
281 this.ruleForm.qlrList = _.cloneDeep(val);
282 this.czrOptions = this.ruleForm.qlrList;
218 }, 283 },
219 data () { 284 // 是否持证人变化
220 return { 285 /**
221 //表单是否可操作 286 * @description: 是否持证人变化
222 viewEdit: true, 287 * @param {*} val
223 disabled: true, 288 * @author: renchao
224 tdytOption: [], 289 */
225 czrOptions: [], 290 updaterow() {
226 czr:"", 291 this.czr = "";
227 ruleForm: {}, 292 },
228 //传递参数 293 /**
229 propsParam: this.$attrs, 294 * @description: 更新业务人信息
230 rules: {}, 295 * @param {*} val
231 }; 296 * @author: renchao
297 */
298 upDateYwrxxList(val) {
299 this.ruleForm.ywrList = _.cloneDeep(val);
232 }, 300 },
233 methods: {
234 /**
235 * @description: onClick
236 * @author: renchao
237 */
238 onClick () {
239 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai",
240 {
241 formData: {
242 bsmSldy: this.propsParam.bsmSldy,
243 qllx: this.propsParam.qllx
244 }
245 });
246 },
247 /**
248 * @description: 更新权利人信息
249 * @param {*} val
250 * @author: renchao
251 */
252 upDateQlrxxList (val) {
253 this.ruleForm.qlrList = _.cloneDeep(val);
254 this.czrOptions = this.ruleForm.qlrList;
255 },
256 /**
257 * @description: 更新业务人信息
258 * @param {*} val
259 * @author: renchao
260 */
261 upDateYwrxxList (val) {
262 this.ruleForm.ywrList = _.cloneDeep(val);
263 },
264 301
265 /** 302 /**
266 * @description: onSubmit 303 * @description: onSubmit
267 * @author: renchao 304 * @author: renchao
268 */ 305 */
269 onSubmit () { 306 onSubmit() {
270 let that = this 307 let that = this;
271 if (this.ruleForm.qlrList.length == 0) { 308 if (this.ruleForm.qlrList.length == 0) {
309 this.$message({
310 showClose: true,
311 message: "请确认权利人信息",
312 type: "error",
313 });
314 return false;
315 }
316
317 if (this.ruleForm.sldy.gyfs == "0") {
318 if (this.ruleForm.qlrList.length > 1) {
272 this.$message({ 319 this.$message({
273 showClose: true, 320 showClose: true,
274 message: "请确认权利人信息", 321 message: "共有方式：单独所有，权利人只能是一个人",
275 type: "error", 322 type: "error",
276 }); 323 });
277 return false; 324 return false;
278 } 325 }
279 326 this.ruleForm.qlrList[0].sfczr = "1";
280 if (this.ruleForm.sldy.gyfs == "0") { 327 } else {
281 if (this.ruleForm.qlrList.length > 1) { 328 if (this.ruleForm.qlrList.length <= 1) {
282 this.$message({ 329 this.$message({
283 showClose: true, 330 showClose: true,
284 message: "共有方式：单独所有，权利人只能是一个人", 331 message:
285 type: "error", 332 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
286 }); 333 type: "error",
287 return false; 334 });
288 } 335 return false;
289 this.ruleForm.qlrList[0].sfczr = "1"; 336 }
337 //是否分别持证
338 if (this.ruleForm.sldy.sqfbcz == "1") {
339 //是
340 this.ruleForm.qlrList.forEach((item, index) => {
341 item.sfczr = "1";
342 });
290 } else { 343 } else {
291 if (this.ruleForm.qlrList.length <= 1) { 344 if (!that.czr) {
292 this.$message({ 345 that.$message({
293 showClose: true, 346 showClose: true,
294 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 347 message: "请选择持证人",
295 type: "error", 348 type: "error",
296 }); 349 });
297 return false; 350 return false;
298 } 351 }
299 //是否分别持证 352 this.ruleForm.qlrList.forEach((item, index) => {
300 if (this.ruleForm.sldy.sqfbcz == "1") { 353 if (item.zjh == this.czr) {
301 //是
302 this.ruleForm.qlrList.forEach((item, index) => {
303 item.sfczr = "1"; 354 item.sfczr = "1";
304 }); 355 } else {
305 } else { 356 item.sfczr = "0";
306 if (!that.czr) {
307 that.$message({
308 showClose: true,
309 message: "请选择持证人",
310 type: "error",
311 });
312 return false;
313 } 357 }
314 this.ruleForm.qlrList.forEach((item, index) => { 358 });
315 if (item.zjh == this.czr) {
316 item.sfczr = "1";
317 } else {
318 item.sfczr = "0";
319 }
320 });
321 }
322 } 359 }
323 saveData(this.ruleForm).then((res) => { 360 }
324 if (res.code === 200) { 361 saveData(this.ruleForm).then((res) => {
325 this.$message({ 362 if (res.code === 200) {
326 showClose: true, 363 this.$message({
327 message: "保存成功！", 364 showClose: true,
328 type: "success", 365 message: "保存成功！",
329 }); 366 type: "success",
330 this.$store.dispatch('user/refreshPage', true); 367 });
331 } else { 368 this.$store.dispatch("user/refreshPage", true);
332 this.$message({ 369 } else {
333 showClose: true, 370 this.$message({
334 message: res.message, 371 showClose: true,
335 type: "error", 372 message: res.message,
336 }); 373 type: "error",
337 } 374 });
338 }); 375 }
339 }, 376 });
340 /**
341 * @description: compare
342 * @author: renchao
343 */
344 compare () {
345 this.$popupDialog(
346 this.ruleForm.qlxx.qllxmc,
347 "registerBook/comparison",
348 {
349 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
350 dqqllx: 'YGDJ',
351 },
352 "80%",
353 true
354 );
355 },
356 }, 377 },
357 }; 378 /**
379 * @description: compare
380 * @author: renchao
381 */
382 compare() {
383 this.$popupDialog(
384 this.ruleForm.qlxx.qllxmc,
385 "registerBook/comparison",
386 {
387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
388 dqqllx: "YGDJ",
389 },
390 "80%",
391 true
392 );
393 },
394 },
395 };
358 </script> 396 </script>
359 <style scoped lang='scss'> 397 <style scoped lang="scss">
360 @import "~@/styles/public.scss"; 398 @import "~@/styles/public.scss";
361 399
362 /deep/.el-form { 400 /deep/.el-form {
363 display: flex; 401 display: flex;
364 flex-direction: column; 402 flex-direction: column;
365 height: calc(100vh - 130px); 403 height: calc(100vh - 130px);
366 } 404 }
367 405
368 /deep/.el-form-item__label { 406 /deep/.el-form-item__label {
369 padding: 0; 407 padding: 0;
370 } 408 }
371 409
372 /deep/.el-radio { 410 /deep/.el-radio {
373 margin-right: 10px; 411 margin-right: 10px;
374 } 412 }
375 413
376 /deep/.el-select { 414 /deep/.el-select {
377 width: 100%; 415 width: 100%;
378 } 416 }
379 417
380 /deep/.el-form-item { 418 /deep/.el-form-item {
381 margin-bottom: 8px; 419 margin-bottom: 8px;
382 } 420 }
383 421
384 .marginBot0 { 422 .marginBot0 {
385 margin-bottom: 0 !important; 423 margin-bottom: 0 !important;
386 } 424 }
387 425
388 .slxx { 426 .slxx {
389 box-sizing: border-box; 427 box-sizing: border-box;
390 } 428 }
391 429
392 .slxx_con { 430 .slxx_con {
393 flex: 1; 431 flex: 1;
394 height: 100%; 432 height: 100%;
395 background-color: #ffffff; 433 background-color: #ffffff;
396 overflow-y: auto; 434 overflow-y: auto;
397 padding-right: 3px; 435 padding-right: 3px;
398 overflow-x: hidden; 436 overflow-x: hidden;
399 } 437 }
400 438
401 .submit_btn { 439 .submit_btn {
402 height: 50px; 440 height: 50px;
403 } 441 }
404 442
405 .slxx_title { 443 .slxx_title {
406 border-bottom: 1px solid $borderColor; 444 border-bottom: 1px solid $borderColor;
407 padding-left: 10px; 445 padding-left: 10px;
408 padding-bottom: 5px; 446 padding-bottom: 5px;
409 margin-bottom: 10px; 447 margin-bottom: 10px;
410 margin-top: 5px; 448 margin-top: 5px;
411 font-size: 16px; 449 font-size: 16px;
412 font-weight: 500; 450 font-weight: 500;
413 color: #4a4a4a; 451 color: #4a4a4a;
414 } 452 }
415 453
416 .btn { 454 .btn {
417 text-align: center; 455 text-align: center;
418 padding-top: 10px; 456 padding-top: 10px;
419 height: 36px; 457 height: 36px;
420 background-color: #ffffff; 458 background-color: #ffffff;
421 padding: 5px 0; 459 padding: 5px 0;
422 } 460 }
423 461
424 .textArea { 462 .textArea {
425 /deep/.el-textarea__inner { 463 /deep/.el-textarea__inner {
426 min-height: 90px !important; 464 min-height: 90px !important;
427 }
428 } 465 }
466 }
429 467
430 /deep/.el-form-item__label { 468 /deep/.el-form-item__label {
431 padding-bottom: 0px; 469 padding-bottom: 0px;
432 } 470 }
433 </style> 471 </style>
......
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px"> 11 label-width="120px"
12 >
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
14 受理信息 15 受理信息
...@@ -134,31 +135,48 @@ ...@@ -134,31 +135,48 @@
134 <el-form-item label="是否存在禁止或限制："> 135 <el-form-item label="是否存在禁止或限制：">
135 <el-input 136 <el-input
136 v-model="ruleForm.ygdj.sfczjzhxz" 137 v-model="ruleForm.ygdj.sfczjzhxz"
137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 138 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
139 ></el-input>
138 </el-form-item> 140 </el-form-item>
139 </el-col> 141 </el-col>
140 <el-col :span="8"> 142 <el-col :span="8">
141 <el-form-item label="被担保主债权数额："> 143 <el-form-item label="被担保主债权数额：">
142 <div class="flex"> 144 <div class="flex">
143 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> 145 <el-input
144 <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px"> 146 v-model="ruleForm.ygdj.qdjg"
147 :disabled="!viewEdit"
148 ></el-input>
149 <el-select
150 v-model="ruleForm.ygdj.jedw"
151 :disabled="!viewEdit"
152 style="width: 68px"
153 >
145 <el-option 154 <el-option
146 v-for="item in dictData['A57']" 155 v-for="item in dictData['A57']"
147 :key="item.dcode" 156 :key="item.dcode"
148 :label="item.dname" 157 :label="item.dname"
149 :value="item.dcode"></el-option> 158 :value="item.dcode"
159 ></el-option>
150 </el-select> 160 </el-select>
151 </div> 161 </div>
152 </el-form-item> 162 </el-form-item>
153 </el-col> 163 </el-col>
154 <el-col :span="8"> 164 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 165 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker> 166 <el-date-picker
167 v-model="ruleForm.ygdj.zwlxqssj"
168 :disabled="!viewEdit"
169 type="date"
170 ></el-date-picker>
157 </el-form-item> 171 </el-form-item>
158 </el-col> 172 </el-col>
159 <el-col :span="8"> 173 <el-col :span="8">
160 <el-form-item label="债务履行结束时间："> 174 <el-form-item label="债务履行结束时间：">
161 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker> 175 <el-date-picker
176 v-model="ruleForm.ygdj.zwlxjssj"
177 :disabled="!viewEdit"
178 type="date"
179 ></el-date-picker>
162 </el-form-item> 180 </el-form-item>
163 </el-col> 181 </el-col>
164 </el-row> 182 </el-row>
...@@ -167,14 +185,21 @@ ...@@ -167,14 +185,21 @@
167 <el-form-item label="担保范围："> 185 <el-form-item label="担保范围：">
168 <el-input 186 <el-input
169 v-model="ruleForm.ygdj.dbfw" 187 v-model="ruleForm.ygdj.dbfw"
170 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 188 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
189 ></el-input>
171 </el-form-item> 190 </el-form-item>
172 </el-col> 191 </el-col>
173 </el-row> 192 </el-row>
174 <el-row> 193 <el-row>
175 <el-col :span="24"> 194 <el-col :span="24">
176 <el-form-item label="附记：" prop="fj"> 195 <el-form-item label="附记：" prop="fj">
177 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input> 196 <el-input
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 v-model="ruleForm.ygdj.fj"
201 :disabled="!viewEdit"
202 ></el-input>
178 </el-form-item> 203 </el-form-item>
179 </el-col> 204 </el-col>
180 </el-row> 205 </el-row>
...@@ -185,7 +210,10 @@ ...@@ -185,7 +210,10 @@
185 <el-row :gutter="10"> 210 <el-row :gutter="10">
186 <el-col :span="12"> 211 <el-col :span="12">
187 <el-form-item label="共有方式："> 212 <el-form-item label="共有方式：">
188 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 213 <el-radio-group
214 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs"
216 >
189 <el-radio label="0">单独所有</el-radio> 217 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 218 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 219 <el-radio label="2">按份所有</el-radio>
...@@ -195,20 +223,32 @@ ...@@ -195,20 +223,32 @@
195 </el-col> 223 </el-col>
196 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> 224 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
197 <el-form-item label="是否分别持证："> 225 <el-form-item label="是否分别持证：">
198 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 226 <el-radio-group
227 v-model="ruleForm.sldy.sqfbcz"
228 :disabled="!viewEdit"
229 @input="updaterow()"
230 >
199 <el-radio :label="1">是</el-radio> 231 <el-radio :label="1">是</el-radio>
200 <el-radio :label="0">否</el-radio> 232 <el-radio :label="0">否</el-radio>
201 </el-radio-group> 233 </el-radio-group>
202 </el-form-item> 234 </el-form-item>
203 </el-col> 235 </el-col>
204 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 236 <el-col
237 :span="6"
238 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
239 >
205 <el-form-item label="持证人："> 240 <el-form-item label="持证人：">
206 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 241 <el-select
242 v-model="czr"
243 placeholder="持证人"
244 :disabled="!viewEdit"
245 >
207 <el-option 246 <el-option
208 v-for="item in czrOptions" 247 v-for="item in czrOptions"
209 :key="item.zjh" 248 :key="item.zjh"
210 :label="item.sqrmc" 249 :label="item.sqrmc"
211 :value="item.zjh"></el-option> 250 :value="item.zjh"
251 ></el-option>
212 </el-select> 252 </el-select>
213 </el-form-item> 253 </el-form-item>
214 </el-col> 254 </el-col>
...@@ -217,7 +257,8 @@ ...@@ -217,7 +257,8 @@
217 @upDateQlrxxList="upDateQlrxxList" 257 @upDateQlrxxList="upDateQlrxxList"
218 :tableData="ruleForm.qlrList" 258 :tableData="ruleForm.qlrList"
219 :disabled="viewEdit" 259 :disabled="viewEdit"
220 :gyfs="ruleForm.sldy.gyfs" /> 260 :gyfs="ruleForm.sldy.gyfs"
261 />
221 <div class="slxx_title title-block"> 262 <div class="slxx_title title-block">
222 义务人信息 263 义务人信息
223 <div class="triangle"></div> 264 <div class="triangle"></div>
...@@ -226,7 +267,8 @@ ...@@ -226,7 +267,8 @@
226 @upDateQlrxxList="upDateYwrxxList" 267 @upDateQlrxxList="upDateYwrxxList"
227 :tableData="ruleForm.ywrList" 268 :tableData="ruleForm.ywrList"
228 :disabled="viewEdit" 269 :disabled="viewEdit"
229 :gyfs="ruleForm.sldy.gyfs" /> 270 :gyfs="ruleForm.sldy.gyfs"
271 />
230 <div class="slxx_title title-block"> 272 <div class="slxx_title title-block">
231 登记原因 273 登记原因
232 <div class="triangle"></div> 274 <div class="triangle"></div>
...@@ -240,7 +282,8 @@ ...@@ -240,7 +282,8 @@
240 maxlength="500" 282 maxlength="500"
241 show-word-limit 283 show-word-limit
242 :disabled="!viewEdit" 284 :disabled="!viewEdit"
243 v-model="ruleForm.ygdj.djyy"></el-input> 285 v-model="ruleForm.ygdj.djyy"
286 ></el-input>
244 </el-form-item> 287 </el-form-item>
245 </el-col> 288 </el-col>
246 </el-row> 289 </el-row>
...@@ -254,158 +297,163 @@ ...@@ -254,158 +297,163 @@
254 </div> 297 </div>
255 </template> 298 </template>
256 <script> 299 <script>
257 import ywmix from "@/views/ywbl/mixin/index"; 300 import ywmix from "@/views/ywbl/mixin/index";
258 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
259 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 302 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
260 import { mapGetters } from "vuex"; 303 import { mapGetters } from "vuex";
261 export default { 304 export default {
262 mixins: [ywmix], 305 mixins: [ywmix],
263 created () { 306 created() {
264 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 307 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
265 this.propsParam = this.$attrs; 308 this.propsParam = this.$attrs;
266 var formdata = new FormData(); 309 var formdata = new FormData();
267 let that = this; 310 let that = this;
268 this.loading = true; 311 this.loading = true;
269 formdata.append("bsmSldy", this.propsParam.bsmSldy); 312 formdata.append("bsmSldy", this.propsParam.bsmSldy);
270 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 313 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
271 formdata.append("djlx", this.propsParam.djlx); 314 formdata.append("djlx", this.propsParam.djlx);
272 formdata.append("isEdit", this.viewEdit); 315 formdata.append("isEdit", this.viewEdit);
273 Init(formdata).then((res) => { 316 Init(formdata).then((res) => {
274 if (res.code === 200 && res.result) { 317 if (res.code === 200 && res.result) {
275 that.ruleForm = res.result; 318 that.ruleForm = res.result;
276 this.ruleForm.qlrList.forEach((item, index) => { 319 this.czrOptions = this.ruleForm.qlrList;
277 if (item.sfczr == 1) { 320 this.ruleForm.qlrList.forEach((item) => {
278 this.$set(this.ruleForm, "czr", item.zjh) 321 if (item.sfczr == 1) {
279 } 322 this.czr = item.sqrmc;
280 }) 323 }
281 this.czrOptions = this.ruleForm.qlrList; 324 });
282 this.ruleForm.qlrList.forEach((item) => { 325 setTimeout(() => {
283 if(item.sfczr==1){ 326 that.loading = false;
284 this.czr=item.sqrmc 327 }, 300);
285 } 328 }
286 }) 329 });
287 setTimeout(() => { 330 },
288 that.loading = false; 331 components: { qlrCommonTable },
289 }, 300); 332 computed: {
290 } 333 ...mapGetters(["dictData", "flag"]),
291 }); 334 },
335 data() {
336 return {
337 //表单是否可操作
338 viewEdit: true,
339 loading: false,
340 disabled: true,
341 tdytOption: [],
342 czrOptions: [],
343 czr: "",
344 ruleForm: {},
345 //传递参数
346 propsParam: this.$attrs,
347 rules: {},
348 };
349 },
350 methods: {
351 /**
352 * @description: 更新权利人信息
353 * @param {*} val
354 * @author: renchao
355 */
356 upDateQlrxxList(val) {
357 this.ruleForm.qlrList = _.cloneDeep(val);
358 this.czrOptions = this.ruleForm.qlrList;
292 }, 359 },
293 components: { qlrCommonTable }, 360 /**
294 computed: { 361 * @description: 义务人信息
295 ...mapGetters(["dictData", "flag"]), 362 * @param {*} val
363 * @author: renchao
364 */
365 upDateYwrxxList(val) {
366 this.ruleForm.ywrList = _.cloneDeep(val);
296 }, 367 },
297 data () { 368 // 是否持证人变化
298 return { 369 /**
299 //表单是否可操作 370 * @description: 是否持证人变化
300 viewEdit: true, 371 * @param {*} val
301 loading: false, 372 * @author: renchao
302 disabled: true, 373 */
303 tdytOption: [], 374 updaterow() {
304 czrOptions: [], 375 this.czr = "";
305 czr:"",
306 ruleForm: {},
307 //传递参数
308 propsParam: this.$attrs,
309 rules: {},
310 };
311 }, 376 },
312 methods: { 377 /**
313 /** 378 * @description: onSubmit
314 * @description: 更新权利人信息 379 * @author: renchao
315 * @param {*} val 380 */
316 * @author: renchao 381 onSubmit() {
317 */ 382 let that = this;
318 upDateQlrxxList (val) { 383 if (this.ruleForm.qlrList.length == 0) {
319 this.ruleForm.qlrList = _.cloneDeep(val); 384 this.$message({
320 this.czrOptions = this.ruleForm.qlrList; 385 showClose: true,
321 }, 386 message: "请确认权利人信息",
322 /** 387 type: "error",
323 * @description: 义务人信息 388 });
324 * @param {*} val 389 return false;
325 * @author: renchao 390 }
326 */ 391
327 upDateYwrxxList (val) { 392 if (this.ruleForm.sldy.gyfs == "0") {
328 this.ruleForm.ywrList = _.cloneDeep(val); 393 if (this.ruleForm.qlrList.length > 1) {
329 },
330 /**
331 * @description: onSubmit
332 * @author: renchao
333 */
334 onSubmit () {
335 let that = this
336 if (this.ruleForm.qlrList.length == 0) {
337 this.$message({ 394 this.$message({
338 showClose: true, 395 showClose: true,
339 message: "请确认权利人信息", 396 message: "共有方式：单独所有，权利人只能是一个人",
340 type: "error", 397 type: "error",
341 }); 398 });
342 return false; 399 return false;
343 } 400 }
344 401 this.ruleForm.qlrList[0].sfczr = "1";
345 if (this.ruleForm.sldy.gyfs == "0") { 402 } else {
346 if (this.ruleForm.qlrList.length > 1) { 403 if (this.ruleForm.qlrList.length <= 1) {
347 this.$message({ 404 this.$message({
348 showClose: true, 405 showClose: true,
349 message: "共有方式：单独所有，权利人只能是一个人", 406 message:
350 type: "error", 407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
351 }); 408 type: "error",
352 return false; 409 });
353 } 410 return false;
354 this.ruleForm.qlrList[0].sfczr = "1"; 411 }
412 //是否分别持证
413 if (this.ruleForm.sldy.sqfbcz == "1") {
414 //是
415 this.ruleForm.qlrList.forEach((item, index) => {
416 item.sfczr = "1";
417 });
355 } else { 418 } else {
356 if (this.ruleForm.qlrList.length <= 1) { 419 if (!that.czr) {
357 this.$message({ 420 that.$message({
358 showClose: true, 421 showClose: true,
359 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 422 message: "请选择持证人",
360 type: "error", 423 type: "error",
361 }); 424 });
362 return false; 425 return false;
363 } 426 }
364 //是否分别持证 427 this.ruleForm.qlrList.forEach((item, index) => {
365 if (this.ruleForm.sldy.sqfbcz == "1") { 428 if (item.zjh == this.czr) {
366 //是
367 this.ruleForm.qlrList.forEach((item, index) => {
368 item.sfczr = "1"; 429 item.sfczr = "1";
369 }); 430 } else {
370 } else { 431 item.sfczr = "0";
371 if (!that.czr) {
372 that.$message({
373 showClose: true,
374 message: "请选择持证人",
375 type: "error",
376 });
377 return false;
378 } 432 }
379 this.ruleForm.qlrList.forEach((item, index) => { 433 });
380 if (item.zjh == this.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 } 434 }
388 saveData(this.ruleForm).then((res) => { 435 }
389 if (res.code === 200) { 436 saveData(this.ruleForm).then((res) => {
390 this.$message({ 437 if (res.code === 200) {
391 showClose: true, 438 this.$message({
392 message: "保存成功！", 439 showClose: true,
393 type: "success", 440 message: "保存成功！",
394 }); 441 type: "success",
395 this.$store.dispatch("user/refreshPage", true); 442 });
396 } else { 443 this.$store.dispatch("user/refreshPage", true);
397 this.$message({ 444 } else {
398 showClose: true, 445 this.$message({
399 message: res.message, 446 showClose: true,
400 type: "error", 447 message: res.message,
401 }); 448 type: "error",
402 } 449 });
403 }); 450 }
404 }, 451 });
405 }, 452 },
406 }; 453 },
454 };
407 </script> 455 </script>
408 <style scoped lang='scss'> 456 <style scoped lang="scss">
409 @import "~@/styles/public.scss"; 457 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss"; 458 @import "~@/styles/slxx/slxx.scss";
411 </style> 459 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form class="loadingtext" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 class="loadingtext"
6 :label-position="flag ? 'top' : ''"
7 :inline="flag"
8 label-width="140px"
9 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
8 受理信息 12 受理信息
...@@ -28,12 +32,18 @@ ...@@ -28,12 +32,18 @@
28 <el-row :gutter="10" v-if="ruleForm.sldyList"> 32 <el-row :gutter="10" v-if="ruleForm.sldyList">
29 <el-col :span="8"> 33 <el-col :span="8">
30 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 35 <el-input
36 disabled
37 v-model="ruleForm.sldyList[0].qllxmc"
38 ></el-input>
32 </el-form-item> 39 </el-form-item>
33 </el-col> 40 </el-col>
34 <el-col :span="8"> 41 <el-col :span="8">
35 <el-form-item label="登记类型："> 42 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 43 <el-input
44 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"
46 ></el-input>
37 </el-form-item> 47 </el-form-item>
38 </el-col> 48 </el-col>
39 <el-col :span="8"> 49 <el-col :span="8">
...@@ -42,8 +52,11 @@ ...@@ -42,8 +52,11 @@
42 </el-form-item> 52 </el-form-item>
43 </el-col> 53 </el-col>
44 </el-row> 54 </el-row>
45 <div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0"> 55 <div
46 抵押户信息列表信息（{{ruleForm.hlist.length}} 户） 56 class="slxx_title title-block"
57 v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
58 >
59 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
47 <div class="triangle"></div> 60 <div class="triangle"></div>
48 </div> 61 </div>
49 <qjhTable :tableData="ruleForm.hlist" /> 62 <qjhTable :tableData="ruleForm.hlist" />
...@@ -51,7 +64,10 @@ ...@@ -51,7 +64,10 @@
51 抵押信息 64 抵押信息
52 <div class="triangle"></div> 65 <div class="triangle"></div>
53 </div> 66 </div>
54 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 67 <el-row
68 :gutter="10"
69 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
70 >
55 <el-col :span="8"> 71 <el-col :span="8">
56 <el-form-item label="抵押方式："> 72 <el-form-item label="抵押方式：">
57 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 73 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -62,15 +78,24 @@ ...@@ -62,15 +78,24 @@
62 </el-col> 78 </el-col>
63 <el-col :span="8"> 79 <el-col :span="8">
64 <el-form-item label="抵押金额类型："> 80 <el-form-item label="抵押金额类型：">
65 <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx" :disabled="!viewEdit"> 81 <el-radio-group
82 v-model="ruleForm.diyaqList[0].dyjelx"
83 :disabled="!viewEdit"
84 >
66 <el-radio label="0">独立抵押</el-radio> 85 <el-radio label="0">独立抵押</el-radio>
67 <el-radio label="1">整体抵押</el-radio> 86 <el-radio label="1">整体抵押</el-radio>
68 </el-radio-group> 87 </el-radio-group>
69 </el-form-item> 88 </el-form-item>
70 </el-col> 89 </el-col>
71 <el-col :span="8"> 90 <el-col :span="8">
72 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 91 <el-form-item
73 <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz" :disabled="!viewEdit"> 92 label="是否存在禁止或者限制转让抵押不动产的约定："
93 label-width="350px"
94 >
95 <el-radio-group
96 v-model="ruleForm.diyaqList[0].sfczjzhxz"
97 :disabled="!viewEdit"
98 >
74 <el-radio label="1">启用</el-radio> 99 <el-radio label="1">启用</el-radio>
75 <el-radio label="0">禁用</el-radio> 100 <el-radio label="0">禁用</el-radio>
76 </el-radio-group> 101 </el-radio-group>
...@@ -78,12 +103,26 @@ ...@@ -78,12 +103,26 @@
78 </el-col> 103 </el-col>
79 </el-row> 104 </el-row>
80 105
81 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 106 <el-row
107 :gutter="10"
108 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
109 >
82 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
83 <el-form-item label="被担保主债权数额："> 111 <el-form-item label="被担保主债权数额：">
84 <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!viewEdit"></el-input> 112 <el-input
85 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 113 v-model="ruleForm.diyaqList[0].bdbzzqse"
86 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 114 :disabled="!viewEdit"
115 ></el-input>
116 <el-select
117 v-model="ruleForm.diyaqList[0].jedw"
118 :disabled="!viewEdit"
119 >
120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode"
125 >
87 </el-option> 126 </el-option>
88 </el-select> 127 </el-select>
89 </el-form-item> 128 </el-form-item>
...@@ -91,9 +130,20 @@ ...@@ -91,9 +130,20 @@
91 130
92 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
93 <el-form-item label="最高债权额："> 132 <el-form-item label="最高债权额：">
94 <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!viewEdit"></el-input> 133 <el-input
95 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 134 v-model="ruleForm.diyaqList[0].zgzqse"
96 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 135 :disabled="!viewEdit"
136 ></el-input>
137 <el-select
138 v-model="ruleForm.diyaqList[0].jedw"
139 :disabled="!viewEdit"
140 >
141 <el-option
142 v-for="item in dictData['A57']"
143 :key="item.dcode"
144 :label="item.dname"
145 :value="item.dcode"
146 >
97 </el-option> 147 </el-option>
98 </el-select> 148 </el-select>
99 </el-form-item> 149 </el-form-item>
...@@ -101,37 +151,56 @@ ...@@ -101,37 +151,56 @@
101 151
102 <el-col :span="8"> 152 <el-col :span="8">
103 <el-form-item label="债务履行起始时间："> 153 <el-form-item label="债务履行起始时间：">
104 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" :disabled="!viewEdit" type="date"> 154 <el-date-picker
155 v-model="ruleForm.diyaqList[0].zwlxqssj"
156 :disabled="!viewEdit"
157 type="date"
158 >
105 </el-date-picker> 159 </el-date-picker>
106 </el-form-item> 160 </el-form-item>
107 </el-col> 161 </el-col>
108 <el-col :span="8"> 162 <el-col :span="8">
109 <el-form-item label="债务履行结束时间："> 163 <el-form-item label="债务履行结束时间：">
110 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" :disabled="!viewEdit" type="date"> 164 <el-date-picker
165 v-model="ruleForm.diyaqList[0].zwlxjssj"
166 :disabled="!viewEdit"
167 type="date"
168 >
111 </el-date-picker> 169 </el-date-picker>
112 </el-form-item> 170 </el-form-item>
113 </el-col> 171 </el-col>
114 </el-row> 172 </el-row>
115 173
116 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 174 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
117 <el-col :span="24"> 175 <el-col :span="24">
118 <el-form-item label="担保范围："> 176 <el-form-item label="担保范围：">
119 <el-input v-model="ruleForm.diyaqList[0].dbfw" 177 <el-input
120 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input> 178 v-model="ruleForm.diyaqList[0].dbfw"
179 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
180 ></el-input>
121 </el-form-item> 181 </el-form-item>
122 </el-col> 182 </el-col>
123 </el-row> 183 </el-row>
124 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 184 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
125 <el-col :span="24"> 185 <el-col :span="24">
126 <el-form-item label="最高债权确定事实和数额："> 186 <el-form-item label="最高债权确定事实和数额：">
127 <el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!viewEdit"></el-input> 187 <el-input
188 v-model="ruleForm.diyaqList[0].zgzqqdss"
189 :disabled="!viewEdit"
190 ></el-input>
128 </el-form-item> 191 </el-form-item>
129 </el-col> 192 </el-col>
130 </el-row> 193 </el-row>
131 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 194 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
132 <el-col> 195 <el-col>
133 <el-form-item label="附记：" prop="fj"> 196 <el-form-item label="附记：" prop="fj">
134 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaqList[0].fj" :disabled="!viewEdit"></el-input> 197 <el-input
198 type="textarea"
199 maxlength="500"
200 show-word-limit
201 v-model="ruleForm.diyaqList[0].fj"
202 :disabled="!viewEdit"
203 ></el-input>
135 </el-form-item> 204 </el-form-item>
136 </el-col> 205 </el-col>
137 </el-row> 206 </el-row>
...@@ -140,10 +209,16 @@ ...@@ -140,10 +209,16 @@
140 抵押权人信息 209 抵押权人信息
141 <div class="triangle"></div> 210 <div class="triangle"></div>
142 </div> 211 </div>
143 <el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0"> 212 <el-row
213 :gutter="10"
214 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
215 >
144 <el-col :span="14"> 216 <el-col :span="14">
145 <el-form-item label="共有方式："> 217 <el-form-item label="共有方式：">
146 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldyList[0].gyfs"> 218 <el-radio-group
219 :disabled="!viewEdit"
220 v-model="ruleForm.sldyList[0].gyfs"
221 >
147 <el-radio label="0">单独所有</el-radio> 222 <el-radio label="0">单独所有</el-radio>
148 <el-radio label="1">共同共有</el-radio> 223 <el-radio label="1">共同共有</el-radio>
149 <el-radio label="2">按份所有</el-radio> 224 <el-radio label="2">按份所有</el-radio>
...@@ -154,43 +229,88 @@ ...@@ -154,43 +229,88 @@
154 229
155 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'"> 230 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
156 <el-form-item label="是否分别持证："> 231 <el-form-item label="是否分别持证：">
157 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!viewEdit"> 232 <el-radio-group
233 v-model="ruleForm.sldyList[0].sqfbcz"
234 :disabled="!viewEdit"
235 @input="updaterow()"
236 >
158 <el-radio label="1">是</el-radio> 237 <el-radio label="1">是</el-radio>
159 <el-radio label="0">否</el-radio> 238 <el-radio label="0">否</el-radio>
160 </el-radio-group> 239 </el-radio-group>
161 </el-form-item> 240 </el-form-item>
162 </el-col> 241 </el-col>
163 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'&&ruleForm.sldyList[0].sqfbcz == '0' "> 242 <el-col
243 :span="5"
244 v-show="
245 ruleForm.sldyList[0].gyfs != '0' &&
246 ruleForm.sldyList[0].sqfbcz == '0'
247 "
248 >
164 <el-form-item label="持证人："> 249 <el-form-item label="持证人：">
165 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 250 <el-select
166 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 251 v-model="czr"
252 placeholder="持证人"
253 :disabled="!viewEdit"
254 >
255 <el-option
256 v-for="item in czrOptions"
257 :key="item.value"
258 :label="item.label"
259 :value="item.value"
260 >
167 </el-option> 261 </el-option>
168 </el-select> 262 </el-select>
169 </el-form-item> 263 </el-form-item>
170 </el-col> 264 </el-col>
171 </el-row> 265 </el-row>
172 <qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 266 <qlrCommonTable
173 :disabled="viewEdit" :gyfs="ruleForm.sldyList[0].gyfs" /> 267 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
268 :tableData="ruleForm.qlrList"
269 @upDateQlrxxList="upDateQlrxxList"
270 :disabled="viewEdit"
271 :gyfs="ruleForm.sldyList[0].gyfs"
272 />
174 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
175 抵押人信息 274 抵押人信息
176 <div class="triangle"></div> 275 <div class="triangle"></div>
177 </div> 276 </div>
178 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 277 <qlrCommonTable
278 :tableData="ruleForm.ywrList"
279 @upDateQlrxxList="upDateYwrxxList"
280 :disabled="viewEdit"
281 />
179 282
180 <div class="slxx_title title-block"> 283 <div class="slxx_title title-block">
181 登记原因 284 登记原因
182 <div class="triangle"></div> 285 <div class="triangle"></div>
183 </div> 286 </div>
184 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 287 <el-row
288 :gutter="10"
289 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
290 >
185 <el-col> 291 <el-col>
186 <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy"> 292 <el-form-item
187 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 293 v-if="ruleForm.sldyList[0].djlx == '400'"
188 v-model="ruleForm.diyaqList[0].zxdyyy"> 294 label="注销抵押原因："
295 prop="djyy"
296 >
297 <el-input
298 class="textArea"
299 type="textarea"
300 :disabled="!viewEdit"
301 v-model="ruleForm.diyaqList[0].zxdyyy"
302 >
189 </el-input> 303 </el-input>
190 </el-form-item> 304 </el-form-item>
191 <el-form-item v-else label="登记原因：" prop="djyy"> 305 <el-form-item v-else label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 306 <el-input
193 v-model="ruleForm.diyaqList[0].djyy"> 307 class="textArea"
308 type="textarea"
309 maxlength="500"
310 show-word-limit
311 :disabled="!viewEdit"
312 v-model="ruleForm.diyaqList[0].djyy"
313 >
194 </el-input> 314 </el-input>
195 </el-form-item> 315 </el-form-item>
196 </el-col> 316 </el-col>
...@@ -205,156 +325,166 @@ ...@@ -205,156 +325,166 @@
205 </div> 325 </div>
206 </template> 326 </template>
207 <script> 327 <script>
208 import qjhTable from "@/views/workflow/components/qjhTable"; 328 import qjhTable from "@/views/workflow/components/qjhTable";
209 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 329 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
210 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; 330 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
211 import { mapGetters } from "vuex"; 331 import { mapGetters } from "vuex";
212 export default { 332 export default {
213 mounted () { 333 mounted() {
214 this.viewEdit = this.$parent.currentSelectTab.ableOperation 334 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
215 this.propsParam = this.$attrs; 335 this.propsParam = this.$attrs;
216 var formdata = new FormData(); 336 var formdata = new FormData();
217 337
218 this.$startLoading(); 338 this.$startLoading();
219 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 339 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
220 formdata.append("djlx", this.propsParam.djlx); 340 formdata.append("djlx", this.propsParam.djlx);
221 formdata.append("isEdit", this.viewEdit); 341 formdata.append("isEdit", this.viewEdit);
222 bacthInit(formdata).then((res) => { 342 bacthInit(formdata).then((res) => {
223 this.$endLoading(); 343 this.$endLoading();
224 if (res.code === 200 && res.result) { 344 if (res.code === 200 && res.result) {
225 this.ruleForm = res.result; 345 this.ruleForm = res.result;
226 this.czrOptions = this.ruleForm.qlrList; 346 this.czrOptions = this.ruleForm.qlrList;
227 this.ruleForm.qlrList.forEach((item) => { 347 this.ruleForm.qlrList.forEach((item) => {
228 if (item.sfczr == 1) { 348 if (item.sfczr == 1) {
229 this.czr = item.sqrmc 349 this.czr = item.sqrmc;
230 } 350 }
231 }) 351 });
232 } else { 352 } else {
233 this.$message.error(res.message); 353 this.$message.error(res.message);
354 }
355 });
356 },
357 components: { qlrCommonTable, qjhTable },
358 computed: {
359 ...mapGetters(["dictData", "flag"]),
360 },
361 data() {
362 return {
363 //表单是否可操作
364 viewEdit: true,
365 disabled: true,
366 czrOptions: [],
367 czr: "",
368 ruleForm: {},
369 //传递参数
370 propsParam: {},
371 rules: {},
372 tableData: [],
373 };
374 },
375 methods: {
376 /**
377 * @description: onSubmitClick
378 * @author: renchao
379 */
380 onSubmitClick() {
381 let that = this;
382 if (this.ruleForm.qlrList.length == 0) {
383 this.$message({
384 showClose: true,
385 message: "请确认抵押权人信息",
386 type: "error",
387 });
388 return false;
389 }
390 if (ruleForm.sldyList[0].gyfs == "0") {
391 if (this.ruleForm.qlrList.length > 1) {
392 this.$message({
393 showClose: true,
394 message: "共有方式：单独所有，权利人只能是一个人",
395 type: "error",
396 });
397 return false;
234 } 398 }
235 }) 399 this.ruleForm.qlrList[0].sfczr = "1";
236 }, 400 } else {
237 components: { qlrCommonTable, qjhTable }, 401 if (this.ruleForm.qlrList.length <= 1) {
238 computed: {
239 ...mapGetters(["dictData", "flag"]),
240 },
241 data () {
242 return {
243 //表单是否可操作
244 viewEdit: true,
245 disabled: true,
246 czrOptions: [],
247 czr: "",
248 ruleForm: {},
249 //传递参数
250 propsParam: {},
251 rules: {},
252 tableData: []
253 };
254 },
255 methods: {
256 /**
257 * @description: onSubmitClick
258 * @author: renchao
259 */
260 onSubmitClick () {
261 let that = this
262 if (this.ruleForm.qlrList.length == 0) {
263 this.$message({ 402 this.$message({
264 showClose: true, 403 showClose: true,
265 message: "请确认抵押权人信息", 404 message:
405 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
266 type: "error", 406 type: "error",
267 }); 407 });
268 return false; 408 return false;
269 } 409 }
270 if (ruleForm.sldyList[0].gyfs == "0") { 410 //是否分别持证
271 if (this.ruleForm.qlrList.length > 1) { 411 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
272 this.$message({ 412 //是
273 showClose: true, 413 this.ruleForm.qlrList.forEach((item, index) => {
274 message: "共有方式：单独所有，权利人只能是一个人", 414 item.sfczr = "1";
275 type: "error", 415 });
276 });
277 return false;
278 }
279 this.ruleForm.qlrList[0].sfczr = "1";
280 } else { 416 } else {
281 if (this.ruleForm.qlrList.length <= 1) { 417 if (!that.czr) {
282 this.$message({ 418 that.$message({
283 showClose: true, 419 showClose: true,
284 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 420 message: "请选择持证人",
285 type: "error", 421 type: "error",
286 }); 422 });
287 return false; 423 return false;
288 } 424 }
289 //是否分别持证 425 this.ruleForm.qlrList.forEach((item, index) => {
290 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 426 if (item.zjh == this.czr) {
291 //是
292 this.ruleForm.qlrList.forEach((item, index) => {
293 item.sfczr = "1"; 427 item.sfczr = "1";
294 }); 428 } else {
295 } else { 429 item.sfczr = "0";
296 if (!that.czr) {
297 that.$message({
298 showClose: true,
299 message: "请选择持证人",
300 type: "error",
301 });
302 return false;
303 } 430 }
304 this.ruleForm.qlrList.forEach((item, index) => { 431 });
305 if (item.zjh == this.czr) {
306 item.sfczr = "1";
307 } else {
308 item.sfczr = "0";
309 }
310 });
311 }
312 }
313 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
314 if (res.code === 200) {
315 this.$message({
316 showClose: true,
317 message: "保存成功！",
318 type: "success",
319 });
320 this.$store.dispatch('user/refreshPage', true);
321 } else {
322 this.$message({
323 showClose: true,
324 message: res.message,
325 type: "error",
326 });
327 }
328 });
329 },
330
331 // 更新权利人信息
332 /**
333 * @description: 更新权利人信息
334 * @param {*} val
335 * @author: renchao
336 */
337 upDateQlrxxList (val) {
338 if (!_.isEqual(val, this.ruleForm.qlrList)) {
339 this.ruleForm.qlrList = _.cloneDeep(val);
340 this.czrOptions = this.ruleForm.qlrList;
341 } 432 }
342 }, 433 }
343 // 更新义务人信息 434 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
344 /** 435 if (res.code === 200) {
345 * @description: 更新义务人信息 436 this.$message({
346 * @param {*} val 437 showClose: true,
347 * @author: renchao 438 message: "保存成功！",
348 */ 439 type: "success",
349 upDateYwrxxList (val) { 440 });
350 if (!_.isEqual(val, this.ruleForm.ywrList)) { 441 this.$store.dispatch("user/refreshPage", true);
351 this.ruleForm.ywrList = _.cloneDeep(val); 442 } else {
443 this.$message({
444 showClose: true,
445 message: res.message,
446 type: "error",
447 });
352 } 448 }
449 });
450 },
451 // 是否持证人变化
452 /**
453 * @description: 是否持证人变化
454 * @param {*} val
455 * @author: renchao
456 */
457 updaterow() {
458 this.czr = "";
459 },
460
461 // 更新权利人信息
462 /**
463 * @description: 更新权利人信息
464 * @param {*} val
465 * @author: renchao
466 */
467 upDateQlrxxList(val) {
468 if (!_.isEqual(val, this.ruleForm.qlrList)) {
469 this.ruleForm.qlrList = _.cloneDeep(val);
470 this.czrOptions = this.ruleForm.qlrList;
353 } 471 }
354 } 472 },
355 }; 473 // 更新义务人信息
474 /**
475 * @description: 更新义务人信息
476 * @param {*} val
477 * @author: renchao
478 */
479 upDateYwrxxList(val) {
480 if (!_.isEqual(val, this.ruleForm.ywrList)) {
481 this.ruleForm.ywrList = _.cloneDeep(val);
482 }
483 },
484 },
485 };
356 </script> 486 </script>
357 <style scoped lang='scss'> 487 <style scoped lang="scss">
358 @import "~@/styles/public.scss"; 488 @import "~@/styles/public.scss";
359 @import "~@/styles/slxx/slxx.scss"; 489 @import "~@/styles/slxx/slxx.scss";
360 </style> 490 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="140px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -56,7 +63,8 @@ ...@@ -56,7 +63,8 @@
56 placeholder="" 63 placeholder=""
57 :normalizer="normalizer" 64 :normalizer="normalizer"
58 :show-count="true" 65 :show-count="true"
59 :options="dictData['A17']" /> 66 :options="dictData['A17']"
67 />
60 </el-form-item> 68 </el-form-item>
61 </el-col> 69 </el-col>
62 <el-col :span="8"> 70 <el-col :span="8">
...@@ -121,8 +129,14 @@ ...@@ -121,8 +129,14 @@
121 </el-form-item> 129 </el-form-item>
122 </el-col> 130 </el-col>
123 <el-col :span="16"> 131 <el-col :span="16">
124 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 132 <el-form-item
125 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit"> 133 label="是否存在禁止或者限制转让抵押不动产的约定："
134 label-width="350px"
135 >
136 <el-radio-group
137 v-model="ruleForm.diyaq.sfczjzhxz"
138 :disabled="!viewEdit"
139 >
126 <el-radio label="1">启用</el-radio> 140 <el-radio label="1">启用</el-radio>
127 <el-radio label="0">禁用</el-radio> 141 <el-radio label="0">禁用</el-radio>
128 </el-radio-group> 142 </el-radio-group>
...@@ -133,9 +147,17 @@ ...@@ -133,9 +147,17 @@
133 <el-row :gutter="10"> 147 <el-row :gutter="10">
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 148 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
135 <el-form-item label="被担保主债权数额："> 149 <el-form-item label="被担保主债权数额：">
136 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit"></el-input> 150 <el-input
151 v-model="ruleForm.diyaq.bdbzzqse"
152 :disabled="!viewEdit"
153 ></el-input>
137 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 154 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
138 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 155 <el-option
156 v-for="item in dictData['A57']"
157 :key="item.dcode"
158 :label="item.dname"
159 :value="item.dcode"
160 >
139 </el-option> 161 </el-option>
140 </el-select> 162 </el-select>
141 </el-form-item> 163 </el-form-item>
...@@ -143,9 +165,17 @@ ...@@ -143,9 +165,17 @@
143 165
144 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 166 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
145 <el-form-item label="最高债权额："> 167 <el-form-item label="最高债权额：">
146 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit"></el-input> 168 <el-input
169 v-model="ruleForm.diyaq.zgzqse"
170 :disabled="!viewEdit"
171 ></el-input>
147 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 172 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
148 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 173 <el-option
174 v-for="item in dictData['A57']"
175 :key="item.dcode"
176 :label="item.dname"
177 :value="item.dcode"
178 >
149 </el-option> 179 </el-option>
150 </el-select> 180 </el-select>
151 </el-form-item> 181 </el-form-item>
...@@ -153,13 +183,21 @@ ...@@ -153,13 +183,21 @@
153 183
154 <el-col :span="8"> 184 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 185 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit" type="date"> 186 <el-date-picker
187 v-model="ruleForm.diyaq.zwlxqssj"
188 :disabled="!viewEdit"
189 type="date"
190 >
157 </el-date-picker> 191 </el-date-picker>
158 </el-form-item> 192 </el-form-item>
159 </el-col> 193 </el-col>
160 <el-col :span="8"> 194 <el-col :span="8">
161 <el-form-item label="债务履行结束时间："> 195 <el-form-item label="债务履行结束时间：">
162 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit" type="date"> 196 <el-date-picker
197 v-model="ruleForm.diyaq.zwlxjssj"
198 :disabled="!viewEdit"
199 type="date"
200 >
163 </el-date-picker> 201 </el-date-picker>
164 </el-form-item> 202 </el-form-item>
165 </el-col> 203 </el-col>
...@@ -168,22 +206,33 @@ ...@@ -168,22 +206,33 @@
168 <el-row> 206 <el-row>
169 <el-col :span="24"> 207 <el-col :span="24">
170 <el-form-item label="担保范围："> 208 <el-form-item label="担保范围：">
171 <el-input v-model="ruleForm.diyaq.dbfw" 209 <el-input
172 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 210 v-model="ruleForm.diyaq.dbfw"
211 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
212 ></el-input>
173 </el-form-item> 213 </el-form-item>
174 </el-col> 214 </el-col>
175 </el-row> 215 </el-row>
176 <el-row> 216 <el-row>
177 <el-col :span="24"> 217 <el-col :span="24">
178 <el-form-item label="最高债权确定事实和数额："> 218 <el-form-item label="最高债权确定事实和数额：">
179 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit"></el-input> 219 <el-input
220 v-model="ruleForm.diyaq.zgzqqdss"
221 :disabled="!viewEdit"
222 ></el-input>
180 </el-form-item> 223 </el-form-item>
181 </el-col> 224 </el-col>
182 </el-row> 225 </el-row>
183 <el-row> 226 <el-row>
184 <el-col> 227 <el-col>
185 <el-form-item label="附记：" prop="fj"> 228 <el-form-item label="附记：" prop="fj">
186 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit"></el-input> 229 <el-input
230 type="textarea"
231 maxlength="500"
232 show-word-limit
233 v-model="ruleForm.diyaq.fj"
234 :disabled="!viewEdit"
235 ></el-input>
187 </el-form-item> 236 </el-form-item>
188 </el-col> 237 </el-col>
189 </el-row> 238 </el-row>
...@@ -195,7 +244,10 @@ ...@@ -195,7 +244,10 @@
195 <el-row :gutter="10"> 244 <el-row :gutter="10">
196 <el-col :span="14"> 245 <el-col :span="14">
197 <el-form-item label="共有方式："> 246 <el-form-item label="共有方式：">
198 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 247 <el-radio-group
248 :disabled="!viewEdit"
249 v-model="ruleForm.sldy.gyfs"
250 >
199 <el-radio label="0">单独所有</el-radio> 251 <el-radio label="0">单独所有</el-radio>
200 <el-radio label="1">共同共有</el-radio> 252 <el-radio label="1">共同共有</el-radio>
201 <el-radio label="2">按份所有</el-radio> 253 <el-radio label="2">按份所有</el-radio>
...@@ -207,7 +259,9 @@ ...@@ -207,7 +259,9 @@
207 <el-form-item label="是否分别持证："> 259 <el-form-item label="是否分别持证：">
208 <el-radio-group 260 <el-radio-group
209 v-model="ruleForm.sldy.sqfbcz" 261 v-model="ruleForm.sldy.sqfbcz"
210 :disabled="!viewEdit"> 262 :disabled="!viewEdit"
263 @input="updaterow()"
264 >
211 <el-radio :label="1">是</el-radio> 265 <el-radio :label="1">是</el-radio>
212 <el-radio :label="0">否</el-radio> 266 <el-radio :label="0">否</el-radio>
213 </el-radio-group> 267 </el-radio-group>
...@@ -215,28 +269,40 @@ ...@@ -215,28 +269,40 @@
215 </el-col> 269 </el-col>
216 <el-col 270 <el-col
217 :span="6" 271 :span="6"
218 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 272 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
273 >
219 <el-form-item label="持证人："> 274 <el-form-item label="持证人：">
220 <el-select 275 <el-select
221 v-model="czr" 276 v-model="czr"
222 placeholder="持证人" 277 placeholder="持证人"
223 :disabled="!viewEdit"> 278 :disabled="!viewEdit"
279 >
224 <el-option 280 <el-option
225 v-for="item in czrOptions" 281 v-for="item in czrOptions"
226 :key="item.zjh" 282 :key="item.zjh"
227 :label="item.sqrmc" 283 :label="item.sqrmc"
228 :value="item.zjh"> 284 :value="item.zjh"
285 >
229 </el-option> 286 </el-option>
230 </el-select> 287 </el-select>
231 </el-form-item> 288 </el-form-item>
232 </el-col> 289 </el-col>
233 </el-row> 290 </el-row>
234 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" /> 291 <qlrCommonTable
292 :tableData="ruleForm.qlrList"
293 @upDateQlrxxList="upDateQlrxxList"
294 :disabled="viewEdit"
295 :gyfs="ruleForm.sldy.gyfs"
296 />
235 <div class="slxx_title title-block"> 297 <div class="slxx_title title-block">
236 抵押人信息 298 抵押人信息
237 <div class="triangle"></div> 299 <div class="triangle"></div>
238 </div> 300 </div>
239 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 301 <qlrCommonTable
302 :tableData="ruleForm.ywrList"
303 @upDateQlrxxList="upDateYwrxxList"
304 :disabled="viewEdit"
305 />
240 306
241 <div class="slxx_title title-block"> 307 <div class="slxx_title title-block">
242 登记原因 308 登记原因
...@@ -244,14 +310,28 @@ ...@@ -244,14 +310,28 @@
244 </div> 310 </div>
245 <el-row :gutter="10"> 311 <el-row :gutter="10">
246 <el-col> 312 <el-col>
247 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 313 <el-form-item
248 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 314 v-if="ruleForm.sldy.djlx == '400'"
249 v-model="ruleForm.diyaq.zxdyyy"> 315 label="注销抵押原因："
316 prop="djyy"
317 >
318 <el-input
319 class="textArea"
320 type="textarea"
321 :disabled="!viewEdit"
322 v-model="ruleForm.diyaq.zxdyyy"
323 >
250 </el-input> 324 </el-input>
251 </el-form-item> 325 </el-form-item>
252 <el-form-item v-else label="登记原因：" prop="djyy"> 326 <el-form-item v-else label="登记原因：" prop="djyy">
253 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit " 327 <el-input
254 v-model="ruleForm.diyaq.djyy"> 328 class="textArea"
329 type="textarea"
330 maxlength="500"
331 show-word-limit
332 :disabled="!viewEdit"
333 v-model="ruleForm.diyaq.djyy"
334 >
255 </el-input> 335 </el-input>
256 </el-form-item> 336 </el-form-item>
257 </el-col> 337 </el-col>
...@@ -266,167 +346,172 @@ ...@@ -266,167 +346,172 @@
266 </div> 346 </div>
267 </template> 347 </template>
268 <script> 348 <script>
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 349 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; 350 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
271 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
272 export default { 352 export default {
273 mounted () { 353 mounted() {
274 this.viewEdit = this.$parent.currentSelectTab.ableOperation 354 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
275 this.propsParam = this.$attrs; 355 this.propsParam = this.$attrs;
276 var formdata = new FormData(); 356 var formdata = new FormData();
277 this.$startLoading(); 357 this.$startLoading();
278 formdata.append("bsmSldy", this.propsParam.bsmSldy); 358 formdata.append("bsmSldy", this.propsParam.bsmSldy);
279 formdata.append("djlx", this.propsParam.djlx); 359 formdata.append("djlx", this.propsParam.djlx);
280 formdata.append("isEdit", this.viewEdit); 360 formdata.append("isEdit", this.viewEdit);
281 Init(formdata).then((res) => { 361 Init(formdata).then((res) => {
282 if (res.code === 200 && res.result) { 362 if (res.code === 200 && res.result) {
283 this.ruleForm = res.result; 363 this.ruleForm = res.result;
284 this.ruleForm.qlrList.forEach((item, index) => { 364 this.czrOptions = this.ruleForm.qlrList;
285 if (item.sfczr == 1) { 365 this.ruleForm.qlrList.forEach((item) => {
286 this.$set(this.ruleForm, "czr", item.zjh) 366 if (item.sfczr == 1) {
287 } 367 this.czr = item.sqrmc;
288 })
289 this.czrOptions = this.ruleForm.qlrList;
290 this.ruleForm.qlrList.forEach((item) => {
291 if(item.sfczr==1){
292 this.czr=item.sqrmc
293 }
294 })
295 this.$endLoading();
296 }
297 })
298 },
299 components: { qlrCommonTable },
300 computed: {
301 ...mapGetters(["dictData", "flag"]),
302 },
303 data () {
304 return {
305 //表单是否可操作
306 viewEdit: true,
307 disabled: true,
308 czrOptions: [],
309 czr:"",
310 ruleForm: {},
311 //传递参数
312 propsParam: {},
313 rules: {},
314 // 键名转换，方法默认是label和children进行树状渲染
315 normalizer (node) {
316 //方法
317 if (node.children == null || node.children == "null") {
318 delete node.children;
319 } 368 }
320 return { 369 });
321 id: node.dcode, 370 this.$endLoading();
322 label: node.dname, 371 }
323 }; 372 });
324 }, 373 },
325 }; 374 components: { qlrCommonTable },
326 }, 375 computed: {
327 methods: { 376 ...mapGetters(["dictData", "flag"]),
328 /** 377 },
329 * @description: onSubmitClick 378 data() {
330 * @author: renchao 379 return {
331 */ 380 //表单是否可操作
332 onSubmitClick () { 381 viewEdit: true,
333 let that = this 382 disabled: true,
334 if (this.ruleForm.qlrList.length == 0) { 383 czrOptions: [],
384 czr: "",
385 ruleForm: {},
386 //传递参数
387 propsParam: {},
388 rules: {},
389 // 键名转换，方法默认是label和children进行树状渲染
390 normalizer(node) {
391 //方法
392 if (node.children == null || node.children == "null") {
393 delete node.children;
394 }
395 return {
396 id: node.dcode,
397 label: node.dname,
398 };
399 },
400 };
401 },
402 methods: {
403 /**
404 * @description: onSubmitClick
405 * @author: renchao
406 */
407 onSubmitClick() {
408 let that = this;
409 if (this.ruleForm.qlrList.length == 0) {
410 this.$message({
411 showClose: true,
412 message: "请确认权利人信息",
413 type: "error",
414 });
415 return false;
416 }
417
418 if (this.ruleForm.sldy.gyfs == "0") {
419 if (this.ruleForm.qlrList.length > 1) {
335 this.$message({ 420 this.$message({
336 showClose: true, 421 showClose: true,
337 message: "请确认权利人信息", 422 message: "共有方式：单独所有，权利人只能是一个人",
338 type: "error", 423 type: "error",
339 }); 424 });
340 return false; 425 return false;
341 } 426 }
342 427 this.ruleForm.qlrList[0].sfczr = "1";
343 if (this.ruleForm.sldy.gyfs == "0") { 428 } else {
344 if (this.ruleForm.qlrList.length > 1) { 429 if (this.ruleForm.qlrList.length <= 1) {
345 this.$message({ 430 this.$message({
346 showClose: true, 431 showClose: true,
347 message: "共有方式：单独所有，权利人只能是一个人", 432 message:
348 type: "error", 433 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
349 }); 434 type: "error",
350 return false; 435 });
351 } 436 return false;
352 this.ruleForm.qlrList[0].sfczr = "1"; 437 }
438 //是否分别持证
439 if (this.ruleForm.sldy.sqfbcz == "1") {
440 //是
441 this.ruleForm.qlrList.forEach((item, index) => {
442 item.sfczr = "1";
443 });
353 } else { 444 } else {
354 if (this.ruleForm.qlrList.length <= 1) { 445 if (!that.czr) {
355 this.$message({ 446 that.$message({
356 showClose: true, 447 showClose: true,
357 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 448 message: "请选择持证人",
358 type: "error", 449 type: "error",
359 }); 450 });
360 return false; 451 return false;
361 } 452 }
362 //是否分别持证 453 this.ruleForm.qlrList.forEach((item, index) => {
363 if (this.ruleForm.sldy.sqfbcz == "1") { 454 if (item.zjh == this.czr) {
364 //是
365 this.ruleForm.qlrList.forEach((item, index) => {
366 item.sfczr = "1"; 455 item.sfczr = "1";
367 }); 456 } else {
368 } else { 457 item.sfczr = "0";
369 if (!that.czr) {
370 that.$message({
371 showClose: true,
372 message: "请选择持证人",
373 type: "error",
374 });
375 return false;
376 } 458 }
377 this.ruleForm.qlrList.forEach((item, index) => { 459 });
378 if (item.zjh == this.czr) {
379 item.sfczr = "1";
380 } else {
381 item.sfczr = "0";
382 }
383 });
384 }
385 }
386 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
387 if (res.code === 200) {
388 this.$message({
389 showClose: true,
390 message: "保存成功！",
391 type: "success",
392 });
393 this.$store.dispatch('user/refreshPage', true);
394 } else {
395 this.$message({
396 showClose: true,
397 message: res.message,
398 type: "error",
399 });
400 }
401 });
402 },
403
404 /**
405 * @description: 更新权利人信息
406 * @param {*} val
407 * @author: renchao
408 */
409 upDateQlrxxList (val) {
410 if (!_.isEqual(val, this.ruleForm.qlrList)) {
411 this.ruleForm.qlrList = _.cloneDeep(val);
412 this.czrOptions = this.ruleForm.qlrList
413 } 460 }
414 }, 461 }
415 // 更新义务人信息 462 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
416 /** 463 if (res.code === 200) {
417 * @description: 更新义务人信息 464 this.$message({
418 * @param {*} val 465 showClose: true,
419 * @author: renchao 466 message: "保存成功！",
420 */ 467 type: "success",
421 upDateYwrxxList (val) { 468 });
422 if (!_.isEqual(val, this.ruleForm.ywrList)) { 469 this.$store.dispatch("user/refreshPage", true);
423 this.ruleForm.ywrList = _.cloneDeep(val); 470 } else {
471 this.$message({
472 showClose: true,
473 message: res.message,
474 type: "error",
475 });
424 } 476 }
477 });
478 },
479
480 /**
481 * @description: 更新权利人信息
482 * @param {*} val
483 * @author: renchao
484 */
485 upDateQlrxxList(val) {
486 if (!_.isEqual(val, this.ruleForm.qlrList)) {
487 this.ruleForm.qlrList = _.cloneDeep(val);
488 this.czrOptions = this.ruleForm.qlrList;
425 } 489 }
426 } 490 },
427 }; 491 // 是否持证人变化
492 /**
493 * @description: 是否持证人变化
494 * @param {*} val
495 * @author: renchao
496 */
497 updaterow() {
498 this.czr = "";
499 },
500 // 更新义务人信息
501 /**
502 * @description: 更新义务人信息
503 * @param {*} val
504 * @author: renchao
505 */
506 upDateYwrxxList(val) {
507 if (!_.isEqual(val, this.ruleForm.ywrList)) {
508 this.ruleForm.ywrList = _.cloneDeep(val);
509 }
510 },
511 },
512 };
428 </script> 513 </script>
429 <style scoped lang='scss'> 514 <style scoped lang="scss">
430 @import "~@/styles/public.scss"; 515 @import "~@/styles/public.scss";
431 @import "~@/styles/slxx/slxx.scss"; 516 @import "~@/styles/slxx/slxx.scss";
432 </style> 517 </style>
......