Skip to content

bdc / bdcdj-web

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

style:受理申请

1 parent 22d6462f
Inline Side-by-side
Showing 1 changed file with 181 additions and 213 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:25:49 4 * @LastEditTime: 2023-08-25 09:39:00
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 label-width="120px" 17 label-width="120px">
18 >
19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
20 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
21 受理信息 20 受理信息
...@@ -83,25 +82,18 @@ ...@@ -83,25 +82,18 @@
83 <el-input 82 <el-input
84 maxlength="12" 83 maxlength="12"
85 v-model="ruleForm.jsydsyq.syqmj" 84 v-model="ruleForm.jsydsyq.syqmj"
86 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 85 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
87 ></el-input>
88 <el-select disabled v-model="mjdw" style="width: 68px"> 86 <el-select disabled v-model="mjdw" style="width: 68px">
89 <el-option 87 <el-option
90 v-for="item in dictData['A7']" 88 v-for="item in dictData['A7']"
91 :key="item.dcode" 89 :key="item.dcode"
92 :label="item.dname" 90 :label="item.dname"
93 :value="item.dcode" 91 :value="item.dcode">
94 >
95 </el-option> 92 </el-option>
96 </el-select> 93 </el-select>
97 </div> 94 </div>
98 </el-form-item> 95 </el-form-item>
99 </el-col> 96 </el-col>
100 <!-- <el-col :span="8">
101 <el-form-item label="土地用途：">
102 <el-input v-model="ruleForm.zdjbxx.ghytmc"></el-input>
103 </el-form-item>
104 </el-col> -->
105 <el-col :span="8"> 97 <el-col :span="8">
106 <el-form-item label="权利设定方式："> 98 <el-form-item label="权利设定方式：">
107 <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> 99 <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
...@@ -111,18 +103,16 @@ ...@@ -111,18 +103,16 @@
111 <el-form-item label="取得价格："> 103 <el-form-item label="取得价格：">
112 <div style="display: flex"> 104 <div style="display: flex">
113 <el-input 105 <el-input
114 maxlength="11" 106 maxlength="11"
115 v-model="ruleForm.jsydsyq.qdjg" 107 v-model="ruleForm.jsydsyq.qdjg"
116 style="width: 500%" 108 style="width: 500%"
117 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 109 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
118 ></el-input>
119 <el-select v-model="ruleForm.jsydsyq.jedw"> 110 <el-select v-model="ruleForm.jsydsyq.jedw">
120 <el-option 111 <el-option
121 v-for="item in dictData['A57']" 112 v-for="item in dictData['A57']"
122 :key="item.dcode" 113 :key="item.dcode"
123 :label="item.dname" 114 :label="item.dname"
124 :value="item.dcode" 115 :value="item.dcode">
125 >
126 </el-option> 116 </el-option>
127 </el-select> 117 </el-select>
128 </div> 118 </div>
...@@ -135,28 +125,15 @@ ...@@ -135,28 +125,15 @@
135 </el-form-item> 125 </el-form-item>
136 </el-col> 126 </el-col>
137 </el-row> 127 </el-row>
138 <!-- <el-row :gutter="10">
139 <el-col :span="8">
140 <el-form-item label="使用期限：">
141 <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
142 </el-form-item>
143 </el-col>
144
145 <el-col :span="16">
146 <el-form-item label="使用权起止时间：">
147 <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
148 </el-form-item>
149 </el-col>
150 </el-row> -->
151 <el-row :gutter="10"> 128 <el-row :gutter="10">
152 <el-col> 129 <el-col>
153 <el-form-item label="附记：" prop="fj"> 130 <el-form-item label="附记：" prop="fj">
154 <el-input 131 <el-input
155 type="textarea" 132 type="textarea"
156 maxlength="500" 133 maxlength="500"
134 :disabled="!viewEdit"
157 show-word-limit 135 show-word-limit
158 v-model="ruleForm.jsydsyq.fj" 136 v-model="ruleForm.jsydsyq.fj"></el-input>
159 ></el-input>
160 </el-form-item> 137 </el-form-item>
161 </el-col> 138 </el-col>
162 </el-row> 139 </el-row>
...@@ -167,8 +144,7 @@ ...@@ -167,8 +144,7 @@
167 <tdytTable 144 <tdytTable
168 :ableOperation="viewEdit" 145 :ableOperation="viewEdit"
169 :tableData="ruleForm.tdytqxList" 146 :tableData="ruleForm.tdytqxList"
170 @upDateTdytxxList="upDateTdytxxList" 147 @upDateTdytxxList="upDateTdytxxList" />
171 />
172 <div class="slxx_title title-block"> 148 <div class="slxx_title title-block">
173 权利人信息 149 权利人信息
174 <div class="triangle"></div> 150 <div class="triangle"></div>
...@@ -178,8 +154,7 @@ ...@@ -178,8 +154,7 @@
178 <el-form-item label="共有方式："> 154 <el-form-item label="共有方式：">
179 <el-radio-group 155 <el-radio-group
180 :disabled="!viewEdit" 156 :disabled="!viewEdit"
181 v-model="ruleForm.sldy.gyfs" 157 v-model="ruleForm.sldy.gyfs">
182 >
183 <el-radio label="0">单独所有</el-radio> 158 <el-radio label="0">单独所有</el-radio>
184 <el-radio label="1">共同共有</el-radio> 159 <el-radio label="1">共同共有</el-radio>
185 <el-radio label="2">按份所有</el-radio> 160 <el-radio label="2">按份所有</el-radio>
...@@ -192,8 +167,7 @@ ...@@ -192,8 +167,7 @@
192 <el-radio-group 167 <el-radio-group
193 v-model="ruleForm.sldy.sqfbcz" 168 v-model="ruleForm.sldy.sqfbcz"
194 :disabled="!viewEdit" 169 :disabled="!viewEdit"
195 @input="updaterow()" 170 @input="updaterow()">
196 >
197 <el-radio :label="1">是</el-radio> 171 <el-radio :label="1">是</el-radio>
198 <el-radio :label="0">否</el-radio> 172 <el-radio :label="0">否</el-radio>
199 </el-radio-group> 173 </el-radio-group>
...@@ -201,20 +175,17 @@ ...@@ -201,20 +175,17 @@
201 </el-col> 175 </el-col>
202 <el-col 176 <el-col
203 :span="6" 177 :span="6"
204 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 178 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
205 >
206 <el-form-item label="持证人："> 179 <el-form-item label="持证人：">
207 <el-select 180 <el-select
208 v-model="czr" 181 v-model="czr"
209 placeholder="持证人" 182 placeholder="持证人"
210 :disabled="!viewEdit" 183 :disabled="!viewEdit">
211 >
212 <el-option 184 <el-option
213 v-for="(item, index) in czrOptions" 185 v-for="(item, index) in czrOptions"
214 :key="index" 186 :key="index"
215 :label="item.sqrmc" 187 :label="item.sqrmc"
216 :value="item.zjh" 188 :value="item.zjh">
217 >
218 </el-option> 189 </el-option>
219 </el-select> 190 </el-select>
220 </el-form-item> 191 </el-form-item>
...@@ -225,8 +196,7 @@ ...@@ -225,8 +196,7 @@
225 :disabled="viewEdit" 196 :disabled="viewEdit"
226 @upDateQlrxxList="upDateQlrxxList" 197 @upDateQlrxxList="upDateQlrxxList"
227 :key="key" 198 :key="key"
228 :gyfs="ruleForm.sldy.gyfs" 199 :gyfs="ruleForm.sldy.gyfs" />
229 />
230 200
231 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 201 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
232 <div class="slxx_title title-block"> 202 <div class="slxx_title title-block">
...@@ -238,8 +208,7 @@ ...@@ -238,8 +208,7 @@
238 :disabled="viewEdit" 208 :disabled="viewEdit"
239 :tableData="ruleForm.ywrList" 209 :tableData="ruleForm.ywrList"
240 :key="key" 210 :key="key"
241 @upDateQlrxxList="upDateYwrxxList" 211 @upDateQlrxxList="upDateYwrxxList" />
242 />
243 </div> 212 </div>
244 213
245 <div class="slxx_title title-block"> 214 <div class="slxx_title title-block">
...@@ -255,8 +224,7 @@ ...@@ -255,8 +224,7 @@
255 maxlength="500" 224 maxlength="500"
256 show-word-limit 225 show-word-limit
257 :disabled="!viewEdit" 226 :disabled="!viewEdit"
258 v-model="ruleForm.jsydsyq.djyy" 227 v-model="ruleForm.jsydsyq.djyy">
259 >
260 </el-input> 228 </el-input>
261 </el-form-item> 229 </el-form-item>
262 </el-col> 230 </el-col>
...@@ -271,197 +239,197 @@ ...@@ -271,197 +239,197 @@
271 </div> 239 </div>
272 </template> 240 </template>
273 <script> 241 <script>
274 import { mapGetters } from "vuex"; 242 import { mapGetters } from "vuex";
275 import ywmix from "@/views/ywbl/mixin/index"; 243 import ywmix from "@/views/ywbl/mixin/index";
276 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 244 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
277 import tdytTable from "@/views/workflow/components/tdytTable"; 245 import tdytTable from "@/views/workflow/components/tdytTable";
278 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
279 export default { 247 export default {
280 mixins: [ywmix], 248 mixins: [ywmix],
281 mounted() { 249 mounted () {
282 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 250 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
283 this.propsParam = this.$attrs; 251 this.propsParam = this.$attrs;
284 var formdata = new FormData(); 252 var formdata = new FormData();
285 let that = this; 253 let that = this;
286 this.$startLoading(); 254 this.$startLoading();
287 formdata.append("bsmSldy", this.propsParam.bsmSldy); 255 formdata.append("bsmSldy", this.propsParam.bsmSldy);
288 formdata.append("djlx", this.propsParam.djlx); 256 formdata.append("djlx", this.propsParam.djlx);
289 formdata.append("isEdit", this.viewEdit); 257 formdata.append("isEdit", this.viewEdit);
290 Init(formdata).then((res) => { 258 Init(formdata).then((res) => {
291 this.$nextTick(() => { 259 this.$nextTick(() => {
292 that.ruleForm = res.result; 260 that.ruleForm = res.result;
293 that.$endLoading(); 261 that.$endLoading();
294 that.isShow = true; 262 that.isShow = true;
295 this.czrOptions = this.ruleForm.qlrList; 263 this.czrOptions = this.ruleForm.qlrList;
296 this.ruleForm.qlrList.forEach((item) => { 264 this.ruleForm.qlrList.forEach((item) => {
297 if (item.sfczr == 1) { 265 if (item.sfczr == 1) {
298 this.czr = item.sqrmc; 266 this.czr = item.sqrmc;
299 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr); 267 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr);
300 } 268 }
269 });
301 }); 270 });
302 }); 271 });
303 });
304 },
305 components: { qlrCommonTable, tdytTable },
306 computed: {
307 ...mapGetters(["dictData", "flag"]),
308 // 根据流程判断表单是否为只读
309 editDisabled() {
310 if (!this.viewEdit) {
311 //只读状态
312 return true;
313 }
314 return false;
315 }, 272 },
316 }, 273 components: { qlrCommonTable, tdytTable },
317 data() { 274 computed: {
318 return { 275 ...mapGetters(["dictData", "flag"]),
319 mjdw: "1", 276 // 根据流程判断表单是否为只读
320 //表单是否可操作 277 editDisabled () {
321 viewEdit: true, 278 if (!this.viewEdit) {
322 czr: "", 279 //只读状态
323 key: 0, 280 return true;
324 isShow: false, 281 }
325 disabled: true, 282 return false;
326 czrOptions: [], 283 },
327 ruleForm: {},
328 //传递参数
329 propsParam: {},
330 rules: {},
331 };
332 },
333 methods: {
334 /**
335 * @description: 更新土地用途信息
336 * @param {*} val
337 * @author: renchao
338 */
339 upDateTdytxxList(val) {
340 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
341 this.key++;
342 }, 284 },
343 // 更新权利人信息 285 data () {
344 /** 286 return {
345 * @description: 更新权利人信息 287 mjdw: "1",
346 * @param {*} val 288 //表单是否可操作
347 * @author: renchao 289 viewEdit: true,
348 */ 290 czr: "",
349 upDateQlrxxList(val) { 291 key: 0,
350 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 292 isShow: false,
351 this.czrOptions = this.ruleForm.qlrList; 293 disabled: true,
352 this.key++; 294 czrOptions: [],
295 ruleForm: {},
296 //传递参数
297 propsParam: {},
298 rules: {},
299 };
353 }, 300 },
354 // 是否持证人变化 301 methods: {
355 /** 302 /**
356 * @description: 是否持证人变化 303 * @description: 更新土地用途信息
357 * @param {*} val 304 * @param {*} val
358 * @author: renchao 305 * @author: renchao
359 */ 306 */
360 updaterow() { 307 upDateTdytxxList (val) {
308 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
309 this.key++;
310 },
311 // 更新权利人信息
312 /**
313 * @description: 更新权利人信息
314 * @param {*} val
315 * @author: renchao
316 */
317 upDateQlrxxList (val) {
318 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
319 this.czrOptions = this.ruleForm.qlrList;
320 this.key++;
321 },
322 // 是否持证人变化
323 /**
324 * @description: 是否持证人变化
325 * @param {*} val
326 * @author: renchao
327 */
328 updaterow () {
361 this.czr = ""; 329 this.czr = "";
362 }, 330 },
363 // 更新义务人信息 331 // 更新义务人信息
364 /** 332 /**
365 * @description: 更新义务人信息 333 * @description: 更新义务人信息
366 * @param {*} val 334 * @param {*} val
367 * @author: renchao 335 * @author: renchao
368 */ 336 */
369 upDateYwrxxList(val) { 337 upDateYwrxxList (val) {
370 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 338 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
371 this.key++; 339 this.key++;
372 }, 340 },
373 /** 341 /**
374 * @description: onSubmit 342 * @description: onSubmit
375 * @author: renchao 343 * @author: renchao
376 */ 344 */
377 onSubmit() { 345 onSubmit () {
378 let that = this; 346 let that = this;
379 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 347 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
380 if (arr.length > 0) { 348 if (arr.length > 0) {
381 this.$message({
382 showClose: true,
383 message: "土地用途不能为空",
384 type: "error",
385 });
386 return false;
387 }
388 if (this.ruleForm.qlrList.length == 0) {
389 this.$message({
390 showClose: true,
391 message: "请确认权利人信息",
392 type: "error",
393 });
394 return false;
395 }
396 if (this.ruleForm.sldy.gyfs == "0") {
397 if (this.ruleForm.qlrList.length > 1) {
398 this.$message({ 349 this.$message({
399 showClose: true, 350 showClose: true,
400 message: "共有方式：单独所有，权利人只能是一个人", 351 message: "土地用途不能为空",
401 type: "error", 352 type: "error",
402 }); 353 });
403 return false; 354 return false;
404 } 355 }
405 this.ruleForm.qlrList[0].sfczr = "1"; 356 if (this.ruleForm.qlrList.length == 0) {
406 } else {
407 if (this.ruleForm.qlrList.length <= 1) {
408 this.$message({ 357 this.$message({
409 showClose: true, 358 showClose: true,
410 message: 359 message: "请确认权利人信息",
411 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
412 type: "error", 360 type: "error",
413 }); 361 });
414 return false; 362 return false;
415 } 363 }
416 //是否分别持证 364 if (this.ruleForm.sldy.gyfs == "0") {
417 if (this.ruleForm.sldy.sqfbcz == "1") { 365 if (this.ruleForm.qlrList.length > 1) {
418 //是 366 this.$message({
419 this.ruleForm.qlrList.forEach((item, index) => { 367 showClose: true,
420 item.sfczr = "1"; 368 message: "共有方式：单独所有，权利人只能是一个人",
421 }); 369 type: "error",
370 });
371 return false;
372 }
373 this.ruleForm.qlrList[0].sfczr = "1";
422 } else { 374 } else {
423 if (!that.czr) { 375 if (this.ruleForm.qlrList.length <= 1) {
424 that.$message({ 376 this.$message({
425 showClose: true, 377 showClose: true,
426 message: "请选择持证人", 378 message:
379 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
427 type: "error", 380 type: "error",
428 }); 381 });
429 return false; 382 return false;
430 } 383 }
431 this.ruleForm.qlrList.forEach((item, index) => { 384 //是否分别持证
432 if (item.zjh == this.czr) { 385 if (this.ruleForm.sldy.sqfbcz == "1") {
386 //是
387 this.ruleForm.qlrList.forEach((item, index) => {
433 item.sfczr = "1"; 388 item.sfczr = "1";
434 } else { 389 });
435 item.sfczr = "0"; 390 } else {
391 if (!that.czr) {
392 that.$message({
393 showClose: true,
394 message: "请选择持证人",
395 type: "error",
396 });
397 return false;
436 } 398 }
437 }); 399 this.ruleForm.qlrList.forEach((item, index) => {
438 } 400 if (item.zjh == this.czr) {
439 } 401 item.sfczr = "1";
440 /** 402 } else {
441 * @description: saveData 403 item.sfczr = "0";
442 * @author: renchao 404 }
443 */ 405 });
444 saveData(this.ruleForm).then((res) => { 406 }
445 if (res.code === 200) {
446 this.$message({
447 showClose: true,
448 message: "保存成功！",
449 type: "success",
450 });
451 this.$store.dispatch("user/refreshPage", true);
452 } else {
453 this.$message({
454 showClose: true,
455 message: res.message,
456 type: "error",
457 });
458 } 407 }
459 }); 408 /**
409 * @description: saveData
410 * @author: renchao
411 */
412 saveData(this.ruleForm).then((res) => {
413 if (res.code === 200) {
414 this.$message({
415 showClose: true,
416 message: "保存成功！",
417 type: "success",
418 });
419 this.$store.dispatch("user/refreshPage", true);
420 } else {
421 this.$message({
422 showClose: true,
423 message: res.message,
424 type: "error",
425 });
426 }
427 });
428 },
460 }, 429 },
461 }, 430 };
462 };
463 </script> 431 </script>
464 <style scoped lang="scss"> 432 <style scoped lang="scss">
465 @import "~@/styles/public.scss"; 433 @import "~@/styles/public.scss";
466 @import "~@/styles/slxx/slxx.scss"; 434 @import "~@/styles/slxx/slxx.scss";
467 </style> 435 </style>
......