Skip to content

bdc / bdcdj-web

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

--no commit message

1 parent 29648765
Inline Side-by-side
Showing 18 changed files with 4934 additions and 3799 deletions
...@@ -6,8 +6,15 @@ ...@@ -6,8 +6,15 @@
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 9 <el-form
10 :inline="flag" label-width="180px"> 10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="180px"
17 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
13 受理信息 20 受理信息
...@@ -112,8 +119,16 @@ ...@@ -112,8 +119,16 @@
112 <el-row :gutter="10"> 119 <el-row :gutter="10">
113 <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'"> 120 <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'">
114 <el-form-item label="原不动产登记证明号："> 121 <el-form-item label="原不动产登记证明号：">
115 <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> 122 <el-input
116 <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> 123 v-if="ruleForm.sldy.djlx == '400'"
124 disabled
125 v-model="ruleForm.qlxx.bdcqzh"
126 ></el-input>
127 <el-input
128 v-else
129 disabled
130 v-model="ruleForm.ssQlxx.bdcqzh"
131 ></el-input>
117 </el-form-item> 132 </el-form-item>
118 </el-col> 133 </el-col>
119 <el-col :span="7"> 134 <el-col :span="7">
...@@ -125,8 +140,14 @@ ...@@ -125,8 +140,14 @@
125 </el-form-item> 140 </el-form-item>
126 </el-col> 141 </el-col>
127 <el-col :span="9"> 142 <el-col :span="9">
128 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 143 <el-form-item
129 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit|| isJfOperation"> 144 label="是否存在禁止或者限制转让抵押不动产的约定："
145 label-width="350px"
146 >
147 <el-radio-group
148 v-model="ruleForm.diyaq.sfczjzhxz"
149 :disabled="!viewEdit || isJfOperation"
150 >
130 <el-radio label="1">启用</el-radio> 151 <el-radio label="1">启用</el-radio>
131 <el-radio label="0">禁用</el-radio> 152 <el-radio label="0">禁用</el-radio>
132 </el-radio-group> 153 </el-radio-group>
...@@ -137,10 +158,22 @@ ...@@ -137,10 +158,22 @@
137 <el-row :gutter="10"> 158 <el-row :gutter="10">
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 159 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
139 <el-form-item label="被担保主债权数额："> 160 <el-form-item label="被担保主债权数额：">
140 <div style="display:flex"> 161 <div style="display: flex">
141 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit|| isJfOperation" style="width:500%"></el-input> 162 <el-input
142 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit|| isJfOperation"> 163 v-model="ruleForm.diyaq.bdbzzqse"
143 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 164 :disabled="!viewEdit || isJfOperation"
165 style="width: 500%"
166 ></el-input>
167 <el-select
168 v-model="ruleForm.diyaq.jedw"
169 :disabled="!viewEdit || isJfOperation"
170 >
171 <el-option
172 v-for="item in dictData['A57']"
173 :key="item.dcode"
174 :label="item.dname"
175 :value="item.dcode"
176 >
144 </el-option> 177 </el-option>
145 </el-select> 178 </el-select>
146 </div> 179 </div>
...@@ -149,19 +182,30 @@ ...@@ -149,19 +182,30 @@
149 182
150 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 183 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
151 <el-form-item label="最高债权额："> 184 <el-form-item label="最高债权额：">
152 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit|| isJfOperation"></el-input> 185 <el-input
186 v-model="ruleForm.diyaq.zgzqse"
187 :disabled="!viewEdit || isJfOperation"
188 ></el-input>
153 </el-form-item> 189 </el-form-item>
154 </el-col> 190 </el-col>
155 191
156 <el-col :span="8"> 192 <el-col :span="8">
157 <el-form-item label="债务履行起始时间："> 193 <el-form-item label="债务履行起始时间：">
158 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit|| isJfOperation" type="date"> 194 <el-date-picker
195 v-model="ruleForm.diyaq.zwlxqssj"
196 :disabled="!viewEdit || isJfOperation"
197 type="date"
198 >
159 </el-date-picker> 199 </el-date-picker>
160 </el-form-item> 200 </el-form-item>
161 </el-col> 201 </el-col>
162 <el-col :span="8"> 202 <el-col :span="8">
163 <el-form-item label="债务履行结束时间："> 203 <el-form-item label="债务履行结束时间：">
164 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit|| isJfOperation" type="date"> 204 <el-date-picker
205 v-model="ruleForm.diyaq.zwlxjssj"
206 :disabled="!viewEdit || isJfOperation"
207 type="date"
208 >
165 </el-date-picker> 209 </el-date-picker>
166 </el-form-item> 210 </el-form-item>
167 </el-col> 211 </el-col>
...@@ -169,22 +213,35 @@ ...@@ -169,22 +213,35 @@
169 <el-row> 213 <el-row>
170 <el-col :span="24"> 214 <el-col :span="24">
171 <el-form-item label="担保范围："> 215 <el-form-item label="担保范围：">
172 <el-input v-model="ruleForm.diyaq.dbfw" 216 <el-input
173 :disabled="ruleForm.sldy.djlx == '300'&& !viewEdit|| isJfOperation"></el-input> 217 v-model="ruleForm.diyaq.dbfw"
218 :disabled="
219 (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation
220 "
221 ></el-input>
174 </el-form-item> 222 </el-form-item>
175 </el-col> 223 </el-col>
176 </el-row> 224 </el-row>
177 <el-row> 225 <el-row>
178 <el-col :span="24"> 226 <el-col :span="24">
179 <el-form-item label="最高债权确定事实和数额："> 227 <el-form-item label="最高债权确定事实和数额：">
180 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit|| isJfOperation"></el-input> 228 <el-input
229 v-model="ruleForm.diyaq.zgzqqdss"
230 :disabled="!viewEdit || isJfOperation"
231 ></el-input>
181 </el-form-item> 232 </el-form-item>
182 </el-col> 233 </el-col>
183 </el-row> 234 </el-row>
184 <el-row> 235 <el-row>
185 <el-col> 236 <el-col>
186 <el-form-item label="附记：" prop="fj"> 237 <el-form-item label="附记：" prop="fj">
187 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit|| isJfOperation"></el-input> 238 <el-input
239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 v-model="ruleForm.diyaq.fj"
243 :disabled="!viewEdit || isJfOperation"
244 ></el-input>
188 </el-form-item> 245 </el-form-item>
189 </el-col> 246 </el-col>
190 </el-row> 247 </el-row>
...@@ -196,7 +253,10 @@ ...@@ -196,7 +253,10 @@
196 <el-row :gutter="10"> 253 <el-row :gutter="10">
197 <el-col :span="12"> 254 <el-col :span="12">
198 <el-form-item label="共有方式："> 255 <el-form-item label="共有方式：">
199 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 256 <el-radio-group
257 :disabled="!viewEdit"
258 v-model="ruleForm.sldy.gyfs"
259 >
200 <el-radio label="0">单独所有</el-radio> 260 <el-radio label="0">单独所有</el-radio>
201 <el-radio label="1">共同共有</el-radio> 261 <el-radio label="1">共同共有</el-radio>
202 <el-radio label="2">按份所有</el-radio> 262 <el-radio label="2">按份所有</el-radio>
...@@ -208,7 +268,9 @@ ...@@ -208,7 +268,9 @@
208 <el-form-item label="是否分别持证："> 268 <el-form-item label="是否分别持证：">
209 <el-radio-group 269 <el-radio-group
210 v-model="ruleForm.sldy.sqfbcz" 270 v-model="ruleForm.sldy.sqfbcz"
211 :disabled="!viewEdit"> 271 :disabled="!viewEdit"
272 @input="updaterow()"
273 >
212 <el-radio :label="1">是</el-radio> 274 <el-radio :label="1">是</el-radio>
213 <el-radio :label="0">否</el-radio> 275 <el-radio :label="0">否</el-radio>
214 </el-radio-group> 276 </el-radio-group>
...@@ -216,29 +278,40 @@ ...@@ -216,29 +278,40 @@
216 </el-col> 278 </el-col>
217 <el-col 279 <el-col
218 :span="6" 280 :span="6"
219 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 281 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
282 >
220 <el-form-item label="持证人："> 283 <el-form-item label="持证人：">
221 <el-select 284 <el-select
222 v-model="czr" 285 v-model="czr"
223 placeholder="持证人" 286 placeholder="持证人"
224 :disabled="!viewEdit"> 287 :disabled="!viewEdit"
288 >
225 <el-option 289 <el-option
226 v-for="item in czrOptions" 290 v-for="item in czrOptions"
227 :key="item.zjh" 291 :key="item.zjh"
228 :label="item.sqrmc" 292 :label="item.sqrmc"
229 :value="item.zjh"> 293 :value="item.zjh"
294 >
230 </el-option> 295 </el-option>
231 </el-select> 296 </el-select>
232 </el-form-item> 297 </el-form-item>
233 </el-col> 298 </el-col>
234 </el-row> 299 </el-row>
235 <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="viewEdit" @upDateQlrxxList="upDateQlrxxList" 300 <qlrCommonTable
236 :gyfs="ruleForm.sldy.gyfs" /> 301 :tableData="ruleForm.qlrList"
302 :disabled="viewEdit"
303 @upDateQlrxxList="upDateQlrxxList"
304 :gyfs="ruleForm.sldy.gyfs"
305 />
237 <div class="slxx_title title-block"> 306 <div class="slxx_title title-block">
238 抵押人信息 307 抵押人信息
239 <div class="triangle"></div> 308 <div class="triangle"></div>
240 </div> 309 </div>
241 <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="viewEdit" @upDateQlrxxList="upDateYwrxxList" /> 310 <qlrCommonTable
311 :tableData="ruleForm.ywrList"
312 :disabled="viewEdit"
313 @upDateQlrxxList="upDateYwrxxList"
314 />
242 315
243 <div class="slxx_title title-block"> 316 <div class="slxx_title title-block">
244 登记原因 317 登记原因
...@@ -246,19 +319,32 @@ ...@@ -246,19 +319,32 @@
246 </div> 319 </div>
247 <el-row :gutter="10"> 320 <el-row :gutter="10">
248 <el-col> 321 <el-col>
249 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 322 <el-form-item
250 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 323 v-if="ruleForm.sldy.djlx == '400'"
251 v-model="ruleForm.diyaq.zxdyyy"> 324 label="注销抵押原因："
325 prop="djyy"
326 >
327 <el-input
328 class="textArea"
329 type="textarea"
330 :disabled="!viewEdit"
331 v-model="ruleForm.diyaq.zxdyyy"
332 >
252 </el-input> 333 </el-input>
253 </el-form-item> 334 </el-form-item>
254 <el-form-item v-else label="登记原因：" prop="djyy"> 335 <el-form-item v-else label="登记原因：" prop="djyy">
255 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 336 <el-input
256 v-model="ruleForm.diyaq.djyy"> 337 class="textArea"
338 type="textarea"
339 maxlength="500"
340 show-word-limit
341 :disabled="!viewEdit"
342 v-model="ruleForm.diyaq.djyy"
343 >
257 </el-input> 344 </el-input>
258 </el-form-item> 345 </el-form-item>
259 </el-col> 346 </el-col>
260 </el-row> 347 </el-row>
261
262 </div> 348 </div>
263 <el-row class="btn" v-if="viewEdit"> 349 <el-row class="btn" v-if="viewEdit">
264 <el-form-item> 350 <el-form-item>
...@@ -269,160 +355,170 @@ ...@@ -269,160 +355,170 @@
269 </div> 355 </div>
270 </template> 356 </template>
271 <script> 357 <script>
272 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 358 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
273 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 359 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
274 import { mapGetters } from "vuex"; 360 import { mapGetters } from "vuex";
275 export default { 361 export default {
276 mounted () { 362 mounted() {
277 this.viewEdit = this.$parent.currentSelectTab.ableOperation 363 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
278 this.propsParam = this.$attrs; 364 this.propsParam = this.$attrs;
279 var formdata = new FormData(); 365 var formdata = new FormData();
280 if (this.propsParam.djlx == '400') { 366 if (this.propsParam.djlx == "400") {
281 this.isJfOperation = true; 367 this.isJfOperation = true;
368 }
369 this.$startLoading();
370 formdata.append("bsmSldy", this.propsParam.bsmSldy);
371 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
372 formdata.append("djlx", this.propsParam.djlx);
373 formdata.append("isEdit", this.viewEdit);
374 Init(formdata).then((res) => {
375 if (res.code === 200 && res.result) {
376 this.ruleForm = res.result;
377 this.czrOptions = this.ruleForm.qlrList;
378 this.ruleForm.diyaq.sfczjzhxz = "0";
282 } 379 }
283 this.$startLoading(); 380 this.ruleForm.qlrList.forEach((item) => {
284 formdata.append("bsmSldy", this.propsParam.bsmSldy); 381 if (item.sfczr == 1) {
285 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 382 this.czr = item.sqrmc;
286 formdata.append("djlx", this.propsParam.djlx);
287 formdata.append("isEdit", this.viewEdit);
288 Init(formdata).then((res) => {
289 if (res.code === 200 && res.result) {
290 this.ruleForm = res.result;
291 this.czrOptions = this.ruleForm.qlrList;
292 this.ruleForm.diyaq.sfczjzhxz = "0";
293 } 383 }
294 this.ruleForm.qlrList.forEach((item) => { 384 });
295 if(item.sfczr==1){ 385 this.$endLoading();
296 this.czr=item.sqrmc 386 });
297 } 387 },
298 }) 388 components: { qlrCommonTable },
299 this.$endLoading(); 389 computed: {
300 }) 390 ...mapGetters(["dictData", "flag"]),
301 }, 391 },
302 components: { qlrCommonTable }, 392 data() {
303 computed: { 393 return {
304 ...mapGetters(["dictData", "flag"]), 394 //表单是否可操作
305 }, 395 viewEdit: true,
306 data () { 396 disabled: true,
307 return { 397 czrOptions: [],
308 //表单是否可操作 398 czr: "",
309 viewEdit: true, 399 ruleForm: {
310 disabled: true, 400 slsq: {},
311 czrOptions: [], 401 ssQlxx: {},
312 czr:"", 402 diyaq: {},
313 ruleForm: { 403 gyfs: "",
314 slsq: {}, 404 },
315 ssQlxx: {}, 405 isJfOperation: false,
316 diyaq: {}, 406 //传递参数
317 gyfs: "", 407 propsParam: {},
318 }, 408 rules: {},
319 isJfOperation: false, 409 };
320 //传递参数 410 },
321 propsParam: {}, 411 methods: {
322 rules: {}, 412 /**
323 }; 413 * @description: onSubmitClick
324 }, 414 * @author: renchao
325 methods: { 415 */
326 /** 416 onSubmitClick() {
327 * @description: onSubmitClick 417 let that = this;
328 * @author: renchao 418 if (this.ruleForm.qlrList.length == 0) {
329 */ 419 this.$message({
330 onSubmitClick () { 420 showClose: true,
331 let that = this 421 message: "请确认抵押权人信息",
332 if (this.ruleForm.qlrList.length == 0) { 422 type: "error",
423 });
424 return false;
425 }
426 if (this.ruleForm.sldy.gyfs == "0") {
427 if (this.ruleForm.qlrList.length > 1) {
333 this.$message({ 428 this.$message({
334 showClose: true, 429 showClose: true,
335 message: "请确认抵押权人信息", 430 message: "共有方式：单独所有，权利人只能是一个人",
336 type: "error", 431 type: "error",
337 }); 432 });
338 return false; 433 return false;
339 } 434 }
340 if (this.ruleForm.sldy.gyfs == "0") { 435 this.ruleForm.qlrList[0].sfczr = "1";
341 if (this.ruleForm.qlrList.length > 1) { 436 } else {
342 this.$message({ 437 if (this.ruleForm.qlrList.length <= 1) {
343 showClose: true, 438 this.$message({
344 message: "共有方式：单独所有，权利人只能是一个人", 439 showClose: true,
345 type: "error", 440 message:
346 }); 441 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
347 return false; 442 type: "error",
348 } 443 });
349 this.ruleForm.qlrList[0].sfczr = "1"; 444 return false;
445 }
446 //是否分别持证
447 if (this.ruleForm.sldy.sqfbcz == "1") {
448 //是
449 this.ruleForm.qlrList.forEach((item, index) => {
450 item.sfczr = "1";
451 });
350 } else { 452 } else {
351 if (this.ruleForm.qlrList.length <= 1) { 453 if (!that.czr) {
352 this.$message({ 454 that.$message({
353 showClose: true, 455 showClose: true,
354 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 456 message: "请选择持证人",
355 type: "error", 457 type: "error",
356 }); 458 });
357 return false; 459 return false;
358 } 460 }
359 //是否分别持证 461 this.ruleForm.qlrList.forEach((item, index) => {
360 if (this.ruleForm.sldy.sqfbcz == "1") { 462 if (item.zjh == this.czr) {
361 //是
362 this.ruleForm.qlrList.forEach((item, index) => {
363 item.sfczr = "1"; 463 item.sfczr = "1";
364 }); 464 } else {
365 } else { 465 item.sfczr = "0";
366 if (!that.czr) {
367 that.$message({
368 showClose: true,
369 message: "请选择持证人",
370 type: "error",
371 });
372 return false;
373 } 466 }
374 this.ruleForm.qlrList.forEach((item, index) => { 467 });
375 if (item.zjh == this.czr) {
376 item.sfczr = "1";
377 } else {
378 item.sfczr = "0";
379 }
380 });
381 }
382 } 468 }
469 }
383 470
384 saveData(this.ruleForm, this.propsParam.djlx).then((res) => { 471 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
385 if (res.code === 200) { 472 if (res.code === 200) {
386 this.$message({ 473 this.$message({
387 showClose: true, 474 showClose: true,
388 message: "保存成功！", 475 message: "保存成功！",
389 type: "success", 476 type: "success",
390 }); 477 });
391 this.$store.dispatch('user/refreshPage', true); 478 this.$store.dispatch("user/refreshPage", true);
392 } else { 479 } else {
393 this.$message({ 480 this.$message({
394 showClose: true, 481 showClose: true,
395 message: res.message, 482 message: res.message,
396 type: "error", 483 type: "error",
397 }); 484 });
398 }
399 });
400 },
401 /**
402 * @description: 更新权利人信息
403 * @param {*} val
404 * @author: renchao
405 */
406 upDateQlrxxList (val) {
407 if (!_.isEqual(val, this.ruleForm.qlrList)) {
408 this.ruleForm.qlrList = _.cloneDeep(val);
409 this.czrOptions = this.ruleForm.qlrList;
410 }
411 },
412 /**
413 * @description: 更新义务人信息
414 * @param {*} val
415 * @author: renchao
416 */
417 upDateYwrxxList (val) {
418 if (!_.isEqual(val, this.ruleForm.ywrList)) {
419 this.ruleForm.ywrList = _.cloneDeep(val);
420 } 485 }
486 });
487 },
488 /**
489 * @description: 更新权利人信息
490 * @param {*} val
491 * @author: renchao
492 */
493 upDateQlrxxList(val) {
494 if (!_.isEqual(val, this.ruleForm.qlrList)) {
495 this.ruleForm.qlrList = _.cloneDeep(val);
496 this.czrOptions = this.ruleForm.qlrList;
421 } 497 }
422 } 498 },
423 }; 499 // 是否持证人变化
500 /**
501 * @description: 是否持证人变化
502 * @param {*} val
503 * @author: renchao
504 */
505 updaterow() {
506 this.czr = "";
507 },
508 /**
509 * @description: 更新义务人信息
510 * @param {*} val
511 * @author: renchao
512 */
513 upDateYwrxxList(val) {
514 if (!_.isEqual(val, this.ruleForm.ywrList)) {
515 this.ruleForm.ywrList = _.cloneDeep(val);
516 }
517 },
518 },
519 };
424 </script> 520 </script>
425 <style scoped lang='scss'> 521 <style scoped lang="scss">
426 @import "~@/styles/public.scss"; 522 @import "~@/styles/public.scss";
427 @import "~@/styles/slxx/slxx.scss"; 523 @import "~@/styles/slxx/slxx.scss";
428 </style> 524 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="120px"> 14 label-width="120px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -77,12 +78,17 @@ ...@@ -77,12 +78,17 @@
77 <el-form-item label="宗地面积："> 78 <el-form-item label="宗地面积：">
78 <div class="flex"> 79 <div class="flex">
79 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 80 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
80 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%"> 81 <el-select
82 disabled
83 v-model="ruleForm.zdjbxx.mjdw"
84 style="width: 20%"
85 >
81 <el-option 86 <el-option
82 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
83 :key="item.dcode" 88 :key="item.dcode"
84 :label="item.dname" 89 :label="item.dname"
85 :value="item.dcode"></el-option> 90 :value="item.dcode"
91 ></el-option>
86 </el-select> 92 </el-select>
87 </div> 93 </div>
88 </el-form-item> 94 </el-form-item>
...@@ -116,13 +122,15 @@ ...@@ -116,13 +122,15 @@
116 <el-input 122 <el-input
117 v-model="ruleForm.fdcq1.fdcjyjg" 123 v-model="ruleForm.fdcq1.fdcjyjg"
118 style="width: 500%" 124 style="width: 500%"
119 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 125 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
126 ></el-input>
120 <el-select v-model="ruleForm.fdcq1.jedw"> 127 <el-select v-model="ruleForm.fdcq1.jedw">
121 <el-option 128 <el-option
122 v-for="item in dictData['A57']" 129 v-for="item in dictData['A57']"
123 :key="item.dcode" 130 :key="item.dcode"
124 :label="item.dname" 131 :label="item.dname"
125 :value="item.dcode"></el-option> 132 :value="item.dcode"
133 ></el-option>
126 </el-select> 134 </el-select>
127 </div> 135 </div>
128 </el-form-item> 136 </el-form-item>
...@@ -131,7 +139,12 @@ ...@@ -131,7 +139,12 @@
131 <el-row :gutter="10"> 139 <el-row :gutter="10">
132 <el-col :span="24"> 140 <el-col :span="24">
133 <el-form-item label="附记："> 141 <el-form-item label="附记：">
134 <el-input v-model="ruleForm.fdcq1.fj" type="textarea" maxlength="500" show-word-limit></el-input> 142 <el-input
143 v-model="ruleForm.fdcq1.fj"
144 type="textarea"
145 maxlength="500"
146 show-word-limit
147 ></el-input>
135 </el-form-item> 148 </el-form-item>
136 </el-col> 149 </el-col>
137 </el-row> 150 </el-row>
...@@ -141,7 +154,8 @@ ...@@ -141,7 +154,8 @@
141 <fdcqxmTable 154 <fdcqxmTable
142 :ableOperation="viewEdit" 155 :ableOperation="viewEdit"
143 :tableData="ruleForm.fdcqxm" 156 :tableData="ruleForm.fdcqxm"
144 @updateFdcwxmList="updateFdcwxmList" /> 157 @updateFdcwxmList="updateFdcwxmList"
158 />
145 <div class="slxx_title title-block"> 159 <div class="slxx_title title-block">
146 土地用途 160 土地用途
147 <div class="triangle"></div> 161 <div class="triangle"></div>
...@@ -149,7 +163,8 @@ ...@@ -149,7 +163,8 @@
149 <tdytTable 163 <tdytTable
150 :ableOperation="viewEdit" 164 :ableOperation="viewEdit"
151 :tableData="ruleForm.tdytqxList" 165 :tableData="ruleForm.tdytqxList"
152 @upDateTdytxxList="upDateTdytxxList" /> 166 @upDateTdytxxList="upDateTdytxxList"
167 />
153 <div class="slxx_title title-block"> 168 <div class="slxx_title title-block">
154 权利人信息 169 权利人信息
155 <div class="triangle"></div> 170 <div class="triangle"></div>
...@@ -160,7 +175,8 @@ ...@@ -160,7 +175,8 @@
160 <el-radio-group 175 <el-radio-group
161 :disabled="!viewEdit" 176 :disabled="!viewEdit"
162 @change="showCZInfo" 177 @change="showCZInfo"
163 v-model="ruleForm.sldy.gyfs"> 178 v-model="ruleForm.sldy.gyfs"
179 >
164 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
165 <el-radio label="1">共同共有</el-radio> 181 <el-radio label="1">共同共有</el-radio>
166 <el-radio label="2">按份所有</el-radio> 182 <el-radio label="2">按份所有</el-radio>
...@@ -170,20 +186,32 @@ ...@@ -170,20 +186,32 @@
170 </el-col> 186 </el-col>
171 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> 187 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
172 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
173 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 189 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"
192 @input="updaterow()"
193 >
174 <el-radio :label="1">是</el-radio> 194 <el-radio :label="1">是</el-radio>
175 <el-radio :label="0">否</el-radio> 195 <el-radio :label="0">否</el-radio>
176 </el-radio-group> 196 </el-radio-group>
177 </el-form-item> 197 </el-form-item>
178 </el-col> 198 </el-col>
179 <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 199 <el-col
200 :span="5"
201 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
202 >
180 <el-form-item label="持证人1："> 203 <el-form-item label="持证人1：">
181 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 204 <el-select
205 v-model="czr"
206 placeholder="持证人"
207 :disabled="!viewEdit"
208 >
182 <el-option 209 <el-option
183 v-for="item in czrOptions" 210 v-for="item in czrOptions"
184 :key="item.zjh" 211 :key="item.zjh"
185 :label="item.sqrmc" 212 :label="item.sqrmc"
186 :value="item.zjh"></el-option> 213 :value="item.zjh"
214 ></el-option>
187 </el-select> 215 </el-select>
188 </el-form-item> 216 </el-form-item>
189 </el-col> 217 </el-col>
...@@ -192,7 +220,8 @@ ...@@ -192,7 +220,8 @@
192 @upDateQlrxxList="upDateQlrxxList" 220 @upDateQlrxxList="upDateQlrxxList"
193 :disabled="viewEdit" 221 :disabled="viewEdit"
194 :tableData="ruleForm.qlrList" 222 :tableData="ruleForm.qlrList"
195 :gyfs="ruleForm.sldy.gyfs" /> 223 :gyfs="ruleForm.sldy.gyfs"
224 />
196 225
197 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 226 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
198 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
...@@ -204,7 +233,8 @@ ...@@ -204,7 +233,8 @@
204 :disabled="viewEdit" 233 :disabled="viewEdit"
205 @upDateQlrxxList="upDateYwrxxList" 234 @upDateQlrxxList="upDateYwrxxList"
206 :tableData="ruleForm.ywrList" 235 :tableData="ruleForm.ywrList"
207 :gyfs="ruleForm.qlxx.gyfs" /> 236 :gyfs="ruleForm.qlxx.gyfs"
237 />
208 </div> 238 </div>
209 <div class="slxx_title title-block"> 239 <div class="slxx_title title-block">
210 登记原因 240 登记原因
...@@ -219,7 +249,8 @@ ...@@ -219,7 +249,8 @@
219 maxlength="500" 249 maxlength="500"
220 show-word-limit 250 show-word-limit
221 :disabled="!viewEdit" 251 :disabled="!viewEdit"
222 v-model="ruleForm.fdcq1.djyy"></el-input> 252 v-model="ruleForm.fdcq1.djyy"
253 ></el-input>
223 </el-form-item> 254 </el-form-item>
224 </el-col> 255 </el-col>
225 </el-row> 256 </el-row>
...@@ -234,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>
......
...@@ -5,8 +5,14 @@ ...@@ -5,8 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -75,12 +81,14 @@ ...@@ -75,12 +81,14 @@
75 <el-select 81 <el-select
76 disabled 82 disabled
77 v-model="ruleForm.zdjbxx.mjdw" 83 v-model="ruleForm.zdjbxx.mjdw"
78 style="width: 68px"> 84 style="width: 68px"
85 >
79 <el-option 86 <el-option
80 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
81 :key="item.dcode" 88 :key="item.dcode"
82 :label="item.dname" 89 :label="item.dname"
83 :value="item.dcode"> 90 :value="item.dcode"
91 >
84 </el-option> 92 </el-option>
85 </el-select> 93 </el-select>
86 </div> 94 </div>
...@@ -101,7 +109,8 @@ ...@@ -101,7 +109,8 @@
101 :normalizer="normalizer" 109 :normalizer="normalizer"
102 :default-expand-level="1" 110 :default-expand-level="1"
103 :show-count="true" 111 :show-count="true"
104 :options="dictData['A9']" /> 112 :options="dictData['A9']"
113 />
105 </el-form-item> 114 </el-form-item>
106 </el-col> 115 </el-col>
107 </el-row> 116 </el-row>
...@@ -109,17 +118,18 @@ ...@@ -109,17 +118,18 @@
109 <el-col :span="8"> 118 <el-col :span="8">
110 <el-form-item label="独用土地面积："> 119 <el-form-item label="独用土地面积：">
111 <div class="flex"> 120 <div class="flex">
112 <el-input v-model="ruleForm.fdcq2.dytdmj" :disabled="!viewEdit" 121 <el-input
113 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 122 v-model="ruleForm.fdcq2.dytdmj"
114 <el-select 123 :disabled="!viewEdit"
115 disabled 124 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
116 v-model="mjdw" 125 ></el-input>
117 style="width: 68px"> 126 <el-select disabled v-model="mjdw" style="width: 68px">
118 <el-option 127 <el-option
119 v-for="item in dictData['A7']" 128 v-for="item in dictData['A7']"
120 :key="item.dcode" 129 :key="item.dcode"
121 :label="item.dname" 130 :label="item.dname"
122 :value="item.dcode"> 131 :value="item.dcode"
132 >
123 </el-option> 133 </el-option>
124 </el-select> 134 </el-select>
125 </div> 135 </div>
...@@ -128,17 +138,18 @@ ...@@ -128,17 +138,18 @@
128 <el-col :span="8"> 138 <el-col :span="8">
129 <el-form-item label="分摊土地面积："> 139 <el-form-item label="分摊土地面积：">
130 <div class="flex"> 140 <div class="flex">
131 <el-input v-model="ruleForm.fdcq2.fttdmj" :disabled="!viewEdit" 141 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 142 v-model="ruleForm.fdcq2.fttdmj"
133 <el-select 143 :disabled="!viewEdit"
134 disabled 144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 145 ></el-input>
136 style="width: 68px"> 146 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 147 <el-option
138 v-for="item in dictData['A7']" 148 v-for="item in dictData['A7']"
139 :key="item.dcode" 149 :key="item.dcode"
140 :label="item.dname" 150 :label="item.dname"
141 :value="item.dcode"> 151 :value="item.dcode"
152 >
142 </el-option> 153 </el-option>
143 </el-select> 154 </el-select>
144 </div> 155 </div>
...@@ -151,7 +162,8 @@ ...@@ -151,7 +162,8 @@
151 v-for="item in dictData['A19']" 162 v-for="item in dictData['A19']"
152 :key="item.dcode" 163 :key="item.dcode"
153 :label="item.dname" 164 :label="item.dname"
154 :value="item.dcode"> 165 :value="item.dcode"
166 >
155 </el-option> 167 </el-option>
156 </el-select> 168 </el-select>
157 </el-form-item> 169 </el-form-item>
...@@ -167,8 +179,8 @@ ...@@ -167,8 +179,8 @@
167 placeholder="" 179 placeholder=""
168 :normalizer="normalizer" 180 :normalizer="normalizer"
169 :show-count="true" 181 :show-count="true"
170 :options="dictData['A17']" /> 182 :options="dictData['A17']"
171 183 />
172 </el-form-item> 184 </el-form-item>
173 </el-col> 185 </el-col>
174 <el-col :span="8"> 186 <el-col :span="8">
...@@ -178,7 +190,8 @@ ...@@ -178,7 +190,8 @@
178 v-for="item in dictData['A46']" 190 v-for="item in dictData['A46']"
179 :key="item.dcode" 191 :key="item.dcode"
180 :label="item.dname" 192 :label="item.dname"
181 :value="item.dcode"> 193 :value="item.dcode"
194 >
182 </el-option> 195 </el-option>
183 </el-select> 196 </el-select>
184 </el-form-item> 197 </el-form-item>
...@@ -191,19 +204,27 @@ ...@@ -191,19 +204,27 @@
191 type="date" 204 type="date"
192 placeholder="选择日期" 205 placeholder="选择日期"
193 value-format="yyyy-MM-dd" 206 value-format="yyyy-MM-dd"
194 :disabled="!viewEdit"></el-date-picker> 207 :disabled="!viewEdit"
208 ></el-date-picker>
195 </el-form-item> 209 </el-form-item>
196 </el-col> 210 </el-col>
197 </el-row> 211 </el-row>
198 <el-row :gutter="10" v-if="ruleForm.qlxx"> 212 <el-row :gutter="10" v-if="ruleForm.qlxx">
199 <el-col :span="8"> 213 <el-col :span="8">
200 <el-form-item label="所在层："> 214 <el-form-item label="所在层：">
201 <el-input v-model="ruleForm.fdcq2.szc" :disabled="!viewEdit"></el-input> 215 <el-input
216 v-model="ruleForm.fdcq2.szc"
217 :disabled="!viewEdit"
218 ></el-input>
202 </el-form-item> 219 </el-form-item>
203 </el-col> 220 </el-col>
204 <el-col :span="8"> 221 <el-col :span="8">
205 <el-form-item label="总层数："> 222 <el-form-item label="总层数：">
206 <el-input :disabled="!viewEdit" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 223 <el-input
224 :disabled="!viewEdit"
225 v-model.number="ruleForm.fdcq2.zcs"
226 oninput="value=value.replace(/[^0-9]/g,'')"
227 ></el-input>
207 </el-form-item> 228 </el-form-item>
208 </el-col> 229 </el-col>
209 <el-col :span="8"> 230 <el-col :span="8">
...@@ -213,13 +234,15 @@ ...@@ -213,13 +234,15 @@
213 v-model="ruleForm.fdcq2.fdcjyjg" 234 v-model="ruleForm.fdcq2.fdcjyjg"
214 style="width: 500%" 235 style="width: 500%"
215 :disabled="!viewEdit" 236 :disabled="!viewEdit"
216 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 237 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
238 ></el-input>
217 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> 239 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
218 <el-option 240 <el-option
219 v-for="item in dictData['A57']" 241 v-for="item in dictData['A57']"
220 :key="item.dcode" 242 :key="item.dcode"
221 :label="item.dname" 243 :label="item.dname"
222 :value="item.dcode"> 244 :value="item.dcode"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </div> 248 </div>
...@@ -230,17 +253,18 @@ ...@@ -230,17 +253,18 @@
230 <el-col :span="8"> 253 <el-col :span="8">
231 <el-form-item label="建筑面积："> 254 <el-form-item label="建筑面积：">
232 <div class="flex"> 255 <div class="flex">
233 <el-input v-model="ruleForm.fdcq2.jzmj" :disabled="!viewEdit" 256 <el-input
234 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 257 v-model="ruleForm.fdcq2.jzmj"
235 <el-select 258 :disabled="!viewEdit"
236 disabled 259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
237 v-model="mjdw" 260 ></el-input>
238 style="width: 68px"> 261 <el-select disabled v-model="mjdw" style="width: 68px">
239 <el-option 262 <el-option
240 v-for="item in dictData['A7']" 263 v-for="item in dictData['A7']"
241 :key="item.dcode" 264 :key="item.dcode"
242 :label="item.dname" 265 :label="item.dname"
243 :value="item.dcode"> 266 :value="item.dcode"
267 >
244 </el-option> 268 </el-option>
245 </el-select> 269 </el-select>
246 </div> 270 </div>
...@@ -249,17 +273,18 @@ ...@@ -249,17 +273,18 @@
249 <el-col :span="8"> 273 <el-col :span="8">
250 <el-form-item label="专有建筑面积："> 274 <el-form-item label="专有建筑面积：">
251 <div class="flex"> 275 <div class="flex">
252 <el-input v-model="ruleForm.fdcq2.zyjzmj" :disabled="!viewEdit" 276 <el-input
253 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 277 v-model="ruleForm.fdcq2.zyjzmj"
254 <el-select 278 :disabled="!viewEdit"
255 disabled 279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
256 v-model="mjdw" 280 ></el-input>
257 style="width: 68px"> 281 <el-select disabled v-model="mjdw" style="width: 68px">
258 <el-option 282 <el-option
259 v-for="item in dictData['A7']" 283 v-for="item in dictData['A7']"
260 :key="item.dcode" 284 :key="item.dcode"
261 :label="item.dname" 285 :label="item.dname"
262 :value="item.dcode"> 286 :value="item.dcode"
287 >
263 </el-option> 288 </el-option>
264 </el-select> 289 </el-select>
265 </div> 290 </div>
...@@ -268,17 +293,18 @@ ...@@ -268,17 +293,18 @@
268 <el-col :span="8"> 293 <el-col :span="8">
269 <el-form-item label="分摊建筑面积："> 294 <el-form-item label="分摊建筑面积：">
270 <div class="flex"> 295 <div class="flex">
271 <el-input v-model="ruleForm.fdcq2.ftjzmj" :disabled="!viewEdit" 296 <el-input
272 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 297 v-model="ruleForm.fdcq2.ftjzmj"
273 <el-select 298 :disabled="!viewEdit"
274 disabled 299 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
275 v-model="mjdw" 300 ></el-input>
276 style="width: 68px"> 301 <el-select disabled v-model="mjdw" style="width: 68px">
277 <el-option 302 <el-option
278 v-for="item in dictData['A7']" 303 v-for="item in dictData['A7']"
279 :key="item.dcode" 304 :key="item.dcode"
280 :label="item.dname" 305 :label="item.dname"
281 :value="item.dcode"> 306 :value="item.dcode"
307 >
282 </el-option> 308 </el-option>
283 </el-select> 309 </el-select>
284 </div> 310 </div>
...@@ -288,7 +314,13 @@ ...@@ -288,7 +314,13 @@
288 <el-row :gutter="10"> 314 <el-row :gutter="10">
289 <el-col :span="24"> 315 <el-col :span="24">
290 <el-form-item label="附记："> 316 <el-form-item label="附记：">
291 <el-input v-model="ruleForm.fdcq2.fj" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"></el-input> 317 <el-input
318 v-model="ruleForm.fdcq2.fj"
319 type="textarea"
320 maxlength="500"
321 show-word-limit
322 :disabled="!viewEdit"
323 ></el-input>
292 </el-form-item> 324 </el-form-item>
293 </el-col> 325 </el-col>
294 </el-row> 326 </el-row>
...@@ -299,7 +331,8 @@ ...@@ -299,7 +331,8 @@
299 <tdytTable 331 <tdytTable
300 :ableOperation="viewEdit" 332 :ableOperation="viewEdit"
301 :tableData="ruleForm.tdytqxList" 333 :tableData="ruleForm.tdytqxList"
302 @upDateTdytxxList="upDateTdytxxList" /> 334 @upDateTdytxxList="upDateTdytxxList"
335 />
303 <div class="slxx_title title-block"> 336 <div class="slxx_title title-block">
304 权利人信息 337 权利人信息
305 <div class="triangle"></div> 338 <div class="triangle"></div>
...@@ -307,8 +340,10 @@ ...@@ -307,8 +340,10 @@
307 <el-row :gutter="10"> 340 <el-row :gutter="10">
308 <el-col :span="12" v-if="ruleForm.qlxx"> 341 <el-col :span="12" v-if="ruleForm.qlxx">
309 <el-form-item label="共有方式："> 342 <el-form-item label="共有方式：">
310 <el-radio-group :disabled="!viewEdit" 343 <el-radio-group
311 v-model="ruleForm.sldy.gyfs"> 344 :disabled="!viewEdit"
345 v-model="ruleForm.sldy.gyfs"
346 >
312 <el-radio label="0">单独所有</el-radio> 347 <el-radio label="0">单独所有</el-radio>
313 <el-radio label="1">共同共有</el-radio> 348 <el-radio label="1">共同共有</el-radio>
314 <el-radio label="2">按份所有</el-radio> 349 <el-radio label="2">按份所有</el-radio>
...@@ -320,7 +355,9 @@ ...@@ -320,7 +355,9 @@
320 <el-form-item label="是否分别持证："> 355 <el-form-item label="是否分别持证：">
321 <el-radio-group 356 <el-radio-group
322 v-model="ruleForm.sldy.sqfbcz" 357 v-model="ruleForm.sldy.sqfbcz"
323 :disabled="!viewEdit"> 358 :disabled="!viewEdit"
359 @input="updaterow()"
360 >
324 <el-radio :label="1">是</el-radio> 361 <el-radio :label="1">是</el-radio>
325 <el-radio :label="0">否</el-radio> 362 <el-radio :label="0">否</el-radio>
326 </el-radio-group> 363 </el-radio-group>
...@@ -328,32 +365,43 @@ ...@@ -328,32 +365,43 @@
328 </el-col> 365 </el-col>
329 <el-col 366 <el-col
330 :span="6" 367 :span="6"
331 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 368 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
369 >
332 <el-form-item label="持证人："> 370 <el-form-item label="持证人：">
333 <el-select 371 <el-select
334 v-model="czr" 372 v-model="czr"
335 placeholder="持证人" 373 placeholder="持证人"
336 :disabled="!viewEdit"> 374 :disabled="!viewEdit"
375 >
337 <el-option 376 <el-option
338 v-for="item in czrOptions" 377 v-for="item in czrOptions"
339 :key="item.zjh" 378 :key="item.zjh"
340 :label="item.sqrmc" 379 :label="item.sqrmc"
341 :value="item.zjh"> 380 :value="item.zjh"
381 >
342 </el-option> 382 </el-option>
343 </el-select> 383 </el-select>
344 </el-form-item> 384 </el-form-item>
345 </el-col> 385 </el-col>
346 </el-row> 386 </el-row>
347 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 387 <qlrCommonTable
348 :gyfs="ruleForm.sldy.gyfs" /> 388 @upDateQlrxxList="upDateQlrxxList"
389 :tableData="ruleForm.qlrList"
390 :disabled="viewEdit"
391 :gyfs="ruleForm.sldy.gyfs"
392 />
349 393
350 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 394 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
351 <div class="slxx_title title-block"> 395 <div class="slxx_title title-block">
352 义务人信息 396 义务人信息
353 <div class="triangle"></div> 397 <div class="triangle"></div>
354 </div> 398 </div>
355 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 399 <qlrCommonTable
356 :gyfs="ruleForm.sldy.gyfs" /> 400 v-if="ruleForm.qlxx"
401 @upDateQlrxxList="upDateYwrxxList"
402 :tableData="ruleForm.ywrList"
403 :gyfs="ruleForm.sldy.gyfs"
404 />
357 </div> 405 </div>
358 <div class="slxx_title title-block"> 406 <div class="slxx_title title-block">
359 登记原因 407 登记原因
...@@ -362,8 +410,14 @@ ...@@ -362,8 +410,14 @@
362 <el-row :gutter="10"> 410 <el-row :gutter="10">
363 <el-col> 411 <el-col>
364 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> 412 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
365 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 413 <el-input
366 v-model="ruleForm.fdcq2.djyy"> 414 class="textArea"
415 type="textarea"
416 maxlength="500"
417 show-word-limit
418 :disabled="!viewEdit"
419 v-model="ruleForm.fdcq2.djyy"
420 >
367 </el-input> 421 </el-input>
368 </el-form-item> 422 </el-form-item>
369 </el-col> 423 </el-col>
...@@ -378,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>
......
...@@ -5,8 +5,14 @@ ...@@ -5,8 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -48,7 +54,8 @@ ...@@ -48,7 +54,8 @@
48 </el-row> 54 </el-row>
49 <div 55 <div
50 class="slxx_title title-block flex" 56 class="slxx_title title-block flex"
51 style="justify-content: space-between"> 57 style="justify-content: space-between"
58 >
52 不动产单元情况 59 不动产单元情况
53 <el-button @click="compare">变化情况对比+</el-button> 60 <el-button @click="compare">变化情况对比+</el-button>
54 </div> 61 </div>
...@@ -106,7 +113,11 @@ ...@@ -106,7 +113,11 @@
106 </el-col> 113 </el-col>
107 <el-col :span="8"> 114 <el-col :span="8">
108 <el-form-item label="总层数："> 115 <el-form-item label="总层数：">
109 <el-input disabled v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 116 <el-input
117 disabled
118 v-model.number="ruleForm.fdcq2.zcs"
119 oninput="value=value.replace(/[^0-9]/g,'')"
120 ></el-input>
110 </el-form-item> 121 </el-form-item>
111 </el-col> 122 </el-col>
112 <el-col :span="8"> 123 <el-col :span="8">
...@@ -119,17 +130,18 @@ ...@@ -119,17 +130,18 @@
119 <el-col :span="8"> 130 <el-col :span="8">
120 <el-form-item label="建筑面积："> 131 <el-form-item label="建筑面积：">
121 <div class="flex"> 132 <div class="flex">
122 <el-input disabled v-model="ruleForm.qlxx.mj" 133 <el-input
123 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
124 <el-select
125 disabled 134 disabled
126 v-model="mjdw" 135 v-model="ruleForm.qlxx.mj"
127 style="width: 68px"> 136 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
137 ></el-input>
138 <el-select disabled v-model="mjdw" style="width: 68px">
128 <el-option 139 <el-option
129 v-for="item in dictData['A7']" 140 v-for="item in dictData['A7']"
130 :key="item.dcode" 141 :key="item.dcode"
131 :label="item.dname" 142 :label="item.dname"
132 :value="item.dcode"> 143 :value="item.dcode"
144 >
133 </el-option> 145 </el-option>
134 </el-select> 146 </el-select>
135 </div> 147 </div>
...@@ -138,17 +150,18 @@ ...@@ -138,17 +150,18 @@
138 <el-col :span="8"> 150 <el-col :span="8">
139 <el-form-item label="专有建筑面积："> 151 <el-form-item label="专有建筑面积：">
140 <div class="flex"> 152 <div class="flex">
141 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" 153 <el-input
142 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
143 <el-select
144 disabled 154 disabled
145 v-model="mjdw" 155 v-model="ruleForm.fdcq2.zyjzmj"
146 style="width: 68px"> 156 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
157 ></el-input>
158 <el-select disabled v-model="mjdw" style="width: 68px">
147 <el-option 159 <el-option
148 v-for="item in dictData['A7']" 160 v-for="item in dictData['A7']"
149 :key="item.dcode" 161 :key="item.dcode"
150 :label="item.dname" 162 :label="item.dname"
151 :value="item.dcode"> 163 :value="item.dcode"
164 >
152 </el-option> 165 </el-option>
153 </el-select> 166 </el-select>
154 </div> 167 </div>
...@@ -157,17 +170,18 @@ ...@@ -157,17 +170,18 @@
157 <el-col :span="8"> 170 <el-col :span="8">
158 <el-form-item label="分摊建筑面积："> 171 <el-form-item label="分摊建筑面积：">
159 <div class="flex"> 172 <div class="flex">
160 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" 173 <el-input
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
162 <el-select
163 disabled 174 disabled
164 v-model="mjdw" 175 v-model="ruleForm.fdcq2.ftjzmj"
165 style="width: 68px"> 176 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
177 ></el-input>
178 <el-select disabled v-model="mjdw" style="width: 68px">
166 <el-option 179 <el-option
167 v-for="item in dictData['A7']" 180 v-for="item in dictData['A7']"
168 :key="item.dcode" 181 :key="item.dcode"
169 :label="item.dname" 182 :label="item.dname"
170 :value="item.dcode"> 183 :value="item.dcode"
184 >
171 </el-option> 185 </el-option>
172 </el-select> 186 </el-select>
173 </div> 187 </div>
...@@ -181,7 +195,8 @@ ...@@ -181,7 +195,8 @@
181 <tdytTable 195 <tdytTable
182 :ableOperation="viewEdit" 196 :ableOperation="viewEdit"
183 :tableData="ruleForm.tdytqxList" 197 :tableData="ruleForm.tdytqxList"
184 @upDateTdytxxList="upDateTdytxxList" /> 198 @upDateTdytxxList="upDateTdytxxList"
199 />
185 <div class="slxx_title title-block"> 200 <div class="slxx_title title-block">
186 权利人信息 201 权利人信息
187 <div class="triangle"></div> 202 <div class="triangle"></div>
...@@ -189,7 +204,10 @@ ...@@ -189,7 +204,10 @@
189 <el-row :gutter="10"> 204 <el-row :gutter="10">
190 <el-col :span="12"> 205 <el-col :span="12">
191 <el-form-item label="共有方式："> 206 <el-form-item label="共有方式：">
192 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 207 <el-radio-group
208 :disabled="!viewEdit"
209 v-model="ruleForm.sldy.gyfs"
210 >
193 <el-radio label="0">单独所有</el-radio> 211 <el-radio label="0">单独所有</el-radio>
194 <el-radio label="1">共同共有</el-radio> 212 <el-radio label="1">共同共有</el-radio>
195 <el-radio label="2">按份所有</el-radio> 213 <el-radio label="2">按份所有</el-radio>
...@@ -201,7 +219,9 @@ ...@@ -201,7 +219,9 @@
201 <el-form-item label="是否分别持证："> 219 <el-form-item label="是否分别持证：">
202 <el-radio-group 220 <el-radio-group
203 v-model="ruleForm.sldy.sqfbcz" 221 v-model="ruleForm.sldy.sqfbcz"
204 :disabled="!viewEdit"> 222 :disabled="!viewEdit"
223 @input="updaterow()"
224 >
205 <el-radio :label="1">是</el-radio> 225 <el-radio :label="1">是</el-radio>
206 <el-radio :label="0">否</el-radio> 226 <el-radio :label="0">否</el-radio>
207 </el-radio-group> 227 </el-radio-group>
...@@ -209,24 +229,31 @@ ...@@ -209,24 +229,31 @@
209 </el-col> 229 </el-col>
210 <el-col 230 <el-col
211 :span="6" 231 :span="6"
212 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 232 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
233 >
213 <el-form-item label="持证人："> 234 <el-form-item label="持证人：">
214 <el-select 235 <el-select
215 v-model="czr" 236 v-model="czr"
216 placeholder="持证人" 237 placeholder="持证人"
217 :disabled="!viewEdit"> 238 :disabled="!viewEdit"
239 >
218 <el-option 240 <el-option
219 v-for="item in czrOptions" 241 v-for="item in czrOptions"
220 :key="item.zjh" 242 :key="item.zjh"
221 :label="item.sqrmc" 243 :label="item.sqrmc"
222 :value="item.zjh"> 244 :value="item.zjh"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </el-form-item> 248 </el-form-item>
226 </el-col> 249 </el-col>
227 </el-row> 250 </el-row>
228 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!viewEdit" :tableData="ruleForm.qlrList" 251 <qlrCommonTable
229 :gyfs="ruleForm.sldy.gyfs" /> 252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="!viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs"
256 />
230 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
231 登记原因 258 登记原因
232 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -234,8 +261,14 @@ ...@@ -234,8 +261,14 @@
234 <el-row :gutter="10"> 261 <el-row :gutter="10">
235 <el-col> 262 <el-col>
236 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> 263 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
237 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 264 <el-input
238 v-model="ruleForm.fdcq2.djyy"> 265 class="textArea"
266 type="textarea"
267 maxlength="500"
268 show-word-limit
269 :disabled="!viewEdit"
270 v-model="ruleForm.fdcq2.djyy"
271 >
239 </el-input> 272 </el-input>
240 </el-form-item> 273 </el-form-item>
241 </el-col> 274 </el-col>
...@@ -250,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>
......
...@@ -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,292 +232,301 @@ ...@@ -207,292 +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.czrOptions = this.ruleForm.qlrList;
285 this.gyfs = this.ruleForm.sldyList[0].gyfs;
286 this.splicingFdcq2Info();
287 }
288 this.ruleForm.qlrList.forEach((item) => {
289 if(item.sfczr==1){
290 this.czr=item.sqrmc
291 }
292 })
293 });
294 },
295 methods: {
296 //组装房地产权通用信息
297 /**
298 * @description: 组装房地产权通用信息
299 * @author: renchao
300 */
301 splicingFdcq2Info () {
302 let fdcq2List = this.ruleForm.fdcq2List;
303 let fwxzArr = [];
304 let fwjgArr = [];
305 let jzmj = 0;
306 fdcq2List.forEach((fdcq2) => {
307 fwxzArr.push(fdcq2.fwxzmc);
308 fwjgArr.push(fdcq2.fwjgmc);
309 jzmj += parseFloat(fdcq2.jzmj);
310 }); 391 });
311 //将数据转为字符串 392 return false;
312 //房屋性质 393 }
313 let fwxz = Array.from(new Set(fwxzArr)).join(","); 394 if (this.ruleForm.sldyList[0].gyfs == "0") {
314 //房屋结构 395 if (this.ruleForm.qlrList.length > 1) {
315 let fwjg = Array.from(new Set(fwjgArr)).join(",");
316 this.splicingFdcq2.fwxz = fwxz;
317 this.splicingFdcq2.fwjg = fwjg;
318 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
319 this.splicingFdcq2.zts = fdcq2List.length;
320 },
321 /**
322 * @description: 更新权利人信息
323 * @param {*} val
324 * @author: renchao
325 */
326 upDateQlrxxList (val) {
327 this.ruleForm.qlrList = _.cloneDeep(val);
328 this.czrOptions = this.ruleForm.qlrList;
329 },
330 /**
331 * @description: showCZInfo
332 * @author: renchao
333 */
334 showCZInfo () {
335 // console.log(this.ruleForm.slsq.gyfs);
336 },
337 // 更新义务人信息
338 /**
339 * @description: 更新义务人信息
340 * @param {*} val
341 * @author: renchao
342 */
343 upDateYwrxxList (val) {
344 this.ruleForm.ywrList = _.cloneDeep(val);
345 },
346 /**
347 * @description: onSubmit
348 * @author: renchao
349 */
350 onSubmit () {
351 let that = this
352 if (this.ruleForm.qlrList.length == 0) {
353 this.$message({ 396 this.$message({
354 showClose: true, 397 showClose: true,
355 message: "请确认权利人信息", 398 message: "共有方式：单独所有，权利人只能是一个人",
356 type: "error", 399 type: "error",
357 }); 400 });
358 return false; 401 return false;
359 } 402 }
360 if (this.ruleForm.sldyList[0].gyfs == "0") { 403 this.ruleForm.qlrList[0].sfczr = "1";
361 if (this.ruleForm.qlrList.length > 1) { 404 } else {
362 this.$message({ 405 if (this.ruleForm.qlrList.length <= 1) {
363 showClose: true, 406 this.$message({
364 message: "共有方式：单独所有，权利人只能是一个人", 407 showClose: true,
365 type: "error", 408 message:
366 }); 409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
367 return false; 410 type: "error",
368 } 411 });
369 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 });
370 } else { 420 } else {
371 if (this.ruleForm.qlrList.length <= 1) { 421 if (!that.czr) {
372 this.$message({ 422 that.$message({
373 showClose: true, 423 showClose: true,
374 message: 424 message: "请选择持证人",
375 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
376 type: "error", 425 type: "error",
377 }); 426 });
378 return false; 427 return false;
379 } 428 }
380 //是否分别持证 429 this.ruleForm.qlrList.forEach((item, index) => {
381 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 430 if (item.zjh == this.czr) {
382 //是
383 this.ruleForm.qlrList.forEach((item, index) => {
384 item.sfczr = "1"; 431 item.sfczr = "1";
385 }); 432 } else {
386 } else { 433 item.sfczr = "0";
387 if (!that.czr) {
388 that.$message({
389 showClose: true,
390 message: "请选择持证人",
391 type: "error",
392 });
393 return false;
394 } 434 }
395 this.ruleForm.qlrList.forEach((item, index) => { 435 });
396 if (item.zjh == this.czr) {
397 item.sfczr = "1";
398 } else {
399 item.sfczr = "0";
400 }
401 });
402 }
403 } 436 }
404 saveBatchData(this.ruleForm).then((res) => { 437 }
405 if (res.code === 200) { 438 saveBatchData(this.ruleForm).then((res) => {
406 this.$message({ 439 if (res.code === 200) {
407 showClose: true, 440 this.$message({
408 message: "保存成功！", 441 showClose: true,
409 type: "success", 442 message: "保存成功！",
410 }); 443 type: "success",
411 this.$store.dispatch("user/refreshPage", true); 444 });
412 } else { 445 this.$store.dispatch("user/refreshPage", true);
413 this.$message({ 446 } else {
414 showClose: true, 447 this.$message({
415 message: res.message, 448 showClose: true,
416 type: "error", 449 message: res.message,
417 }); 450 type: "error",
418 } 451 });
419 }); 452 }
420 }, 453 });
421 }, 454 },
422 }; 455 },
456 };
423 </script> 457 </script>
424 <style scoped lang="scss"> 458 <style scoped lang="scss">
425 @import "~@/styles/public.scss"; 459 @import "~@/styles/public.scss";
426 460
427 /deep/.el-form { 461 /deep/.el-form {
428 display: flex; 462 display: flex;
429 flex-direction: column; 463 flex-direction: column;
430 height: calc(100vh - 130px); 464 height: calc(100vh - 130px);
431 } 465 }
432 466
433 /deep/.el-form-item__label { 467 /deep/.el-form-item__label {
434 padding: 0; 468 padding: 0;
435 } 469 }
436 470
437 /deep/.el-radio { 471 /deep/.el-radio {
438 margin-right: 10px; 472 margin-right: 10px;
439 } 473 }
440 474
441 /deep/.el-select { 475 /deep/.el-select {
442 width: 100%; 476 width: 100%;
443 } 477 }
444 478
445 /deep/.el-form-item { 479 /deep/.el-form-item {
446 margin-bottom: 8px; 480 margin-bottom: 8px;
447 } 481 }
448 482
449 .marginBot0 { 483 .marginBot0 {
450 margin-bottom: 0 !important; 484 margin-bottom: 0 !important;
451 } 485 }
452 486
453 .slxx { 487 .slxx {
454 box-sizing: border-box; 488 box-sizing: border-box;
455 } 489 }
456 490
457 .slxx_con { 491 .slxx_con {
458 flex: 1; 492 flex: 1;
459 height: 100%; 493 height: 100%;
460 background-color: #ffffff; 494 background-color: #ffffff;
461 overflow-y: auto; 495 overflow-y: auto;
462 padding-right: 3px; 496 padding-right: 3px;
463 overflow-x: hidden; 497 overflow-x: hidden;
464 } 498 }
465 499
466 .submit_btn { 500 .submit_btn {
467 height: 50px; 501 height: 50px;
468 } 502 }
469 503
470 .slxx_title { 504 .slxx_title {
471 border-bottom: 1px solid $borderColor; 505 border-bottom: 1px solid $borderColor;
472 padding-left: 10px; 506 padding-left: 10px;
473 padding-bottom: 5px; 507 padding-bottom: 5px;
474 margin-bottom: 10px; 508 margin-bottom: 10px;
475 margin-top: 5px; 509 margin-top: 5px;
476 font-size: 16px; 510 font-size: 16px;
477 font-weight: 500; 511 font-weight: 500;
478 color: #4a4a4a; 512 color: #4a4a4a;
479 } 513 }
480 514
481 .btn { 515 .btn {
482 text-align: center; 516 text-align: center;
483 padding-top: 10px; 517 padding-top: 10px;
484 height: 36px; 518 height: 36px;
485 background-color: #ffffff; 519 background-color: #ffffff;
486 padding: 5px 0; 520 padding: 5px 0;
487 } 521 }
488 522
489 .textArea { 523 .textArea {
490 /deep/.el-textarea__inner { 524 /deep/.el-textarea__inner {
491 min-height: 90px !important; 525 min-height: 90px !important;
492 }
493 } 526 }
527 }
494 528
495 /deep/.el-form-item__label { 529 /deep/.el-form-item__label {
496 padding-bottom: 0px; 530 padding-bottom: 0px;
497 } 531 }
498 </style> 532 </style>
......
...@@ -6,8 +6,14 @@ ...@@ -6,8 +6,14 @@
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 9 <el-form
10 label-width="120px"> 10 :model="ruleForm"
11 :rules="rules"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="120px"
16 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
13 受理信息 19 受理信息
...@@ -33,16 +39,38 @@ ...@@ -33,16 +39,38 @@
33 <el-row :gutter="10"> 39 <el-row :gutter="10">
34 <el-col :span="8"> 40 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx"> 41 <el-form-item label="权利类型：" prop="qllx">
36 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 42 <el-select
37 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 43 disabled
44 v-model="ruleForm.qllx"
45 filterable
46 clearable
47 placeholder="请选择权利类型"
48 >
49 <el-option
50 v-for="item in dictData['A8']"
51 :key="item.dcode"
52 :label="item.dname"
53 :value="item.dcode"
54 >
38 </el-option> 55 </el-option>
39 </el-select> 56 </el-select>
40 </el-form-item> 57 </el-form-item>
41 </el-col> 58 </el-col>
42 <el-col :span="8"> 59 <el-col :span="8">
43 <el-form-item label="登记类型：" prop="djlx"> 60 <el-form-item label="登记类型：" prop="djlx">
44 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 61 <el-select
45 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 62 disabled
63 v-model="ruleForm.djlx"
64 filterable
65 clearable
66 placeholder="请选择登记类型"
67 >
68 <el-option
69 v-for="item in dictData['A21']"
70 :key="item.dcode"
71 :label="item.dname"
72 :value="item.dcode"
73 >
46 </el-option> 74 </el-option>
47 </el-select> 75 </el-select>
48 </el-form-item> 76 </el-form-item>
...@@ -88,7 +116,12 @@ ...@@ -88,7 +116,12 @@
88 <el-col :span="8"> 116 <el-col :span="8">
89 <el-form-item label="登记状态：" prop="djzt"> 117 <el-form-item label="登记状态：" prop="djzt">
90 <el-select disabled v-model="ruleForm.djzt" filterable clearable> 118 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
91 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> 119 <el-option
120 v-for="item in djztList"
121 :key="item.value"
122 :label="item.label"
123 :value="item.value"
124 >
92 </el-option> 125 </el-option>
93 </el-select> 126 </el-select>
94 </el-form-item> 127 </el-form-item>
...@@ -131,7 +164,8 @@ ...@@ -131,7 +164,8 @@
131 <tdytTable 164 <tdytTable
132 :ableOperation="viewEdit" 165 :ableOperation="viewEdit"
133 :tableData="ruleForm.tdytqxList" 166 :tableData="ruleForm.tdytqxList"
134 @upDateTdytxxList="upDateTdytxxList" /> 167 @upDateTdytxxList="upDateTdytxxList"
168 />
135 <div class="slxx_title title-block"> 169 <div class="slxx_title title-block">
136 权利人信息 170 权利人信息
137 <div class="triangle"></div> 171 <div class="triangle"></div>
...@@ -149,22 +183,42 @@ ...@@ -149,22 +183,42 @@
149 183
150 <el-col :span="5" v-show="ruleForm.gyfs != '1'"> 184 <el-col :span="5" v-show="ruleForm.gyfs != '1'">
151 <el-form-item label="是否分别持证："> 185 <el-form-item label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz" :disabled="!viewEdit"> 186 <el-radio-group
187 v-model="ruleForm.sffbcz"
188 :disabled="!viewEdit"
189 @input="updaterow()"
190 >
153 <el-radio label="1">是</el-radio> 191 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio> 192 <el-radio label="0">否</el-radio>
155 </el-radio-group> 193 </el-radio-group>
156 </el-form-item> 194 </el-form-item>
157 </el-col> 195 </el-col>
158 <el-col :span="5" v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz=='0'"> 196 <el-col
197 :span="5"
198 v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
199 >
159 <el-form-item label="持证人："> 200 <el-form-item label="持证人：">
160 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 201 <el-select
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 202 v-model="czr"
203 placeholder="持证人"
204 :disabled="!viewEdit"
205 >
206 <el-option
207 v-for="item in czrOptions"
208 :key="item.value"
209 :label="item.label"
210 :value="item.value"
211 >
162 </el-option> 212 </el-option>
163 </el-select> 213 </el-select>
164 </el-form-item> 214 </el-form-item>
165 </el-col> 215 </el-col>
166 </el-row> 216 </el-row>
167 <qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="viewEdit" /> 217 <qlrCommonTable
218 :tableData="ruleForm.qlrList"
219 :gyfs="ruleForm.gyfs"
220 :disabled="viewEdit"
221 />
168 <div class="slxx_title title-block"> 222 <div class="slxx_title title-block">
169 登记原因 223 登记原因
170 <div class="triangle"></div> 224 <div class="triangle"></div>
...@@ -172,7 +226,14 @@ ...@@ -172,7 +226,14 @@
172 <el-row :gutter="10"> 226 <el-row :gutter="10">
173 <el-col> 227 <el-col>
174 <el-form-item label="登记原因：" prop="djyy"> 228 <el-form-item label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" v-model="ruleForm.djyy"> 229 <el-input
230 class="textArea"
231 type="textarea"
232 maxlength="500"
233 show-word-limit
234 :disabled="!viewEdit"
235 v-model="ruleForm.djyy"
236 >
176 </el-input> 237 </el-input>
177 </el-form-item> 238 </el-form-item>
178 </el-col> 239 </el-col>
...@@ -187,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,245 +364,159 @@ ...@@ -207,245 +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.czrOptions = this.ruleForm.qlrData;
278 this.key++;
279 },
280 /**
281 * @description: list
282 * @param {*} bsmSldy
283 * @author: renchao
284 */
285 list (bsmSldy) {
286 var formdata = new FormData();
287 formdata.append("bsmSldy", bsmSldy);
288 formdata.append("isEdit", this.viewEdit);
289 Init(formdata).then((res) => {
290 if (res.code === 200 && res.result) {
291 this.ruleForm = {
292 ...res.result,
293 ...res.result.zdjbxxdatas,
294 ...res.result.qlxxdatas,
295 ...res.result.jsydsyqdatas,
296 };
297 }
298 }); 382 });
299 }, 383 return false;
300 /** 384 }
301 * @description: onSubmit 385 if (this.ruleForm.qlrList.length == 0) {
302 * @author: renchao 386 this.$message({
303 */ 387 showClose: true,
304 onSubmit () { 388 message: "请确认权利人信息",
305 let that = this 389 type: "error",
306 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 390 });
307 if (arr.length > 0) { 391 return false;
392 }
393
394 if (this.ruleForm.gyfs == "0") {
395 if (this.ruleForm.qlrList.length > 1) {
308 this.$message({ 396 this.$message({
309 showClose: true, 397 showClose: true,
310 message: "土地用途不能为空", 398 message: "共有方式：单独所有，权利人只能是一个人",
311 type: "error", 399 type: "error",
312 }); 400 });
313 return false; 401 return false;
314 } 402 }
315 if (this.ruleForm.qlrList.length == 0) { 403 this.ruleForm.qlrList[0].sfczr = "1";
404 } else {
405 if (this.ruleForm.qlrList.length <= 1) {
316 this.$message({ 406 this.$message({
317 showClose: true, 407 showClose: true,
318 message: "请确认权利人信息", 408 message:
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
319 type: "error", 410 type: "error",
320 }); 411 });
321 return false; 412 return false;
322 } 413 }
323 414 //是否分别持证
324 if (this.ruleForm.gyfs == "0") { 415 if (this.ruleForm.sqfbcz == "1") {
325 if (this.ruleForm.qlrList.length > 1) { 416 //是
326 this.$message({ 417 this.ruleForm.qlrList.forEach((item, index) => {
327 showClose: true, 418 item.sfczr = "1";
328 message: "共有方式：单独所有，权利人只能是一个人", 419 });
329 type: "error",
330 });
331 return false;
332 }
333 this.ruleForm.qlrList[0].sfczr = "1";
334 } else { 420 } else {
335 if (this.ruleForm.qlrList.length <= 1) { 421 if (!that.czr) {
336 this.$message({ 422 that.$message({
337 showClose: true, 423 showClose: true,
338 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 424 message: "请选择持证人",
339 type: "error", 425 type: "error",
340 }); 426 });
341 return false; 427 return false;
342 } 428 }
343 //是否分别持证 429 this.ruleForm.qlrList.forEach((item, index) => {
344 if (this.ruleForm.sqfbcz == "1") { 430 if (item.zjh == this.czr) {
345 //是
346 this.ruleForm.qlrList.forEach((item, index) => {
347 item.sfczr = "1"; 431 item.sfczr = "1";
348 }); 432 } else {
349 } else { 433 item.sfczr = "0";
350 if (!that.czr) {
351 that.$message({
352 showClose: true,
353 message: "请选择持证人",
354 type: "error",
355 });
356 return false;
357 } 434 }
358 this.ruleForm.qlrList.forEach((item, index) => { 435 });
359 if (item.zjh == this.czr) {
360 item.sfczr = "1";
361 } else {
362 item.sfczr = "0";
363 }
364 });
365 }
366 } 436 }
367 fristReg(this.ruleForm).then((res) => {
368 if (res.code === 200 && res.result) {
369 console.log(res);
370 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
371 }
372 })
373 } 437 }
374 } 438 fristReg(this.ruleForm).then((res) => {
375 }; 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 };
376 </script> 447 </script>
377 <style scoped lang='scss'> 448 <style scoped lang="scss">
378 @import "~@/styles/public.scss"; 449 @import "~@/styles/public.scss";
379 450
380 /deep/.el-form { 451 /deep/.el-form {
381 display: flex; 452 display: flex;
382 flex-direction: column; 453 flex-direction: column;
383 height: calc(100vh - 130px); 454 height: calc(100vh - 130px);
384 } 455 }
385 456
386 /deep/.el-form-item__label { 457 /deep/.el-form-item__label {
387 padding: 0; 458 padding: 0;
388 } 459 }
389 460
390 /deep/.el-radio { 461 /deep/.el-radio {
391 margin-right: 10px; 462 margin-right: 10px;
392 } 463 }
393 464
394 /deep/.el-select { 465 /deep/.el-select {
395 width: 100%; 466 width: 100%;
396 } 467 }
397 468
398 /deep/.el-form-item { 469 /deep/.el-form-item {
399 margin-bottom: 8px; 470 margin-bottom: 8px;
400 } 471 }
401 472
402 .marginBot0 { 473 .marginBot0 {
403 margin-bottom: 0 !important; 474 margin-bottom: 0 !important;
404 } 475 }
405 476
406 .slxx { 477 .slxx {
407 box-sizing: border-box; 478 box-sizing: border-box;
408 } 479 }
409 480
410 .slxx_con { 481 .slxx_con {
411 flex: 1; 482 flex: 1;
412 height: 100%; 483 height: 100%;
413 background-color: #ffffff; 484 background-color: #ffffff;
414 overflow-y: auto; 485 overflow-y: auto;
415 padding-right: 3px; 486 padding-right: 3px;
416 overflow-x: hidden; 487 overflow-x: hidden;
417 } 488 }
418 489
419 .submit_btn { 490 .submit_btn {
420 height: 50px; 491 height: 50px;
421 } 492 }
422 493
423 .slxx_title { 494 .slxx_title {
424 border-bottom: 1px solid $borderColor; 495 border-bottom: 1px solid $borderColor;
425 padding-left: 10px; 496 padding-left: 10px;
426 padding-bottom: 5px; 497 padding-bottom: 5px;
427 margin-bottom: 10px; 498 margin-bottom: 10px;
428 margin-top: 5px; 499 margin-top: 5px;
429 font-size: 16px; 500 font-size: 16px;
430 font-weight: 500; 501 font-weight: 500;
431 color: #4a4a4a; 502 color: #4a4a4a;
432 } 503 }
433 504
434 .btn { 505 .btn {
435 text-align: center; 506 text-align: center;
436 padding-top: 10px; 507 padding-top: 10px;
437 height: 36px; 508 height: 36px;
438 background-color: #ffffff; 509 background-color: #ffffff;
439 padding: 5px 0; 510 padding: 5px 0;
440 } 511 }
441 512
442 .textArea { 513 .textArea {
443 /deep/.el-textarea__inner { 514 /deep/.el-textarea__inner {
444 min-height: 90px !important; 515 min-height: 90px !important;
445 }
446 } 516 }
517 }
447 518
448 /deep/.el-form-item__label { 519 /deep/.el-form-item__label {
449 padding-bottom: 0px; 520 padding-bottom: 0px;
450 } 521 }
451 </style> 522 </style>
......
...@@ -6,9 +6,16 @@ ...@@ -6,9 +6,16 @@
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" 9 <el-form
10 class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 10 :model="ruleForm"
11 :inline="flag" label-width="120px"> 11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px"
18 >
12 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
14 受理信息 21 受理信息
...@@ -73,17 +80,17 @@ ...@@ -73,17 +80,17 @@
73 <el-col :span="8"> 80 <el-col :span="8">
74 <el-form-item label="使用权面积："> 81 <el-form-item label="使用权面积：">
75 <div class="flex"> 82 <div class="flex">
76 <el-input v-model="ruleForm.jsydsyq.syqmj" 83 <el-input
77 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 84 v-model="ruleForm.jsydsyq.syqmj"
78 <el-select 85 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
79 disabled 86 ></el-input>
80 v-model="mjdw" 87 <el-select disabled v-model="mjdw" style="width: 68px">
81 style="width: 68px">
82 <el-option 88 <el-option
83 v-for="item in dictData['A7']" 89 v-for="item in dictData['A7']"
84 :key="item.dcode" 90 :key="item.dcode"
85 :label="item.dname" 91 :label="item.dname"
86 :value="item.dcode"> 92 :value="item.dcode"
93 >
87 </el-option> 94 </el-option>
88 </el-select> 95 </el-select>
89 </div> 96 </div>
...@@ -101,10 +108,19 @@ ...@@ -101,10 +108,19 @@
101 </el-col> 108 </el-col>
102 <el-col :span="8"> 109 <el-col :span="8">
103 <el-form-item label="取得价格："> 110 <el-form-item label="取得价格：">
104 <div style="display:flex"> 111 <div style="display: flex">
105 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 112 <el-input
113 v-model="ruleForm.jsydsyq.qdjg"
114 style="width: 500%"
115 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
116 ></el-input>
106 <el-select v-model="ruleForm.jsydsyq.jedw"> 117 <el-select v-model="ruleForm.jsydsyq.jedw">
107 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 118 <el-option
119 v-for="item in dictData['A57']"
120 :key="item.dcode"
121 :label="item.dname"
122 :value="item.dcode"
123 >
108 </el-option> 124 </el-option>
109 </el-select> 125 </el-select>
110 </div> 126 </div>
...@@ -133,7 +149,12 @@ ...@@ -133,7 +149,12 @@
133 <el-row :gutter="10"> 149 <el-row :gutter="10">
134 <el-col> 150 <el-col>
135 <el-form-item label="附记：" prop="fj"> 151 <el-form-item label="附记：" prop="fj">
136 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.jsydsyq.fj"></el-input> 152 <el-input
153 type="textarea"
154 maxlength="500"
155 show-word-limit
156 v-model="ruleForm.jsydsyq.fj"
157 ></el-input>
137 </el-form-item> 158 </el-form-item>
138 </el-col> 159 </el-col>
139 </el-row> 160 </el-row>
...@@ -144,7 +165,8 @@ ...@@ -144,7 +165,8 @@
144 <tdytTable 165 <tdytTable
145 :ableOperation="viewEdit" 166 :ableOperation="viewEdit"
146 :tableData="ruleForm.tdytqxList" 167 :tableData="ruleForm.tdytqxList"
147 @upDateTdytxxList="upDateTdytxxList" /> 168 @upDateTdytxxList="upDateTdytxxList"
169 />
148 <div class="slxx_title title-block"> 170 <div class="slxx_title title-block">
149 权利人信息 171 权利人信息
150 <div class="triangle"></div> 172 <div class="triangle"></div>
...@@ -152,7 +174,10 @@ ...@@ -152,7 +174,10 @@
152 <el-row :gutter="10"> 174 <el-row :gutter="10">
153 <el-col :span="12"> 175 <el-col :span="12">
154 <el-form-item label="共有方式："> 176 <el-form-item label="共有方式：">
155 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 177 <el-radio-group
178 :disabled="!viewEdit"
179 v-model="ruleForm.sldy.gyfs"
180 >
156 <el-radio label="0">单独所有</el-radio> 181 <el-radio label="0">单独所有</el-radio>
157 <el-radio label="1">共同共有</el-radio> 182 <el-radio label="1">共同共有</el-radio>
158 <el-radio label="2">按份所有</el-radio> 183 <el-radio label="2">按份所有</el-radio>
...@@ -164,7 +189,9 @@ ...@@ -164,7 +189,9 @@
164 <el-form-item label="是否分别持证："> 189 <el-form-item label="是否分别持证：">
165 <el-radio-group 190 <el-radio-group
166 v-model="ruleForm.sldy.sqfbcz" 191 v-model="ruleForm.sldy.sqfbcz"
167 :disabled="!viewEdit"> 192 :disabled="!viewEdit"
193 @input="updaterow()"
194 >
168 <el-radio :label="1">是</el-radio> 195 <el-radio :label="1">是</el-radio>
169 <el-radio :label="0">否</el-radio> 196 <el-radio :label="0">否</el-radio>
170 </el-radio-group> 197 </el-radio-group>
...@@ -172,32 +199,45 @@ ...@@ -172,32 +199,45 @@
172 </el-col> 199 </el-col>
173 <el-col 200 <el-col
174 :span="6" 201 :span="6"
175 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 202 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
203 >
176 <el-form-item label="持证人："> 204 <el-form-item label="持证人：">
177 <el-select 205 <el-select
178 v-model="czr" 206 v-model="czr"
179 placeholder="持证人" 207 placeholder="持证人"
180 :disabled="!viewEdit"> 208 :disabled="!viewEdit"
209 >
181 <el-option 210 <el-option
182 v-for="(item,index) in czrOptions" 211 v-for="(item, index) in czrOptions"
183 :key="index" 212 :key="index"
184 :label="item.sqrmc" 213 :label="item.sqrmc"
185 :value="item.zjh"> 214 :value="item.zjh"
215 >
186 </el-option> 216 </el-option>
187 </el-select> 217 </el-select>
188 </el-form-item> 218 </el-form-item>
189 </el-col> 219 </el-col>
190 </el-row> 220 </el-row>
191 <qlrCommonTable :tableData="ruleForm.qlrList" 221 <qlrCommonTable
222 :tableData="ruleForm.qlrList"
192 :disabled="viewEdit" 223 :disabled="viewEdit"
193 @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" /> 224 @upDateQlrxxList="upDateQlrxxList"
225 :key="key"
226 :gyfs="ruleForm.sldy.gyfs"
227 />
194 228
195 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 229 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
196 <div class="slxx_title title-block"> 230 <div class="slxx_title title-block">
197 义务人信息 231 义务人信息
198 <div class="triangle"></div> 232 <div class="triangle"></div>
199 </div> 233 </div>
200 <qlrCommonTable v-if="ruleForm.ywrList" :disabled="viewEdit" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" /> 234 <qlrCommonTable
235 v-if="ruleForm.ywrList"
236 :disabled="viewEdit"
237 :tableData="ruleForm.ywrList"
238 :key="key"
239 @upDateQlrxxList="upDateYwrxxList"
240 />
201 </div> 241 </div>
202 242
203 <div class="slxx_title title-block"> 243 <div class="slxx_title title-block">
...@@ -207,8 +247,14 @@ ...@@ -207,8 +247,14 @@
207 <el-row :gutter="10"> 247 <el-row :gutter="10">
208 <el-col> 248 <el-col>
209 <el-form-item label="登记原因：" prop="djyy"> 249 <el-form-item label="登记原因：" prop="djyy">
210 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 250 <el-input
211 v-model="ruleForm.jsydsyq.djyy"> 251 class="textArea"
252 type="textarea"
253 maxlength="500"
254 show-word-limit
255 :disabled="!viewEdit"
256 v-model="ruleForm.jsydsyq.djyy"
257 >
212 </el-input> 258 </el-input>
213 </el-form-item> 259 </el-form-item>
214 </el-col> 260 </el-col>
...@@ -223,186 +269,197 @@ ...@@ -223,186 +269,197 @@
223 </div> 269 </div>
224 </template> 270 </template>
225 <script> 271 <script>
226 import { mapGetters } from "vuex" 272 import { mapGetters } from "vuex";
227 import ywmix from "@/views/ywbl/mixin/index" 273 import ywmix from "@/views/ywbl/mixin/index";
228 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 274 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
229 import tdytTable from "@/views/workflow/components/tdytTable"; 275 import tdytTable from "@/views/workflow/components/tdytTable";
230 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
231 export default { 277 export default {
232 mixins: [ywmix], 278 mixins: [ywmix],
233 mounted () { 279 mounted() {
234 this.viewEdit = this.$parent.currentSelectTab.ableOperation 280 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
235 this.propsParam = this.$attrs; 281 this.propsParam = this.$attrs;
236 var formdata = new FormData(); 282 var formdata = new FormData();
237 let that = this 283 let that = this;
238 this.$startLoading(); 284 this.$startLoading();
239 formdata.append("bsmSldy", this.propsParam.bsmSldy); 285 formdata.append("bsmSldy", this.propsParam.bsmSldy);
240 formdata.append("djlx", this.propsParam.djlx); 286 formdata.append("djlx", this.propsParam.djlx);
241 formdata.append("isEdit", this.viewEdit); 287 formdata.append("isEdit", this.viewEdit);
242 Init(formdata).then((res) => { 288 Init(formdata).then((res) => {
243 this.$nextTick(() => { 289 this.$nextTick(() => {
244 that.ruleForm = res.result; 290 that.ruleForm = res.result;
245 that.$endLoading(); 291 that.$endLoading();
246 that.isShow = true; 292 that.isShow = true;
247 this.czrOptions = this.ruleForm.qlrList; 293 this.czrOptions = this.ruleForm.qlrList;
248 this.ruleForm.qlrList.forEach((item) => { 294 this.ruleForm.qlrList.forEach((item) => {
249 if(item.sfczr==1){ 295 if (item.sfczr == 1) {
250 this.czr=item.sqrmc 296 this.czr = item.sqrmc;
251 } 297 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr);
252 }) 298 }
253 }) 299 });
254 }) 300 });
301 });
302 },
303 components: { qlrCommonTable, tdytTable },
304 computed: {
305 ...mapGetters(["dictData", "flag"]),
306 // 根据流程判断表单是否为只读
307 editDisabled() {
308 if (!this.viewEdit) {
309 //只读状态
310 return true;
311 }
312 return false;
255 }, 313 },
256 components: { qlrCommonTable, tdytTable }, 314 },
257 computed: { 315 data() {
258 ...mapGetters(["dictData", "flag"]), 316 return {
259 // 根据流程判断表单是否为只读 317 mjdw: "1",
260 editDisabled () { 318 //表单是否可操作
261 if (!this.viewEdit) { 319 viewEdit: true,
262 //只读状态 320 czr: "",
263 return true; 321 key: 0,
264 } 322 isShow: false,
265 return false; 323 disabled: true,
266 }, 324 czrOptions: [],
325 ruleForm: {},
326 //传递参数
327 propsParam: {},
328 rules: {},
329 };
330 },
331 methods: {
332 /**
333 * @description: 更新土地用途信息
334 * @param {*} val
335 * @author: renchao
336 */
337 upDateTdytxxList(val) {
338 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
339 this.key++;
267 }, 340 },
268 data () { 341 // 更新权利人信息
269 return { 342 /**
270 mjdw: "1", 343 * @description: 更新权利人信息
271 //表单是否可操作 344 * @param {*} val
272 viewEdit: true, 345 * @author: renchao
273 czr:"", 346 */
274 key: 0, 347 upDateQlrxxList(val) {
275 isShow: false, 348 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
276 disabled: true, 349 this.czrOptions = this.ruleForm.qlrList;
277 czrOptions: [], 350 this.key++;
278 ruleForm: {},
279 //传递参数
280 propsParam: {},
281 rules: {}
282 }
283 }, 351 },
284 methods: { 352 // 是否持证人变化
285 /** 353 /**
286 * @description: 更新土地用途信息 354 * @description: 是否持证人变化
287 * @param {*} val 355 * @param {*} val
288 * @author: renchao 356 * @author: renchao
289 */ 357 */
290 upDateTdytxxList (val) { 358 updaterow() {
291 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 359 this.czr = "";
292 this.key++; 360 },
293 }, 361 // 更新义务人信息
294 // 更新权利人信息 362 /**
295 /** 363 * @description: 更新义务人信息
296 * @description: 更新权利人信息 364 * @param {*} val
297 * @param {*} val 365 * @author: renchao
298 * @author: renchao 366 */
299 */ 367 upDateYwrxxList(val) {
300 upDateQlrxxList (val) { 368 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
301 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 369 this.key++;
302 this.czrOptions = this.ruleForm.qlrList; 370 },
303 this.key++ 371 /**
304 }, 372 * @description: onSubmit
305 // 更新义务人信息 373 * @author: renchao
306 /** 374 */
307 * @description: 更新义务人信息 375 onSubmit() {
308 * @param {*} val 376 let that = this;
309 * @author: renchao 377 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
310 */ 378 if (arr.length > 0) {
311 upDateYwrxxList (val) { 379 this.$message({
312 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) 380 showClose: true,
313 this.key++ 381 message: "土地用途不能为空",
314 }, 382 type: "error",
315 /** 383 });
316 * @description: onSubmit 384 return false;
317 * @author: renchao 385 }
318 */ 386 if (this.ruleForm.qlrList.length == 0) {
319 onSubmit () { 387 this.$message({
320 let that = this 388 showClose: true,
321 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 389 message: "请确认权利人信息",
322 if (arr.length > 0) { 390 type: "error",
391 });
392 return false;
393 }
394 if (this.ruleForm.sldy.gyfs == "0") {
395 if (this.ruleForm.qlrList.length > 1) {
323 this.$message({ 396 this.$message({
324 showClose: true, 397 showClose: true,
325 message: "土地用途不能为空", 398 message: "共有方式：单独所有，权利人只能是一个人",
326 type: "error", 399 type: "error",
327 }); 400 });
328 return false; 401 return false;
329 } 402 }
330 if (this.ruleForm.qlrList.length == 0) { 403 this.ruleForm.qlrList[0].sfczr = "1";
404 } else {
405 if (this.ruleForm.qlrList.length <= 1) {
331 this.$message({ 406 this.$message({
332 showClose: true, 407 showClose: true,
333 message: "请确认权利人信息", 408 message:
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
334 type: "error", 410 type: "error",
335 }); 411 });
336 return false; 412 return false;
337 } 413 }
338 if (this.ruleForm.sldy.gyfs == "0") { 414 //是否分别持证
339 if (this.ruleForm.qlrList.length > 1) { 415 if (this.ruleForm.sldy.sqfbcz == "1") {
340 this.$message({ 416 //是
341 showClose: true, 417 this.ruleForm.qlrList.forEach((item, index) => {
342 message: "共有方式：单独所有，权利人只能是一个人", 418 item.sfczr = "1";
343 type: "error", 419 });
344 });
345 return false;
346 }
347 this.ruleForm.qlrList[0].sfczr = "1";
348 } else { 420 } else {
349 if (this.ruleForm.qlrList.length <= 1) { 421 if (!that.czr) {
350 this.$message({ 422 that.$message({
351 showClose: true, 423 showClose: true,
352 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 424 message: "请选择持证人",
353 type: "error", 425 type: "error",
354 }); 426 });
355 return false; 427 return false;
356 } 428 }
357 //是否分别持证 429 this.ruleForm.qlrList.forEach((item, index) => {
358 if (this.ruleForm.sldy.sqfbcz == "1") { 430 if (item.zjh == this.czr) {
359 //是
360 this.ruleForm.qlrList.forEach((item, index) => {
361 item.sfczr = "1"; 431 item.sfczr = "1";
362 }); 432 } else {
363 } else { 433 item.sfczr = "0";
364 if (!that.czr) {
365 that.$message({
366 showClose: true,
367 message: "请选择持证人",
368 type: "error",
369 });
370 return false;
371 } 434 }
372 this.ruleForm.qlrList.forEach((item, index) => { 435 });
373 if (item.zjh == this.czr) {
374 item.sfczr = "1";
375 } else {
376 item.sfczr = "0";
377 }
378 });
379 }
380 } 436 }
381 /**
382 * @description: saveData
383 * @author: renchao
384 */
385 saveData(this.ruleForm).then((res) => {
386 if (res.code === 200) {
387 this.$message({
388 showClose: true,
389 message: "保存成功！",
390 type: "success"
391 })
392 this.$store.dispatch('user/refreshPage', true);
393 } else {
394 this.$message({
395 showClose: true,
396 message: res.message,
397 type: "error"
398 })
399 }
400 })
401 } 437 }
402 } 438 /**
403 } 439 * @description: saveData
440 * @author: renchao
441 */
442 saveData(this.ruleForm).then((res) => {
443 if (res.code === 200) {
444 this.$message({
445 showClose: true,
446 message: "保存成功！",
447 type: "success",
448 });
449 this.$store.dispatch("user/refreshPage", true);
450 } else {
451 this.$message({
452 showClose: true,
453 message: res.message,
454 type: "error",
455 });
456 }
457 });
458 },
459 },
460 };
404 </script> 461 </script>
405 <style scoped lang='scss'> 462 <style scoped lang="scss">
406 @import "~@/styles/public.scss"; 463 @import "~@/styles/public.scss";
407 @import "~@/styles/slxx/slxx.scss"; 464 @import "~@/styles/slxx/slxx.scss";
408 </style> 465 </style>
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -55,7 +56,8 @@ ...@@ -55,7 +56,8 @@
55 </el-row> 56 </el-row>
56 <div 57 <div
57 class="slxx_title title-block flex" 58 class="slxx_title title-block flex"
58 style="justify-content: space-between"> 59 style="justify-content: space-between"
60 >
59 不动产单元情况 61 不动产单元情况
60 <el-button @click="compare">变化情况对比+</el-button> 62 <el-button @click="compare">变化情况对比+</el-button>
61 </div> 63 </div>
...@@ -101,13 +103,15 @@ ...@@ -101,13 +103,15 @@
101 v-model="ruleForm.jsydsyq.qdjg" 103 v-model="ruleForm.jsydsyq.qdjg"
102 style="width: 500%" 104 style="width: 500%"
103 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 105 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
104 disabled></el-input> 106 disabled
107 ></el-input>
105 <el-select v-model="ruleForm.jsydsyq.jedw" disabled> 108 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
106 <el-option 109 <el-option
107 v-for="item in dictData['A57']" 110 v-for="item in dictData['A57']"
108 :key="item.dcode" 111 :key="item.dcode"
109 :label="item.dname" 112 :label="item.dname"
110 :value="item.dcode"> 113 :value="item.dcode"
114 >
111 </el-option> 115 </el-option>
112 </el-select> 116 </el-select>
113 </div> 117 </div>
...@@ -124,9 +128,12 @@ ...@@ -124,9 +128,12 @@
124 <el-col> 128 <el-col>
125 <el-form-item label="附记：" prop="fj"> 129 <el-form-item label="附记：" prop="fj">
126 <el-input 130 <el-input
127 type="textarea" maxlength="500" show-word-limit 131 type="textarea"
132 maxlength="500"
133 show-word-limit
128 v-model="ruleForm.jsydsyq.fj" 134 v-model="ruleForm.jsydsyq.fj"
129 :disabled="!viewEdit"></el-input> 135 :disabled="!viewEdit"
136 ></el-input>
130 </el-form-item> 137 </el-form-item>
131 </el-col> 138 </el-col>
132 </el-row> 139 </el-row>
...@@ -137,7 +144,8 @@ ...@@ -137,7 +144,8 @@
137 <tdytTable 144 <tdytTable
138 :tableData="ruleForm.tdytqxList" 145 :tableData="ruleForm.tdytqxList"
139 :ableOperation="viewEdit" 146 :ableOperation="viewEdit"
140 @upDateTdytxxList="upDateTdytxxList" /> 147 @upDateTdytxxList="upDateTdytxxList"
148 />
141 <div class="slxx_title title-block"> 149 <div class="slxx_title title-block">
142 权利人信息 150 权利人信息
143 <div class="triangle"></div> 151 <div class="triangle"></div>
...@@ -147,7 +155,8 @@ ...@@ -147,7 +155,8 @@
147 <el-form-item label="共有方式："> 155 <el-form-item label="共有方式：">
148 <el-radio-group 156 <el-radio-group
149 :disabled="!viewEdit" 157 :disabled="!viewEdit"
150 v-model="ruleForm.sldy.gyfs"> 158 v-model="ruleForm.sldy.gyfs"
159 >
151 <el-radio label="0">单独所有</el-radio> 160 <el-radio label="0">单独所有</el-radio>
152 <el-radio label="1">共同共有</el-radio> 161 <el-radio label="1">共同共有</el-radio>
153 <el-radio label="2">按份所有</el-radio> 162 <el-radio label="2">按份所有</el-radio>
...@@ -159,7 +168,9 @@ ...@@ -159,7 +168,9 @@
159 <el-form-item label="是否分别持证："> 168 <el-form-item label="是否分别持证：">
160 <el-radio-group 169 <el-radio-group
161 v-model="ruleForm.sldy.sqfbcz" 170 v-model="ruleForm.sldy.sqfbcz"
162 :disabled="!viewEdit"> 171 :disabled="!viewEdit"
172 @input="updaterow()"
173 >
163 <el-radio :label="1">是</el-radio> 174 <el-radio :label="1">是</el-radio>
164 <el-radio :label="0">否</el-radio> 175 <el-radio :label="0">否</el-radio>
165 </el-radio-group> 176 </el-radio-group>
...@@ -167,17 +178,20 @@ ...@@ -167,17 +178,20 @@
167 </el-col> 178 </el-col>
168 <el-col 179 <el-col
169 :span="6" 180 :span="6"
170 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 181 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
182 >
171 <el-form-item label="持证人："> 183 <el-form-item label="持证人：">
172 <el-select 184 <el-select
173 v-model="czr" 185 v-model="czr"
174 placeholder="持证人" 186 placeholder="持证人"
175 :disabled="!viewEdit"> 187 :disabled="!viewEdit"
188 >
176 <el-option 189 <el-option
177 v-for="item in czrOptions" 190 v-for="item in czrOptions"
178 :key="item.zjh" 191 :key="item.zjh"
179 :label="item.sqrmc" 192 :label="item.sqrmc"
180 :value="item.zjh"> 193 :value="item.zjh"
194 >
181 </el-option> 195 </el-option>
182 </el-select> 196 </el-select>
183 </el-form-item> 197 </el-form-item>
...@@ -187,7 +201,8 @@ ...@@ -187,7 +201,8 @@
187 :tableData="ruleForm.qlrList" 201 :tableData="ruleForm.qlrList"
188 :disabled="viewEdit" 202 :disabled="viewEdit"
189 @upDateQlrxxList="upDateQlrxxList" 203 @upDateQlrxxList="upDateQlrxxList"
190 :gyfs="ruleForm.sldy.gyfs" /> 204 :gyfs="ruleForm.sldy.gyfs"
205 />
191 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
192 登记原因 207 登记原因
193 <div class="triangle"></div> 208 <div class="triangle"></div>
...@@ -198,9 +213,11 @@ ...@@ -198,9 +213,11 @@
198 <el-input 213 <el-input
199 class="textArea" 214 class="textArea"
200 type="textarea" 215 type="textarea"
201 maxlength="500" show-word-limit 216 maxlength="500"
217 show-word-limit
202 :disabled="!viewEdit" 218 :disabled="!viewEdit"
203 v-model="ruleForm.jsydsyq.djyy"> 219 v-model="ruleForm.jsydsyq.djyy"
220 >
204 </el-input> 221 </el-input>
205 </el-form-item> 222 </el-form-item>
206 </el-col> 223 </el-col>
...@@ -215,181 +232,191 @@ ...@@ -215,181 +232,191 @@
215 </div> 232 </div>
216 </template> 233 </template>
217 <script> 234 <script>
218 import { mapGetters } from "vuex"; 235 import { mapGetters } from "vuex";
219 import ywmix from "@/views/ywbl/mixin/index" 236 import ywmix from "@/views/ywbl/mixin/index";
220 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 237 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
221 import tdytTable from "@/views/workflow/components/tdytTable"; 238 import tdytTable from "@/views/workflow/components/tdytTable";
222 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 239 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
223 export default { 240 export default {
224 mixins: [ywmix], 241 mixins: [ywmix],
225 mounted () { 242 mounted() {
226 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 243 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
227 this.propsParam = this.$attrs; 244 this.propsParam = this.$attrs;
228 var formdata = new FormData(); 245 var formdata = new FormData();
229 this.$startLoading(); 246 this.$startLoading();
230 formdata.append("bsmSldy", this.propsParam.bsmSldy); 247 formdata.append("bsmSldy", this.propsParam.bsmSldy);
231 formdata.append("djlx", this.propsParam.djlx); 248 formdata.append("djlx", this.propsParam.djlx);
232 formdata.append("isEdit", this.viewEdit); 249 formdata.append("isEdit", this.viewEdit);
233 Init(formdata).then((res) => { 250 Init(formdata).then((res) => {
234 if (res.code === 200 && res.result) { 251 if (res.code === 200 && res.result) {
235 this.ruleForm = res.result; 252 this.ruleForm = res.result;
236 this.czrOptions = this.ruleForm.qlrList; 253 this.czrOptions = this.ruleForm.qlrList;
254 }
255 this.ruleForm.qlrList.forEach((item) => {
256 if (item.sfczr == 1) {
257 this.czr = item.sqrmc;
237 } 258 }
238 this.ruleForm.qlrList.forEach((item) => {
239 if(item.sfczr==1){
240 this.czr=item.sqrmc
241 }
242 })
243 this.$endLoading();
244 }); 259 });
260 this.$endLoading();
261 });
262 },
263 components: { qlrCommonTable, tdytTable },
264 computed: {
265 ...mapGetters(["dictData", "flag"]),
266 },
267 data() {
268 return {
269 //表单是否可操作
270 viewEdit: false,
271 disabled: true,
272 czrOptions: [],
273 czr: "",
274 ruleForm: {
275 slywxx: {},
276 qlxx: {},
277 zdjbxx: {},
278 jsydsyq: {},
279 },
280 //传递参数
281 propsParam: {},
282 rules: {},
283 };
284 },
285 methods: {
286 /**
287 * @description: 更新土地用途信息
288 * @param {*} val
289 * @author: renchao
290 */
291 upDateTdytxxList(val) {
292 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
293 this.key++;
245 }, 294 },
246 components: { qlrCommonTable, tdytTable }, 295 /**
247 computed: { 296 * @description: 更新权利人信息
248 ...mapGetters(["dictData", "flag"]), 297 * @param {*} val
298 * @author: renchao
299 */
300 upDateQlrxxList(val) {
301 this.ruleForm.qlrList = _.cloneDeep(val);
302 this.czrOptions = this.ruleForm.qlrList;
303 this.key++;
249 }, 304 },
250 data () { 305 // 是否持证人变化
251 return { 306 /**
252 //表单是否可操作 307 * @description: 是否持证人变化
253 viewEdit: false, 308 * @param {*} val
254 disabled: true, 309 * @author: renchao
255 czrOptions: [], 310 */
256 czr:"", 311 updaterow() {
257 ruleForm: { 312 this.czr = "";
258 slywxx: {},
259 qlxx: {},
260 zdjbxx: {},
261 jsydsyq: {},
262 },
263 //传递参数
264 propsParam: {},
265 rules: {},
266 };
267 }, 313 },
268 methods: { 314 /**
269 /** 315 * @description: onSubmit
270 * @description: 更新土地用途信息 316 * @author: renchao
271 * @param {*} val 317 */
272 * @author: renchao 318 onSubmit() {
273 */ 319 let that = this;
274 upDateTdytxxList (val) { 320 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
275 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 321 if (arr.length > 0) {
276 this.key++; 322 this.$message({
277 }, 323 showClose: true,
278 /** 324 message: "土地用途不能为空",
279 * @description: 更新权利人信息 325 type: "error",
280 * @param {*} val 326 });
281 * @author: renchao 327 return false;
282 */ 328 }
283 upDateQlrxxList (val) { 329 if (this.ruleForm.qlrList.length == 0) {
284 this.ruleForm.qlrList = _.cloneDeep(val); 330 this.$message({
285 this.czrOptions = this.ruleForm.qlrList; 331 showClose: true,
286 this.key++ 332 message: "请确认权利人信息",
287 }, 333 type: "error",
288 /** 334 });
289 * @description: onSubmit 335 return false;
290 * @author: renchao 336 }
291 */ 337
292 onSubmit () { 338 if (this.ruleForm.sldy.gyfs == "0") {
293 let that = this 339 if (this.ruleForm.qlrList.length > 1) {
294 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
295 if (arr.length > 0) {
296 this.$message({ 340 this.$message({
297 showClose: true, 341 showClose: true,
298 message: "土地用途不能为空", 342 message: "共有方式：单独所有，权利人只能是一个人",
299 type: "error", 343 type: "error",
300 }); 344 });
301 return false; 345 return false;
302 } 346 }
303 if (this.ruleForm.qlrList.length == 0) { 347 this.ruleForm.qlrList[0].sfczr = "1";
348 } else {
349 if (this.ruleForm.qlrList.length <= 1) {
304 this.$message({ 350 this.$message({
305 showClose: true, 351 showClose: true,
306 message: "请确认权利人信息", 352 message:
353 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
307 type: "error", 354 type: "error",
308 }); 355 });
309 return false; 356 return false;
310 } 357 }
311 358 //是否分别持证
312 if (this.ruleForm.sldy.gyfs == "0") { 359 if (this.ruleForm.sldy.sqfbcz == "1") {
313 if (this.ruleForm.qlrList.length > 1) { 360 //是
314 this.$message({ 361 this.ruleForm.qlrList.forEach((item, index) => {
315 showClose: true, 362 item.sfczr = "1";
316 message: "共有方式：单独所有，权利人只能是一个人", 363 });
317 type: "error",
318 });
319 return false;
320 }
321 this.ruleForm.qlrList[0].sfczr = "1";
322 } else { 364 } else {
323 if (this.ruleForm.qlrList.length <= 1) { 365 if (!that.czr) {
324 this.$message({ 366 that.$message({
325 showClose: true, 367 showClose: true,
326 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 368 message: "请选择持证人",
327 type: "error", 369 type: "error",
328 }); 370 });
329 return false; 371 return false;
330 } 372 }
331 //是否分别持证 373 this.ruleForm.qlrList.forEach((item, index) => {
332 if (this.ruleForm.sldy.sqfbcz == "1") { 374 if (item.zjh == this.czr) {
333 //是
334 this.ruleForm.qlrList.forEach((item, index) => {
335 item.sfczr = "1"; 375 item.sfczr = "1";
336 }); 376 } else {
337 } else { 377 item.sfczr = "0";
338 if (!that.czr) {
339 that.$message({
340 showClose: true,
341 message: "请选择持证人",
342 type: "error",
343 });
344 return false;
345 } 378 }
346 this.ruleForm.qlrList.forEach((item, index) => { 379 });
347 if (item.zjh == this.czr) {
348 item.sfczr = "1";
349 } else {
350 item.sfczr = "0";
351 }
352 });
353 }
354 } 380 }
355 saveData(this.ruleForm).then((res) => {
356 if (res.code === 200) {
357 this.$message({
358 showClose: true,
359 message: "保存成功！",
360 type: "success",
361 });
362 this.$store.dispatch("user/refreshPage", true);
363 } else {
364 this.$message({
365 showClose: true,
366 message: res.message,
367 type: "error",
368 });
369 }
370 });
371 },
372 /**
373 * @description: compare
374 * @author: renchao
375 */
376 compare () {
377 console.log("this.ruleForm", this.ruleForm);
378 this.$popupDialog(
379 this.ruleForm.qlxx.qllxmc,
380 "registerBook/comparison",
381 {
382 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
383 dqqllx: 'JSYDSYQ',
384 },
385 "80%",
386 true
387 )
388 } 381 }
389 } 382 saveData(this.ruleForm).then((res) => {
390 } 383 if (res.code === 200) {
384 this.$message({
385 showClose: true,
386 message: "保存成功！",
387 type: "success",
388 });
389 this.$store.dispatch("user/refreshPage", true);
390 } else {
391 this.$message({
392 showClose: true,
393 message: res.message,
394 type: "error",
395 });
396 }
397 });
398 },
399 /**
400 * @description: compare
401 * @author: renchao
402 */
403 compare() {
404 console.log("this.ruleForm", this.ruleForm);
405 this.$popupDialog(
406 this.ruleForm.qlxx.qllxmc,
407 "registerBook/comparison",
408 {
409 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
410 dqqllx: "JSYDSYQ",
411 },
412 "80%",
413 true
414 );
415 },
416 },
417 };
391 </script> 418 </script>
392 <style scoped lang="scss"> 419 <style scoped lang="scss">
393 @import "~@/styles/public.scss"; 420 @import "~@/styles/public.scss";
394 @import "~@/styles/slxx/slxx.scss"; 421 @import "~@/styles/slxx/slxx.scss";
395 </style> 422 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,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,188 +335,208 @@ ...@@ -242,188 +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.czrOptions = this.ruleForm.qlrList; 355 this.czrOptions = this.ruleForm.qlrList;
263 this.ruleForm.qlrList.forEach((item) => { 356 this.ruleForm.qlrList.forEach((item) => {
264 if(item.sfczr==1){ 357 if (item.sfczr == 1) {
265 this.czr=item.sqrmc 358 this.czr = item.sqrmc;
266 } 359 }
267 }) 360 });
268 this.$endLoading(); 361 this.$endLoading();
269 }) 362 });
270 }, 363 },
271 components: { qlrCommonTable, JtcyTable }, 364 components: { qlrCommonTable, JtcyTable },
272 computed: { 365 computed: {
273 ...mapGetters(["dictData", "flag"]) 366 ...mapGetters(["dictData", "flag"]),
274 }, 367 },
275 data () { 368 data() {
276 return { 369 return {
277 disabled: true, 370 disabled: true,
278 //持证人选项 371 //持证人选项
279 czrOptions: [], 372 czrOptions: [],
280 czr:"", 373 czr: "",
281 ruleForm: { 374 ruleForm: {
282 zdjbxx: { 375 zdjbxx: {
283 ghytmc: '' 376 ghytmc: "",
284 }
285 }, 377 },
286 //传递参数 378 },
287 propsParam: {}, 379 //传递参数
288 //表单是否可操作 380 propsParam: {},
289 viewEdit: true, 381 //表单是否可操作
290 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;
291 } 400 }
292 }, 401
293 methods: { 402 if (this.ruleForm.sldy.gyfs == "0") {
294 /** 403 if (this.ruleForm.qlrList.length > 1) {
295 * @description: onSubmit
296 * @author: renchao
297 */
298 onSubmit () {
299 let that = this
300 if (this.ruleForm.qlrList.length == 0) {
301 this.$message({ 404 this.$message({
302 showClose: true, 405 showClose: true,
303 message: "请确认权利人信息", 406 message: "共有方式：单独所有，权利人只能是一个人",
304 type: "error", 407 type: "error",
305 }); 408 });
306 return false; 409 return false;
307 } 410 }
308 411 this.ruleForm.qlrList[0].sfczr = "1";
309 if (this.ruleForm.sldy.gyfs == "0") { 412 } else {
310 if (this.ruleForm.qlrList.length > 1) { 413 if (this.ruleForm.qlrList.length <= 1) {
311 this.$message({ 414 this.$message({
312 showClose: true, 415 showClose: true,
313 message: "共有方式：单独所有，权利人只能是一个人", 416 message:
314 type: "error", 417 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
315 }); 418 type: "error",
316 return false; 419 });
317 } 420 return false;
318 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 });
319 } else { 428 } else {
320 if (this.ruleForm.qlrList.length <= 1) { 429 if (!that.czr) {
321 this.$message({ 430 that.$message({
322 showClose: true, 431 showClose: true,
323 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 432 message: "请选择持证人",
324 type: "error", 433 type: "error",
325 }); 434 });
326 return false; 435 return false;
327 } 436 }
328 //是否分别持证 437 this.ruleForm.qlrList.forEach((item, index) => {
329 if (this.ruleForm.sldy.sqfbcz == "1") { 438 if (item.zjh == this.czr) {
330 //是
331 this.ruleForm.qlrList.forEach((item, index) => {
332 item.sfczr = "1"; 439 item.sfczr = "1";
333 }); 440 } else {
334 } else { 441 item.sfczr = "0";
335 if (!that.czr) {
336 that.$message({
337 showClose: true,
338 message: "请选择持证人",
339 type: "error",
340 });
341 return false;
342 } 442 }
343 this.ruleForm.qlrList.forEach((item, index) => { 443 });
344 if (item.zjh == this.czr) {
345 item.sfczr = "1";
346 } else {
347 item.sfczr = "0";
348 }
349 });
350 }
351 } 444 }
352
353 saveData(this.ruleForm).then((res) => {
354 if (res.code === 200) {
355 this.$message({
356 showClose: true,
357 message: "保存成功！",
358 type: "success",
359 });
360 this.$store.dispatch('user/refreshPage', true);
361 } else {
362 this.$message({
363 showClose: true,
364 message: res.message,
365 type: "error",
366 });
367 }
368 });
369 },
370 /**
371 * @description: upDateQlrxxList
372 * @param {*} val
373 * @author: renchao
374 */
375 upDateQlrxxList (val) {
376 this.ruleForm.qlrList = _.cloneDeep(val)
377 this.czrOptions = this.ruleForm.qlrList;
378 },
379 /**
380 * @description: upDateJtcyList
381 * @param {*} val
382 * @author: renchao
383 */
384 upDateJtcyList (val) {
385 this.ruleForm.jtcyList = _.cloneDeep(val)
386 },
387 /**
388 * @description: 水域滩涂类型变化事件
389 * @param {*} e
390 * @author: renchao
391 */
392 changeSyttlx (e) {
393 let itemLx = {}
394 itemLx = this.dictData['A23'].find((item) => {
395 return item.dcode == e
396 })
397 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
398 },
399 /**
400 * @description: 养殖业方式变化事件
401 * @param {*} e
402 * @author: renchao
403 */
404 changeYzyfs (e) {
405 let itemLx = {}
406 itemLx = this.dictData['A24'].find((item) => {
407 return item.dcode == e
408 })
409 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
410 },
411 /**
412 * @description: 用地用海变化事件
413 * @param {*} e
414 * @author: renchao
415 */
416 changeYdyhfl (e) {
417 let itemLx = {}
418 itemLx = this.dictData['A51'].find((item) => {
419 return item.dcode == e
420 })
421 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
422 } 445 }
423 } 446
424 } 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 };
425 </script> 538 </script>
426 <style scoped lang='scss'> 539 <style scoped lang="scss">
427 @import "~@/styles/public.scss"; 540 @import "~@/styles/public.scss";
428 @import "~@/styles/slxx/slxx.scss"; 541 @import "~@/styles/slxx/slxx.scss";
429 </style> 542 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -90,18 +97,35 @@ ...@@ -90,18 +97,35 @@
90 <el-row :gutter="10"> 97 <el-row :gutter="10">
91 <el-col :span="8"> 98 <el-col :span="8">
92 <el-form-item label="发包方名称："> 99 <el-form-item label="发包方名称：">
93 <el-input v-model="ruleForm.nydsyq.fbfmc" :disabled="!viewEdit"></el-input> 100 <el-input
101 v-model="ruleForm.nydsyq.fbfmc"
102 :disabled="!viewEdit"
103 ></el-input>
94 </el-form-item> 104 </el-form-item>
95 </el-col> 105 </el-col>
96 <el-col :span="8"> 106 <el-col :span="8">
97 <el-form-item label="发包方代码："> 107 <el-form-item label="发包方代码：">
98 <el-input v-model="ruleForm.nydsyq.fbfdm" :disabled="!viewEdit"></el-input> 108 <el-input
109 v-model="ruleForm.nydsyq.fbfdm"
110 :disabled="!viewEdit"
111 ></el-input>
99 </el-form-item> 112 </el-form-item>
100 </el-col> 113 </el-col>
101 <el-col :span="8"> 114 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 115 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" :disabled="!viewEdit" filterable clearable> 116 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 117 v-model="ruleForm.nydsyq.tdsyqxzmc"
118 class="width100"
119 :disabled="!viewEdit"
120 filterable
121 clearable
122 >
123 <el-option
124 v-for="item in dictData['A45']"
125 :key="item.dname"
126 :label="item.dname"
127 :value="item.dname"
128 >
105 </el-option> 129 </el-option>
106 </el-select> 130 </el-select>
107 </el-form-item> 131 </el-form-item>
...@@ -122,50 +146,102 @@ ...@@ -122,50 +146,102 @@
122 <el-row :gutter="10"> 146 <el-row :gutter="10">
123 <el-col :span="8"> 147 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 148 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 149 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 150 v-model="ruleForm.nydsyq.syttlx"
151 :disabled="!viewEdit"
152 class="width100"
153 filterable
154 clearable
155 @change="changeSyttlx"
156 >
157 <el-option
158 v-for="item in dictData['A23']"
159 :key="item.dcode"
160 :label="item.dname"
161 :value="item.dcode"
162 >
127 </el-option> 163 </el-option>
128 </el-select> 164 </el-select>
129 </el-form-item> 165 </el-form-item>
130 </el-col> 166 </el-col>
131 <el-col :span="8"> 167 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 168 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 169 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 170 v-model="ruleForm.nydsyq.yzyfs"
171 :disabled="!viewEdit"
172 class="width100"
173 filterable
174 clearable
175 @change="changeYzyfs"
176 >
177 <el-option
178 v-for="item in dictData['A24']"
179 :key="item.dcode"
180 :label="item.dname"
181 :value="item.dcode"
182 >
135 </el-option> 183 </el-option>
136 </el-select> 184 </el-select>
137 </el-form-item> 185 </el-form-item>
138 </el-col> 186 </el-col>
139 <el-col :span="8"> 187 <el-col :span="8">
140 <el-form-item label="草原质量："> 188 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 189 <el-input
190 v-model="ruleForm.nydsyq.cyzl"
191 :disabled="!viewEdit"
192 ></el-input>
142 </el-form-item> 193 </el-form-item>
143 </el-col> 194 </el-col>
144 </el-row> 195 </el-row>
145 <el-row :gutter="10"> 196 <el-row :gutter="10">
146 <el-col :span="8"> 197 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 198 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 199 <el-input
200 v-model="ruleForm.nydsyq.syzcl"
201 :disabled="!viewEdit"
202 oninput="value=value.replace(/[^\d.]/g,'')"
203 ></el-input>
149 </el-form-item> 204 </el-form-item>
150 </el-col> 205 </el-col>
151 <el-col :span="8"> 206 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 207 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYdyhfl"> 208 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 209 v-model="ruleForm.nydsyq.ydyhfl"
210 :disabled="!viewEdit"
211 class="width100"
212 filterable
213 clearable
214 @change="changeYdyhfl"
215 >
216 <el-option
217 v-for="item in dictData['A51']"
218 :key="item.dcode"
219 :label="item.dname"
220 :value="item.dcode"
221 >
155 </el-option> 222 </el-option>
156 </el-select> 223 </el-select>
157 </el-form-item> 224 </el-form-item>
158 </el-col> 225 </el-col>
159 <el-col :span="8"> 226 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 227 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 228 <el-input
229 v-model="ruleForm.nydsyq.tdcbht"
230 :disabled="!viewEdit"
231 ></el-input>
162 </el-form-item> 232 </el-form-item>
163 </el-col> 233 </el-col>
164 </el-row> 234 </el-row>
165 <el-row :gutter="10"> 235 <el-row :gutter="10">
166 <el-col> 236 <el-col>
167 <el-form-item label="附记：" prop="fj"> 237 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 238 <el-input
239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 v-model="ruleForm.nydsyq.fj"
243 :disabled="!viewEdit"
244 ></el-input>
169 </el-form-item> 245 </el-form-item>
170 </el-col> 246 </el-col>
171 </el-row> 247 </el-row>
...@@ -176,7 +252,10 @@ ...@@ -176,7 +252,10 @@
176 <el-row :gutter="10"> 252 <el-row :gutter="10">
177 <el-col :span="12"> 253 <el-col :span="12">
178 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
179 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 255 <el-radio-group
256 :disabled="!viewEdit"
257 v-model="ruleForm.sldy.gyfs"
258 >
180 <el-radio label="0">单独所有</el-radio> 259 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 260 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 261 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +267,9 @@ ...@@ -188,7 +267,9 @@
188 <el-form-item label="是否分别持证："> 267 <el-form-item label="是否分别持证：">
189 <el-radio-group 268 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 269 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 270 :disabled="!viewEdit"
271 @input="updaterow()"
272 >
192 <el-radio :label="1">是</el-radio> 273 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 274 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 275 </el-radio-group>
...@@ -196,34 +277,50 @@ ...@@ -196,34 +277,50 @@
196 </el-col> 277 </el-col>
197 <el-col 278 <el-col
198 :span="6" 279 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
281 >
200 <el-form-item label="持证人："> 282 <el-form-item label="持证人：">
201 <el-select 283 <el-select
202 v-model="czr" 284 v-model="czr"
203 placeholder="持证人" 285 placeholder="持证人"
204 :disabled="!viewEdit"> 286 :disabled="!viewEdit"
287 >
205 <el-option 288 <el-option
206 v-for="item in czrOptions" 289 v-for="item in czrOptions"
207 :key="item.zjh" 290 :key="item.zjh"
208 :label="item.sqrmc" 291 :label="item.sqrmc"
209 :value="item.zjh"> 292 :value="item.zjh"
293 >
210 </el-option> 294 </el-option>
211 </el-select> 295 </el-select>
212 </el-form-item> 296 </el-form-item>
213 </el-col> 297 </el-col>
214 </el-row> 298 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 299 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 300 :tableData="ruleForm.qlrList"
301 @upDateQlrxxList="upDateQlrxxList"
302 :disabled="viewEdit"
303 :gyfs="ruleForm.sldy.gyfs"
304 />
217 <div class="slxx_title title-block"> 305 <div class="slxx_title title-block">
218 义务人信息 306 义务人信息
219 <div class="triangle"></div> 307 <div class="triangle"></div>
220 </div> 308 </div>
221 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 309 <qlrCommonTable
310 :tableData="ruleForm.ywrList"
311 @upDateQlrxxList="upDateYwrxxList"
312 :disabled="viewEdit"
313 />
222 <div class="slxx_title title-block"> 314 <div class="slxx_title title-block">
223 家庭成员 315 家庭成员
224 <div class="triangle"></div> 316 <div class="triangle"></div>
225 </div> 317 </div>
226 <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!viewEdit" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" /> 318 <JtcyTable
319 :tableData="ruleForm.jtcyList"
320 :disabled="!viewEdit"
321 @upDateJtcyList="upDateJtcyList"
322 :gyfs="ruleForm.slywxx.gyfs"
323 />
227 <div class="slxx_title title-block"> 324 <div class="slxx_title title-block">
228 登记原因 325 登记原因
229 <div class="triangle"></div> 326 <div class="triangle"></div>
...@@ -231,8 +328,14 @@ ...@@ -231,8 +328,14 @@
231 <el-row :gutter="10"> 328 <el-row :gutter="10">
232 <el-col> 329 <el-col>
233 <el-form-item label="登记原因：" prop="djyy"> 330 <el-form-item label="登记原因：" prop="djyy">
234 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 331 <el-input
235 v-model="ruleForm.nydsyq.djyy"> 332 class="textArea"
333 type="textarea"
334 maxlength="500"
335 show-word-limit
336 :disabled="!viewEdit"
337 v-model="ruleForm.nydsyq.djyy"
338 >
236 </el-input> 339 </el-input>
237 </el-form-item> 340 </el-form-item>
238 </el-col> 341 </el-col>
...@@ -247,196 +350,205 @@ ...@@ -247,196 +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.czrOptions = this.ruleForm.qlrList; 370 this.czrOptions = this.ruleForm.qlrList;
268 this.ruleForm.qlrList.forEach((item) => { 371 this.ruleForm.qlrList.forEach((item) => {
269 if(item.sfczr==1){ 372 if (item.sfczr == 1) {
270 this.czr=item.sqrmc 373 this.czr = item.sqrmc;
271 } 374 }
272 }) 375 });
273 this.$endLoading(); 376 this.$endLoading();
274 377 });
275 }) 378 },
276 }, 379 components: { qlrCommonTable, JtcyTable },
277 components: { qlrCommonTable, JtcyTable }, 380 computed: {
278 computed: { 381 ...mapGetters(["dictData", "flag"]),
279 ...mapGetters(["dictData", "flag"]) 382 },
280 }, 383 data() {
281 data () { 384 return {
282 return { 385 //表单是否可操作
283 //表单是否可操作 386 viewEdit: true,
284 viewEdit: true, 387 disabled: true,
285 disabled: true, 388 czrOptions: [],
286 czrOptions: [], 389 czr: "",
287 czr:"", 390 ruleForm: {},
288 ruleForm: {}, 391 //传递参数
289 //传递参数 392 propsParam: {},
290 propsParam: {}, 393 rules: {},
291 rules: {} 394 };
395 },
396 methods: {
397 /**
398 * @description: onSubmit
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;
292 } 410 }
293 }, 411
294 methods: { 412 if (this.ruleForm.sldy.gyfs == "0") {
295 /** 413 if (this.ruleForm.qlrList.length > 1) {
296 * @description: onSubmit
297 * @author: renchao
298 */
299 onSubmit () {
300 let that = this
301 if (this.ruleForm.qlrList.length == 0) {
302 this.$message({ 414 this.$message({
303 showClose: true, 415 showClose: true,
304 message: "请确认权利人信息", 416 message: "共有方式：单独所有，权利人只能是一个人",
305 type: "error", 417 type: "error",
306 }); 418 });
307 return false; 419 return false;
308 } 420 }
309 421 this.ruleForm.qlrList[0].sfczr = "1";
310 if (this.ruleForm.sldy.gyfs == "0") { 422 } else {
311 if (this.ruleForm.qlrList.length > 1) { 423 if (this.ruleForm.qlrList.length <= 1) {
312 this.$message({ 424 this.$message({
313 showClose: true, 425 showClose: true,
314 message: "共有方式：单独所有，权利人只能是一个人", 426 message:
315 type: "error", 427 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
316 }); 428 type: "error",
317 return false; 429 });
318 } 430 return false;
319 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 });
320 } else { 438 } else {
321 if (this.ruleForm.qlrList.length <= 1) { 439 if (!that.czr) {
322 this.$message({ 440 that.$message({
323 showClose: true, 441 showClose: true,
324 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 442 message: "请选择持证人",
325 type: "error", 443 type: "error",
326 }); 444 });
327 return false; 445 return false;
328 } 446 }
329 //是否分别持证 447 this.ruleForm.qlrList.forEach((item, index) => {
330 if (this.ruleForm.sldy.sqfbcz == "1") { 448 if (item.zjh == this.czr) {
331 //是
332 this.ruleForm.qlrList.forEach((item, index) => {
333 item.sfczr = "1"; 449 item.sfczr = "1";
334 }); 450 } else {
335 } else { 451 item.sfczr = "0";
336 if (!that.czr) {
337 that.$message({
338 showClose: true,
339 message: "请选择持证人",
340 type: "error",
341 });
342 return false;
343 } 452 }
344 this.ruleForm.qlrList.forEach((item, index) => { 453 });
345 if (item.zjh == this.czr) {
346 item.sfczr = "1";
347 } else {
348 item.sfczr = "0";
349 }
350 });
351 }
352 } 454 }
455 }
353 456
354 saveData(this.ruleForm).then((res) => { 457 saveData(this.ruleForm).then((res) => {
355 if (res.code === 200) { 458 if (res.code === 200) {
356 this.$message({ 459 this.$message({
357 showClose: true, 460 showClose: true,
358 message: "保存成功！", 461 message: "保存成功！",
359 type: "success", 462 type: "success",
360 }); 463 });
361 this.$store.dispatch('user/refreshPage', true); 464 this.$store.dispatch("user/refreshPage", true);
362 } else { 465 } else {
363 this.$message({ 466 this.$message({
364 showClose: true, 467 showClose: true,
365 message: res.message, 468 message: res.message,
366 type: "error", 469 type: "error",
367 }); 470 });
368 } 471 }
369 }); 472 });
370 }, 473 },
371 /** 474 /**
372 * @description: 权利人更新 475 * @description: 权利人更新
373 * @param {*} val 476 * @param {*} val
374 * @author: renchao 477 * @author: renchao
375 */ 478 */
376 upDateQlrxxList (val) { 479 upDateQlrxxList(val) {
377 this.ruleForm.qlrList = _.cloneDeep(val) 480 this.ruleForm.qlrList = _.cloneDeep(val);
378 this.czrOptions = this.ruleForm.qlrList; 481 this.czrOptions = this.ruleForm.qlrList;
379 }, 482 },
380 /** 483 // 是否持证人变化
381 * @description: 更新义务人信息 484 /**
382 * @param {*} val 485 * @description: 是否持证人变化
383 * @author: renchao 486 * @param {*} val
384 */ 487 * @author: renchao
385 upDateYwrxxList (val) { 488 */
386 this.ruleForm.ywrList = _.cloneDeep(val); 489 updaterow() {
387 }, 490 this.czr = "";
388 //家庭成员更新 491 },
389 /** 492 /**
390 * @description: 家庭成员更新 493 * @description: 更新义务人信息
391 * @param {*} val 494 * @param {*} val
392 * @author: renchao 495 * @author: renchao
393 */ 496 */
394 upDateJtcyList (val) { 497 upDateYwrxxList(val) {
395 this.ruleForm.jtcyList = _.cloneDeep(val) 498 this.ruleForm.ywrList = _.cloneDeep(val);
396 }, 499 },
397 //水域滩涂类型变化事件 500 //家庭成员更新
398 /** 501 /**
399 * @description: 水域滩涂类型变化事件 502 * @description: 家庭成员更新
400 * @param {*} e 503 * @param {*} val
401 * @author: renchao 504 * @author: renchao
402 */ 505 */
403 changeSyttlx (e) { 506 upDateJtcyList(val) {
404 let itemLx = {} 507 this.ruleForm.jtcyList = _.cloneDeep(val);
405 itemLx = this.dictData['A23'].find((item) => { 508 },
406 return item.dcode == e 509 //水域滩涂类型变化事件
407 }) 510 /**
408 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 511 * @description: 水域滩涂类型变化事件
409 }, 512 * @param {*} e
410 //养殖业方式变化事件 513 * @author: renchao
411 /** 514 */
412 * @description: 养殖业方式变化事件 515 changeSyttlx(e) {
413 * @param {*} e 516 let itemLx = {};
414 * @author: renchao 517 itemLx = this.dictData["A23"].find((item) => {
415 */ 518 return item.dcode == e;
416 changeYzyfs (e) { 519 });
417 let itemLx = {} 520 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
418 itemLx = this.dictData['A24'].find((item) => { 521 },
419 return item.dcode == e 522 //养殖业方式变化事件
420 }) 523 /**
421 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 524 * @description: 养殖业方式变化事件
422 }, 525 * @param {*} e
423 //用地用海变化事件 526 * @author: renchao
424 /** 527 */
425 * @description: 用地用海变化事件 528 changeYzyfs(e) {
426 * @param {*} e 529 let itemLx = {};
427 * @author: renchao 530 itemLx = this.dictData["A24"].find((item) => {
428 */ 531 return item.dcode == e;
429 changeYdyhfl (e) { 532 });
430 let itemLx = {} 533 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
431 itemLx = this.dictData['A51'].find((item) => { 534 },
432 return item.dcode == e 535 //用地用海变化事件
433 }) 536 /**
434 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 537 * @description: 用地用海变化事件
435 }, 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;
436 }, 547 },
437 }; 548 },
549 };
438 </script> 550 </script>
439 <style scoped lang='scss'> 551 <style scoped lang="scss">
440 @import "~@/styles/public.scss"; 552 @import "~@/styles/public.scss";
441 @import "~@/styles/slxx/slxx.scss"; 553 @import "~@/styles/slxx/slxx.scss";
442 </style> 554 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,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>
......
...@@ -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,190 +372,200 @@ ...@@ -339,190 +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.czrOptions = this.ruleForm.qlrList; 395 this.czrOptions = this.ruleForm.qlrList;
363 that.$endLoading(); 396 that.$endLoading();
364 that.isShow = true; 397 that.isShow = true;
365 this.czrOptions = this.ruleForm.qlrList; 398 this.czrOptions = this.ruleForm.qlrList;
366 this.ruleForm.qlrList.forEach((item) => { 399 this.ruleForm.qlrList.forEach((item) => {
367 if(item.sfczr==1){ 400 if (item.sfczr == 1) {
368 this.czr=item.sqrmc 401 this.czr = item.sqrmc;
369 } 402 }
370 })
371 }); 403 });
372 }); 404 });
373 }, 405 });
406 },
374 407
375 computed: { 408 computed: {
376 ...mapGetters(["dictData", "flag"]), 409 ...mapGetters(["dictData", "flag"]),
377 }, 410 },
378 data () { 411 data() {
379 return { 412 return {
380 mjdw: "1", 413 mjdw: "1",
381 value2: { 414 value2: {
382 id: "520000198407304275", 415 id: "520000198407304275",
383 user: "史平", 416 user: "史平",
384 },
385 props: {
386 label: "user",
387 value: "id",
388 keyword: "keyword",
389 },
390
391 //表单是否可操作
392 viewEdit: true,
393 key: 0,
394 isShow: false,
395 disabled: true,
396 czrOptions: [],
397 czr:"",
398 ruleForm: {},
399 //传递参数
400 propsParam: {},
401 rules: {},
402 };
403 },
404 methods: {
405 /**
406 * @description: 更新土地用途信息
407 * @param {*} val
408 * @author: renchao
409 */
410 upDateTdytxxList (val) {
411 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
412 this.key++;
413 }, 417 },
414 /** 418 props: {
415 * @description: 更新权利人信息 419 label: "user",
416 * @param {*} val 420 value: "id",
417 * @author: renchao 421 keyword: "keyword",
418 */
419 upDateQlrxxList (val) {
420 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
421 this.czrOptions = this.ruleForm.qlrList;
422 this.key++;
423 },
424 // 更新义务人信息
425 /**
426 * @description: 更新义务人信息
427 * @param {*} val
428 * @author: renchao
429 */
430 upDateYwrxxList (val) {
431 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
432 this.key++;
433 }, 422 },
434 /** 423
435 * @description: onSubmit 424 //表单是否可操作
436 * @author: renchao 425 viewEdit: true,
437 */ 426 key: 0,
438 onSubmit () { 427 isShow: false,
439 let that = this 428 disabled: true,
440 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 429 czrOptions: [],
441 if (arr.length > 0) { 430 czr: "",
431 ruleForm: {},
432 //传递参数
433 propsParam: {},
434 rules: {},
435 };
436 },
437 methods: {
438 /**
439 * @description: 更新土地用途信息
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) {
442 this.$message({ 502 this.$message({
443 showClose: true, 503 showClose: true,
444 message: "土地用途不能为空", 504 message: "共有方式：单独所有，权利人只能是一个人",
445 type: "error", 505 type: "error",
446 }); 506 });
447 return false; 507 return false;
448 } 508 }
449 if (this.ruleForm.qlrList.length == 0) { 509 this.ruleForm.qlrList[0].sfczr = "1";
510 } else {
511 if (this.ruleForm.qlrList.length <= 1) {
450 this.$message({ 512 this.$message({
451 showClose: true, 513 showClose: true,
452 message: "请确认权利人信息", 514 message:
515 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
453 type: "error", 516 type: "error",
454 }); 517 });
455 return false; 518 return false;
456 } 519 }
457 520 //是否分别持证
458 if (this.ruleForm.sldy.gyfs == "0") { 521 if (this.ruleForm.sldy.sqfbcz == "1") {
459 if (this.ruleForm.qlrList.length > 1) { 522 //是
460 this.$message({ 523 this.ruleForm.qlrList.forEach((item, index) => {
461 showClose: true, 524 item.sfczr = "1";
462 message: "共有方式：单独所有，权利人只能是一个人", 525 });
463 type: "error",
464 });
465 return false;
466 }
467 this.ruleForm.qlrList[0].sfczr = "1";
468 } else { 526 } else {
469 if (this.ruleForm.qlrList.length <= 1) { 527 if (!that.czr) {
470 this.$message({ 528 that.$message({
471 showClose: true, 529 showClose: true,
472 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 530 message: "请选择持证人",
473 type: "error", 531 type: "error",
474 }); 532 });
475 return false; 533 return false;
476 } 534 }
477 //是否分别持证 535 this.ruleForm.qlrList.forEach((item, index) => {
478 if (this.ruleForm.sldy.sqfbcz == "1") { 536 if (item.zjh == this.czr) {
479 //是
480 this.ruleForm.qlrList.forEach((item, index) => {
481 item.sfczr = "1"; 537 item.sfczr = "1";
482 }); 538 } else {
483 } else { 539 item.sfczr = "0";
484 if (!that.czr) {
485 that.$message({
486 showClose: true,
487 message: "请选择持证人",
488 type: "error",
489 });
490 return false;
491 } 540 }
492 this.ruleForm.qlrList.forEach((item, index) => { 541 });
493 if (item.zjh == this.czr) {
494 item.sfczr = "1";
495 } else {
496 item.sfczr = "0";
497 }
498 });
499 }
500 } 542 }
501 /** 543 }
502 * @description: saveData 544 /**
503 * @author: renchao 545 * @description: saveData
504 */ 546 * @author: renchao
505 saveData(this.ruleForm).then((res) => { 547 */
506 if (res.code === 200) { 548 saveData(this.ruleForm).then((res) => {
507 this.$message({ 549 if (res.code === 200) {
508 showClose: true, 550 this.$message({
509 message: "保存成功！", 551 showClose: true,
510 type: "success", 552 message: "保存成功！",
511 }); 553 type: "success",
512 this.$store.dispatch("user/refreshPage", true); 554 });
513 } else { 555 this.$store.dispatch("user/refreshPage", true);
514 this.$message({ 556 } else {
515 showClose: true, 557 this.$message({
516 message: res.message, 558 showClose: true,
517 type: "error", 559 message: res.message,
518 }); 560 type: "error",
519 } 561 });
520 }); 562 }
521 }, 563 });
522 }, 564 },
523 }; 565 },
566 };
524 </script> 567 </script>
525 <style scoped lang="scss"> 568 <style scoped lang="scss">
526 @import "~@/styles/public.scss"; 569 @import "~@/styles/public.scss";
527 @import "~@/styles/slxx/slxx.scss"; 570 @import "~@/styles/slxx/slxx.scss";
528 </style> 571 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -81,7 +88,8 @@ ...@@ -81,7 +88,8 @@
81 v-for="item in dictData['A19']" 88 v-for="item in dictData['A19']"
82 :key="item.dcode" 89 :key="item.dcode"
83 :label="item.dname" 90 :label="item.dname"
84 :value="item.dcode"> 91 :value="item.dcode"
92 >
85 </el-option> 93 </el-option>
86 </el-select> 94 </el-select>
87 </el-form-item> 95 </el-form-item>
...@@ -95,7 +103,8 @@ ...@@ -95,7 +103,8 @@
95 v-for="item in dictData['A17']" 103 v-for="item in dictData['A17']"
96 :key="item.dcode" 104 :key="item.dcode"
97 :label="item.dname" 105 :label="item.dname"
98 :value="item.dcode"> 106 :value="item.dcode"
107 >
99 </el-option> 108 </el-option>
100 </el-select> 109 </el-select>
101 </el-form-item> 110 </el-form-item>
...@@ -107,7 +116,10 @@ ...@@ -107,7 +116,10 @@
107 </el-col> 116 </el-col>
108 <el-col :span="8"> 117 <el-col :span="8">
109 <el-form-item label="总层数："> 118 <el-form-item label="总层数：">
110 <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 119 <el-input
120 v-model.number="ruleForm.ygdj.zcs"
121 oninput="value=value.replace(/[^0-9]/g,'')"
122 ></el-input>
111 </el-form-item> 123 </el-form-item>
112 </el-col> 124 </el-col>
113 </el-row> 125 </el-row>
...@@ -119,7 +131,8 @@ ...@@ -119,7 +131,8 @@
119 v-for="item in dictData['A46']" 131 v-for="item in dictData['A46']"
120 :key="item.dcode" 132 :key="item.dcode"
121 :label="item.dname" 133 :label="item.dname"
122 :value="item.dcode"> 134 :value="item.dcode"
135 >
123 </el-option> 136 </el-option>
124 </el-select> 137 </el-select>
125 </el-form-item> 138 </el-form-item>
...@@ -128,17 +141,18 @@ ...@@ -128,17 +141,18 @@
128 <el-col :span="8"> 141 <el-col :span="8">
129 <el-form-item label="建筑面积："> 142 <el-form-item label="建筑面积：">
130 <div class="flex"> 143 <div class="flex">
131 <el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit" 144 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 v-model="ruleForm.ygdj.jzmj"
133 <el-select 146 :disabled="!viewEdit"
134 disabled 147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 148 ></el-input>
136 style="width: 68px"> 149 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 150 <el-option
138 v-for="item in dictData['A7']" 151 v-for="item in dictData['A7']"
139 :key="item.dcode" 152 :key="item.dcode"
140 :label="item.dname" 153 :label="item.dname"
141 :value="item.dcode"> 154 :value="item.dcode"
155 >
142 </el-option> 156 </el-option>
143 </el-select> 157 </el-select>
144 </div> 158 </div>
...@@ -151,12 +165,14 @@ ...@@ -151,12 +165,14 @@
151 <el-select 165 <el-select
152 v-model="ruleForm.ygdj.jedw" 166 v-model="ruleForm.ygdj.jedw"
153 :disabled="!viewEdit" 167 :disabled="!viewEdit"
154 style="width: 68px"> 168 style="width: 68px"
169 >
155 <el-option 170 <el-option
156 v-for="item in dictData['A57']" 171 v-for="item in dictData['A57']"
157 :key="item.dcode" 172 :key="item.dcode"
158 :label="item.dname" 173 :label="item.dname"
159 :value="item.dcode"> 174 :value="item.dcode"
175 >
160 </el-option> 176 </el-option>
161 </el-select> 177 </el-select>
162 </div> 178 </div>
...@@ -166,7 +182,12 @@ ...@@ -166,7 +182,12 @@
166 <el-row :gutter="10"> 182 <el-row :gutter="10">
167 <el-col :span="24"> 183 <el-col :span="24">
168 <el-form-item label="附记："> 184 <el-form-item label="附记：">
169 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input> 185 <el-input
186 v-model="ruleForm.ygdj.fj"
187 type="textarea"
188 maxlength="500"
189 show-word-limit
190 ></el-input>
170 </el-form-item> 191 </el-form-item>
171 </el-col> 192 </el-col>
172 </el-row> 193 </el-row>
...@@ -177,7 +198,10 @@ ...@@ -177,7 +198,10 @@
177 <el-row :gutter="10"> 198 <el-row :gutter="10">
178 <el-col :span="12" v-if="ruleForm.qlxx"> 199 <el-col :span="12" v-if="ruleForm.qlxx">
179 <el-form-item label="共有方式："> 200 <el-form-item label="共有方式：">
180 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 201 <el-radio-group
202 :disabled="!viewEdit"
203 v-model="ruleForm.sldy.gyfs"
204 >
181 <el-radio label="0">单独所有</el-radio> 205 <el-radio label="0">单独所有</el-radio>
182 <el-radio label="1">共同共有</el-radio> 206 <el-radio label="1">共同共有</el-radio>
183 <el-radio label="2">按份所有</el-radio> 207 <el-radio label="2">按份所有</el-radio>
...@@ -189,7 +213,9 @@ ...@@ -189,7 +213,9 @@
189 <el-form-item label="是否分别持证："> 213 <el-form-item label="是否分别持证：">
190 <el-radio-group 214 <el-radio-group
191 v-model="ruleForm.sldy.sqfbcz" 215 v-model="ruleForm.sldy.sqfbcz"
192 :disabled="!viewEdit"> 216 :disabled="!viewEdit"
217 @input="updaterow()"
218 >
193 <el-radio :label="1">是</el-radio> 219 <el-radio :label="1">是</el-radio>
194 <el-radio :label="0">否</el-radio> 220 <el-radio :label="0">否</el-radio>
195 </el-radio-group> 221 </el-radio-group>
...@@ -197,30 +223,41 @@ ...@@ -197,30 +223,41 @@
197 </el-col> 223 </el-col>
198 <el-col 224 <el-col
199 :span="6" 225 :span="6"
200 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 226 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
227 >
201 <el-form-item label="持证人："> 228 <el-form-item label="持证人：">
202 <el-select 229 <el-select
203 v-model="czr" 230 v-model="czr"
204 placeholder="持证人" 231 placeholder="持证人"
205 :disabled="!viewEdit"> 232 :disabled="!viewEdit"
233 >
206 <el-option 234 <el-option
207 v-for="item in czrOptions" 235 v-for="item in czrOptions"
208 :key="item.zjh" 236 :key="item.zjh"
209 :label="item.sqrmc" 237 :label="item.sqrmc"
210 :value="item.zjh"> 238 :value="item.zjh"
239 >
211 </el-option> 240 </el-option>
212 </el-select> 241 </el-select>
213 </el-form-item> 242 </el-form-item>
214 </el-col> 243 </el-col>
215 </el-row> 244 </el-row>
216 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :tableData="ruleForm.qlrList" 245 <qlrCommonTable
217 :gyfs="ruleForm.sldy.gyfs" /> 246 @upDateQlrxxList="upDateQlrxxList"
247 :disabled="viewEdit"
248 :tableData="ruleForm.qlrList"
249 :gyfs="ruleForm.sldy.gyfs"
250 />
218 <div class="slxx_title title-block"> 251 <div class="slxx_title title-block">
219 义务人信息 252 义务人信息
220 <div class="triangle"></div> 253 <div class="triangle"></div>
221 </div> 254 </div>
222 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" :tableData="ruleForm.ywrList" 255 <qlrCommonTable
223 :gyfs="ruleForm.sldy.gyfs" /> 256 @upDateQlrxxList="upDateYwrxxList"
257 :disabled="viewEdit"
258 :tableData="ruleForm.ywrList"
259 :gyfs="ruleForm.sldy.gyfs"
260 />
224 <div class="slxx_title title-block"> 261 <div class="slxx_title title-block">
225 登记原因 262 登记原因
226 <div class="triangle"></div> 263 <div class="triangle"></div>
...@@ -228,8 +265,14 @@ ...@@ -228,8 +265,14 @@
228 <el-row :gutter="10"> 265 <el-row :gutter="10">
229 <el-col> 266 <el-col>
230 <el-form-item label="登记原因：" prop="djyy"> 267 <el-form-item label="登记原因：" prop="djyy">
231 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 268 <el-input
232 v-model="ruleForm.ygdj.djyy"> 269 class="textArea"
270 type="textarea"
271 maxlength="500"
272 show-word-limit
273 :disabled="!viewEdit"
274 v-model="ruleForm.ygdj.djyy"
275 >
233 </el-input> 276 </el-input>
234 </el-form-item> 277 </el-form-item>
235 </el-col> 278 </el-col>
...@@ -244,226 +287,236 @@ ...@@ -244,226 +287,236 @@
244 </div> 287 </div>
245 </template> 288 </template>
246 <script> 289 <script>
247 import ywmix from "@/views/ywbl/mixin/index" 290 import ywmix from "@/views/ywbl/mixin/index";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 291 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 292 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
250 import { mapGetters } from "vuex"; 293 import { mapGetters } from "vuex";
251 export default { 294 export default {
252 mixins: [ywmix], 295 mixins: [ywmix],
253 created () { 296 created() {
254 this.viewEdit = this.$parent.currentSelectTab.ableOperation 297 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
255 this.propsParam = this.$attrs; 298 this.propsParam = this.$attrs;
256 this.$startLoading(); 299 this.$startLoading();
257 var formdata = new FormData(); 300 var formdata = new FormData();
258 formdata.append("bsmSldy", this.propsParam.bsmSldy); 301 formdata.append("bsmSldy", this.propsParam.bsmSldy);
259 formdata.append("djlx", this.propsParam.djlx); 302 formdata.append("djlx", this.propsParam.djlx);
260 formdata.append("isEdit", this.viewEdit); 303 formdata.append("isEdit", this.viewEdit);
261 Init(formdata).then(res => { 304 Init(formdata).then((res) => {
262 if (res.code === 200 && res.result) { 305 if (res.code === 200 && res.result) {
263 this.ruleForm = res.result; 306 this.ruleForm = res.result;
264 this.czrOptions = this.ruleForm.qlrList; 307 this.czrOptions = this.ruleForm.qlrList;
265 this.$endLoading(); 308 this.$endLoading();
266 this.ruleForm.qlrList.forEach((item) => { 309 this.ruleForm.qlrList.forEach((item) => {
267 if(item.sfczr==1){ 310 if (item.sfczr == 1) {
268 this.czr=item.sqrmc 311 this.czr = item.sqrmc;
269 } 312 }
270 }) 313 });
271 } 314 }
272 }) 315 });
316 },
317 components: { qlrCommonTable },
318 computed: {
319 ...mapGetters(["dictData", "flag"]),
320 },
321 data() {
322 return {
323 mjdw: "1",
324 //表单是否可操作
325 viewEdit: true,
326 disabled: true,
327 tdytOption: [],
328 czrOptions: [],
329 czr: "",
330 ruleForm: {
331 qlxx: {},
332 sldy: {},
333 slsq: {},
334 ygdj: {},
335 zdjbxx: {},
336 },
337 //传递参数
338 propsParam: this.$attrs,
339 rules: {},
340 };
341 },
342 methods: {
343 /**
344 * @description: 更新权利人信息
345 * @param {*} val
346 * @author: renchao
347 */
348 upDateQlrxxList(val) {
349 this.ruleForm.qlrList = _.cloneDeep(val);
350 this.czrOptions = this.ruleForm.qlrList;
273 }, 351 },
274 components: { qlrCommonTable }, 352 /**
275 computed: { 353 * @description: 更新业务人信息
276 ...mapGetters(["dictData", "flag"]), 354 * @param {*} val
355 * @author: renchao
356 */
357 upDateYwrxxList(val) {
358 this.ruleForm.ywrList = _.cloneDeep(val);
277 }, 359 },
278 data () { 360 // 是否持证人变化
279 return { 361 /**
280 mjdw: "1", 362 * @description: 是否持证人变化
281 //表单是否可操作 363 * @param {*} val
282 viewEdit: true, 364 * @author: renchao
283 disabled: true, 365 */
284 tdytOption: [], 366 updaterow() {
285 czrOptions: [], 367 this.czr = "";
286 czr:"",
287 ruleForm: {
288 qlxx: {}
289 , sldy: {}
290 , slsq: {}
291 , ygdj: {}
292 , zdjbxx: {}
293 },
294 //传递参数
295 propsParam: this.$attrs,
296 rules: {},
297 };
298 }, 368 },
299 methods: { 369 /**
300 /** 370 * @description: onSubmit
301 * @description: 更新权利人信息 371 * @author: renchao
302 * @param {*} val 372 */
303 * @author: renchao 373 onSubmit() {
304 */ 374 let that = this;
305 upDateQlrxxList (val) { 375 if (this.ruleForm.qlrList.length == 0) {
306 this.ruleForm.qlrList = _.cloneDeep(val); 376 this.$message({
307 this.czrOptions = this.ruleForm.qlrList 377 showClose: true,
308 }, 378 message: "请确认权利人信息",
309 /** 379 type: "error",
310 * @description: 更新业务人信息 380 });
311 * @param {*} val 381 return false;
312 * @author: renchao 382 }
313 */ 383
314 upDateYwrxxList (val) { 384 if (this.ruleForm.sldy.gyfs == "0") {
315 this.ruleForm.ywrList = _.cloneDeep(val); 385 if (this.ruleForm.qlrList.length > 1) {
316 },
317 /**
318 * @description: onSubmit
319 * @author: renchao
320 */
321 onSubmit () {
322 let that = this
323 if (this.ruleForm.qlrList.length == 0) {
324 this.$message({ 386 this.$message({
325 showClose: true, 387 showClose: true,
326 message: "请确认权利人信息", 388 message: "共有方式：单独所有，权利人只能是一个人",
327 type: "error", 389 type: "error",
328 }); 390 });
329 return false; 391 return false;
330 } 392 }
331 393 this.ruleForm.qlrList[0].sfczr = "1";
332 if (this.ruleForm.sldy.gyfs == "0") { 394 } else {
333 if (this.ruleForm.qlrList.length > 1) { 395 if (this.ruleForm.qlrList.length <= 1) {
334 this.$message({ 396 this.$message({
335 showClose: true, 397 showClose: true,
336 message: "共有方式：单独所有，权利人只能是一个人", 398 message:
337 type: "error", 399 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
338 }); 400 type: "error",
339 return false; 401 });
340 } 402 return false;
341 this.ruleForm.qlrList[0].sfczr = "1"; 403 }
404 //是否分别持证
405 if (this.ruleForm.sldy.sqfbcz == "1") {
406 //是
407 this.ruleForm.qlrList.forEach((item, index) => {
408 item.sfczr = "1";
409 });
342 } else { 410 } else {
343 if (this.ruleForm.qlrList.length <= 1) { 411 if (!that.czr) {
344 this.$message({ 412 that.$message({
345 showClose: true, 413 showClose: true,
346 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 414 message: "请选择持证人",
347 type: "error", 415 type: "error",
348 }); 416 });
349 return false; 417 return false;
350 } 418 }
351 //是否分别持证 419 this.ruleForm.qlrList.forEach((item, index) => {
352 if (this.ruleForm.sldy.sqfbcz == "1") { 420 if (item.zjh == this.czr) {
353 //是
354 this.ruleForm.qlrList.forEach((item, index) => {
355 item.sfczr = "1"; 421 item.sfczr = "1";
356 }); 422 } else {
357 } else { 423 item.sfczr = "0";
358 if (!that.czr) {
359 that.$message({
360 showClose: true,
361 message: "请选择持证人",
362 type: "error",
363 });
364 return false;
365 } 424 }
366 this.ruleForm.qlrList.forEach((item, index) => { 425 });
367 if (item.zjh == this.czr) {
368 item.sfczr = "1";
369 } else {
370 item.sfczr = "0";
371 }
372 });
373 }
374 } 426 }
375 saveData(this.ruleForm).then((res) => { 427 }
376 if (res.code === 200) { 428 saveData(this.ruleForm).then((res) => {
377 this.$message({ 429 if (res.code === 200) {
378 showClose: true, 430 this.$message({
379 message: "保存成功！", 431 showClose: true,
380 type: "success", 432 message: "保存成功！",
381 }); 433 type: "success",
382 this.$store.dispatch('user/refreshPage', true); 434 });
383 } else { 435 this.$store.dispatch("user/refreshPage", true);
384 this.$message({ 436 } else {
385 showClose: true, 437 this.$message({
386 message: res.message, 438 showClose: true,
387 type: "error", 439 message: res.message,
388 }); 440 type: "error",
389 } 441 });
390 }); 442 }
391 }, 443 });
392 }, 444 },
393 }; 445 },
446 };
394 </script> 447 </script>
395 <style scoped lang='scss'> 448 <style scoped lang="scss">
396 @import "~@/styles/public.scss"; 449 @import "~@/styles/public.scss";
397 450
398 /deep/.el-form { 451 /deep/.el-form {
399 display: flex; 452 display: flex;
400 flex-direction: column; 453 flex-direction: column;
401 height: calc(100vh - 130px); 454 height: calc(100vh - 130px);
402 } 455 }
403 456
404 /deep/.el-form-item__label { 457 /deep/.el-form-item__label {
405 padding: 0; 458 padding: 0;
406 } 459 }
407 460
408 /deep/.el-radio { 461 /deep/.el-radio {
409 margin-right: 10px; 462 margin-right: 10px;
410 } 463 }
411 464
412 /deep/.el-select { 465 /deep/.el-select {
413 width: 100%; 466 width: 100%;
414 } 467 }
415 468
416 /deep/.el-form-item { 469 /deep/.el-form-item {
417 margin-bottom: 8px; 470 margin-bottom: 8px;
418 } 471 }
419 472
420 .marginBot0 { 473 .marginBot0 {
421 margin-bottom: 0 !important; 474 margin-bottom: 0 !important;
422 } 475 }
423 476
424 .slxx { 477 .slxx {
425 box-sizing: border-box; 478 box-sizing: border-box;
426 } 479 }
427 480
428 .slxx_con { 481 .slxx_con {
429 flex: 1; 482 flex: 1;
430 height: 100%; 483 height: 100%;
431 background-color: #ffffff; 484 background-color: #ffffff;
432 overflow-y: auto; 485 overflow-y: auto;
433 padding-right: 3px; 486 padding-right: 3px;
434 overflow-x: hidden; 487 overflow-x: hidden;
435 } 488 }
436 489
437 .submit_btn { 490 .submit_btn {
438 height: 50px; 491 height: 50px;
439 } 492 }
440 493
441 .slxx_title { 494 .slxx_title {
442 border-bottom: 1px solid $borderColor; 495 border-bottom: 1px solid $borderColor;
443 padding-left: 10px; 496 padding-left: 10px;
444 padding-bottom: 5px; 497 padding-bottom: 5px;
445 margin-bottom: 10px; 498 margin-bottom: 10px;
446 margin-top: 5px; 499 margin-top: 5px;
447 font-size: 16px; 500 font-size: 16px;
448 font-weight: 500; 501 font-weight: 500;
449 color: #4a4a4a; 502 color: #4a4a4a;
450 } 503 }
451 504
452 .btn { 505 .btn {
453 text-align: center; 506 text-align: center;
454 padding-top: 10px; 507 padding-top: 10px;
455 height: 36px; 508 height: 36px;
456 background-color: #ffffff; 509 background-color: #ffffff;
457 padding: 5px 0; 510 padding: 5px 0;
458 } 511 }
459 512
460 .textArea { 513 .textArea {
461 /deep/.el-textarea__inner { 514 /deep/.el-textarea__inner {
462 min-height: 90px !important; 515 min-height: 90px !important;
463 }
464 } 516 }
517 }
465 518
466 /deep/.el-form-item__label { 519 /deep/.el-form-item__label {
467 padding-bottom: 0px; 520 padding-bottom: 0px;
468 } 521 }
469 </style> 522 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -44,7 +51,8 @@ ...@@ -44,7 +51,8 @@
44 </el-row> 51 </el-row>
45 <div 52 <div
46 class="slxx_title title-block flex" 53 class="slxx_title title-block flex"
47 style="justify-content: space-between"> 54 style="justify-content: space-between"
55 >
48 不动产单元情况 56 不动产单元情况
49 <el-button @click="compare">变化情况对比+</el-button> 57 <el-button @click="compare">变化情况对比+</el-button>
50 </div> 58 </div>
...@@ -102,7 +110,11 @@ ...@@ -102,7 +110,11 @@
102 </el-col> 110 </el-col>
103 <el-col :span="8"> 111 <el-col :span="8">
104 <el-form-item label="总层数："> 112 <el-form-item label="总层数：">
105 <el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 113 <el-input
114 disabled
115 v-model.number="ruleForm.ygdj.zcs"
116 oninput="value=value.replace(/[^0-9]/g,'')"
117 ></el-input>
106 </el-form-item> 118 </el-form-item>
107 </el-col> 119 </el-col>
108 </el-row> 120 </el-row>
...@@ -113,7 +125,10 @@ ...@@ -113,7 +125,10 @@
113 <el-row :gutter="10"> 125 <el-row :gutter="10">
114 <el-col :span="12" v-if="ruleForm.qlxx"> 126 <el-col :span="12" v-if="ruleForm.qlxx">
115 <el-form-item label="共有方式："> 127 <el-form-item label="共有方式：">
116 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 128 <el-radio-group
129 :disabled="!viewEdit"
130 v-model="ruleForm.sldy.gyfs"
131 >
117 <el-radio label="0">单独所有</el-radio> 132 <el-radio label="0">单独所有</el-radio>
118 <el-radio label="1">共同共有</el-radio> 133 <el-radio label="1">共同共有</el-radio>
119 <el-radio label="2">按份所有</el-radio> 134 <el-radio label="2">按份所有</el-radio>
...@@ -125,7 +140,9 @@ ...@@ -125,7 +140,9 @@
125 <el-form-item label="是否分别持证："> 140 <el-form-item label="是否分别持证：">
126 <el-radio-group 141 <el-radio-group
127 v-model="ruleForm.sldy.sqfbcz" 142 v-model="ruleForm.sldy.sqfbcz"
128 :disabled="!viewEdit"> 143 :disabled="!viewEdit"
144 @input="updaterow()"
145 >
129 <el-radio :label="1">是</el-radio> 146 <el-radio :label="1">是</el-radio>
130 <el-radio :label="0">否</el-radio> 147 <el-radio :label="0">否</el-radio>
131 </el-radio-group> 148 </el-radio-group>
...@@ -133,30 +150,41 @@ ...@@ -133,30 +150,41 @@
133 </el-col> 150 </el-col>
134 <el-col 151 <el-col
135 :span="6" 152 :span="6"
136 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 153 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
154 >
137 <el-form-item label="持证人："> 155 <el-form-item label="持证人：">
138 <el-select 156 <el-select
139 v-model="czr" 157 v-model="czr"
140 placeholder="持证人" 158 placeholder="持证人"
141 :disabled="!viewEdit"> 159 :disabled="!viewEdit"
160 >
142 <el-option 161 <el-option
143 v-for="item in czrOptions" 162 v-for="item in czrOptions"
144 :key="item.zjh" 163 :key="item.zjh"
145 :label="item.sqrmc" 164 :label="item.sqrmc"
146 :value="item.zjh"> 165 :value="item.zjh"
166 >
147 </el-option> 167 </el-option>
148 </el-select> 168 </el-select>
149 </el-form-item> 169 </el-form-item>
150 </el-col> 170 </el-col>
151 </el-row> 171 </el-row>
152 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 172 <qlrCommonTable
153 :gyfs="ruleForm.sldy.gyfs" /> 173 @upDateQlrxxList="upDateQlrxxList"
174 :tableData="ruleForm.qlrList"
175 :disabled="viewEdit"
176 :gyfs="ruleForm.sldy.gyfs"
177 />
154 <div class="slxx_title title-block"> 178 <div class="slxx_title title-block">
155 义务人信息 179 义务人信息
156 <div class="triangle"></div> 180 <div class="triangle"></div>
157 </div> 181 </div>
158 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" 182 <qlrCommonTable
159 :gyfs="ruleForm.sldy.gyfs" /> 183 @upDateQlrxxList="upDateYwrxxList"
184 :tableData="ruleForm.ywrList"
185 :disabled="viewEdit"
186 :gyfs="ruleForm.sldy.gyfs"
187 />
160 <div class="slxx_title title-block"> 188 <div class="slxx_title title-block">
161 登记原因 189 登记原因
162 <div class="triangle"></div> 190 <div class="triangle"></div>
...@@ -164,8 +192,14 @@ ...@@ -164,8 +192,14 @@
164 <el-row :gutter="10"> 192 <el-row :gutter="10">
165 <el-col> 193 <el-col>
166 <el-form-item label="登记原因：" prop="djyy"> 194 <el-form-item label="登记原因：" prop="djyy">
167 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 195 <el-input
168 v-model="ruleForm.ygdj.djyy"> 196 class="textArea"
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 :disabled="!viewEdit"
201 v-model="ruleForm.ygdj.djyy"
202 >
169 </el-input> 203 </el-input>
170 </el-form-item> 204 </el-form-item>
171 </el-col> 205 </el-col>
...@@ -180,249 +214,258 @@ ...@@ -180,249 +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.czrOptions = this.ruleForm.qlrList; 235 this.czrOptions = this.ruleForm.qlrList;
202 this.ruleForm.qlrList.forEach((item) => { 236 this.ruleForm.qlrList.forEach((item) => {
203 if(item.sfczr==1){ 237 if (item.sfczr == 1) {
204 this.czr=item.sqrmc 238 this.czr = item.sqrmc;
205 } 239 }
206 }) 240 });
207 } 241 }
242 });
243 },
244 components: { qlrCommonTable },
245 computed: {
246 ...mapGetters(["dictData", "flag"]),
247 },
248 data() {
249 return {
250 //表单是否可操作
251 viewEdit: true,
252 disabled: true,
253 tdytOption: [],
254 czrOptions: [],
255 czr: "",
256 ruleForm: {},
257 //传递参数
258 propsParam: this.$attrs,
259 rules: {},
260 };
261 },
262 methods: {
263 /**
264 * @description: onClick
265 * @author: renchao
266 */
267 onClick() {
268 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
269 formData: {
270 bsmSldy: this.propsParam.bsmSldy,
271 qllx: this.propsParam.qllx,
272 },
208 }); 273 });
209 }, 274 },
210 components: { qlrCommonTable }, 275 /**
211 computed: { 276 * @description: 更新权利人信息
212 ...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;
213 }, 283 },
214 data () { 284 // 是否持证人变化
215 return { 285 /**
216 //表单是否可操作 286 * @description: 是否持证人变化
217 viewEdit: true, 287 * @param {*} val
218 disabled: true, 288 * @author: renchao
219 tdytOption: [], 289 */
220 czrOptions: [], 290 updaterow() {
221 czr:"", 291 this.czr = "";
222 ruleForm: {},
223 //传递参数
224 propsParam: this.$attrs,
225 rules: {},
226 };
227 }, 292 },
228 methods: { 293 /**
229 /** 294 * @description: 更新业务人信息
230 * @description: onClick 295 * @param {*} val
231 * @author: renchao 296 * @author: renchao
232 */ 297 */
233 onClick () { 298 upDateYwrxxList(val) {
234 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", 299 this.ruleForm.ywrList = _.cloneDeep(val);
235 { 300 },
236 formData: { 301
237 bsmSldy: this.propsParam.bsmSldy, 302 /**
238 qllx: this.propsParam.qllx 303 * @description: onSubmit
239 } 304 * @author: renchao
240 }); 305 */
241 }, 306 onSubmit() {
242 /** 307 let that = this;
243 * @description: 更新权利人信息 308 if (this.ruleForm.qlrList.length == 0) {
244 * @param {*} val 309 this.$message({
245 * @author: renchao 310 showClose: true,
246 */ 311 message: "请确认权利人信息",
247 upDateQlrxxList (val) { 312 type: "error",
248 this.ruleForm.qlrList = _.cloneDeep(val); 313 });
249 this.czrOptions = this.ruleForm.qlrList; 314 return false;
250 }, 315 }
251 /**
252 * @description: 更新业务人信息
253 * @param {*} val
254 * @author: renchao
255 */
256 upDateYwrxxList (val) {
257 this.ruleForm.ywrList = _.cloneDeep(val);
258 },
259 316
260 /** 317 if (this.ruleForm.sldy.gyfs == "0") {
261 * @description: onSubmit 318 if (this.ruleForm.qlrList.length > 1) {
262 * @author: renchao
263 */
264 onSubmit () {
265 let that = this
266 if (this.ruleForm.qlrList.length == 0) {
267 this.$message({ 319 this.$message({
268 showClose: true, 320 showClose: true,
269 message: "请确认权利人信息", 321 message: "共有方式：单独所有，权利人只能是一个人",
270 type: "error", 322 type: "error",
271 }); 323 });
272 return false; 324 return false;
273 } 325 }
274 326 this.ruleForm.qlrList[0].sfczr = "1";
275 if (this.ruleForm.sldy.gyfs == "0") { 327 } else {
276 if (this.ruleForm.qlrList.length > 1) { 328 if (this.ruleForm.qlrList.length <= 1) {
277 this.$message({ 329 this.$message({
278 showClose: true, 330 showClose: true,
279 message: "共有方式：单独所有，权利人只能是一个人", 331 message:
280 type: "error", 332 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
281 }); 333 type: "error",
282 return false; 334 });
283 } 335 return false;
284 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 });
285 } else { 343 } else {
286 if (this.ruleForm.qlrList.length <= 1) { 344 if (!that.czr) {
287 this.$message({ 345 that.$message({
288 showClose: true, 346 showClose: true,
289 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 347 message: "请选择持证人",
290 type: "error", 348 type: "error",
291 }); 349 });
292 return false; 350 return false;
293 } 351 }
294 //是否分别持证 352 this.ruleForm.qlrList.forEach((item, index) => {
295 if (this.ruleForm.sldy.sqfbcz == "1") { 353 if (item.zjh == this.czr) {
296 //是
297 this.ruleForm.qlrList.forEach((item, index) => {
298 item.sfczr = "1"; 354 item.sfczr = "1";
299 }); 355 } else {
300 } else { 356 item.sfczr = "0";
301 if (!that.czr) {
302 that.$message({
303 showClose: true,
304 message: "请选择持证人",
305 type: "error",
306 });
307 return false;
308 } 357 }
309 this.ruleForm.qlrList.forEach((item, index) => { 358 });
310 if (item.zjh == this.czr) {
311 item.sfczr = "1";
312 } else {
313 item.sfczr = "0";
314 }
315 });
316 }
317 } 359 }
318 saveData(this.ruleForm).then((res) => { 360 }
319 if (res.code === 200) { 361 saveData(this.ruleForm).then((res) => {
320 this.$message({ 362 if (res.code === 200) {
321 showClose: true, 363 this.$message({
322 message: "保存成功！", 364 showClose: true,
323 type: "success", 365 message: "保存成功！",
324 }); 366 type: "success",
325 this.$store.dispatch('user/refreshPage', true); 367 });
326 } else { 368 this.$store.dispatch("user/refreshPage", true);
327 this.$message({ 369 } else {
328 showClose: true, 370 this.$message({
329 message: res.message, 371 showClose: true,
330 type: "error", 372 message: res.message,
331 }); 373 type: "error",
332 } 374 });
333 }); 375 }
334 }, 376 });
335 /** 377 },
336 * @description: compare 378 /**
337 * @author: renchao 379 * @description: compare
338 */ 380 * @author: renchao
339 compare () { 381 */
340 this.$popupDialog( 382 compare() {
341 this.ruleForm.qlxx.qllxmc, 383 this.$popupDialog(
342 "registerBook/comparison", 384 this.ruleForm.qlxx.qllxmc,
343 { 385 "registerBook/comparison",
344 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 386 {
345 dqqllx: 'YGDJ', 387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
346 }, 388 dqqllx: "YGDJ",
347 "80%", 389 },
348 true 390 "80%",
349 ); 391 true
350 }, 392 );
351 }, 393 },
352 }; 394 },
395 };
353 </script> 396 </script>
354 <style scoped lang='scss'> 397 <style scoped lang="scss">
355 @import "~@/styles/public.scss"; 398 @import "~@/styles/public.scss";
356 399
357 /deep/.el-form { 400 /deep/.el-form {
358 display: flex; 401 display: flex;
359 flex-direction: column; 402 flex-direction: column;
360 height: calc(100vh - 130px); 403 height: calc(100vh - 130px);
361 } 404 }
362 405
363 /deep/.el-form-item__label { 406 /deep/.el-form-item__label {
364 padding: 0; 407 padding: 0;
365 } 408 }
366 409
367 /deep/.el-radio { 410 /deep/.el-radio {
368 margin-right: 10px; 411 margin-right: 10px;
369 } 412 }
370 413
371 /deep/.el-select { 414 /deep/.el-select {
372 width: 100%; 415 width: 100%;
373 } 416 }
374 417
375 /deep/.el-form-item { 418 /deep/.el-form-item {
376 margin-bottom: 8px; 419 margin-bottom: 8px;
377 } 420 }
378 421
379 .marginBot0 { 422 .marginBot0 {
380 margin-bottom: 0 !important; 423 margin-bottom: 0 !important;
381 } 424 }
382 425
383 .slxx { 426 .slxx {
384 box-sizing: border-box; 427 box-sizing: border-box;
385 } 428 }
386 429
387 .slxx_con { 430 .slxx_con {
388 flex: 1; 431 flex: 1;
389 height: 100%; 432 height: 100%;
390 background-color: #ffffff; 433 background-color: #ffffff;
391 overflow-y: auto; 434 overflow-y: auto;
392 padding-right: 3px; 435 padding-right: 3px;
393 overflow-x: hidden; 436 overflow-x: hidden;
394 } 437 }
395 438
396 .submit_btn { 439 .submit_btn {
397 height: 50px; 440 height: 50px;
398 } 441 }
399 442
400 .slxx_title { 443 .slxx_title {
401 border-bottom: 1px solid $borderColor; 444 border-bottom: 1px solid $borderColor;
402 padding-left: 10px; 445 padding-left: 10px;
403 padding-bottom: 5px; 446 padding-bottom: 5px;
404 margin-bottom: 10px; 447 margin-bottom: 10px;
405 margin-top: 5px; 448 margin-top: 5px;
406 font-size: 16px; 449 font-size: 16px;
407 font-weight: 500; 450 font-weight: 500;
408 color: #4a4a4a; 451 color: #4a4a4a;
409 } 452 }
410 453
411 .btn { 454 .btn {
412 text-align: center; 455 text-align: center;
413 padding-top: 10px; 456 padding-top: 10px;
414 height: 36px; 457 height: 36px;
415 background-color: #ffffff; 458 background-color: #ffffff;
416 padding: 5px 0; 459 padding: 5px 0;
417 } 460 }
418 461
419 .textArea { 462 .textArea {
420 /deep/.el-textarea__inner { 463 /deep/.el-textarea__inner {
421 min-height: 90px !important; 464 min-height: 90px !important;
422 }
423 } 465 }
466 }
424 467
425 /deep/.el-form-item__label { 468 /deep/.el-form-item__label {
426 padding-bottom: 0px; 469 padding-bottom: 0px;
427 } 470 }
428 </style> 471 </style>
......
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px"> 11 label-width="120px"
12 >
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
14 受理信息 15 受理信息
...@@ -134,31 +135,48 @@ ...@@ -134,31 +135,48 @@
134 <el-form-item label="是否存在禁止或限制："> 135 <el-form-item label="是否存在禁止或限制：">
135 <el-input 136 <el-input
136 v-model="ruleForm.ygdj.sfczjzhxz" 137 v-model="ruleForm.ygdj.sfczjzhxz"
137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 138 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
139 ></el-input>
138 </el-form-item> 140 </el-form-item>
139 </el-col> 141 </el-col>
140 <el-col :span="8"> 142 <el-col :span="8">
141 <el-form-item label="被担保主债权数额："> 143 <el-form-item label="被担保主债权数额：">
142 <div class="flex"> 144 <div class="flex">
143 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> 145 <el-input
144 <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px"> 146 v-model="ruleForm.ygdj.qdjg"
147 :disabled="!viewEdit"
148 ></el-input>
149 <el-select
150 v-model="ruleForm.ygdj.jedw"
151 :disabled="!viewEdit"
152 style="width: 68px"
153 >
145 <el-option 154 <el-option
146 v-for="item in dictData['A57']" 155 v-for="item in dictData['A57']"
147 :key="item.dcode" 156 :key="item.dcode"
148 :label="item.dname" 157 :label="item.dname"
149 :value="item.dcode"></el-option> 158 :value="item.dcode"
159 ></el-option>
150 </el-select> 160 </el-select>
151 </div> 161 </div>
152 </el-form-item> 162 </el-form-item>
153 </el-col> 163 </el-col>
154 <el-col :span="8"> 164 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 165 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker> 166 <el-date-picker
167 v-model="ruleForm.ygdj.zwlxqssj"
168 :disabled="!viewEdit"
169 type="date"
170 ></el-date-picker>
157 </el-form-item> 171 </el-form-item>
158 </el-col> 172 </el-col>
159 <el-col :span="8"> 173 <el-col :span="8">
160 <el-form-item label="债务履行结束时间："> 174 <el-form-item label="债务履行结束时间：">
161 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker> 175 <el-date-picker
176 v-model="ruleForm.ygdj.zwlxjssj"
177 :disabled="!viewEdit"
178 type="date"
179 ></el-date-picker>
162 </el-form-item> 180 </el-form-item>
163 </el-col> 181 </el-col>
164 </el-row> 182 </el-row>
...@@ -167,14 +185,21 @@ ...@@ -167,14 +185,21 @@
167 <el-form-item label="担保范围："> 185 <el-form-item label="担保范围：">
168 <el-input 186 <el-input
169 v-model="ruleForm.ygdj.dbfw" 187 v-model="ruleForm.ygdj.dbfw"
170 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 188 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
189 ></el-input>
171 </el-form-item> 190 </el-form-item>
172 </el-col> 191 </el-col>
173 </el-row> 192 </el-row>
174 <el-row> 193 <el-row>
175 <el-col :span="24"> 194 <el-col :span="24">
176 <el-form-item label="附记：" prop="fj"> 195 <el-form-item label="附记：" prop="fj">
177 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input> 196 <el-input
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 v-model="ruleForm.ygdj.fj"
201 :disabled="!viewEdit"
202 ></el-input>
178 </el-form-item> 203 </el-form-item>
179 </el-col> 204 </el-col>
180 </el-row> 205 </el-row>
...@@ -185,7 +210,10 @@ ...@@ -185,7 +210,10 @@
185 <el-row :gutter="10"> 210 <el-row :gutter="10">
186 <el-col :span="12"> 211 <el-col :span="12">
187 <el-form-item label="共有方式："> 212 <el-form-item label="共有方式：">
188 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 213 <el-radio-group
214 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs"
216 >
189 <el-radio label="0">单独所有</el-radio> 217 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 218 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 219 <el-radio label="2">按份所有</el-radio>
...@@ -195,20 +223,32 @@ ...@@ -195,20 +223,32 @@
195 </el-col> 223 </el-col>
196 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> 224 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
197 <el-form-item label="是否分别持证："> 225 <el-form-item label="是否分别持证：">
198 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 226 <el-radio-group
227 v-model="ruleForm.sldy.sqfbcz"
228 :disabled="!viewEdit"
229 @input="updaterow()"
230 >
199 <el-radio :label="1">是</el-radio> 231 <el-radio :label="1">是</el-radio>
200 <el-radio :label="0">否</el-radio> 232 <el-radio :label="0">否</el-radio>
201 </el-radio-group> 233 </el-radio-group>
202 </el-form-item> 234 </el-form-item>
203 </el-col> 235 </el-col>
204 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 236 <el-col
237 :span="6"
238 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
239 >
205 <el-form-item label="持证人："> 240 <el-form-item label="持证人：">
206 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 241 <el-select
242 v-model="czr"
243 placeholder="持证人"
244 :disabled="!viewEdit"
245 >
207 <el-option 246 <el-option
208 v-for="item in czrOptions" 247 v-for="item in czrOptions"
209 :key="item.zjh" 248 :key="item.zjh"
210 :label="item.sqrmc" 249 :label="item.sqrmc"
211 :value="item.zjh"></el-option> 250 :value="item.zjh"
251 ></el-option>
212 </el-select> 252 </el-select>
213 </el-form-item> 253 </el-form-item>
214 </el-col> 254 </el-col>
...@@ -217,7 +257,8 @@ ...@@ -217,7 +257,8 @@
217 @upDateQlrxxList="upDateQlrxxList" 257 @upDateQlrxxList="upDateQlrxxList"
218 :tableData="ruleForm.qlrList" 258 :tableData="ruleForm.qlrList"
219 :disabled="viewEdit" 259 :disabled="viewEdit"
220 :gyfs="ruleForm.sldy.gyfs" /> 260 :gyfs="ruleForm.sldy.gyfs"
261 />
221 <div class="slxx_title title-block"> 262 <div class="slxx_title title-block">
222 义务人信息 263 义务人信息
223 <div class="triangle"></div> 264 <div class="triangle"></div>
...@@ -226,7 +267,8 @@ ...@@ -226,7 +267,8 @@
226 @upDateQlrxxList="upDateYwrxxList" 267 @upDateQlrxxList="upDateYwrxxList"
227 :tableData="ruleForm.ywrList" 268 :tableData="ruleForm.ywrList"
228 :disabled="viewEdit" 269 :disabled="viewEdit"
229 :gyfs="ruleForm.sldy.gyfs" /> 270 :gyfs="ruleForm.sldy.gyfs"
271 />
230 <div class="slxx_title title-block"> 272 <div class="slxx_title title-block">
231 登记原因 273 登记原因
232 <div class="triangle"></div> 274 <div class="triangle"></div>
...@@ -240,7 +282,8 @@ ...@@ -240,7 +282,8 @@
240 maxlength="500" 282 maxlength="500"
241 show-word-limit 283 show-word-limit
242 :disabled="!viewEdit" 284 :disabled="!viewEdit"
243 v-model="ruleForm.ygdj.djyy"></el-input> 285 v-model="ruleForm.ygdj.djyy"
286 ></el-input>
244 </el-form-item> 287 </el-form-item>
245 </el-col> 288 </el-col>
246 </el-row> 289 </el-row>
...@@ -254,153 +297,163 @@ ...@@ -254,153 +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.czrOptions = this.ruleForm.qlrList; 319 this.czrOptions = this.ruleForm.qlrList;
277 this.ruleForm.qlrList.forEach((item) => { 320 this.ruleForm.qlrList.forEach((item) => {
278 if(item.sfczr==1){ 321 if (item.sfczr == 1) {
279 this.czr=item.sqrmc 322 this.czr = item.sqrmc;
280 } 323 }
281 }) 324 });
282 setTimeout(() => { 325 setTimeout(() => {
283 that.loading = false; 326 that.loading = false;
284 }, 300); 327 }, 300);
285 } 328 }
286 }); 329 });
330 },
331 components: { qlrCommonTable },
332 computed: {
333 ...mapGetters(["dictData", "flag"]),
334 },
335 data() {
336 return {
337 //表单是否可操作
338 viewEdit: true,
339 loading: false,
340 disabled: true,
341 tdytOption: [],
342 czrOptions: [],
343 czr: "",
344 ruleForm: {},
345 //传递参数
346 propsParam: this.$attrs,
347 rules: {},
348 };
349 },
350 methods: {
351 /**
352 * @description: 更新权利人信息
353 * @param {*} val
354 * @author: renchao
355 */
356 upDateQlrxxList(val) {
357 this.ruleForm.qlrList = _.cloneDeep(val);
358 this.czrOptions = this.ruleForm.qlrList;
287 }, 359 },
288 components: { qlrCommonTable }, 360 /**
289 computed: { 361 * @description: 义务人信息
290 ...mapGetters(["dictData", "flag"]), 362 * @param {*} val
363 * @author: renchao
364 */
365 upDateYwrxxList(val) {
366 this.ruleForm.ywrList = _.cloneDeep(val);
291 }, 367 },
292 data () { 368 // 是否持证人变化
293 return { 369 /**
294 //表单是否可操作 370 * @description: 是否持证人变化
295 viewEdit: true, 371 * @param {*} val
296 loading: false, 372 * @author: renchao
297 disabled: true, 373 */
298 tdytOption: [], 374 updaterow() {
299 czrOptions: [], 375 this.czr = "";
300 czr:"",
301 ruleForm: {},
302 //传递参数
303 propsParam: this.$attrs,
304 rules: {},
305 };
306 }, 376 },
307 methods: { 377 /**
308 /** 378 * @description: onSubmit
309 * @description: 更新权利人信息 379 * @author: renchao
310 * @param {*} val 380 */
311 * @author: renchao 381 onSubmit() {
312 */ 382 let that = this;
313 upDateQlrxxList (val) { 383 if (this.ruleForm.qlrList.length == 0) {
314 this.ruleForm.qlrList = _.cloneDeep(val); 384 this.$message({
315 this.czrOptions = this.ruleForm.qlrList; 385 showClose: true,
316 }, 386 message: "请确认权利人信息",
317 /** 387 type: "error",
318 * @description: 义务人信息 388 });
319 * @param {*} val 389 return false;
320 * @author: renchao 390 }
321 */ 391
322 upDateYwrxxList (val) { 392 if (this.ruleForm.sldy.gyfs == "0") {
323 this.ruleForm.ywrList = _.cloneDeep(val); 393 if (this.ruleForm.qlrList.length > 1) {
324 },
325 /**
326 * @description: onSubmit
327 * @author: renchao
328 */
329 onSubmit () {
330 let that = this
331 if (this.ruleForm.qlrList.length == 0) {
332 this.$message({ 394 this.$message({
333 showClose: true, 395 showClose: true,
334 message: "请确认权利人信息", 396 message: "共有方式：单独所有，权利人只能是一个人",
335 type: "error", 397 type: "error",
336 }); 398 });
337 return false; 399 return false;
338 } 400 }
339 401 this.ruleForm.qlrList[0].sfczr = "1";
340 if (this.ruleForm.sldy.gyfs == "0") { 402 } else {
341 if (this.ruleForm.qlrList.length > 1) { 403 if (this.ruleForm.qlrList.length <= 1) {
342 this.$message({ 404 this.$message({
343 showClose: true, 405 showClose: true,
344 message: "共有方式：单独所有，权利人只能是一个人", 406 message:
345 type: "error", 407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
346 }); 408 type: "error",
347 return false; 409 });
348 } 410 return false;
349 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 });
350 } else { 418 } else {
351 if (this.ruleForm.qlrList.length <= 1) { 419 if (!that.czr) {
352 this.$message({ 420 that.$message({
353 showClose: true, 421 showClose: true,
354 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 422 message: "请选择持证人",
355 type: "error", 423 type: "error",
356 }); 424 });
357 return false; 425 return false;
358 } 426 }
359 //是否分别持证 427 this.ruleForm.qlrList.forEach((item, index) => {
360 if (this.ruleForm.sldy.sqfbcz == "1") { 428 if (item.zjh == this.czr) {
361 //是
362 this.ruleForm.qlrList.forEach((item, index) => {
363 item.sfczr = "1"; 429 item.sfczr = "1";
364 }); 430 } else {
365 } else { 431 item.sfczr = "0";
366 if (!that.czr) {
367 that.$message({
368 showClose: true,
369 message: "请选择持证人",
370 type: "error",
371 });
372 return false;
373 } 432 }
374 this.ruleForm.qlrList.forEach((item, index) => { 433 });
375 if (item.zjh == this.czr) {
376 item.sfczr = "1";
377 } else {
378 item.sfczr = "0";
379 }
380 });
381 }
382 } 434 }
383 saveData(this.ruleForm).then((res) => { 435 }
384 if (res.code === 200) { 436 saveData(this.ruleForm).then((res) => {
385 this.$message({ 437 if (res.code === 200) {
386 showClose: true, 438 this.$message({
387 message: "保存成功！", 439 showClose: true,
388 type: "success", 440 message: "保存成功！",
389 }); 441 type: "success",
390 this.$store.dispatch("user/refreshPage", true); 442 });
391 } else { 443 this.$store.dispatch("user/refreshPage", true);
392 this.$message({ 444 } else {
393 showClose: true, 445 this.$message({
394 message: res.message, 446 showClose: true,
395 type: "error", 447 message: res.message,
396 }); 448 type: "error",
397 } 449 });
398 }); 450 }
399 }, 451 });
400 }, 452 },
401 }; 453 },
454 };
402 </script> 455 </script>
403 <style scoped lang='scss'> 456 <style scoped lang="scss">
404 @import "~@/styles/public.scss"; 457 @import "~@/styles/public.scss";
405 @import "~@/styles/slxx/slxx.scss"; 458 @import "~@/styles/slxx/slxx.scss";
406 </style> 459 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form class="loadingtext" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 class="loadingtext"
6 :label-position="flag ? 'top' : ''"
7 :inline="flag"
8 label-width="140px"
9 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
8 受理信息 12 受理信息
...@@ -28,12 +32,18 @@ ...@@ -28,12 +32,18 @@
28 <el-row :gutter="10" v-if="ruleForm.sldyList"> 32 <el-row :gutter="10" v-if="ruleForm.sldyList">
29 <el-col :span="8"> 33 <el-col :span="8">
30 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 35 <el-input
36 disabled
37 v-model="ruleForm.sldyList[0].qllxmc"
38 ></el-input>
32 </el-form-item> 39 </el-form-item>
33 </el-col> 40 </el-col>
34 <el-col :span="8"> 41 <el-col :span="8">
35 <el-form-item label="登记类型："> 42 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 43 <el-input
44 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"
46 ></el-input>
37 </el-form-item> 47 </el-form-item>
38 </el-col> 48 </el-col>
39 <el-col :span="8"> 49 <el-col :span="8">
...@@ -42,8 +52,11 @@ ...@@ -42,8 +52,11 @@
42 </el-form-item> 52 </el-form-item>
43 </el-col> 53 </el-col>
44 </el-row> 54 </el-row>
45 <div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0"> 55 <div
46 抵押户信息列表信息（{{ruleForm.hlist.length}} 户） 56 class="slxx_title title-block"
57 v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
58 >
59 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
47 <div class="triangle"></div> 60 <div class="triangle"></div>
48 </div> 61 </div>
49 <qjhTable :tableData="ruleForm.hlist" /> 62 <qjhTable :tableData="ruleForm.hlist" />
...@@ -51,7 +64,10 @@ ...@@ -51,7 +64,10 @@
51 抵押信息 64 抵押信息
52 <div class="triangle"></div> 65 <div class="triangle"></div>
53 </div> 66 </div>
54 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 67 <el-row
68 :gutter="10"
69 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
70 >
55 <el-col :span="8"> 71 <el-col :span="8">
56 <el-form-item label="抵押方式："> 72 <el-form-item label="抵押方式：">
57 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 73 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -62,15 +78,24 @@ ...@@ -62,15 +78,24 @@
62 </el-col> 78 </el-col>
63 <el-col :span="8"> 79 <el-col :span="8">
64 <el-form-item label="抵押金额类型："> 80 <el-form-item label="抵押金额类型：">
65 <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx" :disabled="!viewEdit"> 81 <el-radio-group
82 v-model="ruleForm.diyaqList[0].dyjelx"
83 :disabled="!viewEdit"
84 >
66 <el-radio label="0">独立抵押</el-radio> 85 <el-radio label="0">独立抵押</el-radio>
67 <el-radio label="1">整体抵押</el-radio> 86 <el-radio label="1">整体抵押</el-radio>
68 </el-radio-group> 87 </el-radio-group>
69 </el-form-item> 88 </el-form-item>
70 </el-col> 89 </el-col>
71 <el-col :span="8"> 90 <el-col :span="8">
72 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 91 <el-form-item
73 <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz" :disabled="!viewEdit"> 92 label="是否存在禁止或者限制转让抵押不动产的约定："
93 label-width="350px"
94 >
95 <el-radio-group
96 v-model="ruleForm.diyaqList[0].sfczjzhxz"
97 :disabled="!viewEdit"
98 >
74 <el-radio label="1">启用</el-radio> 99 <el-radio label="1">启用</el-radio>
75 <el-radio label="0">禁用</el-radio> 100 <el-radio label="0">禁用</el-radio>
76 </el-radio-group> 101 </el-radio-group>
...@@ -78,12 +103,26 @@ ...@@ -78,12 +103,26 @@
78 </el-col> 103 </el-col>
79 </el-row> 104 </el-row>
80 105
81 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 106 <el-row
107 :gutter="10"
108 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
109 >
82 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
83 <el-form-item label="被担保主债权数额："> 111 <el-form-item label="被担保主债权数额：">
84 <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!viewEdit"></el-input> 112 <el-input
85 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 113 v-model="ruleForm.diyaqList[0].bdbzzqse"
86 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 114 :disabled="!viewEdit"
115 ></el-input>
116 <el-select
117 v-model="ruleForm.diyaqList[0].jedw"
118 :disabled="!viewEdit"
119 >
120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode"
125 >
87 </el-option> 126 </el-option>
88 </el-select> 127 </el-select>
89 </el-form-item> 128 </el-form-item>
...@@ -91,9 +130,20 @@ ...@@ -91,9 +130,20 @@
91 130
92 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
93 <el-form-item label="最高债权额："> 132 <el-form-item label="最高债权额：">
94 <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!viewEdit"></el-input> 133 <el-input
95 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 134 v-model="ruleForm.diyaqList[0].zgzqse"
96 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 135 :disabled="!viewEdit"
136 ></el-input>
137 <el-select
138 v-model="ruleForm.diyaqList[0].jedw"
139 :disabled="!viewEdit"
140 >
141 <el-option
142 v-for="item in dictData['A57']"
143 :key="item.dcode"
144 :label="item.dname"
145 :value="item.dcode"
146 >
97 </el-option> 147 </el-option>
98 </el-select> 148 </el-select>
99 </el-form-item> 149 </el-form-item>
...@@ -101,37 +151,56 @@ ...@@ -101,37 +151,56 @@
101 151
102 <el-col :span="8"> 152 <el-col :span="8">
103 <el-form-item label="债务履行起始时间："> 153 <el-form-item label="债务履行起始时间：">
104 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" :disabled="!viewEdit" type="date"> 154 <el-date-picker
155 v-model="ruleForm.diyaqList[0].zwlxqssj"
156 :disabled="!viewEdit"
157 type="date"
158 >
105 </el-date-picker> 159 </el-date-picker>
106 </el-form-item> 160 </el-form-item>
107 </el-col> 161 </el-col>
108 <el-col :span="8"> 162 <el-col :span="8">
109 <el-form-item label="债务履行结束时间："> 163 <el-form-item label="债务履行结束时间：">
110 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" :disabled="!viewEdit" type="date"> 164 <el-date-picker
165 v-model="ruleForm.diyaqList[0].zwlxjssj"
166 :disabled="!viewEdit"
167 type="date"
168 >
111 </el-date-picker> 169 </el-date-picker>
112 </el-form-item> 170 </el-form-item>
113 </el-col> 171 </el-col>
114 </el-row> 172 </el-row>
115 173
116 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 174 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
117 <el-col :span="24"> 175 <el-col :span="24">
118 <el-form-item label="担保范围："> 176 <el-form-item label="担保范围：">
119 <el-input v-model="ruleForm.diyaqList[0].dbfw" 177 <el-input
120 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input> 178 v-model="ruleForm.diyaqList[0].dbfw"
179 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
180 ></el-input>
121 </el-form-item> 181 </el-form-item>
122 </el-col> 182 </el-col>
123 </el-row> 183 </el-row>
124 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 184 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
125 <el-col :span="24"> 185 <el-col :span="24">
126 <el-form-item label="最高债权确定事实和数额："> 186 <el-form-item label="最高债权确定事实和数额：">
127 <el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!viewEdit"></el-input> 187 <el-input
188 v-model="ruleForm.diyaqList[0].zgzqqdss"
189 :disabled="!viewEdit"
190 ></el-input>
128 </el-form-item> 191 </el-form-item>
129 </el-col> 192 </el-col>
130 </el-row> 193 </el-row>
131 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 194 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
132 <el-col> 195 <el-col>
133 <el-form-item label="附记：" prop="fj"> 196 <el-form-item label="附记：" prop="fj">
134 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaqList[0].fj" :disabled="!viewEdit"></el-input> 197 <el-input
198 type="textarea"
199 maxlength="500"
200 show-word-limit
201 v-model="ruleForm.diyaqList[0].fj"
202 :disabled="!viewEdit"
203 ></el-input>
135 </el-form-item> 204 </el-form-item>
136 </el-col> 205 </el-col>
137 </el-row> 206 </el-row>
...@@ -140,10 +209,16 @@ ...@@ -140,10 +209,16 @@
140 抵押权人信息 209 抵押权人信息
141 <div class="triangle"></div> 210 <div class="triangle"></div>
142 </div> 211 </div>
143 <el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0"> 212 <el-row
213 :gutter="10"
214 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
215 >
144 <el-col :span="14"> 216 <el-col :span="14">
145 <el-form-item label="共有方式："> 217 <el-form-item label="共有方式：">
146 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldyList[0].gyfs"> 218 <el-radio-group
219 :disabled="!viewEdit"
220 v-model="ruleForm.sldyList[0].gyfs"
221 >
147 <el-radio label="0">单独所有</el-radio> 222 <el-radio label="0">单独所有</el-radio>
148 <el-radio label="1">共同共有</el-radio> 223 <el-radio label="1">共同共有</el-radio>
149 <el-radio label="2">按份所有</el-radio> 224 <el-radio label="2">按份所有</el-radio>
...@@ -154,43 +229,88 @@ ...@@ -154,43 +229,88 @@
154 229
155 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'"> 230 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
156 <el-form-item label="是否分别持证："> 231 <el-form-item label="是否分别持证：">
157 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!viewEdit"> 232 <el-radio-group
233 v-model="ruleForm.sldyList[0].sqfbcz"
234 :disabled="!viewEdit"
235 @input="updaterow()"
236 >
158 <el-radio label="1">是</el-radio> 237 <el-radio label="1">是</el-radio>
159 <el-radio label="0">否</el-radio> 238 <el-radio label="0">否</el-radio>
160 </el-radio-group> 239 </el-radio-group>
161 </el-form-item> 240 </el-form-item>
162 </el-col> 241 </el-col>
163 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'&&ruleForm.sldyList[0].sqfbcz == '0' "> 242 <el-col
243 :span="5"
244 v-show="
245 ruleForm.sldyList[0].gyfs != '0' &&
246 ruleForm.sldyList[0].sqfbcz == '0'
247 "
248 >
164 <el-form-item label="持证人："> 249 <el-form-item label="持证人：">
165 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 250 <el-select
166 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 251 v-model="czr"
252 placeholder="持证人"
253 :disabled="!viewEdit"
254 >
255 <el-option
256 v-for="item in czrOptions"
257 :key="item.value"
258 :label="item.label"
259 :value="item.value"
260 >
167 </el-option> 261 </el-option>
168 </el-select> 262 </el-select>
169 </el-form-item> 263 </el-form-item>
170 </el-col> 264 </el-col>
171 </el-row> 265 </el-row>
172 <qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 266 <qlrCommonTable
173 :disabled="viewEdit" :gyfs="ruleForm.sldyList[0].gyfs" /> 267 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
268 :tableData="ruleForm.qlrList"
269 @upDateQlrxxList="upDateQlrxxList"
270 :disabled="viewEdit"
271 :gyfs="ruleForm.sldyList[0].gyfs"
272 />
174 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
175 抵押人信息 274 抵押人信息
176 <div class="triangle"></div> 275 <div class="triangle"></div>
177 </div> 276 </div>
178 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 277 <qlrCommonTable
278 :tableData="ruleForm.ywrList"
279 @upDateQlrxxList="upDateYwrxxList"
280 :disabled="viewEdit"
281 />
179 282
180 <div class="slxx_title title-block"> 283 <div class="slxx_title title-block">
181 登记原因 284 登记原因
182 <div class="triangle"></div> 285 <div class="triangle"></div>
183 </div> 286 </div>
184 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 287 <el-row
288 :gutter="10"
289 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
290 >
185 <el-col> 291 <el-col>
186 <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy"> 292 <el-form-item
187 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 293 v-if="ruleForm.sldyList[0].djlx == '400'"
188 v-model="ruleForm.diyaqList[0].zxdyyy"> 294 label="注销抵押原因："
295 prop="djyy"
296 >
297 <el-input
298 class="textArea"
299 type="textarea"
300 :disabled="!viewEdit"
301 v-model="ruleForm.diyaqList[0].zxdyyy"
302 >
189 </el-input> 303 </el-input>
190 </el-form-item> 304 </el-form-item>
191 <el-form-item v-else label="登记原因：" prop="djyy"> 305 <el-form-item v-else label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 306 <el-input
193 v-model="ruleForm.diyaqList[0].djyy"> 307 class="textArea"
308 type="textarea"
309 maxlength="500"
310 show-word-limit
311 :disabled="!viewEdit"
312 v-model="ruleForm.diyaqList[0].djyy"
313 >
194 </el-input> 314 </el-input>
195 </el-form-item> 315 </el-form-item>
196 </el-col> 316 </el-col>
...@@ -205,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,162 +346,172 @@ ...@@ -266,162 +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.czrOptions = this.ruleForm.qlrList; 364 this.czrOptions = this.ruleForm.qlrList;
285 this.ruleForm.qlrList.forEach((item) => { 365 this.ruleForm.qlrList.forEach((item) => {
286 if(item.sfczr==1){ 366 if (item.sfczr == 1) {
287 this.czr=item.sqrmc 367 this.czr = item.sqrmc;
288 }
289 })
290 this.$endLoading();
291 }
292 })
293 },
294 components: { qlrCommonTable },
295 computed: {
296 ...mapGetters(["dictData", "flag"]),
297 },
298 data () {
299 return {
300 //表单是否可操作
301 viewEdit: true,
302 disabled: true,
303 czrOptions: [],
304 czr:"",
305 ruleForm: {},
306 //传递参数
307 propsParam: {},
308 rules: {},
309 // 键名转换，方法默认是label和children进行树状渲染
310 normalizer (node) {
311 //方法
312 if (node.children == null || node.children == "null") {
313 delete node.children;
314 } 368 }
315 return { 369 });
316 id: node.dcode, 370 this.$endLoading();
317 label: node.dname, 371 }
318 }; 372 });
319 }, 373 },
320 }; 374 components: { qlrCommonTable },
321 }, 375 computed: {
322 methods: { 376 ...mapGetters(["dictData", "flag"]),
323 /** 377 },
324 * @description: onSubmitClick 378 data() {
325 * @author: renchao 379 return {
326 */ 380 //表单是否可操作
327 onSubmitClick () { 381 viewEdit: true,
328 let that = this 382 disabled: true,
329 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) {
330 this.$message({ 420 this.$message({
331 showClose: true, 421 showClose: true,
332 message: "请确认权利人信息", 422 message: "共有方式：单独所有，权利人只能是一个人",
333 type: "error", 423 type: "error",
334 }); 424 });
335 return false; 425 return false;
336 } 426 }
337 427 this.ruleForm.qlrList[0].sfczr = "1";
338 if (this.ruleForm.sldy.gyfs == "0") { 428 } else {
339 if (this.ruleForm.qlrList.length > 1) { 429 if (this.ruleForm.qlrList.length <= 1) {
340 this.$message({ 430 this.$message({
341 showClose: true, 431 showClose: true,
342 message: "共有方式：单独所有，权利人只能是一个人", 432 message:
343 type: "error", 433 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
344 }); 434 type: "error",
345 return false; 435 });
346 } 436 return false;
347 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 });
348 } else { 444 } else {
349 if (this.ruleForm.qlrList.length <= 1) { 445 if (!that.czr) {
350 this.$message({ 446 that.$message({
351 showClose: true, 447 showClose: true,
352 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 448 message: "请选择持证人",
353 type: "error", 449 type: "error",
354 }); 450 });
355 return false; 451 return false;
356 } 452 }
357 //是否分别持证 453 this.ruleForm.qlrList.forEach((item, index) => {
358 if (this.ruleForm.sldy.sqfbcz == "1") { 454 if (item.zjh == this.czr) {
359 //是
360 this.ruleForm.qlrList.forEach((item, index) => {
361 item.sfczr = "1"; 455 item.sfczr = "1";
362 }); 456 } else {
363 } else { 457 item.sfczr = "0";
364 if (!that.czr) {
365 that.$message({
366 showClose: true,
367 message: "请选择持证人",
368 type: "error",
369 });
370 return false;
371 } 458 }
372 this.ruleForm.qlrList.forEach((item, index) => { 459 });
373 if (item.zjh == this.czr) {
374 item.sfczr = "1";
375 } else {
376 item.sfczr = "0";
377 }
378 });
379 }
380 }
381 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
382 if (res.code === 200) {
383 this.$message({
384 showClose: true,
385 message: "保存成功！",
386 type: "success",
387 });
388 this.$store.dispatch('user/refreshPage', true);
389 } else {
390 this.$message({
391 showClose: true,
392 message: res.message,
393 type: "error",
394 });
395 }
396 });
397 },
398
399 /**
400 * @description: 更新权利人信息
401 * @param {*} val
402 * @author: renchao
403 */
404 upDateQlrxxList (val) {
405 if (!_.isEqual(val, this.ruleForm.qlrList)) {
406 this.ruleForm.qlrList = _.cloneDeep(val);
407 this.czrOptions = this.ruleForm.qlrList
408 } 460 }
409 }, 461 }
410 // 更新义务人信息 462 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
411 /** 463 if (res.code === 200) {
412 * @description: 更新义务人信息 464 this.$message({
413 * @param {*} val 465 showClose: true,
414 * @author: renchao 466 message: "保存成功！",
415 */ 467 type: "success",
416 upDateYwrxxList (val) { 468 });
417 if (!_.isEqual(val, this.ruleForm.ywrList)) { 469 this.$store.dispatch("user/refreshPage", true);
418 this.ruleForm.ywrList = _.cloneDeep(val); 470 } else {
471 this.$message({
472 showClose: true,
473 message: res.message,
474 type: "error",
475 });
419 } 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;
420 } 489 }
421 } 490 },
422 }; 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 };
423 </script> 513 </script>
424 <style scoped lang='scss'> 514 <style scoped lang="scss">
425 @import "~@/styles/public.scss"; 515 @import "~@/styles/public.scss";
426 @import "~@/styles/slxx/slxx.scss"; 516 @import "~@/styles/slxx/slxx.scss";
427 </style> 517 </style>
......