Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents 8e3faeb2 f02a1424
Inline Side-by-side
Showing 18 changed files with 2379 additions and 1300 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:25:12 4 * @LastEditTime: 2023-08-24 15:34:27
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 9 <el-form
10 :inline="flag" label-width="180px"> 10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="180px"
17 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
13 受理信息 20 受理信息
...@@ -124,8 +131,14 @@ ...@@ -124,8 +131,14 @@
124 </el-form-item> 131 </el-form-item>
125 </el-col> 132 </el-col>
126 <el-col :span="9"> 133 <el-col :span="9">
127 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 134 <el-form-item
128 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit|| isJfOperation"> 135 label="是否存在禁止或者限制转让抵押不动产的约定："
136 label-width="350px"
137 >
138 <el-radio-group
139 v-model="ruleForm.diyaq.sfczjzhxz"
140 :disabled="!viewEdit || isJfOperation"
141 >
129 <el-radio label="1">启用</el-radio> 142 <el-radio label="1">启用</el-radio>
130 <el-radio label="0">禁用</el-radio> 143 <el-radio label="0">禁用</el-radio>
131 </el-radio-group> 144 </el-radio-group>
...@@ -136,10 +149,22 @@ ...@@ -136,10 +149,22 @@
136 <el-row :gutter="10"> 149 <el-row :gutter="10">
137 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 150 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
138 <el-form-item label="被担保主债权数额："> 151 <el-form-item label="被担保主债权数额：">
139 <div style="display:flex"> 152 <div style="display: flex">
140 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit|| isJfOperation" style="width:500%"></el-input> 153 <el-input
141 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit|| isJfOperation"> 154 v-model="ruleForm.diyaq.bdbzzqse"
142 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 155 :disabled="!viewEdit || isJfOperation"
156 style="width: 500%"
157 ></el-input>
158 <el-select
159 v-model="ruleForm.diyaq.jedw"
160 :disabled="!viewEdit || isJfOperation"
161 >
162 <el-option
163 v-for="item in dictData['A57']"
164 :key="item.dcode"
165 :label="item.dname"
166 :value="item.dcode"
167 >
143 </el-option> 168 </el-option>
144 </el-select> 169 </el-select>
145 </div> 170 </div>
...@@ -148,19 +173,30 @@ ...@@ -148,19 +173,30 @@
148 173
149 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 174 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
150 <el-form-item label="最高债权额："> 175 <el-form-item label="最高债权额：">
151 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit|| isJfOperation"></el-input> 176 <el-input
177 v-model="ruleForm.diyaq.zgzqse"
178 :disabled="!viewEdit || isJfOperation"
179 ></el-input>
152 </el-form-item> 180 </el-form-item>
153 </el-col> 181 </el-col>
154 182
155 <el-col :span="8"> 183 <el-col :span="8">
156 <el-form-item label="债务履行起始时间："> 184 <el-form-item label="债务履行起始时间：">
157 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit|| isJfOperation" type="date"> 185 <el-date-picker
186 v-model="ruleForm.diyaq.zwlxqssj"
187 :disabled="!viewEdit || isJfOperation"
188 type="date"
189 >
158 </el-date-picker> 190 </el-date-picker>
159 </el-form-item> 191 </el-form-item>
160 </el-col> 192 </el-col>
161 <el-col :span="8"> 193 <el-col :span="8">
162 <el-form-item label="债务履行结束时间："> 194 <el-form-item label="债务履行结束时间：">
163 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit|| isJfOperation" type="date"> 195 <el-date-picker
196 v-model="ruleForm.diyaq.zwlxjssj"
197 :disabled="!viewEdit || isJfOperation"
198 type="date"
199 >
164 </el-date-picker> 200 </el-date-picker>
165 </el-form-item> 201 </el-form-item>
166 </el-col> 202 </el-col>
...@@ -168,22 +204,35 @@ ...@@ -168,22 +204,35 @@
168 <el-row> 204 <el-row>
169 <el-col :span="24"> 205 <el-col :span="24">
170 <el-form-item label="担保范围："> 206 <el-form-item label="担保范围：">
171 <el-input v-model="ruleForm.diyaq.dbfw" 207 <el-input
172 :disabled="ruleForm.sldy.djlx == '300'&& !viewEdit|| isJfOperation"></el-input> 208 v-model="ruleForm.diyaq.dbfw"
209 :disabled="
210 (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation
211 "
212 ></el-input>
173 </el-form-item> 213 </el-form-item>
174 </el-col> 214 </el-col>
175 </el-row> 215 </el-row>
176 <el-row> 216 <el-row>
177 <el-col :span="24"> 217 <el-col :span="24">
178 <el-form-item label="最高债权确定事实和数额："> 218 <el-form-item label="最高债权确定事实和数额：">
179 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit|| isJfOperation"></el-input> 219 <el-input
220 v-model="ruleForm.diyaq.zgzqqdss"
221 :disabled="!viewEdit || isJfOperation"
222 ></el-input>
180 </el-form-item> 223 </el-form-item>
181 </el-col> 224 </el-col>
182 </el-row> 225 </el-row>
183 <el-row> 226 <el-row>
184 <el-col> 227 <el-col>
185 <el-form-item label="附记：" prop="fj"> 228 <el-form-item label="附记：" prop="fj">
186 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit|| isJfOperation"></el-input> 229 <el-input
230 type="textarea"
231 maxlength="500"
232 show-word-limit
233 v-model="ruleForm.diyaq.fj"
234 :disabled="!viewEdit || isJfOperation"
235 ></el-input>
187 </el-form-item> 236 </el-form-item>
188 </el-col> 237 </el-col>
189 </el-row> 238 </el-row>
...@@ -195,7 +244,10 @@ ...@@ -195,7 +244,10 @@
195 <el-row :gutter="10"> 244 <el-row :gutter="10">
196 <el-col :span="12"> 245 <el-col :span="12">
197 <el-form-item label="共有方式："> 246 <el-form-item label="共有方式：">
198 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 247 <el-radio-group
248 :disabled="!viewEdit"
249 v-model="ruleForm.sldy.gyfs"
250 >
199 <el-radio label="0">单独所有</el-radio> 251 <el-radio label="0">单独所有</el-radio>
200 <el-radio label="1">共同共有</el-radio> 252 <el-radio label="1">共同共有</el-radio>
201 <el-radio label="2">按份所有</el-radio> 253 <el-radio label="2">按份所有</el-radio>
...@@ -207,7 +259,9 @@ ...@@ -207,7 +259,9 @@
207 <el-form-item label="是否分别持证："> 259 <el-form-item label="是否分别持证：">
208 <el-radio-group 260 <el-radio-group
209 v-model="ruleForm.sldy.sqfbcz" 261 v-model="ruleForm.sldy.sqfbcz"
210 :disabled="!viewEdit"> 262 :disabled="!viewEdit"
263 @input="updaterow()"
264 >
211 <el-radio :label="1">是</el-radio> 265 <el-radio :label="1">是</el-radio>
212 <el-radio :label="0">否</el-radio> 266 <el-radio :label="0">否</el-radio>
213 </el-radio-group> 267 </el-radio-group>
...@@ -215,29 +269,40 @@ ...@@ -215,29 +269,40 @@
215 </el-col> 269 </el-col>
216 <el-col 270 <el-col
217 :span="6" 271 :span="6"
218 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 272 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
273 >
219 <el-form-item label="持证人："> 274 <el-form-item label="持证人：">
220 <el-select 275 <el-select
221 v-model="czr" 276 v-model="czr"
222 placeholder="持证人" 277 placeholder="持证人"
223 :disabled="!viewEdit"> 278 :disabled="!viewEdit"
279 >
224 <el-option 280 <el-option
225 v-for="item in czrOptions" 281 v-for="item in czrOptions"
226 :key="item.zjh" 282 :key="item.zjh"
227 :label="item.sqrmc" 283 :label="item.sqrmc"
228 :value="item.zjh"> 284 :value="item.zjh"
285 >
229 </el-option> 286 </el-option>
230 </el-select> 287 </el-select>
231 </el-form-item> 288 </el-form-item>
232 </el-col> 289 </el-col>
233 </el-row> 290 </el-row>
234 <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="viewEdit" @upDateQlrxxList="upDateQlrxxList" 291 <qlrCommonTable
235 :gyfs="ruleForm.sldy.gyfs" /> 292 :tableData="ruleForm.qlrList"
293 :disabled="viewEdit"
294 @upDateQlrxxList="upDateQlrxxList"
295 :gyfs="ruleForm.sldy.gyfs"
296 />
236 <div class="slxx_title title-block"> 297 <div class="slxx_title title-block">
237 抵押人信息 298 抵押人信息
238 <div class="triangle"></div> 299 <div class="triangle"></div>
239 </div> 300 </div>
240 <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="viewEdit" @upDateQlrxxList="upDateYwrxxList" /> 301 <qlrCommonTable
302 :tableData="ruleForm.ywrList"
303 :disabled="viewEdit"
304 @upDateQlrxxList="upDateYwrxxList"
305 />
241 306
242 <div class="slxx_title title-block"> 307 <div class="slxx_title title-block">
243 登记原因 308 登记原因
...@@ -245,19 +310,32 @@ ...@@ -245,19 +310,32 @@
245 </div> 310 </div>
246 <el-row :gutter="10"> 311 <el-row :gutter="10">
247 <el-col> 312 <el-col>
248 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 313 <el-form-item
249 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 314 v-if="ruleForm.sldy.djlx == '400'"
250 v-model="ruleForm.diyaq.zxdyyy"> 315 label="注销抵押原因："
316 prop="djyy"
317 >
318 <el-input
319 class="textArea"
320 type="textarea"
321 :disabled="!viewEdit"
322 v-model="ruleForm.diyaq.zxdyyy"
323 >
251 </el-input> 324 </el-input>
252 </el-form-item> 325 </el-form-item>
253 <el-form-item v-else label="登记原因：" prop="djyy"> 326 <el-form-item v-else label="登记原因：" prop="djyy">
254 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 327 <el-input
255 v-model="ruleForm.diyaq.djyy"> 328 class="textArea"
329 type="textarea"
330 maxlength="500"
331 show-word-limit
332 :disabled="!viewEdit"
333 v-model="ruleForm.diyaq.djyy"
334 >
256 </el-input> 335 </el-input>
257 </el-form-item> 336 </el-form-item>
258 </el-col> 337 </el-col>
259 </el-row> 338 </el-row>
260
261 </div> 339 </div>
262 <el-row class="btn" v-if="viewEdit"> 340 <el-row class="btn" v-if="viewEdit">
263 <el-form-item> 341 <el-form-item>
...@@ -268,15 +346,15 @@ ...@@ -268,15 +346,15 @@
268 </div> 346 </div>
269 </template> 347 </template>
270 <script> 348 <script>
271 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 349 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
272 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 350 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
273 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
274 export default { 352 export default {
275 mounted () { 353 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation 354 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 355 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 356 var formdata = new FormData();
279 if (this.propsParam.djlx == '400') { 357 if (this.propsParam.djlx == "400") {
280 this.isJfOperation = true; 358 this.isJfOperation = true;
281 } 359 }
282 this.$startLoading(); 360 this.$startLoading();
...@@ -287,33 +365,28 @@ ...@@ -287,33 +365,28 @@
287 Init(formdata).then((res) => { 365 Init(formdata).then((res) => {
288 if (res.code === 200 && res.result) { 366 if (res.code === 200 && res.result) {
289 this.ruleForm = res.result; 367 this.ruleForm = res.result;
290 this.ruleForm.qlrList.forEach((item, index) => {
291 if (item.sfczr == 1) {
292 this.$set(this.ruleForm, "czr", item.zjh)
293 }
294 })
295 this.ruleForm.diyaq.sfczjzhxz = "0";
296 this.czrOptions = this.ruleForm.qlrList; 368 this.czrOptions = this.ruleForm.qlrList;
369 this.ruleForm.diyaq.sfczjzhxz = "0";
297 } 370 }
298 this.ruleForm.qlrList.forEach((item) => { 371 this.ruleForm.qlrList.forEach((item) => {
299 if(item.sfczr==1){ 372 if (item.sfczr == 1) {
300 this.czr=item.sqrmc 373 this.czr = item.sqrmc;
301 } 374 }
302 }) 375 });
303 this.$endLoading(); 376 this.$endLoading();
304 }) 377 });
305 }, 378 },
306 components: { qlrCommonTable }, 379 components: { qlrCommonTable },
307 computed: { 380 computed: {
308 ...mapGetters(["dictData", "flag"]), 381 ...mapGetters(["dictData", "flag"]),
309 }, 382 },
310 data () { 383 data() {
311 return { 384 return {
312 //表单是否可操作 385 //表单是否可操作
313 viewEdit: true, 386 viewEdit: true,
314 disabled: true, 387 disabled: true,
315 czrOptions: [], 388 czrOptions: [],
316 czr:"", 389 czr: "",
317 ruleForm: { 390 ruleForm: {
318 slsq: {}, 391 slsq: {},
319 ssQlxx: {}, 392 ssQlxx: {},
...@@ -331,8 +404,8 @@ ...@@ -331,8 +404,8 @@
331 * @description: onSubmitClick 404 * @description: onSubmitClick
332 * @author: renchao 405 * @author: renchao
333 */ 406 */
334 onSubmitClick () { 407 onSubmitClick() {
335 let that = this 408 let that = this;
336 if (this.ruleForm.qlrList.length == 0) { 409 if (this.ruleForm.qlrList.length == 0) {
337 this.$message({ 410 this.$message({
338 showClose: true, 411 showClose: true,
...@@ -355,7 +428,8 @@ ...@@ -355,7 +428,8 @@
355 if (this.ruleForm.qlrList.length <= 1) { 428 if (this.ruleForm.qlrList.length <= 1) {
356 this.$message({ 429 this.$message({
357 showClose: true, 430 showClose: true,
358 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 431 message:
432 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
359 type: "error", 433 type: "error",
360 }); 434 });
361 return false; 435 return false;
...@@ -392,7 +466,7 @@ ...@@ -392,7 +466,7 @@
392 message: "保存成功！", 466 message: "保存成功！",
393 type: "success", 467 type: "success",
394 }); 468 });
395 this.$store.dispatch('user/refreshPage', true); 469 this.$store.dispatch("user/refreshPage", true);
396 } else { 470 } else {
397 this.$message({ 471 this.$message({
398 showClose: true, 472 showClose: true,
...@@ -407,27 +481,35 @@ ...@@ -407,27 +481,35 @@
407 * @param {*} val 481 * @param {*} val
408 * @author: renchao 482 * @author: renchao
409 */ 483 */
410 upDateQlrxxList (val) { 484 upDateQlrxxList(val) {
411 if (!_.isEqual(val, this.ruleForm.qlrList)) { 485 if (!_.isEqual(val, this.ruleForm.qlrList)) {
412 this.ruleForm.qlrList = _.cloneDeep(val); 486 this.ruleForm.qlrList = _.cloneDeep(val);
413 this.czrOptions = this.ruleForm.qlrList; 487 this.czrOptions = this.ruleForm.qlrList;
414 } 488 }
415 }, 489 },
416 // 更新义务人信息 490 // 是否持证人变化
491 /**
492 * @description: 是否持证人变化
493 * @param {*} val
494 * @author: renchao
495 */
496 updaterow() {
497 this.czr = "";
498 },
417 /** 499 /**
418 * @description: 更新义务人信息 500 * @description: 更新义务人信息
419 * @param {*} val 501 * @param {*} val
420 * @author: renchao 502 * @author: renchao
421 */ 503 */
422 upDateYwrxxList (val) { 504 upDateYwrxxList(val) {
423 if (!_.isEqual(val, this.ruleForm.ywrList)) { 505 if (!_.isEqual(val, this.ruleForm.ywrList)) {
424 this.ruleForm.ywrList = _.cloneDeep(val); 506 this.ruleForm.ywrList = _.cloneDeep(val);
425 } 507 }
426 } 508 },
427 } 509 },
428 }; 510 };
429 </script> 511 </script>
430 <style scoped lang='scss'> 512 <style scoped lang="scss">
431 @import "~@/styles/public.scss"; 513 @import "~@/styles/public.scss";
432 @import "~@/styles/slxx/slxx.scss"; 514 @import "~@/styles/slxx/slxx.scss";
433 </style> 515 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="120px"> 14 label-width="120px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -77,12 +78,17 @@ ...@@ -77,12 +78,17 @@
77 <el-form-item label="宗地面积："> 78 <el-form-item label="宗地面积：">
78 <div class="flex"> 79 <div class="flex">
79 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 80 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
80 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%"> 81 <el-select
82 disabled
83 v-model="ruleForm.zdjbxx.mjdw"
84 style="width: 20%"
85 >
81 <el-option 86 <el-option
82 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
83 :key="item.dcode" 88 :key="item.dcode"
84 :label="item.dname" 89 :label="item.dname"
85 :value="item.dcode"></el-option> 90 :value="item.dcode"
91 ></el-option>
86 </el-select> 92 </el-select>
87 </div> 93 </div>
88 </el-form-item> 94 </el-form-item>
...@@ -116,13 +122,15 @@ ...@@ -116,13 +122,15 @@
116 <el-input 122 <el-input
117 v-model="ruleForm.fdcq1.fdcjyjg" 123 v-model="ruleForm.fdcq1.fdcjyjg"
118 style="width: 500%" 124 style="width: 500%"
119 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 125 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
126 ></el-input>
120 <el-select v-model="ruleForm.fdcq1.jedw"> 127 <el-select v-model="ruleForm.fdcq1.jedw">
121 <el-option 128 <el-option
122 v-for="item in dictData['A57']" 129 v-for="item in dictData['A57']"
123 :key="item.dcode" 130 :key="item.dcode"
124 :label="item.dname" 131 :label="item.dname"
125 :value="item.dcode"></el-option> 132 :value="item.dcode"
133 ></el-option>
126 </el-select> 134 </el-select>
127 </div> 135 </div>
128 </el-form-item> 136 </el-form-item>
...@@ -131,7 +139,12 @@ ...@@ -131,7 +139,12 @@
131 <el-row :gutter="10"> 139 <el-row :gutter="10">
132 <el-col :span="24"> 140 <el-col :span="24">
133 <el-form-item label="附记："> 141 <el-form-item label="附记：">
134 <el-input v-model="ruleForm.fdcq1.fj" type="textarea" maxlength="500" show-word-limit></el-input> 142 <el-input
143 v-model="ruleForm.fdcq1.fj"
144 type="textarea"
145 maxlength="500"
146 show-word-limit
147 ></el-input>
135 </el-form-item> 148 </el-form-item>
136 </el-col> 149 </el-col>
137 </el-row> 150 </el-row>
...@@ -141,7 +154,8 @@ ...@@ -141,7 +154,8 @@
141 <fdcqxmTable 154 <fdcqxmTable
142 :ableOperation="viewEdit" 155 :ableOperation="viewEdit"
143 :tableData="ruleForm.fdcqxm" 156 :tableData="ruleForm.fdcqxm"
144 @updateFdcwxmList="updateFdcwxmList" /> 157 @updateFdcwxmList="updateFdcwxmList"
158 />
145 <div class="slxx_title title-block"> 159 <div class="slxx_title title-block">
146 土地用途 160 土地用途
147 <div class="triangle"></div> 161 <div class="triangle"></div>
...@@ -149,7 +163,8 @@ ...@@ -149,7 +163,8 @@
149 <tdytTable 163 <tdytTable
150 :ableOperation="viewEdit" 164 :ableOperation="viewEdit"
151 :tableData="ruleForm.tdytqxList" 165 :tableData="ruleForm.tdytqxList"
152 @upDateTdytxxList="upDateTdytxxList" /> 166 @upDateTdytxxList="upDateTdytxxList"
167 />
153 <div class="slxx_title title-block"> 168 <div class="slxx_title title-block">
154 权利人信息 169 权利人信息
155 <div class="triangle"></div> 170 <div class="triangle"></div>
...@@ -160,7 +175,8 @@ ...@@ -160,7 +175,8 @@
160 <el-radio-group 175 <el-radio-group
161 :disabled="!viewEdit" 176 :disabled="!viewEdit"
162 @change="showCZInfo" 177 @change="showCZInfo"
163 v-model="ruleForm.sldy.gyfs"> 178 v-model="ruleForm.sldy.gyfs"
179 >
164 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
165 <el-radio label="1">共同共有</el-radio> 181 <el-radio label="1">共同共有</el-radio>
166 <el-radio label="2">按份所有</el-radio> 182 <el-radio label="2">按份所有</el-radio>
...@@ -170,20 +186,32 @@ ...@@ -170,20 +186,32 @@
170 </el-col> 186 </el-col>
171 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> 187 <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
172 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
173 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 189 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"
192 @input="updaterow()"
193 >
174 <el-radio :label="1">是</el-radio> 194 <el-radio :label="1">是</el-radio>
175 <el-radio :label="0">否</el-radio> 195 <el-radio :label="0">否</el-radio>
176 </el-radio-group> 196 </el-radio-group>
177 </el-form-item> 197 </el-form-item>
178 </el-col> 198 </el-col>
179 <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 199 <el-col
200 :span="5"
201 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
202 >
180 <el-form-item label="持证人1："> 203 <el-form-item label="持证人1：">
181 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 204 <el-select
205 v-model="czr"
206 placeholder="持证人"
207 :disabled="!viewEdit"
208 >
182 <el-option 209 <el-option
183 v-for="(item,index) in czrOptions" 210 v-for="(item,index) in czrOptions"
184 :key="index" 211 :key="index"
185 :label="item.sqrmc" 212 :label="item.sqrmc"
186 :value="item.zjh"></el-option> 213 :value="item.zjh"
214 ></el-option>
187 </el-select> 215 </el-select>
188 </el-form-item> 216 </el-form-item>
189 </el-col> 217 </el-col>
...@@ -192,7 +220,8 @@ ...@@ -192,7 +220,8 @@
192 @upDateQlrxxList="upDateQlrxxList" 220 @upDateQlrxxList="upDateQlrxxList"
193 :disabled="viewEdit" 221 :disabled="viewEdit"
194 :tableData="ruleForm.qlrList" 222 :tableData="ruleForm.qlrList"
195 :gyfs="ruleForm.sldy.gyfs" /> 223 :gyfs="ruleForm.sldy.gyfs"
224 />
196 225
197 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 226 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
198 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
...@@ -204,7 +233,8 @@ ...@@ -204,7 +233,8 @@
204 :disabled="viewEdit" 233 :disabled="viewEdit"
205 @upDateQlrxxList="upDateYwrxxList" 234 @upDateQlrxxList="upDateYwrxxList"
206 :tableData="ruleForm.ywrList" 235 :tableData="ruleForm.ywrList"
207 :gyfs="ruleForm.qlxx.gyfs" /> 236 :gyfs="ruleForm.qlxx.gyfs"
237 />
208 </div> 238 </div>
209 <div class="slxx_title title-block"> 239 <div class="slxx_title title-block">
210 登记原因 240 登记原因
...@@ -219,7 +249,8 @@ ...@@ -219,7 +249,8 @@
219 maxlength="500" 249 maxlength="500"
220 show-word-limit 250 show-word-limit
221 :disabled="!viewEdit" 251 :disabled="!viewEdit"
222 v-model="ruleForm.fdcq1.djyy"></el-input> 252 v-model="ruleForm.fdcq1.djyy"
253 ></el-input>
223 </el-form-item> 254 </el-form-item>
224 </el-col> 255 </el-col>
225 </el-row> 256 </el-row>
...@@ -234,15 +265,15 @@ ...@@ -234,15 +265,15 @@
234 </div> 265 </div>
235 </template> 266 </template>
236 <script> 267 <script>
237 import ywmix from "@/views/ywbl/mixin/index"; 268 import ywmix from "@/views/ywbl/mixin/index";
238 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
239 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; 270 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
240 import tdytTable from "@/views/workflow/components/tdytTable"; 271 import tdytTable from "@/views/workflow/components/tdytTable";
241 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 272 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
242 import { mapGetters } from "vuex"; 273 import { mapGetters } from "vuex";
243 export default { 274 export default {
244 mixins: [ywmix], 275 mixins: [ywmix],
245 mounted () { 276 mounted() {
246 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 277 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
247 this.propsParam = this.$attrs; 278 this.propsParam = this.$attrs;
248 var formdata = new FormData(); 279 var formdata = new FormData();
...@@ -256,10 +287,10 @@ ...@@ -256,10 +287,10 @@
256 ...res.result.qlxxdatas, 287 ...res.result.qlxxdatas,
257 }; 288 };
258 this.ruleForm.qlrList.forEach((item) => { 289 this.ruleForm.qlrList.forEach((item) => {
259 if(item.sfczr==1){ 290 if (item.sfczr == 1) {
260 this.czr=item.sqrmc 291 this.czr = item.sqrmc;
261 } 292 }
262 }) 293 });
263 //初始化发证方式，1：小证，2：大正 294 //初始化发证方式，1：小证，2：大正
264 this.ruleForm.slsq.fzfs == null 295 this.ruleForm.slsq.fzfs == null
265 ? (this.ruleForm.slsq.fzfs = "1") 296 ? (this.ruleForm.slsq.fzfs = "1")
...@@ -272,12 +303,12 @@ ...@@ -272,12 +303,12 @@
272 computed: { 303 computed: {
273 ...mapGetters(["dictData", "flag"]), 304 ...mapGetters(["dictData", "flag"]),
274 }, 305 },
275 data () { 306 data() {
276 return { 307 return {
277 disabled: true, 308 disabled: true,
278 tdytOption: [], 309 tdytOption: [],
279 czrOptions: [], 310 czrOptions: [],
280 czr:'', 311 czr: "",
281 ruleForm: { 312 ruleForm: {
282 flow: { 313 flow: {
283 ywh: "", 314 ywh: "",
...@@ -305,7 +336,7 @@ ...@@ -305,7 +336,7 @@
305 }; 336 };
306 }, 337 },
307 methods: { 338 methods: {
308 updateFdcwxmList (val) { 339 updateFdcwxmList(val) {
309 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); 340 this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
310 this.key++; 341 this.key++;
311 }, 342 },
...@@ -314,7 +345,7 @@ ...@@ -314,7 +345,7 @@
314 * @param {*} val 345 * @param {*} val
315 * @author: renchao 346 * @author: renchao
316 */ 347 */
317 upDateTdytxxList (val) { 348 upDateTdytxxList(val) {
318 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 349 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
319 this.key++; 350 this.key++;
320 }, 351 },
...@@ -323,17 +354,26 @@ ...@@ -323,17 +354,26 @@
323 * @param {*} val 354 * @param {*} val
324 * @author: renchao 355 * @author: renchao
325 */ 356 */
326 upDateQlrxxList (val) { 357 upDateQlrxxList(val) {
327 this.ruleForm.qlrList = _.cloneDeep(val); 358 this.ruleForm.qlrList = _.cloneDeep(val);
328 this.czrOptions = this.ruleForm.qlrList; 359 this.czrOptions = this.ruleForm.qlrList;
329 this.key++; 360 this.key++;
330 }, 361 },
362 // /**
363 // * @description: showCZInfo
364 // * @author: renchao
365 // */
366 // showCZInfo() {
367 // console.log(this.ruleForm.slsq.gyfs);
368 // },
369 // 是否持证人变化
331 /** 370 /**
332 * @description: showCZInfo 371 * @description: 是否持证人变化
372 * @param {*} val
333 * @author: renchao 373 * @author: renchao
334 */ 374 */
335 showCZInfo () { 375 updaterow() {
336 console.log(this.ruleForm.slsq.gyfs); 376 this.czr = "";
337 }, 377 },
338 // 更新权利人信息 378 // 更新权利人信息
339 /** 379 /**
...@@ -341,15 +381,15 @@ ...@@ -341,15 +381,15 @@
341 * @param {*} val 381 * @param {*} val
342 * @author: renchao 382 * @author: renchao
343 */ 383 */
344 upDateYwrxxList (val) { 384 upDateYwrxxList(val) {
345 this.ruleForm.ywrList = _.cloneDeep(val); 385 this.ruleForm.ywrList = _.cloneDeep(val);
346 }, 386 },
347 /** 387 /**
348 * @description: onSubmit 388 * @description: onSubmit
349 * @author: renchao 389 * @author: renchao
350 */ 390 */
351 onSubmit () { 391 onSubmit() {
352 let that = this 392 let that = this;
353 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 393 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
354 if (arr.length > 0) { 394 if (arr.length > 0) {
355 this.$message({ 395 this.$message({
...@@ -381,7 +421,8 @@ ...@@ -381,7 +421,8 @@
381 if (this.ruleForm.qlrList.length <= 1) { 421 if (this.ruleForm.qlrList.length <= 1) {
382 this.$message({ 422 this.$message({
383 showClose: true, 423 showClose: true,
384 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 424 message:
425 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
385 type: "error", 426 type: "error",
386 }); 427 });
387 return false; 428 return false;
...@@ -429,55 +470,55 @@ ...@@ -429,55 +470,55 @@
429 }); 470 });
430 }, 471 },
431 }, 472 },
432 }; 473 };
433 </script> 474 </script>
434 <style scoped lang='scss'> 475 <style scoped lang="scss">
435 @import "~@/styles/public.scss"; 476 @import "~@/styles/public.scss";
436 477
437 /deep/.el-form { 478 /deep/.el-form {
438 display: flex; 479 display: flex;
439 flex-direction: column; 480 flex-direction: column;
440 height: calc(100vh - 130px); 481 height: calc(100vh - 130px);
441 } 482 }
442 483
443 /deep/.el-form-item__label { 484 /deep/.el-form-item__label {
444 padding: 0; 485 padding: 0;
445 } 486 }
446 487
447 /deep/.el-radio { 488 /deep/.el-radio {
448 margin-right: 10px; 489 margin-right: 10px;
449 } 490 }
450 491
451 /deep/.el-select { 492 /deep/.el-select {
452 width: 100%; 493 width: 100%;
453 } 494 }
454 495
455 /deep/.el-form-item { 496 /deep/.el-form-item {
456 margin-bottom: 8px; 497 margin-bottom: 8px;
457 } 498 }
458 499
459 .marginBot0 { 500 .marginBot0 {
460 margin-bottom: 0 !important; 501 margin-bottom: 0 !important;
461 } 502 }
462 503
463 .slxx { 504 .slxx {
464 box-sizing: border-box; 505 box-sizing: border-box;
465 } 506 }
466 507
467 .slxx_con { 508 .slxx_con {
468 flex: 1; 509 flex: 1;
469 height: 100%; 510 height: 100%;
470 background-color: #ffffff; 511 background-color: #ffffff;
471 overflow-y: auto; 512 overflow-y: auto;
472 padding-right: 3px; 513 padding-right: 3px;
473 overflow-x: hidden; 514 overflow-x: hidden;
474 } 515 }
475 516
476 .submit_btn { 517 .submit_btn {
477 height: 50px; 518 height: 50px;
478 } 519 }
479 520
480 .slxx_title { 521 .slxx_title {
481 border-bottom: 1px solid $borderColor; 522 border-bottom: 1px solid $borderColor;
482 padding-left: 10px; 523 padding-left: 10px;
483 padding-bottom: 5px; 524 padding-bottom: 5px;
...@@ -486,23 +527,23 @@ ...@@ -486,23 +527,23 @@
486 font-size: 16px; 527 font-size: 16px;
487 font-weight: 500; 528 font-weight: 500;
488 color: #4a4a4a; 529 color: #4a4a4a;
489 } 530 }
490 531
491 .btn { 532 .btn {
492 text-align: center; 533 text-align: center;
493 padding-top: 10px; 534 padding-top: 10px;
494 height: 36px; 535 height: 36px;
495 background-color: #ffffff; 536 background-color: #ffffff;
496 padding: 5px 0; 537 padding: 5px 0;
497 } 538 }
498 539
499 .textArea { 540 .textArea {
500 /deep/.el-textarea__inner { 541 /deep/.el-textarea__inner {
501 min-height: 90px !important; 542 min-height: 90px !important;
502 } 543 }
503 } 544 }
504 545
505 /deep/.el-form-item__label { 546 /deep/.el-form-item__label {
506 padding-bottom: 0px; 547 padding-bottom: 0px;
507 } 548 }
508 </style> 549 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:03:51 4 * @LastEditTime: 2023-08-24 15:32:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -75,12 +81,14 @@ ...@@ -75,12 +81,14 @@
75 <el-select 81 <el-select
76 disabled 82 disabled
77 v-model="ruleForm.zdjbxx.mjdw" 83 v-model="ruleForm.zdjbxx.mjdw"
78 style="width: 68px"> 84 style="width: 68px"
85 >
79 <el-option 86 <el-option
80 v-for="item in dictData['A7']" 87 v-for="item in dictData['A7']"
81 :key="item.dcode" 88 :key="item.dcode"
82 :label="item.dname" 89 :label="item.dname"
83 :value="item.dcode"> 90 :value="item.dcode"
91 >
84 </el-option> 92 </el-option>
85 </el-select> 93 </el-select>
86 </div> 94 </div>
...@@ -101,7 +109,8 @@ ...@@ -101,7 +109,8 @@
101 :normalizer="normalizer" 109 :normalizer="normalizer"
102 :default-expand-level="1" 110 :default-expand-level="1"
103 :show-count="true" 111 :show-count="true"
104 :options="dictData['A9']" /> 112 :options="dictData['A9']"
113 />
105 </el-form-item> 114 </el-form-item>
106 </el-col> 115 </el-col>
107 </el-row> 116 </el-row>
...@@ -109,17 +118,18 @@ ...@@ -109,17 +118,18 @@
109 <el-col :span="8"> 118 <el-col :span="8">
110 <el-form-item label="独用土地面积："> 119 <el-form-item label="独用土地面积：">
111 <div class="flex"> 120 <div class="flex">
112 <el-input v-model="ruleForm.fdcq2.dytdmj" :disabled="!viewEdit" 121 <el-input
113 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 122 v-model="ruleForm.fdcq2.dytdmj"
114 <el-select 123 :disabled="!viewEdit"
115 disabled 124 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
116 v-model="mjdw" 125 ></el-input>
117 style="width: 68px"> 126 <el-select disabled v-model="mjdw" style="width: 68px">
118 <el-option 127 <el-option
119 v-for="item in dictData['A7']" 128 v-for="item in dictData['A7']"
120 :key="item.dcode" 129 :key="item.dcode"
121 :label="item.dname" 130 :label="item.dname"
122 :value="item.dcode"> 131 :value="item.dcode"
132 >
123 </el-option> 133 </el-option>
124 </el-select> 134 </el-select>
125 </div> 135 </div>
...@@ -128,17 +138,18 @@ ...@@ -128,17 +138,18 @@
128 <el-col :span="8"> 138 <el-col :span="8">
129 <el-form-item label="分摊土地面积："> 139 <el-form-item label="分摊土地面积：">
130 <div class="flex"> 140 <div class="flex">
131 <el-input v-model="ruleForm.fdcq2.fttdmj" :disabled="!viewEdit" 141 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 142 v-model="ruleForm.fdcq2.fttdmj"
133 <el-select 143 :disabled="!viewEdit"
134 disabled 144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 145 ></el-input>
136 style="width: 68px"> 146 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 147 <el-option
138 v-for="item in dictData['A7']" 148 v-for="item in dictData['A7']"
139 :key="item.dcode" 149 :key="item.dcode"
140 :label="item.dname" 150 :label="item.dname"
141 :value="item.dcode"> 151 :value="item.dcode"
152 >
142 </el-option> 153 </el-option>
143 </el-select> 154 </el-select>
144 </div> 155 </div>
...@@ -151,7 +162,8 @@ ...@@ -151,7 +162,8 @@
151 v-for="item in dictData['A19']" 162 v-for="item in dictData['A19']"
152 :key="item.dcode" 163 :key="item.dcode"
153 :label="item.dname" 164 :label="item.dname"
154 :value="item.dcode"> 165 :value="item.dcode"
166 >
155 </el-option> 167 </el-option>
156 </el-select> 168 </el-select>
157 </el-form-item> 169 </el-form-item>
...@@ -167,8 +179,8 @@ ...@@ -167,8 +179,8 @@
167 placeholder="" 179 placeholder=""
168 :normalizer="normalizer" 180 :normalizer="normalizer"
169 :show-count="true" 181 :show-count="true"
170 :options="dictData['A17']" /> 182 :options="dictData['A17']"
171 183 />
172 </el-form-item> 184 </el-form-item>
173 </el-col> 185 </el-col>
174 <el-col :span="8"> 186 <el-col :span="8">
...@@ -178,7 +190,8 @@ ...@@ -178,7 +190,8 @@
178 v-for="item in dictData['A46']" 190 v-for="item in dictData['A46']"
179 :key="item.dcode" 191 :key="item.dcode"
180 :label="item.dname" 192 :label="item.dname"
181 :value="item.dcode"> 193 :value="item.dcode"
194 >
182 </el-option> 195 </el-option>
183 </el-select> 196 </el-select>
184 </el-form-item> 197 </el-form-item>
...@@ -191,19 +204,27 @@ ...@@ -191,19 +204,27 @@
191 type="date" 204 type="date"
192 placeholder="选择日期" 205 placeholder="选择日期"
193 value-format="yyyy-MM-dd" 206 value-format="yyyy-MM-dd"
194 :disabled="!viewEdit"></el-date-picker> 207 :disabled="!viewEdit"
208 ></el-date-picker>
195 </el-form-item> 209 </el-form-item>
196 </el-col> 210 </el-col>
197 </el-row> 211 </el-row>
198 <el-row :gutter="10" v-if="ruleForm.qlxx"> 212 <el-row :gutter="10" v-if="ruleForm.qlxx">
199 <el-col :span="8"> 213 <el-col :span="8">
200 <el-form-item label="所在层："> 214 <el-form-item label="所在层：">
201 <el-input v-model="ruleForm.fdcq2.szc" :disabled="!viewEdit"></el-input> 215 <el-input
216 v-model="ruleForm.fdcq2.szc"
217 :disabled="!viewEdit"
218 ></el-input>
202 </el-form-item> 219 </el-form-item>
203 </el-col> 220 </el-col>
204 <el-col :span="8"> 221 <el-col :span="8">
205 <el-form-item label="总层数："> 222 <el-form-item label="总层数：">
206 <el-input :disabled="!viewEdit" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 223 <el-input
224 :disabled="!viewEdit"
225 v-model.number="ruleForm.fdcq2.zcs"
226 oninput="value=value.replace(/[^0-9]/g,'')"
227 ></el-input>
207 </el-form-item> 228 </el-form-item>
208 </el-col> 229 </el-col>
209 <el-col :span="8"> 230 <el-col :span="8">
...@@ -213,13 +234,15 @@ ...@@ -213,13 +234,15 @@
213 v-model="ruleForm.fdcq2.fdcjyjg" 234 v-model="ruleForm.fdcq2.fdcjyjg"
214 style="width: 500%" 235 style="width: 500%"
215 :disabled="!viewEdit" 236 :disabled="!viewEdit"
216 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 237 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
238 ></el-input>
217 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> 239 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
218 <el-option 240 <el-option
219 v-for="item in dictData['A57']" 241 v-for="item in dictData['A57']"
220 :key="item.dcode" 242 :key="item.dcode"
221 :label="item.dname" 243 :label="item.dname"
222 :value="item.dcode"> 244 :value="item.dcode"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </div> 248 </div>
...@@ -230,17 +253,18 @@ ...@@ -230,17 +253,18 @@
230 <el-col :span="8"> 253 <el-col :span="8">
231 <el-form-item label="建筑面积："> 254 <el-form-item label="建筑面积：">
232 <div class="flex"> 255 <div class="flex">
233 <el-input v-model="ruleForm.fdcq2.jzmj" :disabled="!viewEdit" 256 <el-input
234 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 257 v-model="ruleForm.fdcq2.jzmj"
235 <el-select 258 :disabled="!viewEdit"
236 disabled 259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
237 v-model="mjdw" 260 ></el-input>
238 style="width: 68px"> 261 <el-select disabled v-model="mjdw" style="width: 68px">
239 <el-option 262 <el-option
240 v-for="item in dictData['A7']" 263 v-for="item in dictData['A7']"
241 :key="item.dcode" 264 :key="item.dcode"
242 :label="item.dname" 265 :label="item.dname"
243 :value="item.dcode"> 266 :value="item.dcode"
267 >
244 </el-option> 268 </el-option>
245 </el-select> 269 </el-select>
246 </div> 270 </div>
...@@ -249,17 +273,18 @@ ...@@ -249,17 +273,18 @@
249 <el-col :span="8"> 273 <el-col :span="8">
250 <el-form-item label="专有建筑面积："> 274 <el-form-item label="专有建筑面积：">
251 <div class="flex"> 275 <div class="flex">
252 <el-input v-model="ruleForm.fdcq2.zyjzmj" :disabled="!viewEdit" 276 <el-input
253 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 277 v-model="ruleForm.fdcq2.zyjzmj"
254 <el-select 278 :disabled="!viewEdit"
255 disabled 279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
256 v-model="mjdw" 280 ></el-input>
257 style="width: 68px"> 281 <el-select disabled v-model="mjdw" style="width: 68px">
258 <el-option 282 <el-option
259 v-for="item in dictData['A7']" 283 v-for="item in dictData['A7']"
260 :key="item.dcode" 284 :key="item.dcode"
261 :label="item.dname" 285 :label="item.dname"
262 :value="item.dcode"> 286 :value="item.dcode"
287 >
263 </el-option> 288 </el-option>
264 </el-select> 289 </el-select>
265 </div> 290 </div>
...@@ -268,17 +293,18 @@ ...@@ -268,17 +293,18 @@
268 <el-col :span="8"> 293 <el-col :span="8">
269 <el-form-item label="分摊建筑面积："> 294 <el-form-item label="分摊建筑面积：">
270 <div class="flex"> 295 <div class="flex">
271 <el-input v-model="ruleForm.fdcq2.ftjzmj" :disabled="!viewEdit" 296 <el-input
272 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 297 v-model="ruleForm.fdcq2.ftjzmj"
273 <el-select 298 :disabled="!viewEdit"
274 disabled 299 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
275 v-model="mjdw" 300 ></el-input>
276 style="width: 68px"> 301 <el-select disabled v-model="mjdw" style="width: 68px">
277 <el-option 302 <el-option
278 v-for="item in dictData['A7']" 303 v-for="item in dictData['A7']"
279 :key="item.dcode" 304 :key="item.dcode"
280 :label="item.dname" 305 :label="item.dname"
281 :value="item.dcode"> 306 :value="item.dcode"
307 >
282 </el-option> 308 </el-option>
283 </el-select> 309 </el-select>
284 </div> 310 </div>
...@@ -288,7 +314,13 @@ ...@@ -288,7 +314,13 @@
288 <el-row :gutter="10"> 314 <el-row :gutter="10">
289 <el-col :span="24"> 315 <el-col :span="24">
290 <el-form-item label="附记："> 316 <el-form-item label="附记：">
291 <el-input v-model="ruleForm.fdcq2.fj" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"></el-input> 317 <el-input
318 v-model="ruleForm.fdcq2.fj"
319 type="textarea"
320 maxlength="500"
321 show-word-limit
322 :disabled="!viewEdit"
323 ></el-input>
292 </el-form-item> 324 </el-form-item>
293 </el-col> 325 </el-col>
294 </el-row> 326 </el-row>
...@@ -299,7 +331,8 @@ ...@@ -299,7 +331,8 @@
299 <tdytTable 331 <tdytTable
300 :ableOperation="viewEdit" 332 :ableOperation="viewEdit"
301 :tableData="ruleForm.tdytqxList" 333 :tableData="ruleForm.tdytqxList"
302 @upDateTdytxxList="upDateTdytxxList" /> 334 @upDateTdytxxList="upDateTdytxxList"
335 />
303 <div class="slxx_title title-block"> 336 <div class="slxx_title title-block">
304 权利人信息 337 权利人信息
305 <div class="triangle"></div> 338 <div class="triangle"></div>
...@@ -307,8 +340,10 @@ ...@@ -307,8 +340,10 @@
307 <el-row :gutter="10"> 340 <el-row :gutter="10">
308 <el-col :span="12" v-if="ruleForm.qlxx"> 341 <el-col :span="12" v-if="ruleForm.qlxx">
309 <el-form-item label="共有方式："> 342 <el-form-item label="共有方式：">
310 <el-radio-group :disabled="!viewEdit" 343 <el-radio-group
311 v-model="ruleForm.sldy.gyfs"> 344 :disabled="!viewEdit"
345 v-model="ruleForm.sldy.gyfs"
346 >
312 <el-radio label="0">单独所有</el-radio> 347 <el-radio label="0">单独所有</el-radio>
313 <el-radio label="1">共同共有</el-radio> 348 <el-radio label="1">共同共有</el-radio>
314 <el-radio label="2">按份所有</el-radio> 349 <el-radio label="2">按份所有</el-radio>
...@@ -320,7 +355,9 @@ ...@@ -320,7 +355,9 @@
320 <el-form-item label="是否分别持证："> 355 <el-form-item label="是否分别持证：">
321 <el-radio-group 356 <el-radio-group
322 v-model="ruleForm.sldy.sqfbcz" 357 v-model="ruleForm.sldy.sqfbcz"
323 :disabled="!viewEdit"> 358 :disabled="!viewEdit"
359 @input="updaterow()"
360 >
324 <el-radio :label="1">是</el-radio> 361 <el-radio :label="1">是</el-radio>
325 <el-radio :label="0">否</el-radio> 362 <el-radio :label="0">否</el-radio>
326 </el-radio-group> 363 </el-radio-group>
...@@ -328,32 +365,43 @@ ...@@ -328,32 +365,43 @@
328 </el-col> 365 </el-col>
329 <el-col 366 <el-col
330 :span="6" 367 :span="6"
331 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 368 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
369 >
332 <el-form-item label="持证人："> 370 <el-form-item label="持证人：">
333 <el-select 371 <el-select
334 v-model="czr" 372 v-model="czr"
335 placeholder="持证人" 373 placeholder="持证人"
336 :disabled="!viewEdit"> 374 :disabled="!viewEdit"
375 >
337 <el-option 376 <el-option
338 v-for="item in czrOptions" 377 v-for="item in czrOptions"
339 :key="item.zjh" 378 :key="item.zjh"
340 :label="item.sqrmc" 379 :label="item.sqrmc"
341 :value="item.zjh"> 380 :value="item.zjh"
381 >
342 </el-option> 382 </el-option>
343 </el-select> 383 </el-select>
344 </el-form-item> 384 </el-form-item>
345 </el-col> 385 </el-col>
346 </el-row> 386 </el-row>
347 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 387 <qlrCommonTable
348 :gyfs="ruleForm.sldy.gyfs" /> 388 @upDateQlrxxList="upDateQlrxxList"
389 :tableData="ruleForm.qlrList"
390 :disabled="viewEdit"
391 :gyfs="ruleForm.sldy.gyfs"
392 />
349 393
350 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 394 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
351 <div class="slxx_title title-block"> 395 <div class="slxx_title title-block">
352 义务人信息 396 义务人信息
353 <div class="triangle"></div> 397 <div class="triangle"></div>
354 </div> 398 </div>
355 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 399 <qlrCommonTable
356 :gyfs="ruleForm.sldy.gyfs" /> 400 v-if="ruleForm.qlxx"
401 @upDateQlrxxList="upDateYwrxxList"
402 :tableData="ruleForm.ywrList"
403 :gyfs="ruleForm.sldy.gyfs"
404 />
357 </div> 405 </div>
358 <div class="slxx_title title-block"> 406 <div class="slxx_title title-block">
359 登记原因 407 登记原因
...@@ -362,8 +410,14 @@ ...@@ -362,8 +410,14 @@
362 <el-row :gutter="10"> 410 <el-row :gutter="10">
363 <el-col> 411 <el-col>
364 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> 412 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
365 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 413 <el-input
366 v-model="ruleForm.fdcq2.djyy"> 414 class="textArea"
415 type="textarea"
416 maxlength="500"
417 show-word-limit
418 :disabled="!viewEdit"
419 v-model="ruleForm.fdcq2.djyy"
420 >
367 </el-input> 421 </el-input>
368 </el-form-item> 422 </el-form-item>
369 </el-col> 423 </el-col>
...@@ -378,15 +432,15 @@ ...@@ -378,15 +432,15 @@
378 </div> 432 </div>
379 </template> 433 </template>
380 <script> 434 <script>
381 import ywmix from "@/views/ywbl/mixin/index" 435 import ywmix from "@/views/ywbl/mixin/index";
382 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 436 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
383 import tdytTable from "@/views/workflow/components/tdytTable"; 437 import tdytTable from "@/views/workflow/components/tdytTable";
384 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 438 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
385 import { mapGetters } from "vuex"; 439 import { mapGetters } from "vuex";
386 export default { 440 export default {
387 mixins: [ywmix], 441 mixins: [ywmix],
388 mounted () { 442 mounted() {
389 this.viewEdit = this.$parent.currentSelectTab.ableOperation 443 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
390 this.propsParam = this.$attrs; 444 this.propsParam = this.$attrs;
391 var formdata = new FormData(); 445 var formdata = new FormData();
392 formdata.append("bsmSldy", this.propsParam.bsmSldy); 446 formdata.append("bsmSldy", this.propsParam.bsmSldy);
...@@ -397,27 +451,29 @@ ...@@ -397,27 +451,29 @@
397 this.ruleForm = { 451 this.ruleForm = {
398 ...res.result, 452 ...res.result,
399 ...res.result.qlxxdatas, 453 ...res.result.qlxxdatas,
400 } 454 };
401 this.ruleForm.qlrList.forEach((item) => { 455 this.ruleForm.qlrList.forEach((item) => {
402 if (item.sfczr == 1) { 456 if (item.sfczr == 1) {
403 this.czr = item.sqrmc 457 this.czr = item.sqrmc;
404 } 458 }
405 }) 459 });
406 //初始化发证方式，1：小证，2：大正 460 //初始化发证方式，1：小证，2：大正
407 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; 461 this.ruleForm.slsq.fzfs == null
462 ? (this.ruleForm.slsq.fzfs = "1")
463 : this.ruleForm.slsq.fzfs;
408 this.czrOptions = this.ruleForm.qlrList; 464 this.czrOptions = this.ruleForm.qlrList;
409 } 465 }
410 }) 466 });
411 }, 467 },
412 components: { qlrCommonTable, tdytTable }, 468 components: { qlrCommonTable, tdytTable },
413 computed: { 469 computed: {
414 ...mapGetters(["dictData", "flag"]) 470 ...mapGetters(["dictData", "flag"]),
415 }, 471 },
416 data () { 472 data() {
417 return { 473 return {
418 mjdw: "1", 474 mjdw: "1",
419 // 键名转换，方法默认是label和children进行树状渲染 475 // 键名转换，方法默认是label和children进行树状渲染
420 normalizer (node) { 476 normalizer(node) {
421 //方法 477 //方法
422 if (node.children == null || node.children == "null") { 478 if (node.children == null || node.children == "null") {
423 delete node.children; 479 delete node.children;
...@@ -433,31 +489,29 @@ ...@@ -433,31 +489,29 @@
433 czr: "", 489 czr: "",
434 ruleForm: { 490 ruleForm: {
435 flow: { 491 flow: {
436 ywh: '' 492 ywh: "",
437 }, 493 },
438 qlxx: { 494 qlxx: {
439 mj: '' 495 mj: "",
440 }, 496 },
441 sldy: { 497 sldy: {
442 gyfs: '' 498 gyfs: "",
443 },
444 slsq: {
445
446 }, 499 },
500 slsq: {},
447 fdcq2: { 501 fdcq2: {
448 zyjzmj: '', 502 zyjzmj: "",
449 ftjzmj: '' 503 ftjzmj: "",
450 }, 504 },
451 zdjbxx: { 505 zdjbxx: {
452 ghytmc: '' 506 ghytmc: "",
453 } 507 },
454 }, 508 },
455 //传递参数 509 //传递参数
456 propsParam: this.$attrs, 510 propsParam: this.$attrs,
457 //表单是否可操作 511 //表单是否可操作
458 viewEdit: true, 512 viewEdit: true,
459 rules: {} 513 rules: {},
460 } 514 };
461 }, 515 },
462 methods: { 516 methods: {
463 /** 517 /**
...@@ -465,33 +519,42 @@ ...@@ -465,33 +519,42 @@
465 * @param {*} val 519 * @param {*} val
466 * @author: renchao 520 * @author: renchao
467 */ 521 */
468 upDateTdytxxList (val) { 522 upDateTdytxxList(val) {
469 this.ruleForm.tdytqxList = _.cloneDeep(val) 523 this.ruleForm.tdytqxList = _.cloneDeep(val);
470 }, 524 },
471 /** 525 /**
472 * @description: 更新权利人信息 526 * @description: 更新权利人信息
473 * @param {*} val 527 * @param {*} val
474 * @author: renchao 528 * @author: renchao
475 */ 529 */
476 upDateQlrxxList (val) { 530 upDateQlrxxList(val) {
477 this.ruleForm.qlrList = _.cloneDeep(val); 531 this.ruleForm.qlrList = _.cloneDeep(val);
478 this.czrOptions = this.ruleForm.qlrList; 532 this.czrOptions = this.ruleForm.qlrList;
479 }, 533 },
534 // 是否持证人变化
535 /**
536 * @description: 是否持证人变化
537 * @param {*} val
538 * @author: renchao
539 */
540 updaterow() {
541 this.czr = "";
542 },
480 /** 543 /**
481 * @description: 更新权利人信息 544 * @description: 更新权利人信息
482 * @param {*} val 545 * @param {*} val
483 * @author: renchao 546 * @author: renchao
484 */ 547 */
485 upDateYwrxxList (val) { 548 upDateYwrxxList(val) {
486 this.ruleForm.ywrList = _.cloneDeep(val); 549 this.ruleForm.ywrList = _.cloneDeep(val);
487 }, 550 },
488 /** 551 /**
489 * @description: onSubmit 552 * @description: onSubmit
490 * @author: renchao 553 * @author: renchao
491 */ 554 */
492 onSubmit () { 555 onSubmit() {
493 let that = this 556 let that = this;
494 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 557 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
495 if (arr.length > 0) { 558 if (arr.length > 0) {
496 this.$message({ 559 this.$message({
497 showClose: true, 560 showClose: true,
...@@ -523,7 +586,8 @@ ...@@ -523,7 +586,8 @@
523 if (this.ruleForm.qlrList.length <= 1) { 586 if (this.ruleForm.qlrList.length <= 1) {
524 this.$message({ 587 this.$message({
525 showClose: true, 588 showClose: true,
526 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 589 message:
590 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
527 type: "error", 591 type: "error",
528 }); 592 });
529 return false; 593 return false;
...@@ -559,66 +623,66 @@ ...@@ -559,66 +623,66 @@
559 message: "保存成功！", 623 message: "保存成功！",
560 type: "success", 624 type: "success",
561 }); 625 });
562 this.$store.dispatch('user/refreshPage', true); 626 this.$store.dispatch("user/refreshPage", true);
563 } else { 627 } else {
564 this.$message({ 628 this.$message({
565 showClose: true, 629 showClose: true,
566 message: res.message, 630 message: res.message,
567 type: "error" 631 type: "error",
568 }) 632 });
569 }
570 })
571 }
572 }
573 } 633 }
634 });
635 },
636 },
637 };
574 </script> 638 </script>
575 <style scoped lang='scss'> 639 <style scoped lang="scss">
576 @import "~@/styles/public.scss"; 640 @import "~@/styles/public.scss";
577 641
578 /deep/.el-form { 642 /deep/.el-form {
579 display: flex; 643 display: flex;
580 flex-direction: column; 644 flex-direction: column;
581 height: calc(100vh - 130px); 645 height: calc(100vh - 130px);
582 } 646 }
583 647
584 /deep/.el-form-item__label { 648 /deep/.el-form-item__label {
585 padding: 0; 649 padding: 0;
586 } 650 }
587 651
588 /deep/.el-radio { 652 /deep/.el-radio {
589 margin-right: 10px; 653 margin-right: 10px;
590 } 654 }
591 655
592 /deep/.el-select { 656 /deep/.el-select {
593 width: 100%; 657 width: 100%;
594 } 658 }
595 659
596 /deep/.el-form-item { 660 /deep/.el-form-item {
597 margin-bottom: 8px; 661 margin-bottom: 8px;
598 } 662 }
599 663
600 .marginBot0 { 664 .marginBot0 {
601 margin-bottom: 0 !important; 665 margin-bottom: 0 !important;
602 } 666 }
603 667
604 .slxx { 668 .slxx {
605 box-sizing: border-box; 669 box-sizing: border-box;
606 } 670 }
607 671
608 .slxx_con { 672 .slxx_con {
609 flex: 1; 673 flex: 1;
610 height: 100%; 674 height: 100%;
611 background-color: #ffffff; 675 background-color: #ffffff;
612 overflow-y: auto; 676 overflow-y: auto;
613 padding-right: 3px; 677 padding-right: 3px;
614 overflow-x: hidden; 678 overflow-x: hidden;
615 } 679 }
616 680
617 .submit_btn { 681 .submit_btn {
618 height: 50px; 682 height: 50px;
619 } 683 }
620 684
621 .slxx_title { 685 .slxx_title {
622 border-bottom: 1px solid $borderColor; 686 border-bottom: 1px solid $borderColor;
623 padding-left: 10px; 687 padding-left: 10px;
624 padding-bottom: 5px; 688 padding-bottom: 5px;
...@@ -627,23 +691,23 @@ ...@@ -627,23 +691,23 @@
627 font-size: 16px; 691 font-size: 16px;
628 font-weight: 500; 692 font-weight: 500;
629 color: #4a4a4a; 693 color: #4a4a4a;
630 } 694 }
631 695
632 .btn { 696 .btn {
633 text-align: center; 697 text-align: center;
634 padding-top: 10px; 698 padding-top: 10px;
635 height: 36px; 699 height: 36px;
636 background-color: #ffffff; 700 background-color: #ffffff;
637 padding: 5px 0; 701 padding: 5px 0;
638 } 702 }
639 703
640 .textArea { 704 .textArea {
641 /deep/.el-textarea__inner { 705 /deep/.el-textarea__inner {
642 min-height: 90px !important; 706 min-height: 90px !important;
643 } 707 }
644 } 708 }
645 709
646 /deep/.el-form-item__label { 710 /deep/.el-form-item__label {
647 padding-bottom: 0px; 711 padding-bottom: 0px;
648 } 712 }
649 </style> 713 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:04:01 4 * @LastEditTime: 2023-08-24 15:34:11
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -48,7 +54,8 @@ ...@@ -48,7 +54,8 @@
48 </el-row> 54 </el-row>
49 <div 55 <div
50 class="slxx_title title-block flex" 56 class="slxx_title title-block flex"
51 style="justify-content: space-between"> 57 style="justify-content: space-between"
58 >
52 不动产单元情况 59 不动产单元情况
53 <el-button @click="compare">变化情况对比+</el-button> 60 <el-button @click="compare">变化情况对比+</el-button>
54 </div> 61 </div>
...@@ -106,7 +113,11 @@ ...@@ -106,7 +113,11 @@
106 </el-col> 113 </el-col>
107 <el-col :span="8"> 114 <el-col :span="8">
108 <el-form-item label="总层数："> 115 <el-form-item label="总层数：">
109 <el-input disabled v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 116 <el-input
117 disabled
118 v-model.number="ruleForm.fdcq2.zcs"
119 oninput="value=value.replace(/[^0-9]/g,'')"
120 ></el-input>
110 </el-form-item> 121 </el-form-item>
111 </el-col> 122 </el-col>
112 <el-col :span="8"> 123 <el-col :span="8">
...@@ -119,17 +130,18 @@ ...@@ -119,17 +130,18 @@
119 <el-col :span="8"> 130 <el-col :span="8">
120 <el-form-item label="建筑面积："> 131 <el-form-item label="建筑面积：">
121 <div class="flex"> 132 <div class="flex">
122 <el-input disabled v-model="ruleForm.qlxx.mj" 133 <el-input
123 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
124 <el-select
125 disabled 134 disabled
126 v-model="mjdw" 135 v-model="ruleForm.qlxx.mj"
127 style="width: 68px"> 136 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
137 ></el-input>
138 <el-select disabled v-model="mjdw" style="width: 68px">
128 <el-option 139 <el-option
129 v-for="item in dictData['A7']" 140 v-for="item in dictData['A7']"
130 :key="item.dcode" 141 :key="item.dcode"
131 :label="item.dname" 142 :label="item.dname"
132 :value="item.dcode"> 143 :value="item.dcode"
144 >
133 </el-option> 145 </el-option>
134 </el-select> 146 </el-select>
135 </div> 147 </div>
...@@ -138,17 +150,18 @@ ...@@ -138,17 +150,18 @@
138 <el-col :span="8"> 150 <el-col :span="8">
139 <el-form-item label="专有建筑面积："> 151 <el-form-item label="专有建筑面积：">
140 <div class="flex"> 152 <div class="flex">
141 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" 153 <el-input
142 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
143 <el-select
144 disabled 154 disabled
145 v-model="mjdw" 155 v-model="ruleForm.fdcq2.zyjzmj"
146 style="width: 68px"> 156 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
157 ></el-input>
158 <el-select disabled v-model="mjdw" style="width: 68px">
147 <el-option 159 <el-option
148 v-for="item in dictData['A7']" 160 v-for="item in dictData['A7']"
149 :key="item.dcode" 161 :key="item.dcode"
150 :label="item.dname" 162 :label="item.dname"
151 :value="item.dcode"> 163 :value="item.dcode"
164 >
152 </el-option> 165 </el-option>
153 </el-select> 166 </el-select>
154 </div> 167 </div>
...@@ -157,17 +170,18 @@ ...@@ -157,17 +170,18 @@
157 <el-col :span="8"> 170 <el-col :span="8">
158 <el-form-item label="分摊建筑面积："> 171 <el-form-item label="分摊建筑面积：">
159 <div class="flex"> 172 <div class="flex">
160 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" 173 <el-input
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
162 <el-select
163 disabled 174 disabled
164 v-model="mjdw" 175 v-model="ruleForm.fdcq2.ftjzmj"
165 style="width: 68px"> 176 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
177 ></el-input>
178 <el-select disabled v-model="mjdw" style="width: 68px">
166 <el-option 179 <el-option
167 v-for="item in dictData['A7']" 180 v-for="item in dictData['A7']"
168 :key="item.dcode" 181 :key="item.dcode"
169 :label="item.dname" 182 :label="item.dname"
170 :value="item.dcode"> 183 :value="item.dcode"
184 >
171 </el-option> 185 </el-option>
172 </el-select> 186 </el-select>
173 </div> 187 </div>
...@@ -181,7 +195,8 @@ ...@@ -181,7 +195,8 @@
181 <tdytTable 195 <tdytTable
182 :ableOperation="viewEdit" 196 :ableOperation="viewEdit"
183 :tableData="ruleForm.tdytqxList" 197 :tableData="ruleForm.tdytqxList"
184 @upDateTdytxxList="upDateTdytxxList" /> 198 @upDateTdytxxList="upDateTdytxxList"
199 />
185 <div class="slxx_title title-block"> 200 <div class="slxx_title title-block">
186 权利人信息 201 权利人信息
187 <div class="triangle"></div> 202 <div class="triangle"></div>
...@@ -189,7 +204,10 @@ ...@@ -189,7 +204,10 @@
189 <el-row :gutter="10"> 204 <el-row :gutter="10">
190 <el-col :span="12"> 205 <el-col :span="12">
191 <el-form-item label="共有方式："> 206 <el-form-item label="共有方式：">
192 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 207 <el-radio-group
208 :disabled="!viewEdit"
209 v-model="ruleForm.sldy.gyfs"
210 >
193 <el-radio label="0">单独所有</el-radio> 211 <el-radio label="0">单独所有</el-radio>
194 <el-radio label="1">共同共有</el-radio> 212 <el-radio label="1">共同共有</el-radio>
195 <el-radio label="2">按份所有</el-radio> 213 <el-radio label="2">按份所有</el-radio>
...@@ -201,7 +219,9 @@ ...@@ -201,7 +219,9 @@
201 <el-form-item label="是否分别持证："> 219 <el-form-item label="是否分别持证：">
202 <el-radio-group 220 <el-radio-group
203 v-model="ruleForm.sldy.sqfbcz" 221 v-model="ruleForm.sldy.sqfbcz"
204 :disabled="!viewEdit"> 222 :disabled="!viewEdit"
223 @input="updaterow()"
224 >
205 <el-radio :label="1">是</el-radio> 225 <el-radio :label="1">是</el-radio>
206 <el-radio :label="0">否</el-radio> 226 <el-radio :label="0">否</el-radio>
207 </el-radio-group> 227 </el-radio-group>
...@@ -209,24 +229,31 @@ ...@@ -209,24 +229,31 @@
209 </el-col> 229 </el-col>
210 <el-col 230 <el-col
211 :span="6" 231 :span="6"
212 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 232 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
233 >
213 <el-form-item label="持证人："> 234 <el-form-item label="持证人：">
214 <el-select 235 <el-select
215 v-model="czr" 236 v-model="czr"
216 placeholder="持证人" 237 placeholder="持证人"
217 :disabled="!viewEdit"> 238 :disabled="!viewEdit"
239 >
218 <el-option 240 <el-option
219 v-for="item in czrOptions" 241 v-for="item in czrOptions"
220 :key="item.zjh" 242 :key="item.zjh"
221 :label="item.sqrmc" 243 :label="item.sqrmc"
222 :value="item.zjh"> 244 :value="item.zjh"
245 >
223 </el-option> 246 </el-option>
224 </el-select> 247 </el-select>
225 </el-form-item> 248 </el-form-item>
226 </el-col> 249 </el-col>
227 </el-row> 250 </el-row>
228 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!viewEdit" :tableData="ruleForm.qlrList" 251 <qlrCommonTable
229 :gyfs="ruleForm.sldy.gyfs" /> 252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="!viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs"
256 />
230 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
231 登记原因 258 登记原因
232 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -234,8 +261,14 @@ ...@@ -234,8 +261,14 @@
234 <el-row :gutter="10"> 261 <el-row :gutter="10">
235 <el-col> 262 <el-col>
236 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> 263 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
237 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 264 <el-input
238 v-model="ruleForm.fdcq2.djyy"> 265 class="textArea"
266 type="textarea"
267 maxlength="500"
268 show-word-limit
269 :disabled="!viewEdit"
270 v-model="ruleForm.fdcq2.djyy"
271 >
239 </el-input> 272 </el-input>
240 </el-form-item> 273 </el-form-item>
241 </el-col> 274 </el-col>
...@@ -250,15 +283,15 @@ ...@@ -250,15 +283,15 @@
250 </div> 283 </div>
251 </template> 284 </template>
252 <script> 285 <script>
253 import ywmix from "@/views/ywbl/mixin/index" 286 import ywmix from "@/views/ywbl/mixin/index";
254 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 287 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
255 import tdytTable from "@/views/workflow/components/tdytTable"; 288 import tdytTable from "@/views/workflow/components/tdytTable";
256 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 289 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
257 import { mapGetters } from "vuex"; 290 import { mapGetters } from "vuex";
258 export default { 291 export default {
259 mixins: [ywmix], 292 mixins: [ywmix],
260 mounted () { 293 mounted() {
261 this.viewEdit = this.$parent.currentSelectTab.ableOperation 294 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
262 this.propsParam = this.$attrs; 295 this.propsParam = this.$attrs;
263 var formdata = new FormData(); 296 var formdata = new FormData();
264 formdata.append("bsmSldy", this.propsParam.bsmSldy); 297 formdata.append("bsmSldy", this.propsParam.bsmSldy);
...@@ -274,11 +307,13 @@ ...@@ -274,11 +307,13 @@
274 }; 307 };
275 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
276 if (item.sfczr == 1) { 309 if (item.sfczr == 1) {
277 this.czr = item.sqrmc 310 this.czr = item.sqrmc;
278 } 311 }
279 }) 312 });
280 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
281 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; 314 this.ruleForm.slsq.fzfs == null
315 ? (this.ruleForm.slsq.fzfs = "1")
316 : this.ruleForm.slsq.fzfs;
282 this.czrOptions = this.ruleForm.qlrList; 317 this.czrOptions = this.ruleForm.qlrList;
283 } 318 }
284 }); 319 });
...@@ -287,7 +322,7 @@ ...@@ -287,7 +322,7 @@
287 computed: { 322 computed: {
288 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
289 }, 324 },
290 data () { 325 data() {
291 return { 326 return {
292 mjdw: "1", 327 mjdw: "1",
293 //表单是否可操作 328 //表单是否可操作
...@@ -298,7 +333,7 @@ ...@@ -298,7 +333,7 @@
298 czr: "", 333 czr: "",
299 ruleForm: { 334 ruleForm: {
300 flow: { 335 flow: {
301 ywh: '' 336 ywh: "",
302 }, 337 },
303 slry: "", 338 slry: "",
304 slsj: "", 339 slsj: "",
...@@ -306,7 +341,7 @@ ...@@ -306,7 +341,7 @@
306 djlx: "", 341 djlx: "",
307 djqx: "", 342 djqx: "",
308 sldy: { 343 sldy: {
309 gyfs: '' 344 gyfs: "",
310 }, 345 },
311 // 宗地代码 346 // 宗地代码
312 zddm: "", 347 zddm: "",
...@@ -316,31 +351,31 @@ ...@@ -316,31 +351,31 @@
316 // 自然幢号 351 // 自然幢号
317 zrzh: "", 352 zrzh: "",
318 // 户不动产单元号 353 // 户不动产单元号
319 hbdcdyh: '', 354 hbdcdyh: "",
320 djzt: '', 355 djzt: "",
321 // 图幅丘幢号 356 // 图幅丘幢号
322 tfqzh: '', 357 tfqzh: "",
323 zl: '', 358 zl: "",
324 // 房屋用途 359 // 房屋用途
325 fwyt: '', 360 fwyt: "",
326 fwxz: '', 361 fwxz: "",
327 fwjg: '', 362 fwjg: "",
328 // 权利人信息 363 // 权利人信息
329 // 是否分别持证 364 // 是否分别持证
330 sffbcz: "", 365 sffbcz: "",
331 // 持证人 366 // 持证人
332 czr: "", 367 czr: "",
333 djyy: '', 368 djyy: "",
334 // 规划用途名称 369 // 规划用途名称
335 zdjbxx: { 370 zdjbxx: {
336 ghytmc: '' 371 ghytmc: "",
337 }, 372 },
338 fdcq2: { 373 fdcq2: {
339 fwxzmc: '' 374 fwxzmc: "",
340 }, 375 },
341 slsq: { 376 slsq: {
342 gyfs: '' 377 gyfs: "",
343 } 378 },
344 }, 379 },
345 //传递参数 380 //传递参数
346 propsParam: {}, 381 propsParam: {},
...@@ -352,30 +387,42 @@ ...@@ -352,30 +387,42 @@
352 * @description: dataSelectClick 387 * @description: dataSelectClick
353 * @author: renchao 388 * @author: renchao
354 */ 389 */
355 dataSelectClick () { 390 dataSelectClick() {
356 this.$popup("房屋所有权", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", 391 this.$popup(
392 "房屋所有权",
393 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
357 { 394 {
358 formData: { 395 formData: {
359 bsmSldy: this.propsParam.bsmSldy, 396 bsmSldy: this.propsParam.bsmSldy,
360 qllx: this.propsParam.qllx 397 qllx: this.propsParam.qllx,
398 },
361 } 399 }
362 }); 400 );
363 }, 401 },
364 /** 402 /**
365 * @description: 更新土地用途信息 403 * @description: 更新土地用途信息
366 * @param {*} val 404 * @param {*} val
367 * @author: renchao 405 * @author: renchao
368 */ 406 */
369 upDateTdytxxList (val) { 407 upDateTdytxxList(val) {
370 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 408 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
371 this.key++; 409 this.key++;
372 }, 410 },
411 // 是否持证人变化
412 /**
413 * @description: 是否持证人变化
414 * @param {*} val
415 * @author: renchao
416 */
417 updaterow() {
418 this.czr = "";
419 },
373 /** 420 /**
374 * @description: 更新权利人信息 421 * @description: 更新权利人信息
375 * @param {*} val 422 * @param {*} val
376 * @author: renchao 423 * @author: renchao
377 */ 424 */
378 upDateQlrxxList (val) { 425 upDateQlrxxList(val) {
379 this.ruleForm.qlrList = _.cloneDeep(val); 426 this.ruleForm.qlrList = _.cloneDeep(val);
380 this.czrOptions = this.ruleForm.qlrList; 427 this.czrOptions = this.ruleForm.qlrList;
381 this.key++; 428 this.key++;
...@@ -386,16 +433,16 @@ ...@@ -386,16 +433,16 @@
386 * @param {*} val 433 * @param {*} val
387 * @author: renchao 434 * @author: renchao
388 */ 435 */
389 upDateYwrxxList (val) { 436 upDateYwrxxList(val) {
390 this.ruleForm.ywrList = _.cloneDeep(val); 437 this.ruleForm.ywrList = _.cloneDeep(val);
391 }, 438 },
392 /** 439 /**
393 * @description: onSubmit 440 * @description: onSubmit
394 * @author: renchao 441 * @author: renchao
395 */ 442 */
396 onSubmit () { 443 onSubmit() {
397 let that = this 444 let that = this;
398 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 445 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
399 if (arr.length > 0) { 446 if (arr.length > 0) {
400 this.$message({ 447 this.$message({
401 showClose: true, 448 showClose: true,
...@@ -427,7 +474,8 @@ ...@@ -427,7 +474,8 @@
427 if (this.ruleForm.qlrList.length <= 1) { 474 if (this.ruleForm.qlrList.length <= 1) {
428 this.$message({ 475 this.$message({
429 showClose: true, 476 showClose: true,
430 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 477 message:
478 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
431 type: "error", 479 type: "error",
432 }); 480 });
433 return false; 481 return false;
...@@ -463,7 +511,7 @@ ...@@ -463,7 +511,7 @@
463 message: "保存成功！", 511 message: "保存成功！",
464 type: "success", 512 type: "success",
465 }); 513 });
466 this.$store.dispatch('user/refreshPage', true); 514 this.$store.dispatch("user/refreshPage", true);
467 } else { 515 } else {
468 this.$message({ 516 this.$message({
469 showClose: true, 517 showClose: true,
...@@ -477,68 +525,68 @@ ...@@ -477,68 +525,68 @@
477 * @description: compare 525 * @description: compare
478 * @author: renchao 526 * @author: renchao
479 */ 527 */
480 compare () { 528 compare() {
481 this.$popupDialog( 529 this.$popupDialog(
482 this.ruleForm.qlxx.qllxmc, 530 this.ruleForm.qlxx.qllxmc,
483 "registerBook/comparison", 531 "registerBook/comparison",
484 { 532 {
485 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 533 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
486 dqqllx: 'FDCQ2', 534 dqqllx: "FDCQ2",
487 }, 535 },
488 "80%", 536 "80%",
489 true 537 true
490 ); 538 );
491 }, 539 },
492 }, 540 },
493 }; 541 };
494 </script> 542 </script>
495 <style scoped lang='scss'> 543 <style scoped lang="scss">
496 @import "~@/styles/public.scss"; 544 @import "~@/styles/public.scss";
497 @import "~@/styles/slxx/slxx.scss"; 545 @import "~@/styles/slxx/slxx.scss";
498 /deep/.el-form { 546 /deep/.el-form {
499 display: flex; 547 display: flex;
500 flex-direction: column; 548 flex-direction: column;
501 height: calc(100vh - 130px); 549 height: calc(100vh - 130px);
502 } 550 }
503 551
504 /deep/.el-form-item__label { 552 /deep/.el-form-item__label {
505 padding: 0; 553 padding: 0;
506 } 554 }
507 555
508 /deep/.el-radio { 556 /deep/.el-radio {
509 margin-right: 10px; 557 margin-right: 10px;
510 } 558 }
511 559
512 /deep/.el-select { 560 /deep/.el-select {
513 width: 100%; 561 width: 100%;
514 } 562 }
515 563
516 /deep/.el-form-item { 564 /deep/.el-form-item {
517 margin-bottom: 8px; 565 margin-bottom: 8px;
518 } 566 }
519 567
520 .marginBot0 { 568 .marginBot0 {
521 margin-bottom: 0 !important; 569 margin-bottom: 0 !important;
522 } 570 }
523 571
524 .slxx { 572 .slxx {
525 box-sizing: border-box; 573 box-sizing: border-box;
526 } 574 }
527 575
528 .slxx_con { 576 .slxx_con {
529 flex: 1; 577 flex: 1;
530 height: 100%; 578 height: 100%;
531 background-color: #ffffff; 579 background-color: #ffffff;
532 overflow-y: auto; 580 overflow-y: auto;
533 padding-right: 3px; 581 padding-right: 3px;
534 overflow-x: hidden; 582 overflow-x: hidden;
535 } 583 }
536 584
537 .submit_btn { 585 .submit_btn {
538 height: 50px; 586 height: 50px;
539 } 587 }
540 588
541 .slxx_title { 589 .slxx_title {
542 border-bottom: 1px solid $borderColor; 590 border-bottom: 1px solid $borderColor;
543 padding-left: 10px; 591 padding-left: 10px;
544 padding-bottom: 5px; 592 padding-bottom: 5px;
...@@ -547,23 +595,23 @@ ...@@ -547,23 +595,23 @@
547 font-size: 16px; 595 font-size: 16px;
548 font-weight: 500; 596 font-weight: 500;
549 color: #4a4a4a; 597 color: #4a4a4a;
550 } 598 }
551 599
552 .btn { 600 .btn {
553 text-align: center; 601 text-align: center;
554 padding-top: 10px; 602 padding-top: 10px;
555 height: 36px; 603 height: 36px;
556 background-color: #ffffff; 604 background-color: #ffffff;
557 padding: 5px 0; 605 padding: 5px 0;
558 } 606 }
559 607
560 .textArea { 608 .textArea {
561 /deep/.el-textarea__inner { 609 /deep/.el-textarea__inner {
562 min-height: 90px !important; 610 min-height: 90px !important;
563 } 611 }
564 } 612 }
565 613
566 /deep/.el-form-item__label { 614 /deep/.el-form-item__label {
567 padding-bottom: 0px; 615 padding-bottom: 0px;
568 } 616 }
569 </style> 617 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-17 14:18:10 4 * @LastEditTime: 2023-08-24 15:32:19
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="130px"> 14 label-width="130px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -37,12 +38,18 @@ ...@@ -37,12 +38,18 @@
37 <el-row :gutter="10" v-if="ruleForm.slsq"> 38 <el-row :gutter="10" v-if="ruleForm.slsq">
38 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 39 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
39 <el-form-item label="权利类型："> 40 <el-form-item label="权利类型：">
40 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 41 <el-input
42 disabled
43 v-model="ruleForm.sldyList[0].qllxmc"
44 ></el-input>
41 </el-form-item> 45 </el-form-item>
42 </el-col> 46 </el-col>
43 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 47 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
44 <el-form-item label="登记类型："> 48 <el-form-item label="登记类型：">
45 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 49 <el-input
50 disabled
51 v-model="ruleForm.sldyList[0].djlxmc"
52 ></el-input>
46 </el-form-item> 53 </el-form-item>
47 </el-col> 54 </el-col>
48 <el-col :span="8"> 55 <el-col :span="8">
...@@ -60,12 +67,17 @@ ...@@ -60,12 +67,17 @@
60 <el-form-item label="宗地面积："> 67 <el-form-item label="宗地面积：">
61 <div class="flex"> 68 <div class="flex">
62 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 69 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
63 <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px"> 70 <el-select
71 disabled
72 v-model="ruleForm.zdjbxx.mjdw"
73 style="width: 68px"
74 >
64 <el-option 75 <el-option
65 v-for="item in dictData['A7']" 76 v-for="item in dictData['A7']"
66 :key="item.dcode" 77 :key="item.dcode"
67 :label="item.dname" 78 :label="item.dname"
68 :value="item.dcode"></el-option> 79 :value="item.dcode"
80 ></el-option>
69 </el-select> 81 </el-select>
70 </div> 82 </div>
71 </el-form-item> 83 </el-form-item>
...@@ -135,12 +147,13 @@ ...@@ -135,12 +147,13 @@
135 <div class="triangle"></div> 147 <div class="triangle"></div>
136 </div> 148 </div>
137 <el-row :gutter="10"> 149 <el-row :gutter="10">
138 <el-col :span="12" v-if="ruleForm.sldyList.length>0"> 150 <el-col :span="12" v-if="ruleForm.sldyList.length > 0">
139 <el-form-item label="共有方式："> 151 <el-form-item label="共有方式：">
140 <el-radio-group 152 <el-radio-group
141 :disabled="!viewEdit" 153 :disabled="!viewEdit"
142 @change="showCZInfo" 154 @change="showCZInfo"
143 v-model="ruleForm.sldyList[0].gyfs"> 155 v-model="ruleForm.sldyList[0].gyfs"
156 >
144 <el-radio label="0">单独所有</el-radio> 157 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio> 158 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio> 159 <el-radio label="2">按份所有</el-radio>
...@@ -149,27 +162,37 @@ ...@@ -149,27 +162,37 @@
149 </el-form-item> 162 </el-form-item>
150 </el-col> 163 </el-col>
151 164
152 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> 165 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0">
153 <el-form-item label="是否分别持证："> 166 <el-form-item label="是否分别持证：">
154 <el-radio-group 167 <el-radio-group
155 v-model="ruleForm.sldyList[0].sqfbcz" 168 v-model="ruleForm.sldyList[0].sqfbcz"
156 :disabled="!viewEdit"> 169 :disabled="!viewEdit"
170 @input="updaterow()"
171 >
157 <el-radio :label="1">是</el-radio> 172 <el-radio :label="1">是</el-radio>
158 <el-radio :label="0">否</el-radio> 173 <el-radio :label="0">否</el-radio>
159 </el-radio-group> 174 </el-radio-group>
160 </el-form-item> 175 </el-form-item>
161 </el-col> 176 </el-col>
162 <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0&&ruleForm.sldyList[0].sqfbcz=='0'"> 177 <el-col
178 :span="6"
179 v-if="
180 ruleForm.sldyList[0].gyfs != 0 &&
181 ruleForm.sldyList[0].sqfbcz == '0'
182 "
183 >
163 <el-form-item label="持证人："> 184 <el-form-item label="持证人：">
164 <el-select 185 <el-select
165 v-model="czr" 186 v-model="czr"
166 placeholder="持证人" 187 placeholder="持证人"
167 :disabled="!viewEdit"> 188 :disabled="!viewEdit"
189 >
168 <el-option 190 <el-option
169 v-for="item in czrOptions" 191 v-for="item in czrOptions"
170 :key="item.zjh" 192 :key="item.zjh"
171 :label="item.sqrmc" 193 :label="item.sqrmc"
172 :value="item.zjh"></el-option> 194 :value="item.zjh"
195 ></el-option>
173 </el-select> 196 </el-select>
174 </el-form-item> 197 </el-form-item>
175 </el-col> 198 </el-col>
...@@ -178,7 +201,8 @@ ...@@ -178,7 +201,8 @@
178 :disabled="viewEdit" 201 :disabled="viewEdit"
179 @upDateQlrxxList="upDateQlrxxList" 202 @upDateQlrxxList="upDateQlrxxList"
180 :tableData="ruleForm.qlrList" 203 :tableData="ruleForm.qlrList"
181 :gyfs="ruleForm.sldyList[0].gyfs" /> 204 :gyfs="ruleForm.sldyList[0].gyfs"
205 />
182 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
183 登记原因 207 登记原因
184 <div class="triangle"></div> 208 <div class="triangle"></div>
...@@ -192,7 +216,8 @@ ...@@ -192,7 +216,8 @@
192 maxlength="500" 216 maxlength="500"
193 show-word-limit 217 show-word-limit
194 :disabled="!viewEdit" 218 :disabled="!viewEdit"
195 v-model="ruleForm.fdcq2List[0].djyy"> 219 v-model="ruleForm.fdcq2List[0].djyy"
220 >
196 </el-input> 221 </el-input>
197 </el-form-item> 222 </el-form-item>
198 </el-col> 223 </el-col>
...@@ -207,16 +232,16 @@ ...@@ -207,16 +232,16 @@
207 </div> 232 </div>
208 </template> 233 </template>
209 <script> 234 <script>
210 import ywmix from "@/views/ywbl/mixin/index"; 235 import ywmix from "@/views/ywbl/mixin/index";
211 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 236 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
212 import { 237 import {
213 BatchInit, 238 BatchInit,
214 Init, 239 Init,
215 saveBatchData, 240 saveBatchData,
216 saveData, 241 saveData,
217 } from "@/api/workflow/fwsyqFlow.js"; 242 } from "@/api/workflow/fwsyqFlow.js";
218 import { mapGetters } from "vuex"; 243 import { mapGetters } from "vuex";
219 export default { 244 export default {
220 mixins: [ywmix], 245 mixins: [ywmix],
221 computed: { 246 computed: {
222 ...mapGetters(["dictData", "flag"]), 247 ...mapGetters(["dictData", "flag"]),
...@@ -229,10 +254,10 @@ ...@@ -229,10 +254,10 @@
229 * @param {*} val 254 * @param {*} val
230 * @author: renchao 255 * @author: renchao
231 */ 256 */
232 upDateYwrxxList (val) { 257 upDateYwrxxList(val) {
233 this.ruleForm.ywrList = _.cloneDeep(val); 258 this.ruleForm.ywrList = _.cloneDeep(val);
234 }, 259 },
235 data () { 260 data() {
236 return { 261 return {
237 disabled: true, 262 disabled: true,
238 tdytOption: [], 263 tdytOption: [],
...@@ -252,7 +277,7 @@ ...@@ -252,7 +277,7 @@
252 zdjbxx: {}, //宗地基本信息 277 zdjbxx: {}, //宗地基本信息
253 }, 278 },
254 czrOptions: [], 279 czrOptions: [],
255 czr:"", 280 czr: "",
256 //传递参数 281 //传递参数
257 propsParam: this.$attrs, 282 propsParam: this.$attrs,
258 //表单是否可操作 283 //表单是否可操作
...@@ -262,7 +287,7 @@ ...@@ -262,7 +287,7 @@
262 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 287 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
263 splicingFdcq2: { 288 splicingFdcq2: {
264 //前端根据后台数组组装展示内容 289 //前端根据后台数组组装展示内容
265 tdxz: "",//土地性质 290 tdxz: "", //土地性质
266 fwxz: "", //房屋性质 291 fwxz: "", //房屋性质
267 fwjg: "", //房屋结构 292 fwjg: "", //房屋结构
268 jzmj: "", //建筑面积 293 jzmj: "", //建筑面积
...@@ -270,7 +295,7 @@ ...@@ -270,7 +295,7 @@
270 }, 295 },
271 }; 296 };
272 }, 297 },
273 mounted (callbackfn, thisArg) { 298 mounted(callbackfn, thisArg) {
274 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 299 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
275 this.propsParam = this.$attrs; 300 this.propsParam = this.$attrs;
276 var formdata = new FormData(); 301 var formdata = new FormData();
...@@ -281,20 +306,15 @@ ...@@ -281,20 +306,15 @@
281 BatchInit(formdata).then((res) => { 306 BatchInit(formdata).then((res) => {
282 if (res.code == 200) { 307 if (res.code == 200) {
283 this.ruleForm = res.result; 308 this.ruleForm = res.result;
284 this.ruleForm.qlrList.forEach((item, index) => {
285 if (item.sfczr == 1) {
286 this.$set(this.ruleForm, "czr", item.zjh)
287 }
288 })
289 this.czrOptions = this.ruleForm.qlrList; 309 this.czrOptions = this.ruleForm.qlrList;
290 this.gyfs = this.ruleForm.sldyList[0].gyfs; 310 this.gyfs = this.ruleForm.sldyList[0].gyfs;
291 this.splicingFdcq2Info(); 311 this.splicingFdcq2Info();
292 } 312 }
293 this.ruleForm.qlrList.forEach((item) => { 313 this.ruleForm.qlrList.forEach((item) => {
294 if(item.sfczr==1){ 314 if (item.sfczr == 1) {
295 this.czr=item.sqrmc 315 this.czr = item.sqrmc;
296 } 316 }
297 }) 317 });
298 }); 318 });
299 }, 319 },
300 methods: { 320 methods: {
...@@ -303,7 +323,7 @@ ...@@ -303,7 +323,7 @@
303 * @description: 组装房地产权通用信息 323 * @description: 组装房地产权通用信息
304 * @author: renchao 324 * @author: renchao
305 */ 325 */
306 splicingFdcq2Info () { 326 splicingFdcq2Info() {
307 let fdcq2List = this.ruleForm.fdcq2List; 327 let fdcq2List = this.ruleForm.fdcq2List;
308 let fwxzArr = []; 328 let fwxzArr = [];
309 let fwjgArr = []; 329 let fwjgArr = [];
...@@ -328,7 +348,7 @@ ...@@ -328,7 +348,7 @@
328 * @param {*} val 348 * @param {*} val
329 * @author: renchao 349 * @author: renchao
330 */ 350 */
331 upDateQlrxxList (val) { 351 upDateQlrxxList(val) {
332 this.ruleForm.qlrList = _.cloneDeep(val); 352 this.ruleForm.qlrList = _.cloneDeep(val);
333 this.czrOptions = this.ruleForm.qlrList; 353 this.czrOptions = this.ruleForm.qlrList;
334 }, 354 },
...@@ -336,24 +356,33 @@ ...@@ -336,24 +356,33 @@
336 * @description: showCZInfo 356 * @description: showCZInfo
337 * @author: renchao 357 * @author: renchao
338 */ 358 */
339 showCZInfo () { 359 showCZInfo() {
340 // console.log(this.ruleForm.slsq.gyfs); 360 // console.log(this.ruleForm.slsq.gyfs);
341 }, 361 },
362 // 是否持证人变化
363 /**
364 * @description: 是否持证人变化
365 * @param {*} val
366 * @author: renchao
367 */
368 updaterow() {
369 this.czr = "";
370 },
342 // 更新义务人信息 371 // 更新义务人信息
343 /** 372 /**
344 * @description: 更新义务人信息 373 * @description: 更新义务人信息
345 * @param {*} val 374 * @param {*} val
346 * @author: renchao 375 * @author: renchao
347 */ 376 */
348 upDateYwrxxList (val) { 377 upDateYwrxxList(val) {
349 this.ruleForm.ywrList = _.cloneDeep(val); 378 this.ruleForm.ywrList = _.cloneDeep(val);
350 }, 379 },
351 /** 380 /**
352 * @description: onSubmit 381 * @description: onSubmit
353 * @author: renchao 382 * @author: renchao
354 */ 383 */
355 onSubmit () { 384 onSubmit() {
356 let that = this 385 let that = this;
357 if (this.ruleForm.qlrList.length == 0) { 386 if (this.ruleForm.qlrList.length == 0) {
358 this.$message({ 387 this.$message({
359 showClose: true, 388 showClose: true,
...@@ -424,55 +453,55 @@ ...@@ -424,55 +453,55 @@
424 }); 453 });
425 }, 454 },
426 }, 455 },
427 }; 456 };
428 </script> 457 </script>
429 <style scoped lang="scss"> 458 <style scoped lang="scss">
430 @import "~@/styles/public.scss"; 459 @import "~@/styles/public.scss";
431 460
432 /deep/.el-form { 461 /deep/.el-form {
433 display: flex; 462 display: flex;
434 flex-direction: column; 463 flex-direction: column;
435 height: calc(100vh - 130px); 464 height: calc(100vh - 130px);
436 } 465 }
437 466
438 /deep/.el-form-item__label { 467 /deep/.el-form-item__label {
439 padding: 0; 468 padding: 0;
440 } 469 }
441 470
442 /deep/.el-radio { 471 /deep/.el-radio {
443 margin-right: 10px; 472 margin-right: 10px;
444 } 473 }
445 474
446 /deep/.el-select { 475 /deep/.el-select {
447 width: 100%; 476 width: 100%;
448 } 477 }
449 478
450 /deep/.el-form-item { 479 /deep/.el-form-item {
451 margin-bottom: 8px; 480 margin-bottom: 8px;
452 } 481 }
453 482
454 .marginBot0 { 483 .marginBot0 {
455 margin-bottom: 0 !important; 484 margin-bottom: 0 !important;
456 } 485 }
457 486
458 .slxx { 487 .slxx {
459 box-sizing: border-box; 488 box-sizing: border-box;
460 } 489 }
461 490
462 .slxx_con { 491 .slxx_con {
463 flex: 1; 492 flex: 1;
464 height: 100%; 493 height: 100%;
465 background-color: #ffffff; 494 background-color: #ffffff;
466 overflow-y: auto; 495 overflow-y: auto;
467 padding-right: 3px; 496 padding-right: 3px;
468 overflow-x: hidden; 497 overflow-x: hidden;
469 } 498 }
470 499
471 .submit_btn { 500 .submit_btn {
472 height: 50px; 501 height: 50px;
473 } 502 }
474 503
475 .slxx_title { 504 .slxx_title {
476 border-bottom: 1px solid $borderColor; 505 border-bottom: 1px solid $borderColor;
477 padding-left: 10px; 506 padding-left: 10px;
478 padding-bottom: 5px; 507 padding-bottom: 5px;
...@@ -481,23 +510,23 @@ ...@@ -481,23 +510,23 @@
481 font-size: 16px; 510 font-size: 16px;
482 font-weight: 500; 511 font-weight: 500;
483 color: #4a4a4a; 512 color: #4a4a4a;
484 } 513 }
485 514
486 .btn { 515 .btn {
487 text-align: center; 516 text-align: center;
488 padding-top: 10px; 517 padding-top: 10px;
489 height: 36px; 518 height: 36px;
490 background-color: #ffffff; 519 background-color: #ffffff;
491 padding: 5px 0; 520 padding: 5px 0;
492 } 521 }
493 522
494 .textArea { 523 .textArea {
495 /deep/.el-textarea__inner { 524 /deep/.el-textarea__inner {
496 min-height: 90px !important; 525 min-height: 90px !important;
497 } 526 }
498 } 527 }
499 528
500 /deep/.el-form-item__label { 529 /deep/.el-form-item__label {
501 padding-bottom: 0px; 530 padding-bottom: 0px;
502 } 531 }
503 </style> 532 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:04:10 4 * @LastEditTime: 2023-08-24 15:32:28
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 9 <el-form
10 label-width="120px"> 10 :model="ruleForm"
11 :rules="rules"
12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''"
14 :inline="flag"
15 label-width="120px"
16 >
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
13 受理信息 19 受理信息
...@@ -33,16 +39,38 @@ ...@@ -33,16 +39,38 @@
33 <el-row :gutter="10"> 39 <el-row :gutter="10">
34 <el-col :span="8"> 40 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx"> 41 <el-form-item label="权利类型：" prop="qllx">
36 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 42 <el-select
37 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 43 disabled
44 v-model="ruleForm.qllx"
45 filterable
46 clearable
47 placeholder="请选择权利类型"
48 >
49 <el-option
50 v-for="item in dictData['A8']"
51 :key="item.dcode"
52 :label="item.dname"
53 :value="item.dcode"
54 >
38 </el-option> 55 </el-option>
39 </el-select> 56 </el-select>
40 </el-form-item> 57 </el-form-item>
41 </el-col> 58 </el-col>
42 <el-col :span="8"> 59 <el-col :span="8">
43 <el-form-item label="登记类型：" prop="djlx"> 60 <el-form-item label="登记类型：" prop="djlx">
44 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 61 <el-select
45 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 62 disabled
63 v-model="ruleForm.djlx"
64 filterable
65 clearable
66 placeholder="请选择登记类型"
67 >
68 <el-option
69 v-for="item in dictData['A21']"
70 :key="item.dcode"
71 :label="item.dname"
72 :value="item.dcode"
73 >
46 </el-option> 74 </el-option>
47 </el-select> 75 </el-select>
48 </el-form-item> 76 </el-form-item>
...@@ -88,7 +116,12 @@ ...@@ -88,7 +116,12 @@
88 <el-col :span="8"> 116 <el-col :span="8">
89 <el-form-item label="登记状态：" prop="djzt"> 117 <el-form-item label="登记状态：" prop="djzt">
90 <el-select disabled v-model="ruleForm.djzt" filterable clearable> 118 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
91 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> 119 <el-option
120 v-for="item in djztList"
121 :key="item.value"
122 :label="item.label"
123 :value="item.value"
124 >
92 </el-option> 125 </el-option>
93 </el-select> 126 </el-select>
94 </el-form-item> 127 </el-form-item>
...@@ -131,7 +164,8 @@ ...@@ -131,7 +164,8 @@
131 <tdytTable 164 <tdytTable
132 :ableOperation="viewEdit" 165 :ableOperation="viewEdit"
133 :tableData="ruleForm.tdytqxList" 166 :tableData="ruleForm.tdytqxList"
134 @upDateTdytxxList="upDateTdytxxList" /> 167 @upDateTdytxxList="upDateTdytxxList"
168 />
135 <div class="slxx_title title-block"> 169 <div class="slxx_title title-block">
136 权利人信息 170 权利人信息
137 <div class="triangle"></div> 171 <div class="triangle"></div>
...@@ -149,22 +183,42 @@ ...@@ -149,22 +183,42 @@
149 183
150 <el-col :span="5" v-show="ruleForm.gyfs != '1'"> 184 <el-col :span="5" v-show="ruleForm.gyfs != '1'">
151 <el-form-item label="是否分别持证："> 185 <el-form-item label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz" :disabled="!viewEdit"> 186 <el-radio-group
187 v-model="ruleForm.sffbcz"
188 :disabled="!viewEdit"
189 @input="updaterow()"
190 >
153 <el-radio label="1">是</el-radio> 191 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio> 192 <el-radio label="0">否</el-radio>
155 </el-radio-group> 193 </el-radio-group>
156 </el-form-item> 194 </el-form-item>
157 </el-col> 195 </el-col>
158 <el-col :span="5" v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz=='0'"> 196 <el-col
197 :span="5"
198 v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
199 >
159 <el-form-item label="持证人："> 200 <el-form-item label="持证人：">
160 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 201 <el-select
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 202 v-model="czr"
203 placeholder="持证人"
204 :disabled="!viewEdit"
205 >
206 <el-option
207 v-for="item in czrOptions"
208 :key="item.value"
209 :label="item.label"
210 :value="item.value"
211 >
162 </el-option> 212 </el-option>
163 </el-select> 213 </el-select>
164 </el-form-item> 214 </el-form-item>
165 </el-col> 215 </el-col>
166 </el-row> 216 </el-row>
167 <qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="viewEdit" /> 217 <qlrCommonTable
218 :tableData="ruleForm.qlrList"
219 :gyfs="ruleForm.gyfs"
220 :disabled="viewEdit"
221 />
168 <div class="slxx_title title-block"> 222 <div class="slxx_title title-block">
169 登记原因 223 登记原因
170 <div class="triangle"></div> 224 <div class="triangle"></div>
...@@ -172,7 +226,14 @@ ...@@ -172,7 +226,14 @@
172 <el-row :gutter="10"> 226 <el-row :gutter="10">
173 <el-col> 227 <el-col>
174 <el-form-item label="登记原因：" prop="djyy"> 228 <el-form-item label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" v-model="ruleForm.djyy"> 229 <el-input
230 class="textArea"
231 type="textarea"
232 maxlength="500"
233 show-word-limit
234 :disabled="!viewEdit"
235 v-model="ruleForm.djyy"
236 >
176 </el-input> 237 </el-input>
177 </el-form-item> 238 </el-form-item>
178 </el-col> 239 </el-col>
...@@ -187,15 +248,15 @@ ...@@ -187,15 +248,15 @@
187 </div> 248 </div>
188 </template> 249 </template>
189 <script> 250 <script>
190 import ywmix from "@/views/ywbl/mixin/index" 251 import ywmix from "@/views/ywbl/mixin/index";
191 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 252 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
192 import tdytTable from "@/views/workflow/components/tdytTable"; 253 import tdytTable from "@/views/workflow/components/tdytTable";
193 import { Init } from "@/api/workflow/fwsyqFlow.js"; 254 import { Init } from "@/api/workflow/fwsyqFlow.js";
194 import { mapGetters } from "vuex"; 255 import { mapGetters } from "vuex";
195 export default { 256 export default {
196 mixins: [ywmix], 257 mixins: [ywmix],
197 mounted () { 258 mounted() {
198 this.viewEdit = this.$parent.currentSelectTab.ableOperation 259 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
199 this.propsParam = this.$attrs; 260 this.propsParam = this.$attrs;
200 var formdata = new FormData(); 261 var formdata = new FormData();
201 formdata.append("bsmSldy", this.propsParam.bsmSldy); 262 formdata.append("bsmSldy", this.propsParam.bsmSldy);
...@@ -209,9 +270,9 @@ ...@@ -209,9 +270,9 @@
209 }; 270 };
210 this.ruleForm.qlrList.forEach((item) => { 271 this.ruleForm.qlrList.forEach((item) => {
211 if (item.sfczr == 1) { 272 if (item.sfczr == 1) {
212 this.czr = item.sqrmc 273 this.czr = item.sqrmc;
213 } 274 }
214 }) 275 });
215 this.czrOptions = this.ruleForm.qlrList; 276 this.czrOptions = this.ruleForm.qlrList;
216 } 277 }
217 }); 278 });
...@@ -220,7 +281,7 @@ ...@@ -220,7 +281,7 @@
220 computed: { 281 computed: {
221 ...mapGetters(["dictData", "flag"]), 282 ...mapGetters(["dictData", "flag"]),
222 }, 283 },
223 data () { 284 data() {
224 return { 285 return {
225 //表单是否可操作 286 //表单是否可操作
226 viewEdit: false, 287 viewEdit: false,
...@@ -243,22 +304,22 @@ ...@@ -243,22 +304,22 @@
243 // 自然幢号 304 // 自然幢号
244 zrzh: "", 305 zrzh: "",
245 // 户不动产单元号 306 // 户不动产单元号
246 ghytmc: '', 307 ghytmc: "",
247 djzt: '', 308 djzt: "",
248 // 图幅丘幢号 309 // 图幅丘幢号
249 tfqzh: '', 310 tfqzh: "",
250 zl: '', 311 zl: "",
251 // 房屋用途 312 // 房屋用途
252 fwyt: '', 313 fwyt: "",
253 fwxz: '', 314 fwxz: "",
254 fwjg: '', 315 fwjg: "",
255 // 权利人信息 316 // 权利人信息
256 gyfs: "1", 317 gyfs: "1",
257 // 是否分别持证 318 // 是否分别持证
258 sffbcz: "", 319 sffbcz: "",
259 // 持证人 320 // 持证人
260 czr: "", 321 czr: "",
261 djyy: '' 322 djyy: "",
262 }, 323 },
263 //传递参数 324 //传递参数
264 propsParam: {}, 325 propsParam: {},
...@@ -272,20 +333,26 @@ ...@@ -272,20 +333,26 @@
272 * @param {*} val 333 * @param {*} val
273 * @author: renchao 334 * @author: renchao
274 */ 335 */
275 upDateTdytxxList (val) { 336 upDateTdytxxList(val) {
276 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 337 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
338 this.czrOptions = this.ruleForm.qlrData;
277 this.key++; 339 this.key++;
278 }, 340 },
279 upDateQlrxxList (val) { 341 // 是否持证人变化
280 this.ruleForm.qlrList = _.cloneDeep(val); 342 /**
281 this.czrOptions = this.ruleForm.qlrList; 343 * @description: 是否持证人变化
344 * @param {*} val
345 * @author: renchao
346 */
347 updaterow() {
348 this.czr = "";
282 }, 349 },
283 /** 350 /**
284 * @description: list 351 * @description: list
285 * @param {*} bsmSldy 352 * @param {*} bsmSldy
286 * @author: renchao 353 * @author: renchao
287 */ 354 */
288 list (bsmSldy) { 355 list(bsmSldy) {
289 var formdata = new FormData(); 356 var formdata = new FormData();
290 formdata.append("bsmSldy", bsmSldy); 357 formdata.append("bsmSldy", bsmSldy);
291 formdata.append("isEdit", this.viewEdit); 358 formdata.append("isEdit", this.viewEdit);
...@@ -304,9 +371,9 @@ ...@@ -304,9 +371,9 @@
304 * @description: onSubmit 371 * @description: onSubmit
305 * @author: renchao 372 * @author: renchao
306 */ 373 */
307 onSubmit () { 374 onSubmit() {
308 let that = this 375 let that = this;
309 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 376 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
310 if (arr.length > 0) { 377 if (arr.length > 0) {
311 this.$message({ 378 this.$message({
312 showClose: true, 379 showClose: true,
...@@ -338,7 +405,8 @@ ...@@ -338,7 +405,8 @@
338 if (this.ruleForm.qlrList.length <= 1) { 405 if (this.ruleForm.qlrList.length <= 1) {
339 this.$message({ 406 this.$message({
340 showClose: true, 407 showClose: true,
341 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 408 message:
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
342 type: "error", 410 type: "error",
343 }); 411 });
344 return false; 412 return false;
...@@ -372,58 +440,58 @@ ...@@ -372,58 +440,58 @@
372 console.log(res); 440 console.log(res);
373 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 441 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
374 } 442 }
375 }) 443 });
376 } 444 },
377 } 445 },
378 }; 446 };
379 </script> 447 </script>
380 <style scoped lang='scss'> 448 <style scoped lang="scss">
381 @import "~@/styles/public.scss"; 449 @import "~@/styles/public.scss";
382 450
383 /deep/.el-form { 451 /deep/.el-form {
384 display: flex; 452 display: flex;
385 flex-direction: column; 453 flex-direction: column;
386 height: calc(100vh - 130px); 454 height: calc(100vh - 130px);
387 } 455 }
388 456
389 /deep/.el-form-item__label { 457 /deep/.el-form-item__label {
390 padding: 0; 458 padding: 0;
391 } 459 }
392 460
393 /deep/.el-radio { 461 /deep/.el-radio {
394 margin-right: 10px; 462 margin-right: 10px;
395 } 463 }
396 464
397 /deep/.el-select { 465 /deep/.el-select {
398 width: 100%; 466 width: 100%;
399 } 467 }
400 468
401 /deep/.el-form-item { 469 /deep/.el-form-item {
402 margin-bottom: 8px; 470 margin-bottom: 8px;
403 } 471 }
404 472
405 .marginBot0 { 473 .marginBot0 {
406 margin-bottom: 0 !important; 474 margin-bottom: 0 !important;
407 } 475 }
408 476
409 .slxx { 477 .slxx {
410 box-sizing: border-box; 478 box-sizing: border-box;
411 } 479 }
412 480
413 .slxx_con { 481 .slxx_con {
414 flex: 1; 482 flex: 1;
415 height: 100%; 483 height: 100%;
416 background-color: #ffffff; 484 background-color: #ffffff;
417 overflow-y: auto; 485 overflow-y: auto;
418 padding-right: 3px; 486 padding-right: 3px;
419 overflow-x: hidden; 487 overflow-x: hidden;
420 } 488 }
421 489
422 .submit_btn { 490 .submit_btn {
423 height: 50px; 491 height: 50px;
424 } 492 }
425 493
426 .slxx_title { 494 .slxx_title {
427 border-bottom: 1px solid $borderColor; 495 border-bottom: 1px solid $borderColor;
428 padding-left: 10px; 496 padding-left: 10px;
429 padding-bottom: 5px; 497 padding-bottom: 5px;
...@@ -432,23 +500,23 @@ ...@@ -432,23 +500,23 @@
432 font-size: 16px; 500 font-size: 16px;
433 font-weight: 500; 501 font-weight: 500;
434 color: #4a4a4a; 502 color: #4a4a4a;
435 } 503 }
436 504
437 .btn { 505 .btn {
438 text-align: center; 506 text-align: center;
439 padding-top: 10px; 507 padding-top: 10px;
440 height: 36px; 508 height: 36px;
441 background-color: #ffffff; 509 background-color: #ffffff;
442 padding: 5px 0; 510 padding: 5px 0;
443 } 511 }
444 512
445 .textArea { 513 .textArea {
446 /deep/.el-textarea__inner { 514 /deep/.el-textarea__inner {
447 min-height: 90px !important; 515 min-height: 90px !important;
448 } 516 }
449 } 517 }
450 518
451 /deep/.el-form-item__label { 519 /deep/.el-form-item__label {
452 padding-bottom: 0px; 520 padding-bottom: 0px;
453 } 521 }
454 </style> 522 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:25:49 4 * @LastEditTime: 2023-08-24 15:34:16
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" 9 <el-form
10 class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 10 :model="ruleForm"
11 :inline="flag" label-width="120px"> 11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px"
18 >
12 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
14 受理信息 21 受理信息
...@@ -73,17 +80,18 @@ ...@@ -73,17 +80,18 @@
73 <el-col :span="8"> 80 <el-col :span="8">
74 <el-form-item label="使用权面积："> 81 <el-form-item label="使用权面积：">
75 <div class="flex"> 82 <div class="flex">
76 <el-input v-model="ruleForm.jsydsyq.syqmj" 83 <el-input
77 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 84 maxlength="12"
78 <el-select 85 v-model="ruleForm.jsydsyq.syqmj"
79 disabled 86 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
80 v-model="mjdw" 87 ></el-input>
81 style="width: 68px"> 88 <el-select disabled v-model="mjdw" style="width: 68px">
82 <el-option 89 <el-option
83 v-for="item in dictData['A7']" 90 v-for="item in dictData['A7']"
84 :key="item.dcode" 91 :key="item.dcode"
85 :label="item.dname" 92 :label="item.dname"
86 :value="item.dcode"> 93 :value="item.dcode"
94 >
87 </el-option> 95 </el-option>
88 </el-select> 96 </el-select>
89 </div> 97 </div>
...@@ -91,15 +99,25 @@ ...@@ -91,15 +99,25 @@
91 </el-col> 99 </el-col>
92 <el-col :span="8"> 100 <el-col :span="8">
93 <el-form-item label="权利设定方式："> 101 <el-form-item label="权利设定方式：">
94 <el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> 102 <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
95 </el-form-item> 103 </el-form-item>
96 </el-col> 104 </el-col>
97 <el-col :span="8"> 105 <el-col :span="8">
98 <el-form-item label="取得价格："> 106 <el-form-item label="取得价格：">
99 <div style="display:flex"> 107 <div style="display: flex">
100 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 108 <el-input
109 maxlength="11"
110 v-model="ruleForm.jsydsyq.qdjg"
111 style="width: 500%"
112 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
113 ></el-input>
101 <el-select v-model="ruleForm.jsydsyq.jedw"> 114 <el-select v-model="ruleForm.jsydsyq.jedw">
102 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 115 <el-option
116 v-for="item in dictData['A57']"
117 :key="item.dcode"
118 :label="item.dname"
119 :value="item.dcode"
120 >
103 </el-option> 121 </el-option>
104 </el-select> 122 </el-select>
105 </div> 123 </div>
...@@ -115,7 +133,12 @@ ...@@ -115,7 +133,12 @@
115 <el-row :gutter="10"> 133 <el-row :gutter="10">
116 <el-col> 134 <el-col>
117 <el-form-item label="附记：" prop="fj"> 135 <el-form-item label="附记：" prop="fj">
118 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.jsydsyq.fj"></el-input> 136 <el-input
137 type="textarea"
138 maxlength="500"
139 show-word-limit
140 v-model="ruleForm.jsydsyq.fj"
141 ></el-input>
119 </el-form-item> 142 </el-form-item>
120 </el-col> 143 </el-col>
121 </el-row> 144 </el-row>
...@@ -126,7 +149,8 @@ ...@@ -126,7 +149,8 @@
126 <tdytTable 149 <tdytTable
127 :ableOperation="viewEdit" 150 :ableOperation="viewEdit"
128 :tableData="ruleForm.tdytqxList" 151 :tableData="ruleForm.tdytqxList"
129 @upDateTdytxxList="upDateTdytxxList" /> 152 @upDateTdytxxList="upDateTdytxxList"
153 />
130 <div class="slxx_title title-block"> 154 <div class="slxx_title title-block">
131 权利人信息 155 权利人信息
132 <div class="triangle"></div> 156 <div class="triangle"></div>
...@@ -134,7 +158,10 @@ ...@@ -134,7 +158,10 @@
134 <el-row :gutter="10"> 158 <el-row :gutter="10">
135 <el-col :span="12"> 159 <el-col :span="12">
136 <el-form-item label="共有方式："> 160 <el-form-item label="共有方式：">
137 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 161 <el-radio-group
162 :disabled="!viewEdit"
163 v-model="ruleForm.sldy.gyfs"
164 >
138 <el-radio label="0">单独所有</el-radio> 165 <el-radio label="0">单独所有</el-radio>
139 <el-radio label="1">共同共有</el-radio> 166 <el-radio label="1">共同共有</el-radio>
140 <el-radio label="2">按份所有</el-radio> 167 <el-radio label="2">按份所有</el-radio>
...@@ -146,7 +173,9 @@ ...@@ -146,7 +173,9 @@
146 <el-form-item label="是否分别持证："> 173 <el-form-item label="是否分别持证：">
147 <el-radio-group 174 <el-radio-group
148 v-model="ruleForm.sldy.sqfbcz" 175 v-model="ruleForm.sldy.sqfbcz"
149 :disabled="!viewEdit"> 176 :disabled="!viewEdit"
177 @input="updaterow()"
178 >
150 <el-radio :label="1">是</el-radio> 179 <el-radio :label="1">是</el-radio>
151 <el-radio :label="0">否</el-radio> 180 <el-radio :label="0">否</el-radio>
152 </el-radio-group> 181 </el-radio-group>
...@@ -154,32 +183,45 @@ ...@@ -154,32 +183,45 @@
154 </el-col> 183 </el-col>
155 <el-col 184 <el-col
156 :span="6" 185 :span="6"
157 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 186 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
187 >
158 <el-form-item label="持证人："> 188 <el-form-item label="持证人：">
159 <el-select 189 <el-select
160 v-model="czr" 190 v-model="czr"
161 placeholder="持证人" 191 placeholder="持证人"
162 :disabled="!viewEdit"> 192 :disabled="!viewEdit"
193 >
163 <el-option 194 <el-option
164 v-for="(item,index) in czrOptions" 195 v-for="(item, index) in czrOptions"
165 :key="index" 196 :key="index"
166 :label="item.sqrmc" 197 :label="item.sqrmc"
167 :value="item.zjh"> 198 :value="item.zjh"
199 >
168 </el-option> 200 </el-option>
169 </el-select> 201 </el-select>
170 </el-form-item> 202 </el-form-item>
171 </el-col> 203 </el-col>
172 </el-row> 204 </el-row>
173 <qlrCommonTable :tableData="ruleForm.qlrList" 205 <qlrCommonTable
206 :tableData="ruleForm.qlrList"
174 :disabled="viewEdit" 207 :disabled="viewEdit"
175 @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" /> 208 @upDateQlrxxList="upDateQlrxxList"
209 :key="key"
210 :gyfs="ruleForm.sldy.gyfs"
211 />
176 212
177 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 213 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
178 <div class="slxx_title title-block"> 214 <div class="slxx_title title-block">
179 义务人信息 215 义务人信息
180 <div class="triangle"></div> 216 <div class="triangle"></div>
181 </div> 217 </div>
182 <qlrCommonTable v-if="ruleForm.ywrList" :disabled="viewEdit" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" /> 218 <qlrCommonTable
219 v-if="ruleForm.ywrList"
220 :disabled="viewEdit"
221 :tableData="ruleForm.ywrList"
222 :key="key"
223 @upDateQlrxxList="upDateYwrxxList"
224 />
183 </div> 225 </div>
184 226
185 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
...@@ -189,8 +231,14 @@ ...@@ -189,8 +231,14 @@
189 <el-row :gutter="10"> 231 <el-row :gutter="10">
190 <el-col> 232 <el-col>
191 <el-form-item label="登记原因：" prop="djyy"> 233 <el-form-item label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 234 <el-input
193 v-model="ruleForm.jsydsyq.djyy"> 235 class="textArea"
236 type="textarea"
237 maxlength="500"
238 show-word-limit
239 :disabled="!viewEdit"
240 v-model="ruleForm.jsydsyq.djyy"
241 >
194 </el-input> 242 </el-input>
195 </el-form-item> 243 </el-form-item>
196 </el-col> 244 </el-col>
...@@ -205,18 +253,18 @@ ...@@ -205,18 +253,18 @@
205 </div> 253 </div>
206 </template> 254 </template>
207 <script> 255 <script>
208 import { mapGetters } from "vuex" 256 import { mapGetters } from "vuex";
209 import ywmix from "@/views/ywbl/mixin/index" 257 import ywmix from "@/views/ywbl/mixin/index";
210 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 258 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
211 import tdytTable from "@/views/workflow/components/tdytTable"; 259 import tdytTable from "@/views/workflow/components/tdytTable";
212 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 260 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
213 export default { 261 export default {
214 mixins: [ywmix], 262 mixins: [ywmix],
215 mounted () { 263 mounted() {
216 this.viewEdit = this.$parent.currentSelectTab.ableOperation 264 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
217 this.propsParam = this.$attrs; 265 this.propsParam = this.$attrs;
218 var formdata = new FormData(); 266 var formdata = new FormData();
219 let that = this 267 let that = this;
220 this.$startLoading(); 268 this.$startLoading();
221 formdata.append("bsmSldy", this.propsParam.bsmSldy); 269 formdata.append("bsmSldy", this.propsParam.bsmSldy);
222 formdata.append("djlx", this.propsParam.djlx); 270 formdata.append("djlx", this.propsParam.djlx);
...@@ -224,27 +272,23 @@ ...@@ -224,27 +272,23 @@
224 Init(formdata).then((res) => { 272 Init(formdata).then((res) => {
225 this.$nextTick(() => { 273 this.$nextTick(() => {
226 that.ruleForm = res.result; 274 that.ruleForm = res.result;
227 this.ruleForm.qlrList.forEach((item, index) => {
228 if (item.sfczr == 1) {
229 this.$set(this.ruleForm, "czr", item.zjh)
230 }
231 })
232 that.$endLoading(); 275 that.$endLoading();
233 that.isShow = true; 276 that.isShow = true;
234 this.czrOptions = this.ruleForm.qlrList; 277 this.czrOptions = this.ruleForm.qlrList;
235 this.ruleForm.qlrList.forEach((item) => { 278 this.ruleForm.qlrList.forEach((item) => {
236 if(item.sfczr==1){ 279 if (item.sfczr == 1) {
237 this.czr=item.sqrmc 280 this.czr = item.sqrmc;
281 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr);
238 } 282 }
239 }) 283 });
240 }) 284 });
241 }) 285 });
242 }, 286 },
243 components: { qlrCommonTable, tdytTable }, 287 components: { qlrCommonTable, tdytTable },
244 computed: { 288 computed: {
245 ...mapGetters(["dictData", "flag"]), 289 ...mapGetters(["dictData", "flag"]),
246 // 根据流程判断表单是否为只读 290 // 根据流程判断表单是否为只读
247 editDisabled () { 291 editDisabled() {
248 if (!this.viewEdit) { 292 if (!this.viewEdit) {
249 //只读状态 293 //只读状态
250 return true; 294 return true;
...@@ -252,12 +296,12 @@ ...@@ -252,12 +296,12 @@
252 return false; 296 return false;
253 }, 297 },
254 }, 298 },
255 data () { 299 data() {
256 return { 300 return {
257 mjdw: "1", 301 mjdw: "1",
258 //表单是否可操作 302 //表单是否可操作
259 viewEdit: true, 303 viewEdit: true,
260 czr:"", 304 czr: "",
261 key: 0, 305 key: 0,
262 isShow: false, 306 isShow: false,
263 disabled: true, 307 disabled: true,
...@@ -265,8 +309,8 @@ ...@@ -265,8 +309,8 @@
265 ruleForm: {}, 309 ruleForm: {},
266 //传递参数 310 //传递参数
267 propsParam: {}, 311 propsParam: {},
268 rules: {} 312 rules: {},
269 } 313 };
270 }, 314 },
271 methods: { 315 methods: {
272 /** 316 /**
...@@ -274,36 +318,47 @@ ...@@ -274,36 +318,47 @@
274 * @param {*} val 318 * @param {*} val
275 * @author: renchao 319 * @author: renchao
276 */ 320 */
277 upDateTdytxxList (val) { 321 upDateTdytxxList(val) {
278 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 322 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
279 this.key++; 323 this.key++;
280 }, 324 },
325 // 更新权利人信息
281 /** 326 /**
282 * @description: 更新权利人信息 327 * @description: 更新权利人信息
283 * @param {*} val 328 * @param {*} val
284 * @author: renchao 329 * @author: renchao
285 */ 330 */
286 upDateQlrxxList (val) { 331 upDateQlrxxList(val) {
287 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 332 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
288 this.czrOptions = this.ruleForm.qlrList; 333 this.czrOptions = this.ruleForm.qlrList;
289 this.key++ 334 this.key++;
290 }, 335 },
336 // 是否持证人变化
337 /**
338 * @description: 是否持证人变化
339 * @param {*} val
340 * @author: renchao
341 */
342 updaterow() {
343 this.czr = "";
344 },
345 // 更新义务人信息
291 /** 346 /**
292 * @description: 更新义务人信息 347 * @description: 更新义务人信息
293 * @param {*} val 348 * @param {*} val
294 * @author: renchao 349 * @author: renchao
295 */ 350 */
296 upDateYwrxxList (val) { 351 upDateYwrxxList(val) {
297 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) 352 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
298 this.key++ 353 this.key++;
299 }, 354 },
300 /** 355 /**
301 * @description: onSubmit 356 * @description: onSubmit
302 * @author: renchao 357 * @author: renchao
303 */ 358 */
304 onSubmit () { 359 onSubmit() {
305 let that = this 360 let that = this;
306 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 361 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
307 if (arr.length > 0) { 362 if (arr.length > 0) {
308 this.$message({ 363 this.$message({
309 showClose: true, 364 showClose: true,
...@@ -334,7 +389,8 @@ ...@@ -334,7 +389,8 @@
334 if (this.ruleForm.qlrList.length <= 1) { 389 if (this.ruleForm.qlrList.length <= 1) {
335 this.$message({ 390 this.$message({
336 showClose: true, 391 showClose: true,
337 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 392 message:
393 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
338 type: "error", 394 type: "error",
339 }); 395 });
340 return false; 396 return false;
...@@ -372,22 +428,22 @@ ...@@ -372,22 +428,22 @@
372 this.$message({ 428 this.$message({
373 showClose: true, 429 showClose: true,
374 message: "保存成功！", 430 message: "保存成功！",
375 type: "success" 431 type: "success",
376 }) 432 });
377 this.$store.dispatch('user/refreshPage', true); 433 this.$store.dispatch("user/refreshPage", true);
378 } else { 434 } else {
379 this.$message({ 435 this.$message({
380 showClose: true, 436 showClose: true,
381 message: res.message, 437 message: res.message,
382 type: "error" 438 type: "error",
383 }) 439 });
384 }
385 })
386 }
387 }
388 } 440 }
441 });
442 },
443 },
444 };
389 </script> 445 </script>
390 <style scoped lang='scss'> 446 <style scoped lang="scss">
391 @import "~@/styles/public.scss"; 447 @import "~@/styles/public.scss";
392 @import "~@/styles/slxx/slxx.scss"; 448 @import "~@/styles/slxx/slxx.scss";
393 </style> 449 </style>
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -55,7 +56,8 @@ ...@@ -55,7 +56,8 @@
55 </el-row> 56 </el-row>
56 <div 57 <div
57 class="slxx_title title-block flex" 58 class="slxx_title title-block flex"
58 style="justify-content: space-between"> 59 style="justify-content: space-between"
60 >
59 不动产单元情况 61 不动产单元情况
60 <el-button @click="compare">变化情况对比+</el-button> 62 <el-button @click="compare">变化情况对比+</el-button>
61 </div> 63 </div>
...@@ -98,16 +100,19 @@ ...@@ -98,16 +100,19 @@
98 <el-form-item label="取得价格："> 100 <el-form-item label="取得价格：">
99 <div style="display: flex"> 101 <div style="display: flex">
100 <el-input 102 <el-input
103 maxlength="11"
101 v-model="ruleForm.jsydsyq.qdjg" 104 v-model="ruleForm.jsydsyq.qdjg"
102 style="width: 500%" 105 style="width: 500%"
103 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 106 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
104 disabled></el-input> 107 disabled
108 ></el-input>
105 <el-select v-model="ruleForm.jsydsyq.jedw" disabled> 109 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
106 <el-option 110 <el-option
107 v-for="item in dictData['A57']" 111 v-for="item in dictData['A57']"
108 :key="item.dcode" 112 :key="item.dcode"
109 :label="item.dname" 113 :label="item.dname"
110 :value="item.dcode"> 114 :value="item.dcode"
115 >
111 </el-option> 116 </el-option>
112 </el-select> 117 </el-select>
113 </div> 118 </div>
...@@ -124,9 +129,12 @@ ...@@ -124,9 +129,12 @@
124 <el-col> 129 <el-col>
125 <el-form-item label="附记：" prop="fj"> 130 <el-form-item label="附记：" prop="fj">
126 <el-input 131 <el-input
127 type="textarea" maxlength="500" show-word-limit 132 type="textarea"
133 maxlength="500"
134 show-word-limit
128 v-model="ruleForm.jsydsyq.fj" 135 v-model="ruleForm.jsydsyq.fj"
129 :disabled="!viewEdit"></el-input> 136 :disabled="!viewEdit"
137 ></el-input>
130 </el-form-item> 138 </el-form-item>
131 </el-col> 139 </el-col>
132 </el-row> 140 </el-row>
...@@ -137,7 +145,8 @@ ...@@ -137,7 +145,8 @@
137 <tdytTable 145 <tdytTable
138 :tableData="ruleForm.tdytqxList" 146 :tableData="ruleForm.tdytqxList"
139 :ableOperation="viewEdit" 147 :ableOperation="viewEdit"
140 @upDateTdytxxList="upDateTdytxxList" /> 148 @upDateTdytxxList="upDateTdytxxList"
149 />
141 <div class="slxx_title title-block"> 150 <div class="slxx_title title-block">
142 权利人信息 151 权利人信息
143 <div class="triangle"></div> 152 <div class="triangle"></div>
...@@ -147,7 +156,8 @@ ...@@ -147,7 +156,8 @@
147 <el-form-item label="共有方式："> 156 <el-form-item label="共有方式：">
148 <el-radio-group 157 <el-radio-group
149 :disabled="!viewEdit" 158 :disabled="!viewEdit"
150 v-model="ruleForm.sldy.gyfs"> 159 v-model="ruleForm.sldy.gyfs"
160 >
151 <el-radio label="0">单独所有</el-radio> 161 <el-radio label="0">单独所有</el-radio>
152 <el-radio label="1">共同共有</el-radio> 162 <el-radio label="1">共同共有</el-radio>
153 <el-radio label="2">按份所有</el-radio> 163 <el-radio label="2">按份所有</el-radio>
...@@ -159,7 +169,9 @@ ...@@ -159,7 +169,9 @@
159 <el-form-item label="是否分别持证："> 169 <el-form-item label="是否分别持证：">
160 <el-radio-group 170 <el-radio-group
161 v-model="ruleForm.sldy.sqfbcz" 171 v-model="ruleForm.sldy.sqfbcz"
162 :disabled="!viewEdit"> 172 :disabled="!viewEdit"
173 @input="updaterow()"
174 >
163 <el-radio :label="1">是</el-radio> 175 <el-radio :label="1">是</el-radio>
164 <el-radio :label="0">否</el-radio> 176 <el-radio :label="0">否</el-radio>
165 </el-radio-group> 177 </el-radio-group>
...@@ -167,17 +179,20 @@ ...@@ -167,17 +179,20 @@
167 </el-col> 179 </el-col>
168 <el-col 180 <el-col
169 :span="6" 181 :span="6"
170 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 182 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
183 >
171 <el-form-item label="持证人："> 184 <el-form-item label="持证人：">
172 <el-select 185 <el-select
173 v-model="czr" 186 v-model="czr"
174 placeholder="持证人" 187 placeholder="持证人"
175 :disabled="!viewEdit"> 188 :disabled="!viewEdit"
189 >
176 <el-option 190 <el-option
177 v-for="item in czrOptions" 191 v-for="item in czrOptions"
178 :key="item.zjh" 192 :key="item.zjh"
179 :label="item.sqrmc" 193 :label="item.sqrmc"
180 :value="item.zjh"> 194 :value="item.zjh"
195 >
181 </el-option> 196 </el-option>
182 </el-select> 197 </el-select>
183 </el-form-item> 198 </el-form-item>
...@@ -187,7 +202,8 @@ ...@@ -187,7 +202,8 @@
187 :tableData="ruleForm.qlrList" 202 :tableData="ruleForm.qlrList"
188 :disabled="viewEdit" 203 :disabled="viewEdit"
189 @upDateQlrxxList="upDateQlrxxList" 204 @upDateQlrxxList="upDateQlrxxList"
190 :gyfs="ruleForm.sldy.gyfs" /> 205 :gyfs="ruleForm.sldy.gyfs"
206 />
191 <div class="slxx_title title-block"> 207 <div class="slxx_title title-block">
192 登记原因 208 登记原因
193 <div class="triangle"></div> 209 <div class="triangle"></div>
...@@ -198,9 +214,11 @@ ...@@ -198,9 +214,11 @@
198 <el-input 214 <el-input
199 class="textArea" 215 class="textArea"
200 type="textarea" 216 type="textarea"
201 maxlength="500" show-word-limit 217 maxlength="500"
218 show-word-limit
202 :disabled="!viewEdit" 219 :disabled="!viewEdit"
203 v-model="ruleForm.jsydsyq.djyy"> 220 v-model="ruleForm.jsydsyq.djyy"
221 >
204 </el-input> 222 </el-input>
205 </el-form-item> 223 </el-form-item>
206 </el-col> 224 </el-col>
...@@ -215,14 +233,14 @@ ...@@ -215,14 +233,14 @@
215 </div> 233 </div>
216 </template> 234 </template>
217 <script> 235 <script>
218 import { mapGetters } from "vuex"; 236 import { mapGetters } from "vuex";
219 import ywmix from "@/views/ywbl/mixin/index" 237 import ywmix from "@/views/ywbl/mixin/index";
220 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 238 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
221 import tdytTable from "@/views/workflow/components/tdytTable"; 239 import tdytTable from "@/views/workflow/components/tdytTable";
222 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 240 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
223 export default { 241 export default {
224 mixins: [ywmix], 242 mixins: [ywmix],
225 mounted () { 243 mounted() {
226 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 244 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
227 this.propsParam = this.$attrs; 245 this.propsParam = this.$attrs;
228 var formdata = new FormData(); 246 var formdata = new FormData();
...@@ -233,18 +251,13 @@ ...@@ -233,18 +251,13 @@
233 Init(formdata).then((res) => { 251 Init(formdata).then((res) => {
234 if (res.code === 200 && res.result) { 252 if (res.code === 200 && res.result) {
235 this.ruleForm = res.result; 253 this.ruleForm = res.result;
236 this.ruleForm.qlrList.forEach((item, index) => {
237 if (item.sfczr == 1) {
238 this.$set(this.ruleForm, "czr", item.zjh)
239 }
240 })
241 this.czrOptions = this.ruleForm.qlrList; 254 this.czrOptions = this.ruleForm.qlrList;
242 } 255 }
243 this.ruleForm.qlrList.forEach((item) => { 256 this.ruleForm.qlrList.forEach((item) => {
244 if(item.sfczr==1){ 257 if (item.sfczr == 1) {
245 this.czr=item.sqrmc 258 this.czr = item.sqrmc;
246 } 259 }
247 }) 260 });
248 this.$endLoading(); 261 this.$endLoading();
249 }); 262 });
250 }, 263 },
...@@ -252,13 +265,13 @@ ...@@ -252,13 +265,13 @@
252 computed: { 265 computed: {
253 ...mapGetters(["dictData", "flag"]), 266 ...mapGetters(["dictData", "flag"]),
254 }, 267 },
255 data () { 268 data() {
256 return { 269 return {
257 //表单是否可操作 270 //表单是否可操作
258 viewEdit: false, 271 viewEdit: false,
259 disabled: true, 272 disabled: true,
260 czrOptions: [], 273 czrOptions: [],
261 czr:"", 274 czr: "",
262 ruleForm: { 275 ruleForm: {
263 slywxx: {}, 276 slywxx: {},
264 qlxx: {}, 277 qlxx: {},
...@@ -276,7 +289,7 @@ ...@@ -276,7 +289,7 @@
276 * @param {*} val 289 * @param {*} val
277 * @author: renchao 290 * @author: renchao
278 */ 291 */
279 upDateTdytxxList (val) { 292 upDateTdytxxList(val) {
280 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 293 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
281 this.key++; 294 this.key++;
282 }, 295 },
...@@ -285,18 +298,27 @@ ...@@ -285,18 +298,27 @@
285 * @param {*} val 298 * @param {*} val
286 * @author: renchao 299 * @author: renchao
287 */ 300 */
288 upDateQlrxxList (val) { 301 upDateQlrxxList(val) {
289 this.ruleForm.qlrList = _.cloneDeep(val); 302 this.ruleForm.qlrList = _.cloneDeep(val);
290 this.czrOptions = this.ruleForm.qlrList; 303 this.czrOptions = this.ruleForm.qlrList;
291 this.key++ 304 this.key++;
305 },
306 // 是否持证人变化
307 /**
308 * @description: 是否持证人变化
309 * @param {*} val
310 * @author: renchao
311 */
312 updaterow() {
313 this.czr = "";
292 }, 314 },
293 /** 315 /**
294 * @description: onSubmit 316 * @description: onSubmit
295 * @author: renchao 317 * @author: renchao
296 */ 318 */
297 onSubmit () { 319 onSubmit() {
298 let that = this 320 let that = this;
299 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 321 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
300 if (arr.length > 0) { 322 if (arr.length > 0) {
301 this.$message({ 323 this.$message({
302 showClose: true, 324 showClose: true,
...@@ -328,7 +350,8 @@ ...@@ -328,7 +350,8 @@
328 if (this.ruleForm.qlrList.length <= 1) { 350 if (this.ruleForm.qlrList.length <= 1) {
329 this.$message({ 351 this.$message({
330 showClose: true, 352 showClose: true,
331 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 353 message:
354 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
332 type: "error", 355 type: "error",
333 }); 356 });
334 return false; 357 return false;
...@@ -378,23 +401,23 @@ ...@@ -378,23 +401,23 @@
378 * @description: compare 401 * @description: compare
379 * @author: renchao 402 * @author: renchao
380 */ 403 */
381 compare () { 404 compare() {
382 console.log("this.ruleForm", this.ruleForm); 405 console.log("this.ruleForm", this.ruleForm);
383 this.$popupDialog( 406 this.$popupDialog(
384 this.ruleForm.qlxx.qllxmc, 407 this.ruleForm.qlxx.qllxmc,
385 "registerBook/comparison", 408 "registerBook/comparison",
386 { 409 {
387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 410 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
388 dqqllx: 'JSYDSYQ', 411 dqqllx: "JSYDSYQ",
389 }, 412 },
390 "80%", 413 "80%",
391 true 414 true
392 ) 415 );
393 } 416 },
394 } 417 },
395 } 418 };
396 </script> 419 </script>
397 <style scoped lang="scss"> 420 <style scoped lang="scss">
398 @import "~@/styles/public.scss"; 421 @import "~@/styles/public.scss";
399 @import "~@/styles/slxx/slxx.scss"; 422 @import "~@/styles/slxx/slxx.scss";
400 </style> 423 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-23 16:04:19 4 * @LastEditTime: 2023-08-24 15:32:46
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,14 +285,14 @@ ...@@ -265,14 +285,14 @@
265 </div> 285 </div>
266 </template> 286 </template>
267 <script> 287 <script>
268 import ywmix from "@/views/ywbl/mixin/index"; 288 import ywmix from "@/views/ywbl/mixin/index";
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 290 import tdytTable from "@/views/workflow/components/tdytTable";
271 import { Init, saveData } from "@/api/workflow/lqFlow.js"; 291 import { Init, saveData } from "@/api/workflow/lqFlow.js";
272 import { mapGetters } from "vuex"; 292 import { mapGetters } from "vuex";
273 export default { 293 export default {
274 mixins: [ywmix], 294 mixins: [ywmix],
275 mounted () { 295 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 296 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 297 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 298 var formdata = new FormData();
...@@ -287,22 +307,22 @@ ...@@ -287,22 +307,22 @@
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 });
300 }, 320 },
301 components: { qlrCommonTable, tdytTable }, 321 components: { qlrCommonTable, tdytTable },
302 computed: { 322 computed: {
303 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
304 }, 324 },
305 data () { 325 data() {
306 return { 326 return {
307 disabled: true, 327 disabled: true,
308 tdytOption: [], 328 tdytOption: [],
...@@ -340,15 +360,24 @@ ...@@ -340,15 +360,24 @@
340 * @param {*} val 360 * @param {*} val
341 * @author: renchao 361 * @author: renchao
342 */ 362 */
343 upDateTdytxxList (val) { 363 upDateTdytxxList(val) {
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
345 }, 365 },
366 // 是否持证人变化
367 /**
368 * @description: 是否持证人变化
369 * @param {*} val
370 * @author: renchao
371 */
372 updaterow() {
373 this.czr = "";
374 },
346 /** 375 /**
347 * @description: 更新权利人信息 376 * @description: 更新权利人信息
348 * @param {*} val 377 * @param {*} val
349 * @author: renchao 378 * @author: renchao
350 */ 379 */
351 upDateQlrxxList (val) { 380 upDateQlrxxList(val) {
352 this.ruleForm.qlrList = _.cloneDeep(val); 381 this.ruleForm.qlrList = _.cloneDeep(val);
353 this.czrOptions = this.ruleForm.qlrList; 382 this.czrOptions = this.ruleForm.qlrList;
354 this.key++; 383 this.key++;
...@@ -358,15 +387,15 @@ ...@@ -358,15 +387,15 @@
358 * @param {*} val 387 * @param {*} val
359 * @author: renchao 388 * @author: renchao
360 */ 389 */
361 upDateYwrxxList (val) { 390 upDateYwrxxList(val) {
362 this.ruleForm.ywrList = _.cloneDeep(val); 391 this.ruleForm.ywrList = _.cloneDeep(val);
363 }, 392 },
364 /** 393 /**
365 * @description: onSubmit 394 * @description: onSubmit
366 * @author: renchao 395 * @author: renchao
367 */ 396 */
368 onSubmit () { 397 onSubmit() {
369 let that = this 398 let that = this;
370 if (this.ruleForm.qlrList.length == 0) { 399 if (this.ruleForm.qlrList.length == 0) {
371 this.$message({ 400 this.$message({
372 showClose: true, 401 showClose: true,
...@@ -390,7 +419,8 @@ ...@@ -390,7 +419,8 @@
390 if (this.ruleForm.qlrList.length <= 1) { 419 if (this.ruleForm.qlrList.length <= 1) {
391 this.$message({ 420 this.$message({
392 showClose: true, 421 showClose: true,
393 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 422 message:
423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
394 type: "error", 424 type: "error",
395 }); 425 });
396 return false; 426 return false;
...@@ -437,55 +467,55 @@ ...@@ -437,55 +467,55 @@
437 }); 467 });
438 }, 468 },
439 }, 469 },
440 }; 470 };
441 </script> 471 </script>
442 <style scoped lang="scss"> 472 <style scoped lang="scss">
443 @import "~@/styles/public.scss"; 473 @import "~@/styles/public.scss";
444 474
445 /deep/.el-form { 475 /deep/.el-form {
446 display: flex; 476 display: flex;
447 flex-direction: column; 477 flex-direction: column;
448 height: calc(100vh - 130px); 478 height: calc(100vh - 130px);
449 } 479 }
450 480
451 /deep/.el-form-item__label { 481 /deep/.el-form-item__label {
452 padding: 0; 482 padding: 0;
453 } 483 }
454 484
455 /deep/.el-radio { 485 /deep/.el-radio {
456 margin-right: 10px; 486 margin-right: 10px;
457 } 487 }
458 488
459 /deep/.el-select { 489 /deep/.el-select {
460 width: 100%; 490 width: 100%;
461 } 491 }
462 492
463 /deep/.el-form-item { 493 /deep/.el-form-item {
464 margin-bottom: 8px; 494 margin-bottom: 8px;
465 } 495 }
466 496
467 .marginBot0 { 497 .marginBot0 {
468 margin-bottom: 0 !important; 498 margin-bottom: 0 !important;
469 } 499 }
470 500
471 .slxx { 501 .slxx {
472 box-sizing: border-box; 502 box-sizing: border-box;
473 } 503 }
474 504
475 .slxx_con { 505 .slxx_con {
476 flex: 1; 506 flex: 1;
477 height: 100%; 507 height: 100%;
478 background-color: #ffffff; 508 background-color: #ffffff;
479 overflow-y: auto; 509 overflow-y: auto;
480 padding-right: 3px; 510 padding-right: 3px;
481 overflow-x: hidden; 511 overflow-x: hidden;
482 } 512 }
483 513
484 .submit_btn { 514 .submit_btn {
485 height: 50px; 515 height: 50px;
486 } 516 }
487 517
488 .slxx_title { 518 .slxx_title {
489 border-bottom: 1px solid $borderColor; 519 border-bottom: 1px solid $borderColor;
490 padding-left: 10px; 520 padding-left: 10px;
491 padding-bottom: 5px; 521 padding-bottom: 5px;
...@@ -494,23 +524,23 @@ ...@@ -494,23 +524,23 @@
494 font-size: 16px; 524 font-size: 16px;
495 font-weight: 500; 525 font-weight: 500;
496 color: #4a4a4a; 526 color: #4a4a4a;
497 } 527 }
498 528
499 .btn { 529 .btn {
500 text-align: center; 530 text-align: center;
501 padding-top: 10px; 531 padding-top: 10px;
502 height: 36px; 532 height: 36px;
503 background-color: #ffffff; 533 background-color: #ffffff;
504 padding: 5px 0; 534 padding: 5px 0;
505 } 535 }
506 536
507 .textArea { 537 .textArea {
508 /deep/.el-textarea__inner { 538 /deep/.el-textarea__inner {
509 min-height: 90px !important; 539 min-height: 90px !important;
510 } 540 }
511 } 541 }
512 542
513 /deep/.el-form-item__label { 543 /deep/.el-form-item__label {
514 padding-bottom: 0px; 544 padding-bottom: 0px;
515 } 545 }
516 </style> 546 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -100,8 +107,19 @@ ...@@ -100,8 +107,19 @@
100 </el-col> 107 </el-col>
101 <el-col :span="8"> 108 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 109 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" :disabled="!viewEdit" class="width100" filterable clearable> 110 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 111 v-model="ruleForm.nydsyq.tdsyqxzmc"
112 :disabled="!viewEdit"
113 class="width100"
114 filterable
115 clearable
116 >
117 <el-option
118 v-for="item in dictData['A45']"
119 :key="item.dname"
120 :label="item.dname"
121 :value="item.dname"
122 >
105 </el-option> 123 </el-option>
106 </el-select> 124 </el-select>
107 </el-form-item> 125 </el-form-item>
...@@ -122,50 +140,102 @@ ...@@ -122,50 +140,102 @@
122 <el-row :gutter="10"> 140 <el-row :gutter="10">
123 <el-col :span="8"> 141 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 142 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 143 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 144 v-model="ruleForm.nydsyq.syttlx"
145 :disabled="!viewEdit"
146 class="width100"
147 filterable
148 clearable
149 @change="changeSyttlx"
150 >
151 <el-option
152 v-for="item in dictData['A23']"
153 :key="item.dcode"
154 :label="item.dname"
155 :value="item.dcode"
156 >
127 </el-option> 157 </el-option>
128 </el-select> 158 </el-select>
129 </el-form-item> 159 </el-form-item>
130 </el-col> 160 </el-col>
131 <el-col :span="8"> 161 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 162 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 163 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 164 v-model="ruleForm.nydsyq.yzyfs"
165 :disabled="!viewEdit"
166 class="width100"
167 filterable
168 clearable
169 @change="changeYzyfs"
170 >
171 <el-option
172 v-for="item in dictData['A24']"
173 :key="item.dcode"
174 :label="item.dname"
175 :value="item.dcode"
176 >
135 </el-option> 177 </el-option>
136 </el-select> 178 </el-select>
137 </el-form-item> 179 </el-form-item>
138 </el-col> 180 </el-col>
139 <el-col :span="8"> 181 <el-col :span="8">
140 <el-form-item label="草原质量："> 182 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 183 <el-input
184 v-model="ruleForm.nydsyq.cyzl"
185 :disabled="!viewEdit"
186 ></el-input>
142 </el-form-item> 187 </el-form-item>
143 </el-col> 188 </el-col>
144 </el-row> 189 </el-row>
145 <el-row :gutter="10"> 190 <el-row :gutter="10">
146 <el-col :span="8"> 191 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 192 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 193 <el-input
194 v-model="ruleForm.nydsyq.syzcl"
195 :disabled="!viewEdit"
196 oninput="value=value.replace(/[^\d.]/g,'')"
197 ></el-input>
149 </el-form-item> 198 </el-form-item>
150 </el-col> 199 </el-col>
151 <el-col :span="8"> 200 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 201 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" :disabled="!viewEdit" filterable clearable @change="changeYdyhfl"> 202 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 203 v-model="ruleForm.nydsyq.ydyhfl"
204 class="width100"
205 :disabled="!viewEdit"
206 filterable
207 clearable
208 @change="changeYdyhfl"
209 >
210 <el-option
211 v-for="item in dictData['A51']"
212 :key="item.dcode"
213 :label="item.dname"
214 :value="item.dcode"
215 >
155 </el-option> 216 </el-option>
156 </el-select> 217 </el-select>
157 </el-form-item> 218 </el-form-item>
158 </el-col> 219 </el-col>
159 <el-col :span="8"> 220 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 221 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 222 <el-input
223 v-model="ruleForm.nydsyq.tdcbht"
224 :disabled="!viewEdit"
225 ></el-input>
162 </el-form-item> 226 </el-form-item>
163 </el-col> 227 </el-col>
164 </el-row> 228 </el-row>
165 <el-row :gutter="10"> 229 <el-row :gutter="10">
166 <el-col> 230 <el-col>
167 <el-form-item label="附记：" prop="fj"> 231 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 232 <el-input
233 type="textarea"
234 maxlength="500"
235 show-word-limit
236 v-model="ruleForm.nydsyq.fj"
237 :disabled="!viewEdit"
238 ></el-input>
169 </el-form-item> 239 </el-form-item>
170 </el-col> 240 </el-col>
171 </el-row> 241 </el-row>
...@@ -176,7 +246,10 @@ ...@@ -176,7 +246,10 @@
176 <el-row :gutter="10"> 246 <el-row :gutter="10">
177 <el-col :span="12"> 247 <el-col :span="12">
178 <el-form-item label="共有方式："> 248 <el-form-item label="共有方式：">
179 <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!viewEdit"> 249 <el-radio-group
250 v-model="ruleForm.sldy.gyfs"
251 :disabled="!viewEdit"
252 >
180 <el-radio label="0">单独所有</el-radio> 253 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 254 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 255 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +261,9 @@ ...@@ -188,7 +261,9 @@
188 <el-form-item label="是否分别持证："> 261 <el-form-item label="是否分别持证：">
189 <el-radio-group 262 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 263 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 264 :disabled="!viewEdit"
265 @input="updaterow()"
266 >
192 <el-radio :label="1">是</el-radio> 267 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 268 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 269 </el-radio-group>
...@@ -196,29 +271,41 @@ ...@@ -196,29 +271,41 @@
196 </el-col> 271 </el-col>
197 <el-col 272 <el-col
198 :span="6" 273 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 274 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
275 >
200 <el-form-item label="持证人："> 276 <el-form-item label="持证人：">
201 <el-select 277 <el-select
202 v-model="czr" 278 v-model="czr"
203 placeholder="持证人" 279 placeholder="持证人"
204 :disabled="!viewEdit"> 280 :disabled="!viewEdit"
281 >
205 <el-option 282 <el-option
206 v-for="item in czrOptions" 283 v-for="item in czrOptions"
207 :key="item.zjh" 284 :key="item.zjh"
208 :label="item.sqrmc" 285 :label="item.sqrmc"
209 :value="item.zjh"> 286 :value="item.zjh"
287 >
210 </el-option> 288 </el-option>
211 </el-select> 289 </el-select>
212 </el-form-item> 290 </el-form-item>
213 </el-col> 291 </el-col>
214 </el-row> 292 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 293 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 294 :tableData="ruleForm.qlrList"
295 @upDateQlrxxList="upDateQlrxxList"
296 :disabled="viewEdit"
297 :gyfs="ruleForm.sldy.gyfs"
298 />
217 <div class="slxx_title title-block"> 299 <div class="slxx_title title-block">
218 家庭成员 300 家庭成员
219 <div class="triangle"></div> 301 <div class="triangle"></div>
220 </div> 302 </div>
221 <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" /> 303 <JtcyTable
304 :tableData="ruleForm.jtcyList"
305 @upDateJtcyList="upDateJtcyList"
306 :disabled="viewEdit"
307 :gyfs="ruleForm.sldy.gyfs"
308 />
222 <div class="slxx_title title-block"> 309 <div class="slxx_title title-block">
223 登记原因 310 登记原因
224 <div class="triangle"></div> 311 <div class="triangle"></div>
...@@ -226,8 +313,14 @@ ...@@ -226,8 +313,14 @@
226 <el-row :gutter="10"> 313 <el-row :gutter="10">
227 <el-col> 314 <el-col>
228 <el-form-item label="登记原因：" prop="djyy"> 315 <el-form-item label="登记原因：" prop="djyy">
229 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 316 <el-input
230 v-model="ruleForm.nydsyq.djyy"> 317 class="textArea"
318 type="textarea"
319 maxlength="500"
320 show-word-limit
321 :disabled="!viewEdit"
322 v-model="ruleForm.nydsyq.djyy"
323 >
231 </el-input> 324 </el-input>
232 </el-form-item> 325 </el-form-item>
233 </el-col> 326 </el-col>
...@@ -242,15 +335,15 @@ ...@@ -242,15 +335,15 @@
242 </div> 335 </div>
243 </template> 336 </template>
244 <script> 337 <script>
245 import { mapGetters } from "vuex" 338 import { mapGetters } from "vuex";
246 import ywmix from "@/views/ywbl/mixin/index" 339 import ywmix from "@/views/ywbl/mixin/index";
247 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 340 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import JtcyTable from "@/views/workflow/components/JtcyTable" 342 import JtcyTable from "@/views/workflow/components/JtcyTable";
250 export default { 343 export default {
251 mixins: [ywmix], 344 mixins: [ywmix],
252 mounted () { 345 mounted() {
253 this.viewEdit = this.$parent.currentSelectTab.ableOperation 346 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
254 this.propsParam = this.$attrs; 347 this.propsParam = this.$attrs;
255 this.$startLoading(); 348 this.$startLoading();
256 var formdata = new FormData(); 349 var formdata = new FormData();
...@@ -259,49 +352,44 @@ ...@@ -259,49 +352,44 @@
259 formdata.append("isEdit", this.viewEdit); 352 formdata.append("isEdit", this.viewEdit);
260 Init(formdata).then((res) => { 353 Init(formdata).then((res) => {
261 this.ruleForm = res.result; 354 this.ruleForm = res.result;
262 this.ruleForm.qlrList.forEach((item, index) => {
263 if (item.sfczr == 1) {
264 this.ruleForm.czr = item.zjh
265 }
266 })
267 this.czrOptions = this.ruleForm.qlrList; 355 this.czrOptions = this.ruleForm.qlrList;
268 this.ruleForm.qlrList.forEach((item) => { 356 this.ruleForm.qlrList.forEach((item) => {
269 if(item.sfczr==1){ 357 if (item.sfczr == 1) {
270 this.czr=item.sqrmc 358 this.czr = item.sqrmc;
271 } 359 }
272 }) 360 });
273 this.$endLoading(); 361 this.$endLoading();
274 }) 362 });
275 }, 363 },
276 components: { qlrCommonTable, JtcyTable }, 364 components: { qlrCommonTable, JtcyTable },
277 computed: { 365 computed: {
278 ...mapGetters(["dictData", "flag"]) 366 ...mapGetters(["dictData", "flag"]),
279 }, 367 },
280 data () { 368 data() {
281 return { 369 return {
282 disabled: true, 370 disabled: true,
283 //持证人选项 371 //持证人选项
284 czrOptions: [], 372 czrOptions: [],
285 czr:"", 373 czr: "",
286 ruleForm: { 374 ruleForm: {
287 zdjbxx: { 375 zdjbxx: {
288 ghytmc: '' 376 ghytmc: "",
289 } 377 },
290 }, 378 },
291 //传递参数 379 //传递参数
292 propsParam: {}, 380 propsParam: {},
293 //表单是否可操作 381 //表单是否可操作
294 viewEdit: true, 382 viewEdit: true,
295 rules: {} 383 rules: {},
296 } 384 };
297 }, 385 },
298 methods: { 386 methods: {
299 /** 387 /**
300 * @description: onSubmit 388 * @description: onSubmit
301 * @author: renchao 389 * @author: renchao
302 */ 390 */
303 onSubmit () { 391 onSubmit() {
304 let that = this 392 let that = this;
305 if (this.ruleForm.qlrList.length == 0) { 393 if (this.ruleForm.qlrList.length == 0) {
306 this.$message({ 394 this.$message({
307 showClose: true, 395 showClose: true,
...@@ -325,7 +413,8 @@ ...@@ -325,7 +413,8 @@
325 if (this.ruleForm.qlrList.length <= 1) { 413 if (this.ruleForm.qlrList.length <= 1) {
326 this.$message({ 414 this.$message({
327 showClose: true, 415 showClose: true,
328 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 416 message:
417 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
329 type: "error", 418 type: "error",
330 }); 419 });
331 return false; 420 return false;
...@@ -362,7 +451,7 @@ ...@@ -362,7 +451,7 @@
362 message: "保存成功！", 451 message: "保存成功！",
363 type: "success", 452 type: "success",
364 }); 453 });
365 this.$store.dispatch('user/refreshPage', true); 454 this.$store.dispatch("user/refreshPage", true);
366 } else { 455 } else {
367 this.$message({ 456 this.$message({
368 showClose: true, 457 showClose: true,
...@@ -377,28 +466,47 @@ ...@@ -377,28 +466,47 @@
377 * @param {*} val 466 * @param {*} val
378 * @author: renchao 467 * @author: renchao
379 */ 468 */
380 upDateQlrxxList (val) { 469 upDateQlrxxList(val) {
381 this.ruleForm.qlrList = _.cloneDeep(val) 470 this.ruleForm.qlrList = _.cloneDeep(val);
382 this.czrOptions = this.ruleForm.qlrList; 471 this.czrOptions = this.ruleForm.qlrList;
383 }, 472 },
473 // 是否持证人变化
474 /**
475 * @description: 是否持证人变化
476 * @param {*} val
477 * @author: renchao
478 */
479 updaterow() {
480 this.czr = "";
481 },
384 /** 482 /**
385 * @description: upDateJtcyList 483 * @description: upDateJtcyList
386 * @param {*} val 484 * @param {*} val
387 * @author: renchao 485 * @author: renchao
388 */ 486 */
389 upDateJtcyList (val) { 487 upDateJtcyList(val) {
390 this.ruleForm.jtcyList = _.cloneDeep(val) 488 this.ruleForm.jtcyList = _.cloneDeep(val);
489 },
490 // 是否持证人变化
491 /**
492 * @description: 是否持证人变化
493 * @param {*} val
494 * @author: renchao
495 */
496 updaterow() {
497 this.czr = "";
391 }, 498 },
499
392 /** 500 /**
393 * @description: 水域滩涂类型变化事件 501 * @description: 水域滩涂类型变化事件
394 * @param {*} e 502 * @param {*} e
395 * @author: renchao 503 * @author: renchao
396 */ 504 */
397 changeSyttlx (e) { 505 changeSyttlx(e) {
398 let itemLx = {} 506 let itemLx = {};
399 itemLx = this.dictData['A23'].find((item) => { 507 itemLx = this.dictData["A23"].find((item) => {
400 return item.dcode == e 508 return item.dcode == e;
401 }) 509 });
402 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 510 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
403 }, 511 },
404 /** 512 /**
...@@ -406,11 +514,11 @@ ...@@ -406,11 +514,11 @@
406 * @param {*} e 514 * @param {*} e
407 * @author: renchao 515 * @author: renchao
408 */ 516 */
409 changeYzyfs (e) { 517 changeYzyfs(e) {
410 let itemLx = {} 518 let itemLx = {};
411 itemLx = this.dictData['A24'].find((item) => { 519 itemLx = this.dictData["A24"].find((item) => {
412 return item.dcode == e 520 return item.dcode == e;
413 }) 521 });
414 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 522 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
415 }, 523 },
416 /** 524 /**
...@@ -418,17 +526,17 @@ ...@@ -418,17 +526,17 @@
418 * @param {*} e 526 * @param {*} e
419 * @author: renchao 527 * @author: renchao
420 */ 528 */
421 changeYdyhfl (e) { 529 changeYdyhfl(e) {
422 let itemLx = {} 530 let itemLx = {};
423 itemLx = this.dictData['A51'].find((item) => { 531 itemLx = this.dictData["A51"].find((item) => {
424 return item.dcode == e 532 return item.dcode == e;
425 }) 533 });
426 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 534 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
427 } 535 },
428 } 536 },
429 } 537 };
430 </script> 538 </script>
431 <style scoped lang='scss'> 539 <style scoped lang="scss">
432 @import "~@/styles/public.scss"; 540 @import "~@/styles/public.scss";
433 @import "~@/styles/slxx/slxx.scss"; 541 @import "~@/styles/slxx/slxx.scss";
434 </style> 542 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -90,18 +97,35 @@ ...@@ -90,18 +97,35 @@
90 <el-row :gutter="10"> 97 <el-row :gutter="10">
91 <el-col :span="8"> 98 <el-col :span="8">
92 <el-form-item label="发包方名称："> 99 <el-form-item label="发包方名称：">
93 <el-input v-model="ruleForm.nydsyq.fbfmc" :disabled="!viewEdit"></el-input> 100 <el-input
101 v-model="ruleForm.nydsyq.fbfmc"
102 :disabled="!viewEdit"
103 ></el-input>
94 </el-form-item> 104 </el-form-item>
95 </el-col> 105 </el-col>
96 <el-col :span="8"> 106 <el-col :span="8">
97 <el-form-item label="发包方代码："> 107 <el-form-item label="发包方代码：">
98 <el-input v-model="ruleForm.nydsyq.fbfdm" :disabled="!viewEdit"></el-input> 108 <el-input
109 v-model="ruleForm.nydsyq.fbfdm"
110 :disabled="!viewEdit"
111 ></el-input>
99 </el-form-item> 112 </el-form-item>
100 </el-col> 113 </el-col>
101 <el-col :span="8"> 114 <el-col :span="8">
102 <el-form-item label="土地所有权性质："> 115 <el-form-item label="土地所有权性质：">
103 <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" :disabled="!viewEdit" filterable clearable> 116 <el-select
104 <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> 117 v-model="ruleForm.nydsyq.tdsyqxzmc"
118 class="width100"
119 :disabled="!viewEdit"
120 filterable
121 clearable
122 >
123 <el-option
124 v-for="item in dictData['A45']"
125 :key="item.dname"
126 :label="item.dname"
127 :value="item.dname"
128 >
105 </el-option> 129 </el-option>
106 </el-select> 130 </el-select>
107 </el-form-item> 131 </el-form-item>
...@@ -122,50 +146,102 @@ ...@@ -122,50 +146,102 @@
122 <el-row :gutter="10"> 146 <el-row :gutter="10">
123 <el-col :span="8"> 147 <el-col :span="8">
124 <el-form-item label="水域滩涂类型："> 148 <el-form-item label="水域滩涂类型：">
125 <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx"> 149 <el-select
126 <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 150 v-model="ruleForm.nydsyq.syttlx"
151 :disabled="!viewEdit"
152 class="width100"
153 filterable
154 clearable
155 @change="changeSyttlx"
156 >
157 <el-option
158 v-for="item in dictData['A23']"
159 :key="item.dcode"
160 :label="item.dname"
161 :value="item.dcode"
162 >
127 </el-option> 163 </el-option>
128 </el-select> 164 </el-select>
129 </el-form-item> 165 </el-form-item>
130 </el-col> 166 </el-col>
131 <el-col :span="8"> 167 <el-col :span="8">
132 <el-form-item label="养殖业方式："> 168 <el-form-item label="养殖业方式：">
133 <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs"> 169 <el-select
134 <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 170 v-model="ruleForm.nydsyq.yzyfs"
171 :disabled="!viewEdit"
172 class="width100"
173 filterable
174 clearable
175 @change="changeYzyfs"
176 >
177 <el-option
178 v-for="item in dictData['A24']"
179 :key="item.dcode"
180 :label="item.dname"
181 :value="item.dcode"
182 >
135 </el-option> 183 </el-option>
136 </el-select> 184 </el-select>
137 </el-form-item> 185 </el-form-item>
138 </el-col> 186 </el-col>
139 <el-col :span="8"> 187 <el-col :span="8">
140 <el-form-item label="草原质量："> 188 <el-form-item label="草原质量：">
141 <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input> 189 <el-input
190 v-model="ruleForm.nydsyq.cyzl"
191 :disabled="!viewEdit"
192 ></el-input>
142 </el-form-item> 193 </el-form-item>
143 </el-col> 194 </el-col>
144 </el-row> 195 </el-row>
145 <el-row :gutter="10"> 196 <el-row :gutter="10">
146 <el-col :span="8"> 197 <el-col :span="8">
147 <el-form-item label="适宜载畜量："> 198 <el-form-item label="适宜载畜量：">
148 <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 199 <el-input
200 v-model="ruleForm.nydsyq.syzcl"
201 :disabled="!viewEdit"
202 oninput="value=value.replace(/[^\d.]/g,'')"
203 ></el-input>
149 </el-form-item> 204 </el-form-item>
150 </el-col> 205 </el-col>
151 <el-col :span="8"> 206 <el-col :span="8">
152 <el-form-item label="用地用海分类："> 207 <el-form-item label="用地用海分类：">
153 <el-select v-model="ruleForm.nydsyq.ydyhfl" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYdyhfl"> 208 <el-select
154 <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 209 v-model="ruleForm.nydsyq.ydyhfl"
210 :disabled="!viewEdit"
211 class="width100"
212 filterable
213 clearable
214 @change="changeYdyhfl"
215 >
216 <el-option
217 v-for="item in dictData['A51']"
218 :key="item.dcode"
219 :label="item.dname"
220 :value="item.dcode"
221 >
155 </el-option> 222 </el-option>
156 </el-select> 223 </el-select>
157 </el-form-item> 224 </el-form-item>
158 </el-col> 225 </el-col>
159 <el-col :span="8"> 226 <el-col :span="8">
160 <el-form-item label="土地承包合同："> 227 <el-form-item label="土地承包合同：">
161 <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input> 228 <el-input
229 v-model="ruleForm.nydsyq.tdcbht"
230 :disabled="!viewEdit"
231 ></el-input>
162 </el-form-item> 232 </el-form-item>
163 </el-col> 233 </el-col>
164 </el-row> 234 </el-row>
165 <el-row :gutter="10"> 235 <el-row :gutter="10">
166 <el-col> 236 <el-col>
167 <el-form-item label="附记：" prop="fj"> 237 <el-form-item label="附记：" prop="fj">
168 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input> 238 <el-input
239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 v-model="ruleForm.nydsyq.fj"
243 :disabled="!viewEdit"
244 ></el-input>
169 </el-form-item> 245 </el-form-item>
170 </el-col> 246 </el-col>
171 </el-row> 247 </el-row>
...@@ -176,7 +252,10 @@ ...@@ -176,7 +252,10 @@
176 <el-row :gutter="10"> 252 <el-row :gutter="10">
177 <el-col :span="12"> 253 <el-col :span="12">
178 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
179 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 255 <el-radio-group
256 :disabled="!viewEdit"
257 v-model="ruleForm.sldy.gyfs"
258 >
180 <el-radio label="0">单独所有</el-radio> 259 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 260 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 261 <el-radio label="2">按份所有</el-radio>
...@@ -188,7 +267,9 @@ ...@@ -188,7 +267,9 @@
188 <el-form-item label="是否分别持证："> 267 <el-form-item label="是否分别持证：">
189 <el-radio-group 268 <el-radio-group
190 v-model="ruleForm.sldy.sqfbcz" 269 v-model="ruleForm.sldy.sqfbcz"
191 :disabled="!viewEdit"> 270 :disabled="!viewEdit"
271 @input="updaterow()"
272 >
192 <el-radio :label="1">是</el-radio> 273 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio> 274 <el-radio :label="0">否</el-radio>
194 </el-radio-group> 275 </el-radio-group>
...@@ -196,34 +277,50 @@ ...@@ -196,34 +277,50 @@
196 </el-col> 277 </el-col>
197 <el-col 278 <el-col
198 :span="6" 279 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
281 >
200 <el-form-item label="持证人："> 282 <el-form-item label="持证人：">
201 <el-select 283 <el-select
202 v-model="czr" 284 v-model="czr"
203 placeholder="持证人" 285 placeholder="持证人"
204 :disabled="!viewEdit"> 286 :disabled="!viewEdit"
287 >
205 <el-option 288 <el-option
206 v-for="item in czrOptions" 289 v-for="item in czrOptions"
207 :key="item.zjh" 290 :key="item.zjh"
208 :label="item.sqrmc" 291 :label="item.sqrmc"
209 :value="item.zjh"> 292 :value="item.zjh"
293 >
210 </el-option> 294 </el-option>
211 </el-select> 295 </el-select>
212 </el-form-item> 296 </el-form-item>
213 </el-col> 297 </el-col>
214 </el-row> 298 </el-row>
215 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" 299 <qlrCommonTable
216 :gyfs="ruleForm.sldy.gyfs" /> 300 :tableData="ruleForm.qlrList"
301 @upDateQlrxxList="upDateQlrxxList"
302 :disabled="viewEdit"
303 :gyfs="ruleForm.sldy.gyfs"
304 />
217 <div class="slxx_title title-block"> 305 <div class="slxx_title title-block">
218 义务人信息 306 义务人信息
219 <div class="triangle"></div> 307 <div class="triangle"></div>
220 </div> 308 </div>
221 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 309 <qlrCommonTable
310 :tableData="ruleForm.ywrList"
311 @upDateQlrxxList="upDateYwrxxList"
312 :disabled="viewEdit"
313 />
222 <div class="slxx_title title-block"> 314 <div class="slxx_title title-block">
223 家庭成员 315 家庭成员
224 <div class="triangle"></div> 316 <div class="triangle"></div>
225 </div> 317 </div>
226 <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!viewEdit" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" /> 318 <JtcyTable
319 :tableData="ruleForm.jtcyList"
320 :disabled="!viewEdit"
321 @upDateJtcyList="upDateJtcyList"
322 :gyfs="ruleForm.slywxx.gyfs"
323 />
227 <div class="slxx_title title-block"> 324 <div class="slxx_title title-block">
228 登记原因 325 登记原因
229 <div class="triangle"></div> 326 <div class="triangle"></div>
...@@ -231,8 +328,14 @@ ...@@ -231,8 +328,14 @@
231 <el-row :gutter="10"> 328 <el-row :gutter="10">
232 <el-col> 329 <el-col>
233 <el-form-item label="登记原因：" prop="djyy"> 330 <el-form-item label="登记原因：" prop="djyy">
234 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 331 <el-input
235 v-model="ruleForm.nydsyq.djyy"> 332 class="textArea"
333 type="textarea"
334 maxlength="500"
335 show-word-limit
336 :disabled="!viewEdit"
337 v-model="ruleForm.nydsyq.djyy"
338 >
236 </el-input> 339 </el-input>
237 </el-form-item> 340 </el-form-item>
238 </el-col> 341 </el-col>
...@@ -247,15 +350,15 @@ ...@@ -247,15 +350,15 @@
247 </div> 350 </div>
248 </template> 351 </template>
249 <script> 352 <script>
250 import { mapGetters } from "vuex" 353 import { mapGetters } from "vuex";
251 import ywmix from "@/views/ywbl/mixin/index" 354 import ywmix from "@/views/ywbl/mixin/index";
252 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 355 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
253 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 356 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
254 import JtcyTable from "@/views/workflow/components/JtcyTable" 357 import JtcyTable from "@/views/workflow/components/JtcyTable";
255 export default { 358 export default {
256 mixins: [ywmix], 359 mixins: [ywmix],
257 mounted () { 360 mounted() {
258 this.viewEdit = this.$parent.currentSelectTab.ableOperation 361 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
259 this.propsParam = this.$attrs; 362 this.propsParam = this.$attrs;
260 var formdata = new FormData(); 363 var formdata = new FormData();
261 this.$startLoading(); 364 this.$startLoading();
...@@ -264,45 +367,39 @@ ...@@ -264,45 +367,39 @@
264 formdata.append("isEdit", this.viewEdit); 367 formdata.append("isEdit", this.viewEdit);
265 Init(formdata).then((res) => { 368 Init(formdata).then((res) => {
266 this.ruleForm = res.result; 369 this.ruleForm = res.result;
267 this.ruleForm.qlrList.forEach((item, index) => {
268 if (item.sfczr == 1) {
269 this.ruleForm.czr = item.zjh
270 }
271 })
272 this.czrOptions = this.ruleForm.qlrList; 370 this.czrOptions = this.ruleForm.qlrList;
273 this.ruleForm.qlrList.forEach((item) => { 371 this.ruleForm.qlrList.forEach((item) => {
274 if(item.sfczr==1){ 372 if (item.sfczr == 1) {
275 this.czr=item.sqrmc 373 this.czr = item.sqrmc;
276 } 374 }
277 }) 375 });
278 this.$endLoading(); 376 this.$endLoading();
279 377 });
280 })
281 }, 378 },
282 components: { qlrCommonTable, JtcyTable }, 379 components: { qlrCommonTable, JtcyTable },
283 computed: { 380 computed: {
284 ...mapGetters(["dictData", "flag"]) 381 ...mapGetters(["dictData", "flag"]),
285 }, 382 },
286 data () { 383 data() {
287 return { 384 return {
288 //表单是否可操作 385 //表单是否可操作
289 viewEdit: true, 386 viewEdit: true,
290 disabled: true, 387 disabled: true,
291 czrOptions: [], 388 czrOptions: [],
292 czr:"", 389 czr: "",
293 ruleForm: {}, 390 ruleForm: {},
294 //传递参数 391 //传递参数
295 propsParam: {}, 392 propsParam: {},
296 rules: {} 393 rules: {},
297 } 394 };
298 }, 395 },
299 methods: { 396 methods: {
300 /** 397 /**
301 * @description: onSubmit 398 * @description: onSubmit
302 * @author: renchao 399 * @author: renchao
303 */ 400 */
304 onSubmit () { 401 onSubmit() {
305 let that = this 402 let that = this;
306 if (this.ruleForm.qlrList.length == 0) { 403 if (this.ruleForm.qlrList.length == 0) {
307 this.$message({ 404 this.$message({
308 showClose: true, 405 showClose: true,
...@@ -326,7 +423,8 @@ ...@@ -326,7 +423,8 @@
326 if (this.ruleForm.qlrList.length <= 1) { 423 if (this.ruleForm.qlrList.length <= 1) {
327 this.$message({ 424 this.$message({
328 showClose: true, 425 showClose: true,
329 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 426 message:
427 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
330 type: "error", 428 type: "error",
331 }); 429 });
332 return false; 430 return false;
...@@ -363,31 +461,40 @@ ...@@ -363,31 +461,40 @@
363 message: "保存成功！", 461 message: "保存成功！",
364 type: "success", 462 type: "success",
365 }); 463 });
366 this.$store.dispatch('user/refreshPage', true); 464 this.$store.dispatch("user/refreshPage", true);
367 } else { 465 } else {
368 this.$message({ 466 this.$message({
369 showClose: true, 467 showClose: true,
370 message: res.message, 468 message: res.message,
371 type: "error" 469 type: "error",
372 }) 470 });
373 } 471 }
374 }) 472 });
375 }, 473 },
376 /** 474 /**
377 * @description: 权利人更新 475 * @description: 权利人更新
378 * @param {*} val 476 * @param {*} val
379 * @author: renchao 477 * @author: renchao
380 */ 478 */
381 upDateQlrxxList (val) { 479 upDateQlrxxList(val) {
382 this.ruleForm.qlrList = _.cloneDeep(val) 480 this.ruleForm.qlrList = _.cloneDeep(val);
383 this.czrOptions = this.ruleForm.qlrList; 481 this.czrOptions = this.ruleForm.qlrList;
384 }, 482 },
483 // 是否持证人变化
484 /**
485 * @description: 是否持证人变化
486 * @param {*} val
487 * @author: renchao
488 */
489 updaterow() {
490 this.czr = "";
491 },
385 /** 492 /**
386 * @description: 更新义务人信息 493 * @description: 更新义务人信息
387 * @param {*} val 494 * @param {*} val
388 * @author: renchao 495 * @author: renchao
389 */ 496 */
390 upDateYwrxxList (val) { 497 upDateYwrxxList(val) {
391 this.ruleForm.ywrList = _.cloneDeep(val); 498 this.ruleForm.ywrList = _.cloneDeep(val);
392 }, 499 },
393 //家庭成员更新 500 //家庭成员更新
...@@ -396,8 +503,8 @@ ...@@ -396,8 +503,8 @@
396 * @param {*} val 503 * @param {*} val
397 * @author: renchao 504 * @author: renchao
398 */ 505 */
399 upDateJtcyList (val) { 506 upDateJtcyList(val) {
400 this.ruleForm.jtcyList = _.cloneDeep(val) 507 this.ruleForm.jtcyList = _.cloneDeep(val);
401 }, 508 },
402 //水域滩涂类型变化事件 509 //水域滩涂类型变化事件
403 /** 510 /**
...@@ -405,11 +512,11 @@ ...@@ -405,11 +512,11 @@
405 * @param {*} e 512 * @param {*} e
406 * @author: renchao 513 * @author: renchao
407 */ 514 */
408 changeSyttlx (e) { 515 changeSyttlx(e) {
409 let itemLx = {} 516 let itemLx = {};
410 itemLx = this.dictData['A23'].find((item) => { 517 itemLx = this.dictData["A23"].find((item) => {
411 return item.dcode == e 518 return item.dcode == e;
412 }) 519 });
413 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 520 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
414 }, 521 },
415 //养殖业方式变化事件 522 //养殖业方式变化事件
...@@ -418,11 +525,11 @@ ...@@ -418,11 +525,11 @@
418 * @param {*} e 525 * @param {*} e
419 * @author: renchao 526 * @author: renchao
420 */ 527 */
421 changeYzyfs (e) { 528 changeYzyfs(e) {
422 let itemLx = {} 529 let itemLx = {};
423 itemLx = this.dictData['A24'].find((item) => { 530 itemLx = this.dictData["A24"].find((item) => {
424 return item.dcode == e 531 return item.dcode == e;
425 }) 532 });
426 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 533 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
427 }, 534 },
428 //用地用海变化事件 535 //用地用海变化事件
...@@ -431,17 +538,17 @@ ...@@ -431,17 +538,17 @@
431 * @param {*} e 538 * @param {*} e
432 * @author: renchao 539 * @author: renchao
433 */ 540 */
434 changeYdyhfl (e) { 541 changeYdyhfl(e) {
435 let itemLx = {} 542 let itemLx = {};
436 itemLx = this.dictData['A51'].find((item) => { 543 itemLx = this.dictData["A51"].find((item) => {
437 return item.dcode == e 544 return item.dcode == e;
438 }) 545 });
439 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 546 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
440 }, 547 },
441 }, 548 },
442 }; 549 };
443 </script> 550 </script>
444 <style scoped lang='scss'> 551 <style scoped lang="scss">
445 @import "~@/styles/public.scss"; 552 @import "~@/styles/public.scss";
446 @import "~@/styles/slxx/slxx.scss"; 553 @import "~@/styles/slxx/slxx.scss";
447 </style> 554 </style>
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px"> 14 label-width="140px"
15 >
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
17 受理信息 18 受理信息
...@@ -92,7 +93,8 @@ ...@@ -92,7 +93,8 @@
92 v-for="item in dictData['A45']" 93 v-for="item in dictData['A45']"
93 :key="item.dcode" 94 :key="item.dcode"
94 :label="item.dname" 95 :label="item.dname"
95 :value="item.dcode"> 96 :value="item.dcode"
97 >
96 </el-option> 98 </el-option>
97 </el-select> 99 </el-select>
98 </el-form-item> 100 </el-form-item>
...@@ -121,7 +123,8 @@ ...@@ -121,7 +123,8 @@
121 v-for="item in dictData['A26']" 123 v-for="item in dictData['A26']"
122 :key="item.dcode" 124 :key="item.dcode"
123 :label="item.dname" 125 :label="item.dname"
124 :value="item.dcode"> 126 :value="item.dcode"
127 >
125 </el-option> 128 </el-option>
126 </el-select> 129 </el-select>
127 </el-form-item> 130 </el-form-item>
...@@ -133,7 +136,8 @@ ...@@ -133,7 +136,8 @@
133 v-for="item in dictData['A52']" 136 v-for="item in dictData['A52']"
134 :key="item.dcode" 137 :key="item.dcode"
135 :label="item.dname" 138 :label="item.dname"
136 :value="item.dcode"> 139 :value="item.dcode"
140 >
137 </el-option> 141 </el-option>
138 </el-select> 142 </el-select>
139 </el-form-item> 143 </el-form-item>
...@@ -164,7 +168,12 @@ ...@@ -164,7 +168,12 @@
164 </el-col> 168 </el-col>
165 <el-col :span="8"> 169 <el-col :span="8">
166 <el-form-item label="附记："> 170 <el-form-item label="附记：">
167 <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> 171 <el-input
172 v-model="ruleForm.lq.fj"
173 type="textarea"
174 maxlength="500"
175 show-word-limit
176 ></el-input>
168 </el-form-item> 177 </el-form-item>
169 </el-col> 178 </el-col>
170 </el-row> 179 </el-row>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
175 <tdytTable 184 <tdytTable
176 :ableOperation="viewEdit" 185 :ableOperation="viewEdit"
177 :tableData="ruleForm.tdytqxList" 186 :tableData="ruleForm.tdytqxList"
178 @upDateTdytxxList="upDateTdytxxList" /> 187 @upDateTdytxxList="upDateTdytxxList"
188 />
179 <div class="slxx_title title-block"> 189 <div class="slxx_title title-block">
180 权利人信息 190 权利人信息
181 <div class="triangle"></div> 191 <div class="triangle"></div>
...@@ -185,7 +195,8 @@ ...@@ -185,7 +195,8 @@
185 <el-form-item label="共有方式："> 195 <el-form-item label="共有方式：">
186 <el-radio-group 196 <el-radio-group
187 :disabled="!viewEdit" 197 :disabled="!viewEdit"
188 v-model="ruleForm.sldy.gyfs"> 198 v-model="ruleForm.sldy.gyfs"
199 >
189 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -197,7 +208,9 @@ ...@@ -197,7 +208,9 @@
197 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
198 <el-radio-group 209 <el-radio-group
199 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
200 :disabled="!viewEdit"> 211 :disabled="!viewEdit"
212 @input="updaterow()"
213 >
201 <el-radio :label="1">是</el-radio> 214 <el-radio :label="1">是</el-radio>
202 <el-radio :label="0">否</el-radio> 215 <el-radio :label="0">否</el-radio>
203 </el-radio-group> 216 </el-radio-group>
...@@ -205,17 +218,20 @@ ...@@ -205,17 +218,20 @@
205 </el-col> 218 </el-col>
206 <el-col 219 <el-col
207 :span="6" 220 :span="6"
208 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
222 >
209 <el-form-item label="持证人："> 223 <el-form-item label="持证人：">
210 <el-select 224 <el-select
211 v-model="czr" 225 v-model="czr"
212 placeholder="持证人" 226 placeholder="持证人"
213 :disabled="!viewEdit"> 227 :disabled="!viewEdit"
228 >
214 <el-option 229 <el-option
215 v-for="(item,index) in czrOptions" 230 v-for="(item, index) in czrOptions"
216 :key="index" 231 :key="index"
217 :label="item.sqrmc" 232 :label="item.sqrmc"
218 :value="item.zjh"> 233 :value="item.zjh"
234 >
219 </el-option> 235 </el-option>
220 </el-select> 236 </el-select>
221 </el-form-item> 237 </el-form-item>
...@@ -225,7 +241,8 @@ ...@@ -225,7 +241,8 @@
225 @upDateQlrxxList="upDateQlrxxList" 241 @upDateQlrxxList="upDateQlrxxList"
226 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
227 :disabled="viewEdit" 243 :disabled="viewEdit"
228 :gyfs="ruleForm.sldy.gyfs" /> 244 :gyfs="ruleForm.sldy.gyfs"
245 />
229 246
230 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
231 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
...@@ -236,7 +253,8 @@ ...@@ -236,7 +253,8 @@
236 v-if="ruleForm.qlxx" 253 v-if="ruleForm.qlxx"
237 @upDateQlrxxList="upDateYwrxxList" 254 @upDateQlrxxList="upDateYwrxxList"
238 :tableData="ruleForm.ywrList" 255 :tableData="ruleForm.ywrList"
239 :gyfs="ruleForm.sldy.gyfs" /> 256 :gyfs="ruleForm.sldy.gyfs"
257 />
240 </div> 258 </div>
241 <div class="slxx_title title-block"> 259 <div class="slxx_title title-block">
242 登记原因 260 登记原因
...@@ -248,9 +266,11 @@ ...@@ -248,9 +266,11 @@
248 <el-input 266 <el-input
249 class="textArea" 267 class="textArea"
250 type="textarea" 268 type="textarea"
251 maxlength="500" show-word-limit 269 maxlength="500"
270 show-word-limit
252 :disabled="!viewEdit" 271 :disabled="!viewEdit"
253 v-model="ruleForm.lq.djyy"> 272 v-model="ruleForm.lq.djyy"
273 >
254 </el-input> 274 </el-input>
255 </el-form-item> 275 </el-form-item>
256 </el-col> 276 </el-col>
...@@ -265,14 +285,14 @@ ...@@ -265,14 +285,14 @@
265 </div> 285 </div>
266 </template> 286 </template>
267 <script> 287 <script>
268 import ywmix from "@/views/ywbl/mixin/index"; 288 import ywmix from "@/views/ywbl/mixin/index";
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 290 import tdytTable from "@/views/workflow/components/tdytTable";
271 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 291 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
272 import { mapGetters } from "vuex"; 292 import { mapGetters } from "vuex";
273 export default { 293 export default {
274 mixins: [ywmix], 294 mixins: [ywmix],
275 mounted () { 295 mounted() {
276 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 296 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
277 this.propsParam = this.$attrs; 297 this.propsParam = this.$attrs;
278 var formdata = new FormData(); 298 var formdata = new FormData();
...@@ -286,10 +306,10 @@ ...@@ -286,10 +306,10 @@
286 ...res.result.qlxxdatas, 306 ...res.result.qlxxdatas,
287 }; 307 };
288 this.ruleForm.qlrList.forEach((item) => { 308 this.ruleForm.qlrList.forEach((item) => {
289 if(item.sfczr==1){ 309 if (item.sfczr == 1) {
290 this.czr=item.sqrmc 310 this.czr = item.sqrmc;
291 } 311 }
292 }) 312 });
293 //初始化发证方式，1：小证，2：大正 313 //初始化发证方式，1：小证，2：大正
294 this.ruleForm.slsq.fzfs == null 314 this.ruleForm.slsq.fzfs == null
295 ? (this.ruleForm.slsq.fzfs = "1") 315 ? (this.ruleForm.slsq.fzfs = "1")
...@@ -302,12 +322,12 @@ ...@@ -302,12 +322,12 @@
302 computed: { 322 computed: {
303 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
304 }, 324 },
305 data () { 325 data() {
306 return { 326 return {
307 disabled: true, 327 disabled: true,
308 tdytOption: [], 328 tdytOption: [],
309 czrOptions: [], 329 czrOptions: [],
310 czr:"", 330 czr: "",
311 ruleForm: { 331 ruleForm: {
312 flow: { 332 flow: {
313 ywh: "", 333 ywh: "",
...@@ -340,7 +360,7 @@ ...@@ -340,7 +360,7 @@
340 * @param {*} val 360 * @param {*} val
341 * @author: renchao 361 * @author: renchao
342 */ 362 */
343 upDateTdytxxList (val) { 363 upDateTdytxxList(val) {
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
345 }, 365 },
346 /** 366 /**
...@@ -348,25 +368,34 @@ ...@@ -348,25 +368,34 @@
348 * @param {*} val 368 * @param {*} val
349 * @author: renchao 369 * @author: renchao
350 */ 370 */
351 upDateQlrxxList (val) { 371 upDateQlrxxList(val) {
352 this.ruleForm.qlrList = _.cloneDeep(val); 372 this.ruleForm.qlrList = _.cloneDeep(val);
353 this.czrOptions = this.ruleForm.qlrList; 373 this.czrOptions = this.ruleForm.qlrList;
354 this.key++; 374 this.key++;
355 }, 375 },
376 // 是否持证人变化
377 /**
378 * @description: 是否持证人变化
379 * @param {*} val
380 * @author: renchao
381 */
382 updaterow() {
383 this.czr = "";
384 },
356 /** 385 /**
357 * @description: 更新业务人信息 386 * @description: 更新业务人信息
358 * @param {*} val 387 * @param {*} val
359 * @author: renchao 388 * @author: renchao
360 */ 389 */
361 upDateYwrxxList (val) { 390 upDateYwrxxList(val) {
362 this.ruleForm.ywrList = _.cloneDeep(val); 391 this.ruleForm.ywrList = _.cloneDeep(val);
363 }, 392 },
364 /** 393 /**
365 * @description: onSubmit 394 * @description: onSubmit
366 * @author: renchao 395 * @author: renchao
367 */ 396 */
368 onSubmit () { 397 onSubmit() {
369 let that = this 398 let that = this;
370 if (this.ruleForm.qlrList.length == 0) { 399 if (this.ruleForm.qlrList.length == 0) {
371 this.$message({ 400 this.$message({
372 showClose: true, 401 showClose: true,
...@@ -390,7 +419,8 @@ ...@@ -390,7 +419,8 @@
390 if (this.ruleForm.qlrList.length <= 1) { 419 if (this.ruleForm.qlrList.length <= 1) {
391 this.$message({ 420 this.$message({
392 showClose: true, 421 showClose: true,
393 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 422 message:
423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
394 type: "error", 424 type: "error",
395 }); 425 });
396 return false; 426 return false;
...@@ -437,55 +467,55 @@ ...@@ -437,55 +467,55 @@
437 }); 467 });
438 }, 468 },
439 }, 469 },
440 }; 470 };
441 </script> 471 </script>
442 <style scoped lang="scss"> 472 <style scoped lang="scss">
443 @import "~@/styles/public.scss"; 473 @import "~@/styles/public.scss";
444 474
445 /deep/.el-form { 475 /deep/.el-form {
446 display: flex; 476 display: flex;
447 flex-direction: column; 477 flex-direction: column;
448 height: calc(100vh - 130px); 478 height: calc(100vh - 130px);
449 } 479 }
450 480
451 /deep/.el-form-item__label { 481 /deep/.el-form-item__label {
452 padding: 0; 482 padding: 0;
453 } 483 }
454 484
455 /deep/.el-radio { 485 /deep/.el-radio {
456 margin-right: 10px; 486 margin-right: 10px;
457 } 487 }
458 488
459 /deep/.el-select { 489 /deep/.el-select {
460 width: 100%; 490 width: 100%;
461 } 491 }
462 492
463 /deep/.el-form-item { 493 /deep/.el-form-item {
464 margin-bottom: 8px; 494 margin-bottom: 8px;
465 } 495 }
466 496
467 .marginBot0 { 497 .marginBot0 {
468 margin-bottom: 0 !important; 498 margin-bottom: 0 !important;
469 } 499 }
470 500
471 .slxx { 501 .slxx {
472 box-sizing: border-box; 502 box-sizing: border-box;
473 } 503 }
474 504
475 .slxx_con { 505 .slxx_con {
476 flex: 1; 506 flex: 1;
477 height: 100%; 507 height: 100%;
478 background-color: #ffffff; 508 background-color: #ffffff;
479 overflow-y: auto; 509 overflow-y: auto;
480 padding-right: 3px; 510 padding-right: 3px;
481 overflow-x: hidden; 511 overflow-x: hidden;
482 } 512 }
483 513
484 .submit_btn { 514 .submit_btn {
485 height: 50px; 515 height: 50px;
486 } 516 }
487 517
488 .slxx_title { 518 .slxx_title {
489 border-bottom: 1px solid $borderColor; 519 border-bottom: 1px solid $borderColor;
490 padding-left: 10px; 520 padding-left: 10px;
491 padding-bottom: 5px; 521 padding-bottom: 5px;
...@@ -494,23 +524,23 @@ ...@@ -494,23 +524,23 @@
494 font-size: 16px; 524 font-size: 16px;
495 font-weight: 500; 525 font-weight: 500;
496 color: #4a4a4a; 526 color: #4a4a4a;
497 } 527 }
498 528
499 .btn { 529 .btn {
500 text-align: center; 530 text-align: center;
501 padding-top: 10px; 531 padding-top: 10px;
502 height: 36px; 532 height: 36px;
503 background-color: #ffffff; 533 background-color: #ffffff;
504 padding: 5px 0; 534 padding: 5px 0;
505 } 535 }
506 536
507 .textArea { 537 .textArea {
508 /deep/.el-textarea__inner { 538 /deep/.el-textarea__inner {
509 min-height: 90px !important; 539 min-height: 90px !important;
510 } 540 }
511 } 541 }
512 542
513 /deep/.el-form-item__label { 543 /deep/.el-form-item__label {
514 padding-bottom: 0px; 544 padding-bottom: 0px;
515 } 545 }
516 </style> 546 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 16:04:31 4 * @LastEditTime: 2023-08-24 15:33:20
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px"> 16 label-width="120px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 受理信息 20 受理信息
...@@ -93,16 +94,19 @@ ...@@ -93,16 +94,19 @@
93 <el-input 94 <el-input
94 v-model="ruleForm.tdsyq.nydmj" 95 v-model="ruleForm.tdsyq.nydmj"
95 :disabled="!viewEdit" 96 :disabled="!viewEdit"
96 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 97 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
98 ></el-input>
97 <el-select 99 <el-select
98 v-model="mjdw" 100 v-model="mjdw"
99 :disabled="!viewEdit" 101 :disabled="!viewEdit"
100 style="width: 68px"> 102 style="width: 68px"
103 >
101 <el-option 104 <el-option
102 v-for="item in dictData['A7']" 105 v-for="item in dictData['A7']"
103 :key="item.dcode" 106 :key="item.dcode"
104 :label="item.dname" 107 :label="item.dname"
105 :value="item.dcode"> 108 :value="item.dcode"
109 >
106 </el-option> 110 </el-option>
107 </el-select> 111 </el-select>
108 </div> 112 </div>
...@@ -114,16 +118,19 @@ ...@@ -114,16 +118,19 @@
114 <el-input 118 <el-input
115 v-model="ruleForm.tdsyq.gdmj" 119 v-model="ruleForm.tdsyq.gdmj"
116 :disabled="!viewEdit" 120 :disabled="!viewEdit"
117 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 121 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
122 ></el-input>
118 <el-select 123 <el-select
119 v-model="mjdw" 124 v-model="mjdw"
120 :disabled="!viewEdit" 125 :disabled="!viewEdit"
121 style="width: 68px"> 126 style="width: 68px"
127 >
122 <el-option 128 <el-option
123 v-for="item in dictData['A7']" 129 v-for="item in dictData['A7']"
124 :key="item.dcode" 130 :key="item.dcode"
125 :label="item.dname" 131 :label="item.dname"
126 :value="item.dcode"> 132 :value="item.dcode"
133 >
127 </el-option> 134 </el-option>
128 </el-select> 135 </el-select>
129 </div> 136 </div>
...@@ -135,16 +142,19 @@ ...@@ -135,16 +142,19 @@
135 <el-input 142 <el-input
136 v-model="ruleForm.tdsyq.ldmj" 143 v-model="ruleForm.tdsyq.ldmj"
137 :disabled="!viewEdit" 144 :disabled="!viewEdit"
138 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
146 ></el-input>
139 <el-select 147 <el-select
140 v-model="mjdw" 148 v-model="mjdw"
141 :disabled="!viewEdit" 149 :disabled="!viewEdit"
142 style="width: 68px"> 150 style="width: 68px"
151 >
143 <el-option 152 <el-option
144 v-for="item in dictData['A7']" 153 v-for="item in dictData['A7']"
145 :key="item.dcode" 154 :key="item.dcode"
146 :label="item.dname" 155 :label="item.dname"
147 :value="item.dcode"> 156 :value="item.dcode"
157 >
148 </el-option> 158 </el-option>
149 </el-select> 159 </el-select>
150 </div> 160 </div>
...@@ -158,16 +168,19 @@ ...@@ -158,16 +168,19 @@
158 <el-input 168 <el-input
159 v-model="ruleForm.tdsyq.cdmj" 169 v-model="ruleForm.tdsyq.cdmj"
160 :disabled="!viewEdit" 170 :disabled="!viewEdit"
161 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 171 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
172 ></el-input>
162 <el-select 173 <el-select
163 v-model="mjdw" 174 v-model="mjdw"
164 :disabled="!viewEdit" 175 :disabled="!viewEdit"
165 style="width: 68px"> 176 style="width: 68px"
177 >
166 <el-option 178 <el-option
167 v-for="item in dictData['A7']" 179 v-for="item in dictData['A7']"
168 :key="item.dcode" 180 :key="item.dcode"
169 :label="item.dname" 181 :label="item.dname"
170 :value="item.dcode"> 182 :value="item.dcode"
183 >
171 </el-option> 184 </el-option>
172 </el-select> 185 </el-select>
173 </div> 186 </div>
...@@ -179,16 +192,19 @@ ...@@ -179,16 +192,19 @@
179 <el-input 192 <el-input
180 v-model="ruleForm.tdsyq.qtnydmj" 193 v-model="ruleForm.tdsyq.qtnydmj"
181 :disabled="!viewEdit" 194 :disabled="!viewEdit"
182 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 195 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
196 ></el-input>
183 <el-select 197 <el-select
184 v-model="mjdw" 198 v-model="mjdw"
185 :disabled="!viewEdit" 199 :disabled="!viewEdit"
186 style="width: 68px"> 200 style="width: 68px"
201 >
187 <el-option 202 <el-option
188 v-for="item in dictData['A7']" 203 v-for="item in dictData['A7']"
189 :key="item.dcode" 204 :key="item.dcode"
190 :label="item.dname" 205 :label="item.dname"
191 :value="item.dcode"> 206 :value="item.dcode"
207 >
192 </el-option> 208 </el-option>
193 </el-select> 209 </el-select>
194 </div> 210 </div>
...@@ -200,16 +216,19 @@ ...@@ -200,16 +216,19 @@
200 <el-input 216 <el-input
201 v-model="ruleForm.tdsyq.jsydmj" 217 v-model="ruleForm.tdsyq.jsydmj"
202 :disabled="!viewEdit" 218 :disabled="!viewEdit"
203 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 219 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
220 ></el-input>
204 <el-select 221 <el-select
205 v-model="mjdw" 222 v-model="mjdw"
206 :disabled="!viewEdit" 223 :disabled="!viewEdit"
207 style="width: 68px"> 224 style="width: 68px"
225 >
208 <el-option 226 <el-option
209 v-for="item in dictData['A7']" 227 v-for="item in dictData['A7']"
210 :key="item.dcode" 228 :key="item.dcode"
211 :label="item.dname" 229 :label="item.dname"
212 :value="item.dcode"> 230 :value="item.dcode"
231 >
213 </el-option> 232 </el-option>
214 </el-select> 233 </el-select>
215 </div> 234 </div>
...@@ -223,16 +242,19 @@ ...@@ -223,16 +242,19 @@
223 <el-input 242 <el-input
224 v-model="ruleForm.tdsyq.wlydmj" 243 v-model="ruleForm.tdsyq.wlydmj"
225 :disabled="!viewEdit" 244 :disabled="!viewEdit"
226 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 245 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
246 ></el-input>
227 <el-select 247 <el-select
228 v-model="mjdw" 248 v-model="mjdw"
229 :disabled="!viewEdit" 249 :disabled="!viewEdit"
230 style="width: 68px"> 250 style="width: 68px"
251 >
231 <el-option 252 <el-option
232 v-for="item in dictData['A7']" 253 v-for="item in dictData['A7']"
233 :key="item.dcode" 254 :key="item.dcode"
234 :label="item.dname" 255 :label="item.dname"
235 :value="item.dcode"> 256 :value="item.dcode"
257 >
236 </el-option> 258 </el-option>
237 </el-select> 259 </el-select>
238 </div> 260 </div>
...@@ -246,7 +268,8 @@ ...@@ -246,7 +268,8 @@
246 <tdytTable 268 <tdytTable
247 :tableData="ruleForm.tdytqxList" 269 :tableData="ruleForm.tdytqxList"
248 :ableOperation="viewEdit" 270 :ableOperation="viewEdit"
249 @upDateTdytxxList="upDateTdytxxList" /> 271 @upDateTdytxxList="upDateTdytxxList"
272 />
250 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
251 权利人信息 274 权利人信息
252 <div class="triangle"></div> 275 <div class="triangle"></div>
...@@ -256,7 +279,8 @@ ...@@ -256,7 +279,8 @@
256 <el-form-item label="共有方式："> 279 <el-form-item label="共有方式：">
257 <el-radio-group 280 <el-radio-group
258 :disabled="!viewEdit" 281 :disabled="!viewEdit"
259 v-model="ruleForm.sldy.gyfs"> 282 v-model="ruleForm.sldy.gyfs"
283 >
260 <el-radio label="0">单独所有</el-radio> 284 <el-radio label="0">单独所有</el-radio>
261 <el-radio label="1">共同共有</el-radio> 285 <el-radio label="1">共同共有</el-radio>
262 <el-radio label="2">按份所有</el-radio> 286 <el-radio label="2">按份所有</el-radio>
...@@ -268,7 +292,9 @@ ...@@ -268,7 +292,9 @@
268 <el-form-item label="是否分别持证："> 292 <el-form-item label="是否分别持证：">
269 <el-radio-group 293 <el-radio-group
270 v-model="ruleForm.sldy.sqfbcz" 294 v-model="ruleForm.sldy.sqfbcz"
271 :disabled="!viewEdit"> 295 :disabled="!viewEdit"
296 @input="updaterow()"
297 >
272 <el-radio :label="1">是</el-radio> 298 <el-radio :label="1">是</el-radio>
273 <el-radio :label="0">否</el-radio> 299 <el-radio :label="0">否</el-radio>
274 </el-radio-group> 300 </el-radio-group>
...@@ -276,17 +302,20 @@ ...@@ -276,17 +302,20 @@
276 </el-col> 302 </el-col>
277 <el-col 303 <el-col
278 :span="6" 304 :span="6"
279 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 305 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
306 >
280 <el-form-item label="持证人："> 307 <el-form-item label="持证人：">
281 <el-select 308 <el-select
282 v-model="czr" 309 v-model="czr"
283 placeholder="持证人" 310 placeholder="持证人"
284 :disabled="!viewEdit"> 311 :disabled="!viewEdit"
312 >
285 <el-option 313 <el-option
286 v-for="item in czrOptions" 314 v-for="item in czrOptions"
287 :key="item.zjh" 315 :key="item.zjh"
288 :label="item.sqrmc" 316 :label="item.sqrmc"
289 :value="item.zjh"> 317 :value="item.zjh"
318 >
290 </el-option> 319 </el-option>
291 </el-select> 320 </el-select>
292 </el-form-item> 321 </el-form-item>
...@@ -297,7 +326,8 @@ ...@@ -297,7 +326,8 @@
297 :disabled="viewEdit" 326 :disabled="viewEdit"
298 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
299 :key="key" 328 :key="key"
300 :gyfs="ruleForm.sldy.gyfs" /> 329 :gyfs="ruleForm.sldy.gyfs"
330 />
301 331
302 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 332 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
303 <div class="slxx_title title-block"> 333 <div class="slxx_title title-block">
...@@ -309,7 +339,8 @@ ...@@ -309,7 +339,8 @@
309 :disabled="viewEdit" 339 :disabled="viewEdit"
310 :tableData="ruleForm.ywrList" 340 :tableData="ruleForm.ywrList"
311 :key="key" 341 :key="key"
312 @upDateQlrxxList="upDateYwrxxList" /> 342 @upDateQlrxxList="upDateYwrxxList"
343 />
313 </div> 344 </div>
314 345
315 <div class="slxx_title title-block"> 346 <div class="slxx_title title-block">
...@@ -321,10 +352,12 @@ ...@@ -321,10 +352,12 @@
321 <el-form-item label="登记原因：" prop="djyy"> 352 <el-form-item label="登记原因：" prop="djyy">
322 <el-input 353 <el-input
323 class="textArea" 354 class="textArea"
324 maxlength="500" show-word-limit 355 maxlength="500"
356 show-word-limit
325 type="textarea" 357 type="textarea"
326 :disabled="!viewEdit" 358 :disabled="!viewEdit"
327 v-model="ruleForm.tdsyq.djyy"> 359 v-model="ruleForm.tdsyq.djyy"
360 >
328 </el-input> 361 </el-input>
329 </el-form-item> 362 </el-form-item>
330 </el-col> 363 </el-col>
...@@ -339,15 +372,15 @@ ...@@ -339,15 +372,15 @@
339 </div> 372 </div>
340 </template> 373 </template>
341 <script> 374 <script>
342 import { mapGetters } from "vuex"; 375 import { mapGetters } from "vuex";
343 import ywmix from "@/views/ywbl/mixin/index" 376 import ywmix from "@/views/ywbl/mixin/index";
344 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; 377 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
345 import tdytTable from "@/views/workflow/components/tdytTable"; 378 import tdytTable from "@/views/workflow/components/tdytTable";
346 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 379 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
347 export default { 380 export default {
348 mixins: [ywmix], 381 mixins: [ywmix],
349 components: { qlrCommonTable, tdytTable }, 382 components: { qlrCommonTable, tdytTable },
350 mounted () { 383 mounted() {
351 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 384 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
352 this.propsParam = this.$attrs; 385 this.propsParam = this.$attrs;
353 var formdata = new FormData(); 386 var formdata = new FormData();
...@@ -359,20 +392,15 @@ ...@@ -359,20 +392,15 @@
359 Init(formdata).then((res) => { 392 Init(formdata).then((res) => {
360 this.$nextTick(() => { 393 this.$nextTick(() => {
361 that.ruleForm = res.result; 394 that.ruleForm = res.result;
362 this.ruleForm.qlrList.forEach((item, index) => {
363 if (item.sfczr == 1) {
364 this.$set(this.ruleForm, "czr", item.zjh)
365 }
366 })
367 this.czrOptions = this.ruleForm.qlrList; 395 this.czrOptions = this.ruleForm.qlrList;
368 that.$endLoading(); 396 that.$endLoading();
369 that.isShow = true; 397 that.isShow = true;
370 this.czrOptions = this.ruleForm.qlrList; 398 this.czrOptions = this.ruleForm.qlrList;
371 this.ruleForm.qlrList.forEach((item) => { 399 this.ruleForm.qlrList.forEach((item) => {
372 if (item.sfczr == 1) { 400 if (item.sfczr == 1) {
373 this.czr = item.sqrmc 401 this.czr = item.sqrmc;
374 } 402 }
375 }) 403 });
376 }); 404 });
377 }); 405 });
378 }, 406 },
...@@ -380,7 +408,7 @@ ...@@ -380,7 +408,7 @@
380 computed: { 408 computed: {
381 ...mapGetters(["dictData", "flag"]), 409 ...mapGetters(["dictData", "flag"]),
382 }, 410 },
383 data () { 411 data() {
384 return { 412 return {
385 mjdw: "1", 413 mjdw: "1",
386 value2: { 414 value2: {
...@@ -412,7 +440,7 @@ ...@@ -412,7 +440,7 @@
412 * @param {*} val 440 * @param {*} val
413 * @author: renchao 441 * @author: renchao
414 */ 442 */
415 upDateTdytxxList (val) { 443 upDateTdytxxList(val) {
416 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 444 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
417 this.key++; 445 this.key++;
418 }, 446 },
...@@ -421,7 +449,7 @@ ...@@ -421,7 +449,7 @@
421 * @param {*} val 449 * @param {*} val
422 * @author: renchao 450 * @author: renchao
423 */ 451 */
424 upDateQlrxxList (val) { 452 upDateQlrxxList(val) {
425 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 453 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
426 this.czrOptions = this.ruleForm.qlrList; 454 this.czrOptions = this.ruleForm.qlrList;
427 this.key++; 455 this.key++;
...@@ -432,17 +460,26 @@ ...@@ -432,17 +460,26 @@
432 * @param {*} val 460 * @param {*} val
433 * @author: renchao 461 * @author: renchao
434 */ 462 */
435 upDateYwrxxList (val) { 463 upDateYwrxxList(val) {
436 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 464 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
437 this.key++; 465 this.key++;
438 }, 466 },
467 // 是否持证人变化
468 /**
469 * @description: 是否持证人变化
470 * @param {*} val
471 * @author: renchao
472 */
473 updaterow() {
474 this.czr = "";
475 },
439 /** 476 /**
440 * @description: onSubmit 477 * @description: onSubmit
441 * @author: renchao 478 * @author: renchao
442 */ 479 */
443 onSubmit () { 480 onSubmit() {
444 let that = this 481 let that = this;
445 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 482 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
446 if (arr.length > 0) { 483 if (arr.length > 0) {
447 this.$message({ 484 this.$message({
448 showClose: true, 485 showClose: true,
...@@ -474,7 +511,8 @@ ...@@ -474,7 +511,8 @@
474 if (this.ruleForm.qlrList.length <= 1) { 511 if (this.ruleForm.qlrList.length <= 1) {
475 this.$message({ 512 this.$message({
476 showClose: true, 513 showClose: true,
477 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 514 message:
515 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
478 type: "error", 516 type: "error",
479 }); 517 });
480 return false; 518 return false;
...@@ -525,9 +563,9 @@ ...@@ -525,9 +563,9 @@
525 }); 563 });
526 }, 564 },
527 }, 565 },
528 }; 566 };
529 </script> 567 </script>
530 <style scoped lang="scss"> 568 <style scoped lang="scss">
531 @import "~@/styles/public.scss"; 569 @import "~@/styles/public.scss";
532 @import "~@/styles/slxx/slxx.scss"; 570 @import "~@/styles/slxx/slxx.scss";
533 </style> 571 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -81,7 +88,8 @@ ...@@ -81,7 +88,8 @@
81 v-for="item in dictData['A19']" 88 v-for="item in dictData['A19']"
82 :key="item.dcode" 89 :key="item.dcode"
83 :label="item.dname" 90 :label="item.dname"
84 :value="item.dcode"> 91 :value="item.dcode"
92 >
85 </el-option> 93 </el-option>
86 </el-select> 94 </el-select>
87 </el-form-item> 95 </el-form-item>
...@@ -95,7 +103,8 @@ ...@@ -95,7 +103,8 @@
95 v-for="item in dictData['A17']" 103 v-for="item in dictData['A17']"
96 :key="item.dcode" 104 :key="item.dcode"
97 :label="item.dname" 105 :label="item.dname"
98 :value="item.dcode"> 106 :value="item.dcode"
107 >
99 </el-option> 108 </el-option>
100 </el-select> 109 </el-select>
101 </el-form-item> 110 </el-form-item>
...@@ -107,7 +116,10 @@ ...@@ -107,7 +116,10 @@
107 </el-col> 116 </el-col>
108 <el-col :span="8"> 117 <el-col :span="8">
109 <el-form-item label="总层数："> 118 <el-form-item label="总层数：">
110 <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 119 <el-input
120 v-model.number="ruleForm.ygdj.zcs"
121 oninput="value=value.replace(/[^0-9]/g,'')"
122 ></el-input>
111 </el-form-item> 123 </el-form-item>
112 </el-col> 124 </el-col>
113 </el-row> 125 </el-row>
...@@ -119,7 +131,8 @@ ...@@ -119,7 +131,8 @@
119 v-for="item in dictData['A46']" 131 v-for="item in dictData['A46']"
120 :key="item.dcode" 132 :key="item.dcode"
121 :label="item.dname" 133 :label="item.dname"
122 :value="item.dcode"> 134 :value="item.dcode"
135 >
123 </el-option> 136 </el-option>
124 </el-select> 137 </el-select>
125 </el-form-item> 138 </el-form-item>
...@@ -128,17 +141,18 @@ ...@@ -128,17 +141,18 @@
128 <el-col :span="8"> 141 <el-col :span="8">
129 <el-form-item label="建筑面积："> 142 <el-form-item label="建筑面积：">
130 <div class="flex"> 143 <div class="flex">
131 <el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit" 144 <el-input
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 v-model="ruleForm.ygdj.jzmj"
133 <el-select 146 :disabled="!viewEdit"
134 disabled 147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
135 v-model="mjdw" 148 ></el-input>
136 style="width: 68px"> 149 <el-select disabled v-model="mjdw" style="width: 68px">
137 <el-option 150 <el-option
138 v-for="item in dictData['A7']" 151 v-for="item in dictData['A7']"
139 :key="item.dcode" 152 :key="item.dcode"
140 :label="item.dname" 153 :label="item.dname"
141 :value="item.dcode"> 154 :value="item.dcode"
155 >
142 </el-option> 156 </el-option>
143 </el-select> 157 </el-select>
144 </div> 158 </div>
...@@ -147,16 +161,24 @@ ...@@ -147,16 +161,24 @@
147 <el-col :span="8"> 161 <el-col :span="8">
148 <el-form-item label="取得价格："> 162 <el-form-item label="取得价格：">
149 <div class="flex"> 163 <div class="flex">
150 <el-input v-model="ruleForm.ygdj.qdjg"></el-input> 164 <!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> -->
165 <el-input
166 maxlength="11"
167 v-model="ruleForm.ygdj.qdjg"
168 style="width: 500%"
169 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
170 ></el-input>
151 <el-select 171 <el-select
152 v-model="ruleForm.ygdj.jedw" 172 v-model="ruleForm.ygdj.jedw"
153 :disabled="!viewEdit" 173 :disabled="!viewEdit"
154 style="width: 68px"> 174 style="width: 68px"
175 >
155 <el-option 176 <el-option
156 v-for="item in dictData['A57']" 177 v-for="item in dictData['A57']"
157 :key="item.dcode" 178 :key="item.dcode"
158 :label="item.dname" 179 :label="item.dname"
159 :value="item.dcode"> 180 :value="item.dcode"
181 >
160 </el-option> 182 </el-option>
161 </el-select> 183 </el-select>
162 </div> 184 </div>
...@@ -166,7 +188,12 @@ ...@@ -166,7 +188,12 @@
166 <el-row :gutter="10"> 188 <el-row :gutter="10">
167 <el-col :span="24"> 189 <el-col :span="24">
168 <el-form-item label="附记："> 190 <el-form-item label="附记：">
169 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input> 191 <el-input
192 v-model="ruleForm.ygdj.fj"
193 type="textarea"
194 maxlength="500"
195 show-word-limit
196 ></el-input>
170 </el-form-item> 197 </el-form-item>
171 </el-col> 198 </el-col>
172 </el-row> 199 </el-row>
...@@ -177,7 +204,10 @@ ...@@ -177,7 +204,10 @@
177 <el-row :gutter="10"> 204 <el-row :gutter="10">
178 <el-col :span="12" v-if="ruleForm.qlxx"> 205 <el-col :span="12" v-if="ruleForm.qlxx">
179 <el-form-item label="共有方式："> 206 <el-form-item label="共有方式：">
180 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 207 <el-radio-group
208 :disabled="!viewEdit"
209 v-model="ruleForm.sldy.gyfs"
210 >
181 <el-radio label="0">单独所有</el-radio> 211 <el-radio label="0">单独所有</el-radio>
182 <el-radio label="1">共同共有</el-radio> 212 <el-radio label="1">共同共有</el-radio>
183 <el-radio label="2">按份所有</el-radio> 213 <el-radio label="2">按份所有</el-radio>
...@@ -189,7 +219,9 @@ ...@@ -189,7 +219,9 @@
189 <el-form-item label="是否分别持证："> 219 <el-form-item label="是否分别持证：">
190 <el-radio-group 220 <el-radio-group
191 v-model="ruleForm.sldy.sqfbcz" 221 v-model="ruleForm.sldy.sqfbcz"
192 :disabled="!viewEdit"> 222 :disabled="!viewEdit"
223 @input="updaterow()"
224 >
193 <el-radio :label="1">是</el-radio> 225 <el-radio :label="1">是</el-radio>
194 <el-radio :label="0">否</el-radio> 226 <el-radio :label="0">否</el-radio>
195 </el-radio-group> 227 </el-radio-group>
...@@ -197,30 +229,41 @@ ...@@ -197,30 +229,41 @@
197 </el-col> 229 </el-col>
198 <el-col 230 <el-col
199 :span="6" 231 :span="6"
200 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 232 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
233 >
201 <el-form-item label="持证人："> 234 <el-form-item label="持证人：">
202 <el-select 235 <el-select
203 v-model="czr" 236 v-model="czr"
204 placeholder="持证人" 237 placeholder="持证人"
205 :disabled="!viewEdit"> 238 :disabled="!viewEdit"
239 >
206 <el-option 240 <el-option
207 v-for="item in czrOptions" 241 v-for="item in czrOptions"
208 :key="item.zjh" 242 :key="item.zjh"
209 :label="item.sqrmc" 243 :label="item.sqrmc"
210 :value="item.zjh"> 244 :value="item.zjh"
245 >
211 </el-option> 246 </el-option>
212 </el-select> 247 </el-select>
213 </el-form-item> 248 </el-form-item>
214 </el-col> 249 </el-col>
215 </el-row> 250 </el-row>
216 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :tableData="ruleForm.qlrList" 251 <qlrCommonTable
217 :gyfs="ruleForm.sldy.gyfs" /> 252 @upDateQlrxxList="upDateQlrxxList"
253 :disabled="viewEdit"
254 :tableData="ruleForm.qlrList"
255 :gyfs="ruleForm.sldy.gyfs"
256 />
218 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
219 义务人信息 258 义务人信息
220 <div class="triangle"></div> 259 <div class="triangle"></div>
221 </div> 260 </div>
222 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" :tableData="ruleForm.ywrList" 261 <qlrCommonTable
223 :gyfs="ruleForm.sldy.gyfs" /> 262 @upDateQlrxxList="upDateYwrxxList"
263 :disabled="viewEdit"
264 :tableData="ruleForm.ywrList"
265 :gyfs="ruleForm.sldy.gyfs"
266 />
224 <div class="slxx_title title-block"> 267 <div class="slxx_title title-block">
225 登记原因 268 登记原因
226 <div class="triangle"></div> 269 <div class="triangle"></div>
...@@ -228,8 +271,14 @@ ...@@ -228,8 +271,14 @@
228 <el-row :gutter="10"> 271 <el-row :gutter="10">
229 <el-col> 272 <el-col>
230 <el-form-item label="登记原因：" prop="djyy"> 273 <el-form-item label="登记原因：" prop="djyy">
231 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 274 <el-input
232 v-model="ruleForm.ygdj.djyy"> 275 class="textArea"
276 type="textarea"
277 maxlength="500"
278 show-word-limit
279 :disabled="!viewEdit"
280 v-model="ruleForm.ygdj.djyy"
281 >
233 </el-input> 282 </el-input>
234 </el-form-item> 283 </el-form-item>
235 </el-col> 284 </el-col>
...@@ -244,43 +293,38 @@ ...@@ -244,43 +293,38 @@
244 </div> 293 </div>
245 </template> 294 </template>
246 <script> 295 <script>
247 import ywmix from "@/views/ywbl/mixin/index" 296 import ywmix from "@/views/ywbl/mixin/index";
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 297 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 298 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
250 import { mapGetters } from "vuex"; 299 import { mapGetters } from "vuex";
251 export default { 300 export default {
252 mixins: [ywmix], 301 mixins: [ywmix],
253 created () { 302 created() {
254 this.viewEdit = this.$parent.currentSelectTab.ableOperation 303 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
255 this.propsParam = this.$attrs; 304 this.propsParam = this.$attrs;
256 this.$startLoading(); 305 this.$startLoading();
257 var formdata = new FormData(); 306 var formdata = new FormData();
258 formdata.append("bsmSldy", this.propsParam.bsmSldy); 307 formdata.append("bsmSldy", this.propsParam.bsmSldy);
259 formdata.append("djlx", this.propsParam.djlx); 308 formdata.append("djlx", this.propsParam.djlx);
260 formdata.append("isEdit", this.viewEdit); 309 formdata.append("isEdit", this.viewEdit);
261 Init(formdata).then(res => { 310 Init(formdata).then((res) => {
262 if (res.code === 200 && res.result) { 311 if (res.code === 200 && res.result) {
263 this.ruleForm = res.result; 312 this.ruleForm = res.result;
264 this.ruleForm.qlrList.forEach((item, index) => {
265 if (item.sfczr == 1) {
266 this.$set(this.ruleForm, "czr", item.zjh)
267 }
268 })
269 this.czrOptions = this.ruleForm.qlrList; 313 this.czrOptions = this.ruleForm.qlrList;
270 this.$endLoading(); 314 this.$endLoading();
271 this.ruleForm.qlrList.forEach((item) => { 315 this.ruleForm.qlrList.forEach((item) => {
272 if(item.sfczr==1){ 316 if (item.sfczr == 1) {
273 this.czr=item.sqrmc 317 this.czr = item.sqrmc;
274 } 318 }
275 }) 319 });
276 } 320 }
277 }) 321 });
278 }, 322 },
279 components: { qlrCommonTable }, 323 components: { qlrCommonTable },
280 computed: { 324 computed: {
281 ...mapGetters(["dictData", "flag"]), 325 ...mapGetters(["dictData", "flag"]),
282 }, 326 },
283 data () { 327 data() {
284 return { 328 return {
285 mjdw: "1", 329 mjdw: "1",
286 //表单是否可操作 330 //表单是否可操作
...@@ -288,13 +332,13 @@ ...@@ -288,13 +332,13 @@
288 disabled: true, 332 disabled: true,
289 tdytOption: [], 333 tdytOption: [],
290 czrOptions: [], 334 czrOptions: [],
291 czr:"", 335 czr: "",
292 ruleForm: { 336 ruleForm: {
293 qlxx: {} 337 qlxx: {},
294 , sldy: {} 338 sldy: {},
295 , slsq: {} 339 slsq: {},
296 , ygdj: {} 340 ygdj: {},
297 , zdjbxx: {} 341 zdjbxx: {},
298 }, 342 },
299 //传递参数 343 //传递参数
300 propsParam: this.$attrs, 344 propsParam: this.$attrs,
...@@ -307,24 +351,33 @@ ...@@ -307,24 +351,33 @@
307 * @param {*} val 351 * @param {*} val
308 * @author: renchao 352 * @author: renchao
309 */ 353 */
310 upDateQlrxxList (val) { 354 upDateQlrxxList(val) {
311 this.ruleForm.qlrList = _.cloneDeep(val); 355 this.ruleForm.qlrList = _.cloneDeep(val);
312 this.czrOptions = this.ruleForm.qlrList 356 this.czrOptions = this.ruleForm.qlrList;
313 }, 357 },
314 /** 358 /**
315 * @description: 更新业务人信息 359 * @description: 更新业务人信息
316 * @param {*} val 360 * @param {*} val
317 * @author: renchao 361 * @author: renchao
318 */ 362 */
319 upDateYwrxxList (val) { 363 upDateYwrxxList(val) {
320 this.ruleForm.ywrList = _.cloneDeep(val); 364 this.ruleForm.ywrList = _.cloneDeep(val);
321 }, 365 },
366 // 是否持证人变化
367 /**
368 * @description: 是否持证人变化
369 * @param {*} val
370 * @author: renchao
371 */
372 updaterow() {
373 this.czr = "";
374 },
322 /** 375 /**
323 * @description: onSubmit 376 * @description: onSubmit
324 * @author: renchao 377 * @author: renchao
325 */ 378 */
326 onSubmit () { 379 onSubmit() {
327 let that = this 380 let that = this;
328 if (this.ruleForm.qlrList.length == 0) { 381 if (this.ruleForm.qlrList.length == 0) {
329 this.$message({ 382 this.$message({
330 showClose: true, 383 showClose: true,
...@@ -348,7 +401,8 @@ ...@@ -348,7 +401,8 @@
348 if (this.ruleForm.qlrList.length <= 1) { 401 if (this.ruleForm.qlrList.length <= 1) {
349 this.$message({ 402 this.$message({
350 showClose: true, 403 showClose: true,
351 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 404 message:
405 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
352 type: "error", 406 type: "error",
353 }); 407 });
354 return false; 408 return false;
...@@ -384,7 +438,7 @@ ...@@ -384,7 +438,7 @@
384 message: "保存成功！", 438 message: "保存成功！",
385 type: "success", 439 type: "success",
386 }); 440 });
387 this.$store.dispatch('user/refreshPage', true); 441 this.$store.dispatch("user/refreshPage", true);
388 } else { 442 } else {
389 this.$message({ 443 this.$message({
390 showClose: true, 444 showClose: true,
...@@ -395,55 +449,55 @@ ...@@ -395,55 +449,55 @@
395 }); 449 });
396 }, 450 },
397 }, 451 },
398 }; 452 };
399 </script> 453 </script>
400 <style scoped lang='scss'> 454 <style scoped lang="scss">
401 @import "~@/styles/public.scss"; 455 @import "~@/styles/public.scss";
402 456
403 /deep/.el-form { 457 /deep/.el-form {
404 display: flex; 458 display: flex;
405 flex-direction: column; 459 flex-direction: column;
406 height: calc(100vh - 130px); 460 height: calc(100vh - 130px);
407 } 461 }
408 462
409 /deep/.el-form-item__label { 463 /deep/.el-form-item__label {
410 padding: 0; 464 padding: 0;
411 } 465 }
412 466
413 /deep/.el-radio { 467 /deep/.el-radio {
414 margin-right: 10px; 468 margin-right: 10px;
415 } 469 }
416 470
417 /deep/.el-select { 471 /deep/.el-select {
418 width: 100%; 472 width: 100%;
419 } 473 }
420 474
421 /deep/.el-form-item { 475 /deep/.el-form-item {
422 margin-bottom: 8px; 476 margin-bottom: 8px;
423 } 477 }
424 478
425 .marginBot0 { 479 .marginBot0 {
426 margin-bottom: 0 !important; 480 margin-bottom: 0 !important;
427 } 481 }
428 482
429 .slxx { 483 .slxx {
430 box-sizing: border-box; 484 box-sizing: border-box;
431 } 485 }
432 486
433 .slxx_con { 487 .slxx_con {
434 flex: 1; 488 flex: 1;
435 height: 100%; 489 height: 100%;
436 background-color: #ffffff; 490 background-color: #ffffff;
437 overflow-y: auto; 491 overflow-y: auto;
438 padding-right: 3px; 492 padding-right: 3px;
439 overflow-x: hidden; 493 overflow-x: hidden;
440 } 494 }
441 495
442 .submit_btn { 496 .submit_btn {
443 height: 50px; 497 height: 50px;
444 } 498 }
445 499
446 .slxx_title { 500 .slxx_title {
447 border-bottom: 1px solid $borderColor; 501 border-bottom: 1px solid $borderColor;
448 padding-left: 10px; 502 padding-left: 10px;
449 padding-bottom: 5px; 503 padding-bottom: 5px;
...@@ -452,23 +506,23 @@ ...@@ -452,23 +506,23 @@
452 font-size: 16px; 506 font-size: 16px;
453 font-weight: 500; 507 font-weight: 500;
454 color: #4a4a4a; 508 color: #4a4a4a;
455 } 509 }
456 510
457 .btn { 511 .btn {
458 text-align: center; 512 text-align: center;
459 padding-top: 10px; 513 padding-top: 10px;
460 height: 36px; 514 height: 36px;
461 background-color: #ffffff; 515 background-color: #ffffff;
462 padding: 5px 0; 516 padding: 5px 0;
463 } 517 }
464 518
465 .textArea { 519 .textArea {
466 /deep/.el-textarea__inner { 520 /deep/.el-textarea__inner {
467 min-height: 90px !important; 521 min-height: 90px !important;
468 } 522 }
469 } 523 }
470 524
471 /deep/.el-form-item__label { 525 /deep/.el-form-item__label {
472 padding-bottom: 0px; 526 padding-bottom: 0px;
473 } 527 }
474 </style> 528 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -44,7 +51,8 @@ ...@@ -44,7 +51,8 @@
44 </el-row> 51 </el-row>
45 <div 52 <div
46 class="slxx_title title-block flex" 53 class="slxx_title title-block flex"
47 style="justify-content: space-between"> 54 style="justify-content: space-between"
55 >
48 不动产单元情况 56 不动产单元情况
49 <el-button @click="compare">变化情况对比+</el-button> 57 <el-button @click="compare">变化情况对比+</el-button>
50 </div> 58 </div>
...@@ -102,7 +110,11 @@ ...@@ -102,7 +110,11 @@
102 </el-col> 110 </el-col>
103 <el-col :span="8"> 111 <el-col :span="8">
104 <el-form-item label="总层数："> 112 <el-form-item label="总层数：">
105 <el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 113 <el-input
114 disabled
115 v-model.number="ruleForm.ygdj.zcs"
116 oninput="value=value.replace(/[^0-9]/g,'')"
117 ></el-input>
106 </el-form-item> 118 </el-form-item>
107 </el-col> 119 </el-col>
108 </el-row> 120 </el-row>
...@@ -113,7 +125,10 @@ ...@@ -113,7 +125,10 @@
113 <el-row :gutter="10"> 125 <el-row :gutter="10">
114 <el-col :span="12" v-if="ruleForm.qlxx"> 126 <el-col :span="12" v-if="ruleForm.qlxx">
115 <el-form-item label="共有方式："> 127 <el-form-item label="共有方式：">
116 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 128 <el-radio-group
129 :disabled="!viewEdit"
130 v-model="ruleForm.sldy.gyfs"
131 >
117 <el-radio label="0">单独所有</el-radio> 132 <el-radio label="0">单独所有</el-radio>
118 <el-radio label="1">共同共有</el-radio> 133 <el-radio label="1">共同共有</el-radio>
119 <el-radio label="2">按份所有</el-radio> 134 <el-radio label="2">按份所有</el-radio>
...@@ -125,7 +140,9 @@ ...@@ -125,7 +140,9 @@
125 <el-form-item label="是否分别持证："> 140 <el-form-item label="是否分别持证：">
126 <el-radio-group 141 <el-radio-group
127 v-model="ruleForm.sldy.sqfbcz" 142 v-model="ruleForm.sldy.sqfbcz"
128 :disabled="!viewEdit"> 143 :disabled="!viewEdit"
144 @input="updaterow()"
145 >
129 <el-radio :label="1">是</el-radio> 146 <el-radio :label="1">是</el-radio>
130 <el-radio :label="0">否</el-radio> 147 <el-radio :label="0">否</el-radio>
131 </el-radio-group> 148 </el-radio-group>
...@@ -133,30 +150,41 @@ ...@@ -133,30 +150,41 @@
133 </el-col> 150 </el-col>
134 <el-col 151 <el-col
135 :span="6" 152 :span="6"
136 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 153 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
154 >
137 <el-form-item label="持证人："> 155 <el-form-item label="持证人：">
138 <el-select 156 <el-select
139 v-model="czr" 157 v-model="czr"
140 placeholder="持证人" 158 placeholder="持证人"
141 :disabled="!viewEdit"> 159 :disabled="!viewEdit"
160 >
142 <el-option 161 <el-option
143 v-for="item in czrOptions" 162 v-for="item in czrOptions"
144 :key="item.zjh" 163 :key="item.zjh"
145 :label="item.sqrmc" 164 :label="item.sqrmc"
146 :value="item.zjh"> 165 :value="item.zjh"
166 >
147 </el-option> 167 </el-option>
148 </el-select> 168 </el-select>
149 </el-form-item> 169 </el-form-item>
150 </el-col> 170 </el-col>
151 </el-row> 171 </el-row>
152 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 172 <qlrCommonTable
153 :gyfs="ruleForm.sldy.gyfs" /> 173 @upDateQlrxxList="upDateQlrxxList"
174 :tableData="ruleForm.qlrList"
175 :disabled="viewEdit"
176 :gyfs="ruleForm.sldy.gyfs"
177 />
154 <div class="slxx_title title-block"> 178 <div class="slxx_title title-block">
155 义务人信息 179 义务人信息
156 <div class="triangle"></div> 180 <div class="triangle"></div>
157 </div> 181 </div>
158 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" 182 <qlrCommonTable
159 :gyfs="ruleForm.sldy.gyfs" /> 183 @upDateQlrxxList="upDateYwrxxList"
184 :tableData="ruleForm.ywrList"
185 :disabled="viewEdit"
186 :gyfs="ruleForm.sldy.gyfs"
187 />
160 <div class="slxx_title title-block"> 188 <div class="slxx_title title-block">
161 登记原因 189 登记原因
162 <div class="triangle"></div> 190 <div class="triangle"></div>
...@@ -164,8 +192,14 @@ ...@@ -164,8 +192,14 @@
164 <el-row :gutter="10"> 192 <el-row :gutter="10">
165 <el-col> 193 <el-col>
166 <el-form-item label="登记原因：" prop="djyy"> 194 <el-form-item label="登记原因：" prop="djyy">
167 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 195 <el-input
168 v-model="ruleForm.ygdj.djyy"> 196 class="textArea"
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 :disabled="!viewEdit"
201 v-model="ruleForm.ygdj.djyy"
202 >
169 </el-input> 203 </el-input>
170 </el-form-item> 204 </el-form-item>
171 </el-col> 205 </el-col>
...@@ -180,14 +214,14 @@ ...@@ -180,14 +214,14 @@
180 </div> 214 </div>
181 </template> 215 </template>
182 <script> 216 <script>
183 import ywmix from "@/views/ywbl/mixin/index" 217 import ywmix from "@/views/ywbl/mixin/index";
184 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 218 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
185 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 219 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
186 import { mapGetters } from "vuex"; 220 import { mapGetters } from "vuex";
187 export default { 221 export default {
188 mixins: [ywmix], 222 mixins: [ywmix],
189 mounted () { 223 mounted() {
190 this.viewEdit = this.$parent.currentSelectTab.ableOperation 224 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
191 this.propsParam = this.$attrs; 225 this.propsParam = this.$attrs;
192 var formdata = new FormData(); 226 var formdata = new FormData();
193 this.$startLoading(); 227 this.$startLoading();
...@@ -198,17 +232,12 @@ ...@@ -198,17 +232,12 @@
198 if (res.code === 200 && res.result) { 232 if (res.code === 200 && res.result) {
199 this.$endLoading(); 233 this.$endLoading();
200 this.ruleForm = res.result; 234 this.ruleForm = res.result;
201 this.ruleForm.qlrList.forEach((item, index) => {
202 if (item.sfczr == 1) {
203 this.$set(this.ruleForm, "czr", item.zjh)
204 }
205 })
206 this.czrOptions = this.ruleForm.qlrList; 235 this.czrOptions = this.ruleForm.qlrList;
207 this.ruleForm.qlrList.forEach((item) => { 236 this.ruleForm.qlrList.forEach((item) => {
208 if(item.sfczr==1){ 237 if (item.sfczr == 1) {
209 this.czr=item.sqrmc 238 this.czr = item.sqrmc;
210 } 239 }
211 }) 240 });
212 } 241 }
213 }); 242 });
214 }, 243 },
...@@ -216,14 +245,14 @@ ...@@ -216,14 +245,14 @@
216 computed: { 245 computed: {
217 ...mapGetters(["dictData", "flag"]), 246 ...mapGetters(["dictData", "flag"]),
218 }, 247 },
219 data () { 248 data() {
220 return { 249 return {
221 //表单是否可操作 250 //表单是否可操作
222 viewEdit: true, 251 viewEdit: true,
223 disabled: true, 252 disabled: true,
224 tdytOption: [], 253 tdytOption: [],
225 czrOptions: [], 254 czrOptions: [],
226 czr:"", 255 czr: "",
227 ruleForm: {}, 256 ruleForm: {},
228 //传递参数 257 //传递参数
229 propsParam: this.$attrs, 258 propsParam: this.$attrs,
...@@ -235,13 +264,12 @@ ...@@ -235,13 +264,12 @@
235 * @description: onClick 264 * @description: onClick
236 * @author: renchao 265 * @author: renchao
237 */ 266 */
238 onClick () { 267 onClick() {
239 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", 268 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
240 {
241 formData: { 269 formData: {
242 bsmSldy: this.propsParam.bsmSldy, 270 bsmSldy: this.propsParam.bsmSldy,
243 qllx: this.propsParam.qllx 271 qllx: this.propsParam.qllx,
244 } 272 },
245 }); 273 });
246 }, 274 },
247 /** 275 /**
...@@ -249,16 +277,25 @@ ...@@ -249,16 +277,25 @@
249 * @param {*} val 277 * @param {*} val
250 * @author: renchao 278 * @author: renchao
251 */ 279 */
252 upDateQlrxxList (val) { 280 upDateQlrxxList(val) {
253 this.ruleForm.qlrList = _.cloneDeep(val); 281 this.ruleForm.qlrList = _.cloneDeep(val);
254 this.czrOptions = this.ruleForm.qlrList; 282 this.czrOptions = this.ruleForm.qlrList;
255 }, 283 },
284 // 是否持证人变化
285 /**
286 * @description: 是否持证人变化
287 * @param {*} val
288 * @author: renchao
289 */
290 updaterow() {
291 this.czr = "";
292 },
256 /** 293 /**
257 * @description: 更新业务人信息 294 * @description: 更新业务人信息
258 * @param {*} val 295 * @param {*} val
259 * @author: renchao 296 * @author: renchao
260 */ 297 */
261 upDateYwrxxList (val) { 298 upDateYwrxxList(val) {
262 this.ruleForm.ywrList = _.cloneDeep(val); 299 this.ruleForm.ywrList = _.cloneDeep(val);
263 }, 300 },
264 301
...@@ -266,8 +303,8 @@ ...@@ -266,8 +303,8 @@
266 * @description: onSubmit 303 * @description: onSubmit
267 * @author: renchao 304 * @author: renchao
268 */ 305 */
269 onSubmit () { 306 onSubmit() {
270 let that = this 307 let that = this;
271 if (this.ruleForm.qlrList.length == 0) { 308 if (this.ruleForm.qlrList.length == 0) {
272 this.$message({ 309 this.$message({
273 showClose: true, 310 showClose: true,
...@@ -291,7 +328,8 @@ ...@@ -291,7 +328,8 @@
291 if (this.ruleForm.qlrList.length <= 1) { 328 if (this.ruleForm.qlrList.length <= 1) {
292 this.$message({ 329 this.$message({
293 showClose: true, 330 showClose: true,
294 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 331 message:
332 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
295 type: "error", 333 type: "error",
296 }); 334 });
297 return false; 335 return false;
...@@ -327,7 +365,7 @@ ...@@ -327,7 +365,7 @@
327 message: "保存成功！", 365 message: "保存成功！",
328 type: "success", 366 type: "success",
329 }); 367 });
330 this.$store.dispatch('user/refreshPage', true); 368 this.$store.dispatch("user/refreshPage", true);
331 } else { 369 } else {
332 this.$message({ 370 this.$message({
333 showClose: true, 371 showClose: true,
...@@ -341,68 +379,68 @@ ...@@ -341,68 +379,68 @@
341 * @description: compare 379 * @description: compare
342 * @author: renchao 380 * @author: renchao
343 */ 381 */
344 compare () { 382 compare() {
345 this.$popupDialog( 383 this.$popupDialog(
346 this.ruleForm.qlxx.qllxmc, 384 this.ruleForm.qlxx.qllxmc,
347 "registerBook/comparison", 385 "registerBook/comparison",
348 { 386 {
349 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
350 dqqllx: 'YGDJ', 388 dqqllx: "YGDJ",
351 }, 389 },
352 "80%", 390 "80%",
353 true 391 true
354 ); 392 );
355 }, 393 },
356 }, 394 },
357 }; 395 };
358 </script> 396 </script>
359 <style scoped lang='scss'> 397 <style scoped lang="scss">
360 @import "~@/styles/public.scss"; 398 @import "~@/styles/public.scss";
361 399
362 /deep/.el-form { 400 /deep/.el-form {
363 display: flex; 401 display: flex;
364 flex-direction: column; 402 flex-direction: column;
365 height: calc(100vh - 130px); 403 height: calc(100vh - 130px);
366 } 404 }
367 405
368 /deep/.el-form-item__label { 406 /deep/.el-form-item__label {
369 padding: 0; 407 padding: 0;
370 } 408 }
371 409
372 /deep/.el-radio { 410 /deep/.el-radio {
373 margin-right: 10px; 411 margin-right: 10px;
374 } 412 }
375 413
376 /deep/.el-select { 414 /deep/.el-select {
377 width: 100%; 415 width: 100%;
378 } 416 }
379 417
380 /deep/.el-form-item { 418 /deep/.el-form-item {
381 margin-bottom: 8px; 419 margin-bottom: 8px;
382 } 420 }
383 421
384 .marginBot0 { 422 .marginBot0 {
385 margin-bottom: 0 !important; 423 margin-bottom: 0 !important;
386 } 424 }
387 425
388 .slxx { 426 .slxx {
389 box-sizing: border-box; 427 box-sizing: border-box;
390 } 428 }
391 429
392 .slxx_con { 430 .slxx_con {
393 flex: 1; 431 flex: 1;
394 height: 100%; 432 height: 100%;
395 background-color: #ffffff; 433 background-color: #ffffff;
396 overflow-y: auto; 434 overflow-y: auto;
397 padding-right: 3px; 435 padding-right: 3px;
398 overflow-x: hidden; 436 overflow-x: hidden;
399 } 437 }
400 438
401 .submit_btn { 439 .submit_btn {
402 height: 50px; 440 height: 50px;
403 } 441 }
404 442
405 .slxx_title { 443 .slxx_title {
406 border-bottom: 1px solid $borderColor; 444 border-bottom: 1px solid $borderColor;
407 padding-left: 10px; 445 padding-left: 10px;
408 padding-bottom: 5px; 446 padding-bottom: 5px;
...@@ -411,23 +449,23 @@ ...@@ -411,23 +449,23 @@
411 font-size: 16px; 449 font-size: 16px;
412 font-weight: 500; 450 font-weight: 500;
413 color: #4a4a4a; 451 color: #4a4a4a;
414 } 452 }
415 453
416 .btn { 454 .btn {
417 text-align: center; 455 text-align: center;
418 padding-top: 10px; 456 padding-top: 10px;
419 height: 36px; 457 height: 36px;
420 background-color: #ffffff; 458 background-color: #ffffff;
421 padding: 5px 0; 459 padding: 5px 0;
422 } 460 }
423 461
424 .textArea { 462 .textArea {
425 /deep/.el-textarea__inner { 463 /deep/.el-textarea__inner {
426 min-height: 90px !important; 464 min-height: 90px !important;
427 } 465 }
428 } 466 }
429 467
430 /deep/.el-form-item__label { 468 /deep/.el-form-item__label {
431 padding-bottom: 0px; 469 padding-bottom: 0px;
432 } 470 }
433 </style> 471 </style>
......
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px"> 11 label-width="120px"
12 >
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
14 受理信息 15 受理信息
...@@ -134,31 +135,48 @@ ...@@ -134,31 +135,48 @@
134 <el-form-item label="是否存在禁止或限制："> 135 <el-form-item label="是否存在禁止或限制：">
135 <el-input 136 <el-input
136 v-model="ruleForm.ygdj.sfczjzhxz" 137 v-model="ruleForm.ygdj.sfczjzhxz"
137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 138 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
139 ></el-input>
138 </el-form-item> 140 </el-form-item>
139 </el-col> 141 </el-col>
140 <el-col :span="8"> 142 <el-col :span="8">
141 <el-form-item label="被担保主债权数额："> 143 <el-form-item label="被担保主债权数额：">
142 <div class="flex"> 144 <div class="flex">
143 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> 145 <el-input
144 <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px"> 146 v-model="ruleForm.ygdj.qdjg"
147 :disabled="!viewEdit"
148 ></el-input>
149 <el-select
150 v-model="ruleForm.ygdj.jedw"
151 :disabled="!viewEdit"
152 style="width: 68px"
153 >
145 <el-option 154 <el-option
146 v-for="item in dictData['A57']" 155 v-for="item in dictData['A57']"
147 :key="item.dcode" 156 :key="item.dcode"
148 :label="item.dname" 157 :label="item.dname"
149 :value="item.dcode"></el-option> 158 :value="item.dcode"
159 ></el-option>
150 </el-select> 160 </el-select>
151 </div> 161 </div>
152 </el-form-item> 162 </el-form-item>
153 </el-col> 163 </el-col>
154 <el-col :span="8"> 164 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 165 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker> 166 <el-date-picker
167 v-model="ruleForm.ygdj.zwlxqssj"
168 :disabled="!viewEdit"
169 type="date"
170 ></el-date-picker>
157 </el-form-item> 171 </el-form-item>
158 </el-col> 172 </el-col>
159 <el-col :span="8"> 173 <el-col :span="8">
160 <el-form-item label="债务履行结束时间："> 174 <el-form-item label="债务履行结束时间：">
161 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker> 175 <el-date-picker
176 v-model="ruleForm.ygdj.zwlxjssj"
177 :disabled="!viewEdit"
178 type="date"
179 ></el-date-picker>
162 </el-form-item> 180 </el-form-item>
163 </el-col> 181 </el-col>
164 </el-row> 182 </el-row>
...@@ -167,14 +185,21 @@ ...@@ -167,14 +185,21 @@
167 <el-form-item label="担保范围："> 185 <el-form-item label="担保范围：">
168 <el-input 186 <el-input
169 v-model="ruleForm.ygdj.dbfw" 187 v-model="ruleForm.ygdj.dbfw"
170 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 188 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
189 ></el-input>
171 </el-form-item> 190 </el-form-item>
172 </el-col> 191 </el-col>
173 </el-row> 192 </el-row>
174 <el-row> 193 <el-row>
175 <el-col :span="24"> 194 <el-col :span="24">
176 <el-form-item label="附记：" prop="fj"> 195 <el-form-item label="附记：" prop="fj">
177 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input> 196 <el-input
197 type="textarea"
198 maxlength="500"
199 show-word-limit
200 v-model="ruleForm.ygdj.fj"
201 :disabled="!viewEdit"
202 ></el-input>
178 </el-form-item> 203 </el-form-item>
179 </el-col> 204 </el-col>
180 </el-row> 205 </el-row>
...@@ -185,7 +210,10 @@ ...@@ -185,7 +210,10 @@
185 <el-row :gutter="10"> 210 <el-row :gutter="10">
186 <el-col :span="12"> 211 <el-col :span="12">
187 <el-form-item label="共有方式："> 212 <el-form-item label="共有方式：">
188 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 213 <el-radio-group
214 :disabled="!viewEdit"
215 v-model="ruleForm.sldy.gyfs"
216 >
189 <el-radio label="0">单独所有</el-radio> 217 <el-radio label="0">单独所有</el-radio>
190 <el-radio label="1">共同共有</el-radio> 218 <el-radio label="1">共同共有</el-radio>
191 <el-radio label="2">按份所有</el-radio> 219 <el-radio label="2">按份所有</el-radio>
...@@ -195,20 +223,32 @@ ...@@ -195,20 +223,32 @@
195 </el-col> 223 </el-col>
196 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> 224 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
197 <el-form-item label="是否分别持证："> 225 <el-form-item label="是否分别持证：">
198 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> 226 <el-radio-group
227 v-model="ruleForm.sldy.sqfbcz"
228 :disabled="!viewEdit"
229 @input="updaterow()"
230 >
199 <el-radio :label="1">是</el-radio> 231 <el-radio :label="1">是</el-radio>
200 <el-radio :label="0">否</el-radio> 232 <el-radio :label="0">否</el-radio>
201 </el-radio-group> 233 </el-radio-group>
202 </el-form-item> 234 </el-form-item>
203 </el-col> 235 </el-col>
204 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 236 <el-col
237 :span="6"
238 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
239 >
205 <el-form-item label="持证人："> 240 <el-form-item label="持证人：">
206 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 241 <el-select
242 v-model="czr"
243 placeholder="持证人"
244 :disabled="!viewEdit"
245 >
207 <el-option 246 <el-option
208 v-for="item in czrOptions" 247 v-for="item in czrOptions"
209 :key="item.zjh" 248 :key="item.zjh"
210 :label="item.sqrmc" 249 :label="item.sqrmc"
211 :value="item.zjh"></el-option> 250 :value="item.zjh"
251 ></el-option>
212 </el-select> 252 </el-select>
213 </el-form-item> 253 </el-form-item>
214 </el-col> 254 </el-col>
...@@ -217,7 +257,8 @@ ...@@ -217,7 +257,8 @@
217 @upDateQlrxxList="upDateQlrxxList" 257 @upDateQlrxxList="upDateQlrxxList"
218 :tableData="ruleForm.qlrList" 258 :tableData="ruleForm.qlrList"
219 :disabled="viewEdit" 259 :disabled="viewEdit"
220 :gyfs="ruleForm.sldy.gyfs" /> 260 :gyfs="ruleForm.sldy.gyfs"
261 />
221 <div class="slxx_title title-block"> 262 <div class="slxx_title title-block">
222 义务人信息 263 义务人信息
223 <div class="triangle"></div> 264 <div class="triangle"></div>
...@@ -226,7 +267,8 @@ ...@@ -226,7 +267,8 @@
226 @upDateQlrxxList="upDateYwrxxList" 267 @upDateQlrxxList="upDateYwrxxList"
227 :tableData="ruleForm.ywrList" 268 :tableData="ruleForm.ywrList"
228 :disabled="viewEdit" 269 :disabled="viewEdit"
229 :gyfs="ruleForm.sldy.gyfs" /> 270 :gyfs="ruleForm.sldy.gyfs"
271 />
230 <div class="slxx_title title-block"> 272 <div class="slxx_title title-block">
231 登记原因 273 登记原因
232 <div class="triangle"></div> 274 <div class="triangle"></div>
...@@ -240,7 +282,8 @@ ...@@ -240,7 +282,8 @@
240 maxlength="500" 282 maxlength="500"
241 show-word-limit 283 show-word-limit
242 :disabled="!viewEdit" 284 :disabled="!viewEdit"
243 v-model="ruleForm.ygdj.djyy"></el-input> 285 v-model="ruleForm.ygdj.djyy"
286 ></el-input>
244 </el-form-item> 287 </el-form-item>
245 </el-col> 288 </el-col>
246 </el-row> 289 </el-row>
...@@ -254,13 +297,13 @@ ...@@ -254,13 +297,13 @@
254 </div> 297 </div>
255 </template> 298 </template>
256 <script> 299 <script>
257 import ywmix from "@/views/ywbl/mixin/index"; 300 import ywmix from "@/views/ywbl/mixin/index";
258 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 301 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
259 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 302 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
260 import { mapGetters } from "vuex"; 303 import { mapGetters } from "vuex";
261 export default { 304 export default {
262 mixins: [ywmix], 305 mixins: [ywmix],
263 created () { 306 created() {
264 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 307 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
265 this.propsParam = this.$attrs; 308 this.propsParam = this.$attrs;
266 var formdata = new FormData(); 309 var formdata = new FormData();
...@@ -273,17 +316,12 @@ ...@@ -273,17 +316,12 @@
273 Init(formdata).then((res) => { 316 Init(formdata).then((res) => {
274 if (res.code === 200 && res.result) { 317 if (res.code === 200 && res.result) {
275 that.ruleForm = res.result; 318 that.ruleForm = res.result;
276 this.ruleForm.qlrList.forEach((item, index) => {
277 if (item.sfczr == 1) {
278 this.$set(this.ruleForm, "czr", item.zjh)
279 }
280 })
281 this.czrOptions = this.ruleForm.qlrList; 319 this.czrOptions = this.ruleForm.qlrList;
282 this.ruleForm.qlrList.forEach((item) => { 320 this.ruleForm.qlrList.forEach((item) => {
283 if(item.sfczr==1){ 321 if (item.sfczr == 1) {
284 this.czr=item.sqrmc 322 this.czr = item.sqrmc;
285 } 323 }
286 }) 324 });
287 setTimeout(() => { 325 setTimeout(() => {
288 that.loading = false; 326 that.loading = false;
289 }, 300); 327 }, 300);
...@@ -294,7 +332,7 @@ ...@@ -294,7 +332,7 @@
294 computed: { 332 computed: {
295 ...mapGetters(["dictData", "flag"]), 333 ...mapGetters(["dictData", "flag"]),
296 }, 334 },
297 data () { 335 data() {
298 return { 336 return {
299 //表单是否可操作 337 //表单是否可操作
300 viewEdit: true, 338 viewEdit: true,
...@@ -302,7 +340,7 @@ ...@@ -302,7 +340,7 @@
302 disabled: true, 340 disabled: true,
303 tdytOption: [], 341 tdytOption: [],
304 czrOptions: [], 342 czrOptions: [],
305 czr:"", 343 czr: "",
306 ruleForm: {}, 344 ruleForm: {},
307 //传递参数 345 //传递参数
308 propsParam: this.$attrs, 346 propsParam: this.$attrs,
...@@ -315,7 +353,7 @@ ...@@ -315,7 +353,7 @@
315 * @param {*} val 353 * @param {*} val
316 * @author: renchao 354 * @author: renchao
317 */ 355 */
318 upDateQlrxxList (val) { 356 upDateQlrxxList(val) {
319 this.ruleForm.qlrList = _.cloneDeep(val); 357 this.ruleForm.qlrList = _.cloneDeep(val);
320 this.czrOptions = this.ruleForm.qlrList; 358 this.czrOptions = this.ruleForm.qlrList;
321 }, 359 },
...@@ -324,15 +362,24 @@ ...@@ -324,15 +362,24 @@
324 * @param {*} val 362 * @param {*} val
325 * @author: renchao 363 * @author: renchao
326 */ 364 */
327 upDateYwrxxList (val) { 365 upDateYwrxxList(val) {
328 this.ruleForm.ywrList = _.cloneDeep(val); 366 this.ruleForm.ywrList = _.cloneDeep(val);
329 }, 367 },
368 // 是否持证人变化
369 /**
370 * @description: 是否持证人变化
371 * @param {*} val
372 * @author: renchao
373 */
374 updaterow() {
375 this.czr = "";
376 },
330 /** 377 /**
331 * @description: onSubmit 378 * @description: onSubmit
332 * @author: renchao 379 * @author: renchao
333 */ 380 */
334 onSubmit () { 381 onSubmit() {
335 let that = this 382 let that = this;
336 if (this.ruleForm.qlrList.length == 0) { 383 if (this.ruleForm.qlrList.length == 0) {
337 this.$message({ 384 this.$message({
338 showClose: true, 385 showClose: true,
...@@ -356,7 +403,8 @@ ...@@ -356,7 +403,8 @@
356 if (this.ruleForm.qlrList.length <= 1) { 403 if (this.ruleForm.qlrList.length <= 1) {
357 this.$message({ 404 this.$message({
358 showClose: true, 405 showClose: true,
359 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 406 message:
407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
360 type: "error", 408 type: "error",
361 }); 409 });
362 return false; 410 return false;
...@@ -403,9 +451,9 @@ ...@@ -403,9 +451,9 @@
403 }); 451 });
404 }, 452 },
405 }, 453 },
406 }; 454 };
407 </script> 455 </script>
408 <style scoped lang='scss'> 456 <style scoped lang="scss">
409 @import "~@/styles/public.scss"; 457 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss"; 458 @import "~@/styles/slxx/slxx.scss";
411 </style> 459 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form class="loadingtext" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 class="loadingtext"
6 :label-position="flag ? 'top' : ''"
7 :inline="flag"
8 label-width="140px"
9 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
8 受理信息 12 受理信息
...@@ -28,12 +32,18 @@ ...@@ -28,12 +32,18 @@
28 <el-row :gutter="10" v-if="ruleForm.sldyList"> 32 <el-row :gutter="10" v-if="ruleForm.sldyList">
29 <el-col :span="8"> 33 <el-col :span="8">
30 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 35 <el-input
36 disabled
37 v-model="ruleForm.sldyList[0].qllxmc"
38 ></el-input>
32 </el-form-item> 39 </el-form-item>
33 </el-col> 40 </el-col>
34 <el-col :span="8"> 41 <el-col :span="8">
35 <el-form-item label="登记类型："> 42 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 43 <el-input
44 disabled
45 v-model="ruleForm.sldyList[0].djlxmc"
46 ></el-input>
37 </el-form-item> 47 </el-form-item>
38 </el-col> 48 </el-col>
39 <el-col :span="8"> 49 <el-col :span="8">
...@@ -42,8 +52,11 @@ ...@@ -42,8 +52,11 @@
42 </el-form-item> 52 </el-form-item>
43 </el-col> 53 </el-col>
44 </el-row> 54 </el-row>
45 <div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0"> 55 <div
46 抵押户信息列表信息（{{ruleForm.hlist.length}} 户） 56 class="slxx_title title-block"
57 v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
58 >
59 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
47 <div class="triangle"></div> 60 <div class="triangle"></div>
48 </div> 61 </div>
49 <qjhTable :tableData="ruleForm.hlist" /> 62 <qjhTable :tableData="ruleForm.hlist" />
...@@ -51,7 +64,10 @@ ...@@ -51,7 +64,10 @@
51 抵押信息 64 抵押信息
52 <div class="triangle"></div> 65 <div class="triangle"></div>
53 </div> 66 </div>
54 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 67 <el-row
68 :gutter="10"
69 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
70 >
55 <el-col :span="8"> 71 <el-col :span="8">
56 <el-form-item label="抵押方式："> 72 <el-form-item label="抵押方式：">
57 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 73 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -62,15 +78,24 @@ ...@@ -62,15 +78,24 @@
62 </el-col> 78 </el-col>
63 <el-col :span="8"> 79 <el-col :span="8">
64 <el-form-item label="抵押金额类型："> 80 <el-form-item label="抵押金额类型：">
65 <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx" :disabled="!viewEdit"> 81 <el-radio-group
82 v-model="ruleForm.diyaqList[0].dyjelx"
83 :disabled="!viewEdit"
84 >
66 <el-radio label="0">独立抵押</el-radio> 85 <el-radio label="0">独立抵押</el-radio>
67 <el-radio label="1">整体抵押</el-radio> 86 <el-radio label="1">整体抵押</el-radio>
68 </el-radio-group> 87 </el-radio-group>
69 </el-form-item> 88 </el-form-item>
70 </el-col> 89 </el-col>
71 <el-col :span="8"> 90 <el-col :span="8">
72 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 91 <el-form-item
73 <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz" :disabled="!viewEdit"> 92 label="是否存在禁止或者限制转让抵押不动产的约定："
93 label-width="350px"
94 >
95 <el-radio-group
96 v-model="ruleForm.diyaqList[0].sfczjzhxz"
97 :disabled="!viewEdit"
98 >
74 <el-radio label="1">启用</el-radio> 99 <el-radio label="1">启用</el-radio>
75 <el-radio label="0">禁用</el-radio> 100 <el-radio label="0">禁用</el-radio>
76 </el-radio-group> 101 </el-radio-group>
...@@ -78,12 +103,26 @@ ...@@ -78,12 +103,26 @@
78 </el-col> 103 </el-col>
79 </el-row> 104 </el-row>
80 105
81 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 106 <el-row
107 :gutter="10"
108 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
109 >
82 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
83 <el-form-item label="被担保主债权数额："> 111 <el-form-item label="被担保主债权数额：">
84 <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!viewEdit"></el-input> 112 <el-input
85 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 113 v-model="ruleForm.diyaqList[0].bdbzzqse"
86 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 114 :disabled="!viewEdit"
115 ></el-input>
116 <el-select
117 v-model="ruleForm.diyaqList[0].jedw"
118 :disabled="!viewEdit"
119 >
120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode"
125 >
87 </el-option> 126 </el-option>
88 </el-select> 127 </el-select>
89 </el-form-item> 128 </el-form-item>
...@@ -91,9 +130,20 @@ ...@@ -91,9 +130,20 @@
91 130
92 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
93 <el-form-item label="最高债权额："> 132 <el-form-item label="最高债权额：">
94 <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!viewEdit"></el-input> 133 <el-input
95 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit"> 134 v-model="ruleForm.diyaqList[0].zgzqse"
96 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 135 :disabled="!viewEdit"
136 ></el-input>
137 <el-select
138 v-model="ruleForm.diyaqList[0].jedw"
139 :disabled="!viewEdit"
140 >
141 <el-option
142 v-for="item in dictData['A57']"
143 :key="item.dcode"
144 :label="item.dname"
145 :value="item.dcode"
146 >
97 </el-option> 147 </el-option>
98 </el-select> 148 </el-select>
99 </el-form-item> 149 </el-form-item>
...@@ -101,37 +151,56 @@ ...@@ -101,37 +151,56 @@
101 151
102 <el-col :span="8"> 152 <el-col :span="8">
103 <el-form-item label="债务履行起始时间："> 153 <el-form-item label="债务履行起始时间：">
104 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" :disabled="!viewEdit" type="date"> 154 <el-date-picker
155 v-model="ruleForm.diyaqList[0].zwlxqssj"
156 :disabled="!viewEdit"
157 type="date"
158 >
105 </el-date-picker> 159 </el-date-picker>
106 </el-form-item> 160 </el-form-item>
107 </el-col> 161 </el-col>
108 <el-col :span="8"> 162 <el-col :span="8">
109 <el-form-item label="债务履行结束时间："> 163 <el-form-item label="债务履行结束时间：">
110 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" :disabled="!viewEdit" type="date"> 164 <el-date-picker
165 v-model="ruleForm.diyaqList[0].zwlxjssj"
166 :disabled="!viewEdit"
167 type="date"
168 >
111 </el-date-picker> 169 </el-date-picker>
112 </el-form-item> 170 </el-form-item>
113 </el-col> 171 </el-col>
114 </el-row> 172 </el-row>
115 173
116 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 174 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
117 <el-col :span="24"> 175 <el-col :span="24">
118 <el-form-item label="担保范围："> 176 <el-form-item label="担保范围：">
119 <el-input v-model="ruleForm.diyaqList[0].dbfw" 177 <el-input
120 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input> 178 v-model="ruleForm.diyaqList[0].dbfw"
179 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
180 ></el-input>
121 </el-form-item> 181 </el-form-item>
122 </el-col> 182 </el-col>
123 </el-row> 183 </el-row>
124 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 184 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
125 <el-col :span="24"> 185 <el-col :span="24">
126 <el-form-item label="最高债权确定事实和数额："> 186 <el-form-item label="最高债权确定事实和数额：">
127 <el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!viewEdit"></el-input> 187 <el-input
188 v-model="ruleForm.diyaqList[0].zgzqqdss"
189 :disabled="!viewEdit"
190 ></el-input>
128 </el-form-item> 191 </el-form-item>
129 </el-col> 192 </el-col>
130 </el-row> 193 </el-row>
131 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 194 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
132 <el-col> 195 <el-col>
133 <el-form-item label="附记：" prop="fj"> 196 <el-form-item label="附记：" prop="fj">
134 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaqList[0].fj" :disabled="!viewEdit"></el-input> 197 <el-input
198 type="textarea"
199 maxlength="500"
200 show-word-limit
201 v-model="ruleForm.diyaqList[0].fj"
202 :disabled="!viewEdit"
203 ></el-input>
135 </el-form-item> 204 </el-form-item>
136 </el-col> 205 </el-col>
137 </el-row> 206 </el-row>
...@@ -140,10 +209,16 @@ ...@@ -140,10 +209,16 @@
140 抵押权人信息 209 抵押权人信息
141 <div class="triangle"></div> 210 <div class="triangle"></div>
142 </div> 211 </div>
143 <el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0"> 212 <el-row
213 :gutter="10"
214 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
215 >
144 <el-col :span="14"> 216 <el-col :span="14">
145 <el-form-item label="共有方式："> 217 <el-form-item label="共有方式：">
146 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldyList[0].gyfs"> 218 <el-radio-group
219 :disabled="!viewEdit"
220 v-model="ruleForm.sldyList[0].gyfs"
221 >
147 <el-radio label="0">单独所有</el-radio> 222 <el-radio label="0">单独所有</el-radio>
148 <el-radio label="1">共同共有</el-radio> 223 <el-radio label="1">共同共有</el-radio>
149 <el-radio label="2">按份所有</el-radio> 224 <el-radio label="2">按份所有</el-radio>
...@@ -154,43 +229,88 @@ ...@@ -154,43 +229,88 @@
154 229
155 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'"> 230 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
156 <el-form-item label="是否分别持证："> 231 <el-form-item label="是否分别持证：">
157 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!viewEdit"> 232 <el-radio-group
233 v-model="ruleForm.sldyList[0].sqfbcz"
234 :disabled="!viewEdit"
235 @input="updaterow()"
236 >
158 <el-radio label="1">是</el-radio> 237 <el-radio label="1">是</el-radio>
159 <el-radio label="0">否</el-radio> 238 <el-radio label="0">否</el-radio>
160 </el-radio-group> 239 </el-radio-group>
161 </el-form-item> 240 </el-form-item>
162 </el-col> 241 </el-col>
163 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'&&ruleForm.sldyList[0].sqfbcz == '0' "> 242 <el-col
243 :span="5"
244 v-show="
245 ruleForm.sldyList[0].gyfs != '0' &&
246 ruleForm.sldyList[0].sqfbcz == '0'
247 "
248 >
164 <el-form-item label="持证人："> 249 <el-form-item label="持证人：">
165 <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> 250 <el-select
166 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 251 v-model="czr"
252 placeholder="持证人"
253 :disabled="!viewEdit"
254 >
255 <el-option
256 v-for="item in czrOptions"
257 :key="item.value"
258 :label="item.label"
259 :value="item.value"
260 >
167 </el-option> 261 </el-option>
168 </el-select> 262 </el-select>
169 </el-form-item> 263 </el-form-item>
170 </el-col> 264 </el-col>
171 </el-row> 265 </el-row>
172 <qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 266 <qlrCommonTable
173 :disabled="viewEdit" :gyfs="ruleForm.sldyList[0].gyfs" /> 267 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
268 :tableData="ruleForm.qlrList"
269 @upDateQlrxxList="upDateQlrxxList"
270 :disabled="viewEdit"
271 :gyfs="ruleForm.sldyList[0].gyfs"
272 />
174 <div class="slxx_title title-block"> 273 <div class="slxx_title title-block">
175 抵押人信息 274 抵押人信息
176 <div class="triangle"></div> 275 <div class="triangle"></div>
177 </div> 276 </div>
178 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 277 <qlrCommonTable
278 :tableData="ruleForm.ywrList"
279 @upDateQlrxxList="upDateYwrxxList"
280 :disabled="viewEdit"
281 />
179 282
180 <div class="slxx_title title-block"> 283 <div class="slxx_title title-block">
181 登记原因 284 登记原因
182 <div class="triangle"></div> 285 <div class="triangle"></div>
183 </div> 286 </div>
184 <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0"> 287 <el-row
288 :gutter="10"
289 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
290 >
185 <el-col> 291 <el-col>
186 <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy"> 292 <el-form-item
187 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 293 v-if="ruleForm.sldyList[0].djlx == '400'"
188 v-model="ruleForm.diyaqList[0].zxdyyy"> 294 label="注销抵押原因："
295 prop="djyy"
296 >
297 <el-input
298 class="textArea"
299 type="textarea"
300 :disabled="!viewEdit"
301 v-model="ruleForm.diyaqList[0].zxdyyy"
302 >
189 </el-input> 303 </el-input>
190 </el-form-item> 304 </el-form-item>
191 <el-form-item v-else label="登记原因：" prop="djyy"> 305 <el-form-item v-else label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 306 <el-input
193 v-model="ruleForm.diyaqList[0].djyy"> 307 class="textArea"
308 type="textarea"
309 maxlength="500"
310 show-word-limit
311 :disabled="!viewEdit"
312 v-model="ruleForm.diyaqList[0].djyy"
313 >
194 </el-input> 314 </el-input>
195 </el-form-item> 315 </el-form-item>
196 </el-col> 316 </el-col>
...@@ -205,13 +325,13 @@ ...@@ -205,13 +325,13 @@
205 </div> 325 </div>
206 </template> 326 </template>
207 <script> 327 <script>
208 import qjhTable from "@/views/workflow/components/qjhTable"; 328 import qjhTable from "@/views/workflow/components/qjhTable";
209 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 329 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
210 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; 330 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
211 import { mapGetters } from "vuex"; 331 import { mapGetters } from "vuex";
212 export default { 332 export default {
213 mounted () { 333 mounted() {
214 this.viewEdit = this.$parent.currentSelectTab.ableOperation 334 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
215 this.propsParam = this.$attrs; 335 this.propsParam = this.$attrs;
216 var formdata = new FormData(); 336 var formdata = new FormData();
217 337
...@@ -226,19 +346,19 @@ ...@@ -226,19 +346,19 @@
226 this.czrOptions = this.ruleForm.qlrList; 346 this.czrOptions = this.ruleForm.qlrList;
227 this.ruleForm.qlrList.forEach((item) => { 347 this.ruleForm.qlrList.forEach((item) => {
228 if (item.sfczr == 1) { 348 if (item.sfczr == 1) {
229 this.czr = item.sqrmc 349 this.czr = item.sqrmc;
230 } 350 }
231 }) 351 });
232 } else { 352 } else {
233 this.$message.error(res.message); 353 this.$message.error(res.message);
234 } 354 }
235 }) 355 });
236 }, 356 },
237 components: { qlrCommonTable, qjhTable }, 357 components: { qlrCommonTable, qjhTable },
238 computed: { 358 computed: {
239 ...mapGetters(["dictData", "flag"]), 359 ...mapGetters(["dictData", "flag"]),
240 }, 360 },
241 data () { 361 data() {
242 return { 362 return {
243 //表单是否可操作 363 //表单是否可操作
244 viewEdit: true, 364 viewEdit: true,
...@@ -249,7 +369,7 @@ ...@@ -249,7 +369,7 @@
249 //传递参数 369 //传递参数
250 propsParam: {}, 370 propsParam: {},
251 rules: {}, 371 rules: {},
252 tableData: [] 372 tableData: [],
253 }; 373 };
254 }, 374 },
255 methods: { 375 methods: {
...@@ -257,8 +377,8 @@ ...@@ -257,8 +377,8 @@
257 * @description: onSubmitClick 377 * @description: onSubmitClick
258 * @author: renchao 378 * @author: renchao
259 */ 379 */
260 onSubmitClick () { 380 onSubmitClick() {
261 let that = this 381 let that = this;
262 if (this.ruleForm.qlrList.length == 0) { 382 if (this.ruleForm.qlrList.length == 0) {
263 this.$message({ 383 this.$message({
264 showClose: true, 384 showClose: true,
...@@ -281,7 +401,8 @@ ...@@ -281,7 +401,8 @@
281 if (this.ruleForm.qlrList.length <= 1) { 401 if (this.ruleForm.qlrList.length <= 1) {
282 this.$message({ 402 this.$message({
283 showClose: true, 403 showClose: true,
284 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 404 message:
405 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
285 type: "error", 406 type: "error",
286 }); 407 });
287 return false; 408 return false;
...@@ -317,7 +438,7 @@ ...@@ -317,7 +438,7 @@
317 message: "保存成功！", 438 message: "保存成功！",
318 type: "success", 439 type: "success",
319 }); 440 });
320 this.$store.dispatch('user/refreshPage', true); 441 this.$store.dispatch("user/refreshPage", true);
321 } else { 442 } else {
322 this.$message({ 443 this.$message({
323 showClose: true, 444 showClose: true,
...@@ -327,6 +448,15 @@ ...@@ -327,6 +448,15 @@
327 } 448 }
328 }); 449 });
329 }, 450 },
451 // 是否持证人变化
452 /**
453 * @description: 是否持证人变化
454 * @param {*} val
455 * @author: renchao
456 */
457 updaterow() {
458 this.czr = "";
459 },
330 460
331 // 更新权利人信息 461 // 更新权利人信息
332 /** 462 /**
...@@ -334,7 +464,7 @@ ...@@ -334,7 +464,7 @@
334 * @param {*} val 464 * @param {*} val
335 * @author: renchao 465 * @author: renchao
336 */ 466 */
337 upDateQlrxxList (val) { 467 upDateQlrxxList(val) {
338 if (!_.isEqual(val, this.ruleForm.qlrList)) { 468 if (!_.isEqual(val, this.ruleForm.qlrList)) {
339 this.ruleForm.qlrList = _.cloneDeep(val); 469 this.ruleForm.qlrList = _.cloneDeep(val);
340 this.czrOptions = this.ruleForm.qlrList; 470 this.czrOptions = this.ruleForm.qlrList;
...@@ -346,15 +476,15 @@ ...@@ -346,15 +476,15 @@
346 * @param {*} val 476 * @param {*} val
347 * @author: renchao 477 * @author: renchao
348 */ 478 */
349 upDateYwrxxList (val) { 479 upDateYwrxxList(val) {
350 if (!_.isEqual(val, this.ruleForm.ywrList)) { 480 if (!_.isEqual(val, this.ruleForm.ywrList)) {
351 this.ruleForm.ywrList = _.cloneDeep(val); 481 this.ruleForm.ywrList = _.cloneDeep(val);
352 } 482 }
353 } 483 },
354 } 484 },
355 }; 485 };
356 </script> 486 </script>
357 <style scoped lang='scss'> 487 <style scoped lang="scss">
358 @import "~@/styles/public.scss"; 488 @import "~@/styles/public.scss";
359 @import "~@/styles/slxx/slxx.scss"; 489 @import "~@/styles/slxx/slxx.scss";
360 </style> 490 </style>
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="140px"> 5 :model="ruleForm"
6 :rules="rules"
7 class="loadingtext"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="140px"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -56,7 +63,8 @@ ...@@ -56,7 +63,8 @@
56 placeholder="" 63 placeholder=""
57 :normalizer="normalizer" 64 :normalizer="normalizer"
58 :show-count="true" 65 :show-count="true"
59 :options="dictData['A17']" /> 66 :options="dictData['A17']"
67 />
60 </el-form-item> 68 </el-form-item>
61 </el-col> 69 </el-col>
62 <el-col :span="8"> 70 <el-col :span="8">
...@@ -121,8 +129,14 @@ ...@@ -121,8 +129,14 @@
121 </el-form-item> 129 </el-form-item>
122 </el-col> 130 </el-col>
123 <el-col :span="16"> 131 <el-col :span="16">
124 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px"> 132 <el-form-item
125 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit"> 133 label="是否存在禁止或者限制转让抵押不动产的约定："
134 label-width="350px"
135 >
136 <el-radio-group
137 v-model="ruleForm.diyaq.sfczjzhxz"
138 :disabled="!viewEdit"
139 >
126 <el-radio label="1">启用</el-radio> 140 <el-radio label="1">启用</el-radio>
127 <el-radio label="0">禁用</el-radio> 141 <el-radio label="0">禁用</el-radio>
128 </el-radio-group> 142 </el-radio-group>
...@@ -133,9 +147,17 @@ ...@@ -133,9 +147,17 @@
133 <el-row :gutter="10"> 147 <el-row :gutter="10">
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 148 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
135 <el-form-item label="被担保主债权数额："> 149 <el-form-item label="被担保主债权数额：">
136 <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit"></el-input> 150 <el-input
151 v-model="ruleForm.diyaq.bdbzzqse"
152 :disabled="!viewEdit"
153 ></el-input>
137 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 154 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
138 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 155 <el-option
156 v-for="item in dictData['A57']"
157 :key="item.dcode"
158 :label="item.dname"
159 :value="item.dcode"
160 >
139 </el-option> 161 </el-option>
140 </el-select> 162 </el-select>
141 </el-form-item> 163 </el-form-item>
...@@ -143,9 +165,17 @@ ...@@ -143,9 +165,17 @@
143 165
144 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 166 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
145 <el-form-item label="最高债权额："> 167 <el-form-item label="最高债权额：">
146 <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit"></el-input> 168 <el-input
169 v-model="ruleForm.diyaq.zgzqse"
170 :disabled="!viewEdit"
171 ></el-input>
147 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 172 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
148 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 173 <el-option
174 v-for="item in dictData['A57']"
175 :key="item.dcode"
176 :label="item.dname"
177 :value="item.dcode"
178 >
149 </el-option> 179 </el-option>
150 </el-select> 180 </el-select>
151 </el-form-item> 181 </el-form-item>
...@@ -153,13 +183,21 @@ ...@@ -153,13 +183,21 @@
153 183
154 <el-col :span="8"> 184 <el-col :span="8">
155 <el-form-item label="债务履行起始时间："> 185 <el-form-item label="债务履行起始时间：">
156 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit" type="date"> 186 <el-date-picker
187 v-model="ruleForm.diyaq.zwlxqssj"
188 :disabled="!viewEdit"
189 type="date"
190 >
157 </el-date-picker> 191 </el-date-picker>
158 </el-form-item> 192 </el-form-item>
159 </el-col> 193 </el-col>
160 <el-col :span="8"> 194 <el-col :span="8">
161 <el-form-item label="债务履行结束时间："> 195 <el-form-item label="债务履行结束时间：">
162 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit" type="date"> 196 <el-date-picker
197 v-model="ruleForm.diyaq.zwlxjssj"
198 :disabled="!viewEdit"
199 type="date"
200 >
163 </el-date-picker> 201 </el-date-picker>
164 </el-form-item> 202 </el-form-item>
165 </el-col> 203 </el-col>
...@@ -168,22 +206,33 @@ ...@@ -168,22 +206,33 @@
168 <el-row> 206 <el-row>
169 <el-col :span="24"> 207 <el-col :span="24">
170 <el-form-item label="担保范围："> 208 <el-form-item label="担保范围：">
171 <el-input v-model="ruleForm.diyaq.dbfw" 209 <el-input
172 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 210 v-model="ruleForm.diyaq.dbfw"
211 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
212 ></el-input>
173 </el-form-item> 213 </el-form-item>
174 </el-col> 214 </el-col>
175 </el-row> 215 </el-row>
176 <el-row> 216 <el-row>
177 <el-col :span="24"> 217 <el-col :span="24">
178 <el-form-item label="最高债权确定事实和数额："> 218 <el-form-item label="最高债权确定事实和数额：">
179 <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit"></el-input> 219 <el-input
220 v-model="ruleForm.diyaq.zgzqqdss"
221 :disabled="!viewEdit"
222 ></el-input>
180 </el-form-item> 223 </el-form-item>
181 </el-col> 224 </el-col>
182 </el-row> 225 </el-row>
183 <el-row> 226 <el-row>
184 <el-col> 227 <el-col>
185 <el-form-item label="附记：" prop="fj"> 228 <el-form-item label="附记：" prop="fj">
186 <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit"></el-input> 229 <el-input
230 type="textarea"
231 maxlength="500"
232 show-word-limit
233 v-model="ruleForm.diyaq.fj"
234 :disabled="!viewEdit"
235 ></el-input>
187 </el-form-item> 236 </el-form-item>
188 </el-col> 237 </el-col>
189 </el-row> 238 </el-row>
...@@ -195,7 +244,10 @@ ...@@ -195,7 +244,10 @@
195 <el-row :gutter="10"> 244 <el-row :gutter="10">
196 <el-col :span="14"> 245 <el-col :span="14">
197 <el-form-item label="共有方式："> 246 <el-form-item label="共有方式：">
198 <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> 247 <el-radio-group
248 :disabled="!viewEdit"
249 v-model="ruleForm.sldy.gyfs"
250 >
199 <el-radio label="0">单独所有</el-radio> 251 <el-radio label="0">单独所有</el-radio>
200 <el-radio label="1">共同共有</el-radio> 252 <el-radio label="1">共同共有</el-radio>
201 <el-radio label="2">按份所有</el-radio> 253 <el-radio label="2">按份所有</el-radio>
...@@ -207,7 +259,9 @@ ...@@ -207,7 +259,9 @@
207 <el-form-item label="是否分别持证："> 259 <el-form-item label="是否分别持证：">
208 <el-radio-group 260 <el-radio-group
209 v-model="ruleForm.sldy.sqfbcz" 261 v-model="ruleForm.sldy.sqfbcz"
210 :disabled="!viewEdit"> 262 :disabled="!viewEdit"
263 @input="updaterow()"
264 >
211 <el-radio :label="1">是</el-radio> 265 <el-radio :label="1">是</el-radio>
212 <el-radio :label="0">否</el-radio> 266 <el-radio :label="0">否</el-radio>
213 </el-radio-group> 267 </el-radio-group>
...@@ -215,28 +269,40 @@ ...@@ -215,28 +269,40 @@
215 </el-col> 269 </el-col>
216 <el-col 270 <el-col
217 :span="6" 271 :span="6"
218 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 272 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
273 >
219 <el-form-item label="持证人："> 274 <el-form-item label="持证人：">
220 <el-select 275 <el-select
221 v-model="czr" 276 v-model="czr"
222 placeholder="持证人" 277 placeholder="持证人"
223 :disabled="!viewEdit"> 278 :disabled="!viewEdit"
279 >
224 <el-option 280 <el-option
225 v-for="item in czrOptions" 281 v-for="item in czrOptions"
226 :key="item.zjh" 282 :key="item.zjh"
227 :label="item.sqrmc" 283 :label="item.sqrmc"
228 :value="item.zjh"> 284 :value="item.zjh"
285 >
229 </el-option> 286 </el-option>
230 </el-select> 287 </el-select>
231 </el-form-item> 288 </el-form-item>
232 </el-col> 289 </el-col>
233 </el-row> 290 </el-row>
234 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" /> 291 <qlrCommonTable
292 :tableData="ruleForm.qlrList"
293 @upDateQlrxxList="upDateQlrxxList"
294 :disabled="viewEdit"
295 :gyfs="ruleForm.sldy.gyfs"
296 />
235 <div class="slxx_title title-block"> 297 <div class="slxx_title title-block">
236 抵押人信息 298 抵押人信息
237 <div class="triangle"></div> 299 <div class="triangle"></div>
238 </div> 300 </div>
239 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" /> 301 <qlrCommonTable
302 :tableData="ruleForm.ywrList"
303 @upDateQlrxxList="upDateYwrxxList"
304 :disabled="viewEdit"
305 />
240 306
241 <div class="slxx_title title-block"> 307 <div class="slxx_title title-block">
242 登记原因 308 登记原因
...@@ -244,14 +310,28 @@ ...@@ -244,14 +310,28 @@
244 </div> 310 </div>
245 <el-row :gutter="10"> 311 <el-row :gutter="10">
246 <el-col> 312 <el-col>
247 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy"> 313 <el-form-item
248 <el-input class="textArea" type="textarea" :disabled="!viewEdit" 314 v-if="ruleForm.sldy.djlx == '400'"
249 v-model="ruleForm.diyaq.zxdyyy"> 315 label="注销抵押原因："
316 prop="djyy"
317 >
318 <el-input
319 class="textArea"
320 type="textarea"
321 :disabled="!viewEdit"
322 v-model="ruleForm.diyaq.zxdyyy"
323 >
250 </el-input> 324 </el-input>
251 </el-form-item> 325 </el-form-item>
252 <el-form-item v-else label="登记原因：" prop="djyy"> 326 <el-form-item v-else label="登记原因：" prop="djyy">
253 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit " 327 <el-input
254 v-model="ruleForm.diyaq.djyy"> 328 class="textArea"
329 type="textarea"
330 maxlength="500"
331 show-word-limit
332 :disabled="!viewEdit"
333 v-model="ruleForm.diyaq.djyy"
334 >
255 </el-input> 335 </el-input>
256 </el-form-item> 336 </el-form-item>
257 </el-col> 337 </el-col>
...@@ -266,12 +346,12 @@ ...@@ -266,12 +346,12 @@
266 </div> 346 </div>
267 </template> 347 </template>
268 <script> 348 <script>
269 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 349 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
270 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; 350 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
271 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
272 export default { 352 export default {
273 mounted () { 353 mounted() {
274 this.viewEdit = this.$parent.currentSelectTab.ableOperation 354 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
275 this.propsParam = this.$attrs; 355 this.propsParam = this.$attrs;
276 var formdata = new FormData(); 356 var formdata = new FormData();
277 this.$startLoading(); 357 this.$startLoading();
...@@ -281,38 +361,33 @@ ...@@ -281,38 +361,33 @@
281 Init(formdata).then((res) => { 361 Init(formdata).then((res) => {
282 if (res.code === 200 && res.result) { 362 if (res.code === 200 && res.result) {
283 this.ruleForm = res.result; 363 this.ruleForm = res.result;
284 this.ruleForm.qlrList.forEach((item, index) => {
285 if (item.sfczr == 1) {
286 this.$set(this.ruleForm, "czr", item.zjh)
287 }
288 })
289 this.czrOptions = this.ruleForm.qlrList; 364 this.czrOptions = this.ruleForm.qlrList;
290 this.ruleForm.qlrList.forEach((item) => { 365 this.ruleForm.qlrList.forEach((item) => {
291 if(item.sfczr==1){ 366 if (item.sfczr == 1) {
292 this.czr=item.sqrmc 367 this.czr = item.sqrmc;
293 } 368 }
294 }) 369 });
295 this.$endLoading(); 370 this.$endLoading();
296 } 371 }
297 }) 372 });
298 }, 373 },
299 components: { qlrCommonTable }, 374 components: { qlrCommonTable },
300 computed: { 375 computed: {
301 ...mapGetters(["dictData", "flag"]), 376 ...mapGetters(["dictData", "flag"]),
302 }, 377 },
303 data () { 378 data() {
304 return { 379 return {
305 //表单是否可操作 380 //表单是否可操作
306 viewEdit: true, 381 viewEdit: true,
307 disabled: true, 382 disabled: true,
308 czrOptions: [], 383 czrOptions: [],
309 czr:"", 384 czr: "",
310 ruleForm: {}, 385 ruleForm: {},
311 //传递参数 386 //传递参数
312 propsParam: {}, 387 propsParam: {},
313 rules: {}, 388 rules: {},
314 // 键名转换，方法默认是label和children进行树状渲染 389 // 键名转换，方法默认是label和children进行树状渲染
315 normalizer (node) { 390 normalizer(node) {
316 //方法 391 //方法
317 if (node.children == null || node.children == "null") { 392 if (node.children == null || node.children == "null") {
318 delete node.children; 393 delete node.children;
...@@ -329,8 +404,8 @@ ...@@ -329,8 +404,8 @@
329 * @description: onSubmitClick 404 * @description: onSubmitClick
330 * @author: renchao 405 * @author: renchao
331 */ 406 */
332 onSubmitClick () { 407 onSubmitClick() {
333 let that = this 408 let that = this;
334 if (this.ruleForm.qlrList.length == 0) { 409 if (this.ruleForm.qlrList.length == 0) {
335 this.$message({ 410 this.$message({
336 showClose: true, 411 showClose: true,
...@@ -354,7 +429,8 @@ ...@@ -354,7 +429,8 @@
354 if (this.ruleForm.qlrList.length <= 1) { 429 if (this.ruleForm.qlrList.length <= 1) {
355 this.$message({ 430 this.$message({
356 showClose: true, 431 showClose: true,
357 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 432 message:
433 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
358 type: "error", 434 type: "error",
359 }); 435 });
360 return false; 436 return false;
...@@ -390,7 +466,7 @@ ...@@ -390,7 +466,7 @@
390 message: "保存成功！", 466 message: "保存成功！",
391 type: "success", 467 type: "success",
392 }); 468 });
393 this.$store.dispatch('user/refreshPage', true); 469 this.$store.dispatch("user/refreshPage", true);
394 } else { 470 } else {
395 this.$message({ 471 this.$message({
396 showClose: true, 472 showClose: true,
...@@ -406,27 +482,36 @@ ...@@ -406,27 +482,36 @@
406 * @param {*} val 482 * @param {*} val
407 * @author: renchao 483 * @author: renchao
408 */ 484 */
409 upDateQlrxxList (val) { 485 upDateQlrxxList(val) {
410 if (!_.isEqual(val, this.ruleForm.qlrList)) { 486 if (!_.isEqual(val, this.ruleForm.qlrList)) {
411 this.ruleForm.qlrList = _.cloneDeep(val); 487 this.ruleForm.qlrList = _.cloneDeep(val);
412 this.czrOptions = this.ruleForm.qlrList 488 this.czrOptions = this.ruleForm.qlrList;
413 } 489 }
414 }, 490 },
491 // 是否持证人变化
492 /**
493 * @description: 是否持证人变化
494 * @param {*} val
495 * @author: renchao
496 */
497 updaterow() {
498 this.czr = "";
499 },
415 // 更新义务人信息 500 // 更新义务人信息
416 /** 501 /**
417 * @description: 更新义务人信息 502 * @description: 更新义务人信息
418 * @param {*} val 503 * @param {*} val
419 * @author: renchao 504 * @author: renchao
420 */ 505 */
421 upDateYwrxxList (val) { 506 upDateYwrxxList(val) {
422 if (!_.isEqual(val, this.ruleForm.ywrList)) { 507 if (!_.isEqual(val, this.ruleForm.ywrList)) {
423 this.ruleForm.ywrList = _.cloneDeep(val); 508 this.ruleForm.ywrList = _.cloneDeep(val);
424 } 509 }
425 } 510 },
426 } 511 },
427 }; 512 };
428 </script> 513 </script>
429 <style scoped lang='scss'> 514 <style scoped lang="scss">
430 @import "~@/styles/public.scss"; 515 @import "~@/styles/public.scss";
431 @import "~@/styles/slxx/slxx.scss"; 516 @import "~@/styles/slxx/slxx.scss";
432 </style> 517 </style>
......