style:流程框架的修改
Showing
18 changed files
with
227 additions
and
241 deletions
src/api/djyw.js
0 → 100644
1 | /* | ||
2 | * @Description: 登记业务信息接口 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-15 14:16:20 | ||
5 | */ | ||
6 | import request from '@/utils/request' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | /** | ||
9 | * @description: 根据业务号查询系统参数数据 | ||
10 | * @param {*} ywh | ||
11 | * @author: renchao | ||
12 | */ | ||
13 | export function getXtParamsByYwh (ywh) { | ||
14 | return request({ | ||
15 | url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getXtParamsByYwh', | ||
16 | method: 'get', | ||
17 | params: { | ||
18 | ywh: ywh | ||
19 | } | ||
20 | }) | ||
21 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
16 | :show-message="false" | 16 | :show-message="false" |
17 | :inline="flag" | 17 | :inline="flag" |
18 | label-width="190px" | 18 | label-width="190px"> |
19 | > | ||
20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
22 | 申请业务信息 | 21 | 申请业务信息 |
... | @@ -45,25 +44,21 @@ | ... | @@ -45,25 +44,21 @@ |
45 | <el-form-item | 44 | <el-form-item |
46 | label="上手权利信息:" | 45 | label="上手权利信息:" |
47 | prop="ssQlxx.bdcqzh" | 46 | prop="ssQlxx.bdcqzh" |
48 | :rules="rules.ssQlxxrules" | 47 | :rules="rules.ssQlxxrules"> |
49 | > | ||
50 | <select-table | 48 | <select-table |
51 | v-model="ruleForm.ssQlxx" | 49 | v-model="ruleForm.ssQlxx" |
52 | :table-width="730" | 50 | :table-width="730" |
53 | :tableData="ssQlxxList" | 51 | :tableData="ssQlxxList" |
54 | :props="props" | 52 | :props="props" |
55 | @change="ssQlxxchange" | 53 | @change="ssQlxxchange"> |
56 | > | ||
57 | <el-table-column | 54 | <el-table-column |
58 | prop="qllxmc" | 55 | prop="qllxmc" |
59 | width="130" | 56 | width="130" |
60 | label="权利类型" | 57 | label="权利类型"></el-table-column> |
61 | ></el-table-column> | ||
62 | <el-table-column | 58 | <el-table-column |
63 | prop="bdcqzh" | 59 | prop="bdcqzh" |
64 | width="160" | 60 | width="160" |
65 | label="不动产权证书" | 61 | label="不动产权证书"></el-table-column> |
66 | ></el-table-column> | ||
67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 62 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 63 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 64 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
... | @@ -83,13 +78,11 @@ | ... | @@ -83,13 +78,11 @@ |
83 | <el-form-item | 78 | <el-form-item |
84 | label="业务号:" | 79 | label="业务号:" |
85 | prop="qlxx.ywh" | 80 | prop="qlxx.ywh" |
86 | :rules="rules.ywhrules" | 81 | :rules="rules.ywhrules"> |
87 | > | ||
88 | <el-input | 82 | <el-input |
89 | maxlength="20" | 83 | maxlength="20" |
90 | onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" | 84 | onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" |
91 | v-model="ruleForm.qlxx.ywh" | 85 | v-model="ruleForm.qlxx.ywh"></el-input> |
92 | ></el-input> | ||
93 | </el-form-item> | 86 | </el-form-item> |
94 | </el-col> | 87 | </el-col> |
95 | <el-col :span="8"> | 88 | <el-col :span="8"> |
... | @@ -108,15 +101,13 @@ | ... | @@ -108,15 +101,13 @@ |
108 | <el-form-item | 101 | <el-form-item |
109 | label="登记类型:" | 102 | label="登记类型:" |
110 | prop="qlxx.djlx" | 103 | prop="qlxx.djlx" |
111 | :rules="rules.djlxrules" | 104 | :rules="rules.djlxrules"> |
112 | > | ||
113 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 105 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
114 | <el-option | 106 | <el-option |
115 | v-for="item in djlxlist" | 107 | v-for="item in djlxlist" |
116 | :key="item.dcode" | 108 | :key="item.dcode" |
117 | :label="item.dname" | 109 | :label="item.dname" |
118 | :value="item.dcode" | 110 | :value="item.dcode"> |
119 | > | ||
120 | </el-option> | 111 | </el-option> |
121 | </el-select> | 112 | </el-select> |
122 | </el-form-item> | 113 | </el-form-item> |
... | @@ -128,8 +119,7 @@ | ... | @@ -128,8 +119,7 @@ |
128 | v-for="item in qsztlist" | 119 | v-for="item in qsztlist" |
129 | :key="item.dcode" | 120 | :key="item.dcode" |
130 | :label="item.dname" | 121 | :label="item.dname" |
131 | :value="item.dcode" | 122 | :value="item.dcode"> |
132 | > | ||
133 | </el-option> | 123 | </el-option> |
134 | </el-select> | 124 | </el-select> |
135 | </el-form-item> | 125 | </el-form-item> |
... | @@ -232,15 +222,13 @@ | ... | @@ -232,15 +222,13 @@ |
232 | <el-input | 222 | <el-input |
233 | maxlength="12" | 223 | maxlength="12" |
234 | v-model="ruleForm.lq.syqmj" | 224 | v-model="ruleForm.lq.syqmj" |
235 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 225 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
236 | ></el-input> | ||
237 | <el-select disabled v-model="mjdw" style="width: 68px"> | 226 | <el-select disabled v-model="mjdw" style="width: 68px"> |
238 | <el-option | 227 | <el-option |
239 | v-for="item in dictData['A7']" | 228 | v-for="item in dictData['A7']" |
240 | :key="item.dcode" | 229 | :key="item.dcode" |
241 | :label="item.dname" | 230 | :label="item.dname" |
242 | :value="item.dcode" | 231 | :value="item.dcode"> |
243 | > | ||
244 | </el-option> | 232 | </el-option> |
245 | </el-select> | 233 | </el-select> |
246 | </div> | 234 | </div> |
... | @@ -262,15 +250,13 @@ | ... | @@ -262,15 +250,13 @@ |
262 | <el-input | 250 | <el-input |
263 | maxlength="11" | 251 | maxlength="11" |
264 | v-model="ruleForm.lq.qdjg" | 252 | v-model="ruleForm.lq.qdjg" |
265 | style="width: 500%" | 253 | style="width: 500%"></el-input> |
266 | ></el-input> | ||
267 | <el-select v-model="ruleForm.lq.jedw"> | 254 | <el-select v-model="ruleForm.lq.jedw"> |
268 | <el-option | 255 | <el-option |
269 | v-for="item in dictData['A57']" | 256 | v-for="item in dictData['A57']" |
270 | :key="item.dcode" | 257 | :key="item.dcode" |
271 | :label="item.dname" | 258 | :label="item.dname" |
272 | :value="item.dcode" | 259 | :value="item.dcode"> |
273 | > | ||
274 | </el-option> | 260 | </el-option> |
275 | </el-select> | 261 | </el-select> |
276 | </div> | 262 | </div> |
... | @@ -281,8 +267,7 @@ | ... | @@ -281,8 +267,7 @@ |
281 | <el-form-item | 267 | <el-form-item |
282 | label="不动产权证号:" | 268 | label="不动产权证号:" |
283 | prop="qlxx.bdcqzh" | 269 | prop="qlxx.bdcqzh" |
284 | :rules="rules.bdcqzhrules" | 270 | :rules="rules.bdcqzhrules"> |
285 | > | ||
286 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 271 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
287 | </el-form-item> | 272 | </el-form-item> |
288 | </el-col> | 273 | </el-col> |
... | @@ -299,8 +284,7 @@ | ... | @@ -299,8 +284,7 @@ |
299 | <el-form-item | 284 | <el-form-item |
300 | label="登记机构:" | 285 | label="登记机构:" |
301 | prop="qlxx.djjg" | 286 | prop="qlxx.djjg" |
302 | :rules="rules.djjgrules" | 287 | :rules="rules.djjgrules"> |
303 | > | ||
304 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 288 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
305 | </el-form-item> | 289 | </el-form-item> |
306 | </el-col> | 290 | </el-col> |
... | @@ -308,8 +292,7 @@ | ... | @@ -308,8 +292,7 @@ |
308 | <el-form-item | 292 | <el-form-item |
309 | label="登簿人:" | 293 | label="登簿人:" |
310 | prop="qlxx.dbr" | 294 | prop="qlxx.dbr" |
311 | :rules="rules.dbrrules" | 295 | :rules="rules.dbrrules"> |
312 | > | ||
313 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 296 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
314 | </el-form-item> | 297 | </el-form-item> |
315 | </el-col> | 298 | </el-col> |
... | @@ -317,16 +300,14 @@ | ... | @@ -317,16 +300,14 @@ |
317 | <el-form-item | 300 | <el-form-item |
318 | label="登记时间:" | 301 | label="登记时间:" |
319 | prop="qlxx.djsj" | 302 | prop="qlxx.djsj" |
320 | :rules="rules.djsjrules" | 303 | :rules="rules.djsjrules"> |
321 | > | ||
322 | <el-date-picker | 304 | <el-date-picker |
323 | v-model="ruleForm.qlxx.djsj" | 305 | v-model="ruleForm.qlxx.djsj" |
324 | type="date" | 306 | type="date" |
325 | class="width100" | 307 | class="width100" |
326 | placeholder="选择日期" | 308 | placeholder="选择日期" |
327 | value-format="yyyy-MM-dd HH:mm:ss" | 309 | value-format="yyyy-MM-dd HH:mm:ss" |
328 | format="yyyy-MM-dd" | 310 | format="yyyy-MM-dd"> |
329 | > | ||
330 | </el-date-picker> | 311 | </el-date-picker> |
331 | </el-form-item> | 312 | </el-form-item> |
332 | </el-col> | 313 | </el-col> |
... | @@ -338,8 +319,7 @@ | ... | @@ -338,8 +319,7 @@ |
338 | v-model="ruleForm.lq.fj" | 319 | v-model="ruleForm.lq.fj" |
339 | type="textarea" | 320 | type="textarea" |
340 | maxlength="500" | 321 | maxlength="500" |
341 | show-word-limit | 322 | show-word-limit></el-input> |
342 | ></el-input> | ||
343 | </el-form-item> | 323 | </el-form-item> |
344 | </el-col> | 324 | </el-col> |
345 | </el-row> | 325 | </el-row> |
... | @@ -350,8 +330,7 @@ | ... | @@ -350,8 +330,7 @@ |
350 | <tdytTable | 330 | <tdytTable |
351 | :tableData="ruleForm.tdytqxList" | 331 | :tableData="ruleForm.tdytqxList" |
352 | @upDateTdytxxList="upDateTdytxxList" | 332 | @upDateTdytxxList="upDateTdytxxList" |
353 | :ableOperation="ableOperation" | 333 | :ableOperation="ableOperation" /> |
354 | /> | ||
355 | <div class="slxx_title title-block"> | 334 | <div class="slxx_title title-block"> |
356 | 权利人信息 | 335 | 权利人信息 |
357 | <div class="triangle"></div> | 336 | <div class="triangle"></div> |
... | @@ -361,8 +340,7 @@ | ... | @@ -361,8 +340,7 @@ |
361 | <el-form-item label="共有方式:"> | 340 | <el-form-item label="共有方式:"> |
362 | <el-radio-group | 341 | <el-radio-group |
363 | :disabled="!ableOperation" | 342 | :disabled="!ableOperation" |
364 | v-model="ruleForm.qlxx.gyfs" | 343 | v-model="ruleForm.qlxx.gyfs"> |
365 | > | ||
366 | <el-radio label="0">单独所有</el-radio> | 344 | <el-radio label="0">单独所有</el-radio> |
367 | <el-radio label="1">共同共有</el-radio> | 345 | <el-radio label="1">共同共有</el-radio> |
368 | <el-radio label="2">按份所有</el-radio> | 346 | <el-radio label="2">按份所有</el-radio> |
... | @@ -376,8 +354,7 @@ | ... | @@ -376,8 +354,7 @@ |
376 | @upDateQlrxxList="upDateQlrxxList" | 354 | @upDateQlrxxList="upDateQlrxxList" |
377 | :key="key" | 355 | :key="key" |
378 | :ableOperation="ableOperation" | 356 | :ableOperation="ableOperation" |
379 | :gyfs="ruleForm.qlxx.gyfs" | 357 | :gyfs="ruleForm.qlxx.gyfs" /> |
380 | /> | ||
381 | </div> | 358 | </div> |
382 | <el-row class="btn" v-if="ableOperation"> | 359 | <el-row class="btn" v-if="ableOperation"> |
383 | <el-form-item> | 360 | <el-form-item> |
... | @@ -388,20 +365,20 @@ | ... | @@ -388,20 +365,20 @@ |
388 | </div> | 365 | </div> |
389 | </template> | 366 | </template> |
390 | <script> | 367 | <script> |
391 | import { mapGetters } from "vuex"; | 368 | import { mapGetters } from "vuex"; |
392 | import store from "@/store/index.js"; | 369 | import store from "@/store/index.js"; |
393 | import ywmix from "@/views/ywbl/mixin/index"; | 370 | import ywmix from "@/views/ywbl/mixin/index"; |
394 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 371 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
395 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 372 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
396 | import tdytTable from "@/views/workflow/components/tdytTable"; | 373 | import tdytTable from "@/views/workflow/components/tdytTable"; |
397 | import selectTable from "@/components/selectTable/index.vue"; | 374 | import selectTable from "@/components/selectTable/index.vue"; |
398 | export default { | 375 | export default { |
399 | mixins: [ywmix], | 376 | mixins: [ywmix], |
400 | components: { qlrCommonTable, tdytTable, selectTable }, | 377 | components: { qlrCommonTable, tdytTable, selectTable }, |
401 | computed: { | 378 | computed: { |
402 | ...mapGetters(["dictData", "flag"]), | 379 | ...mapGetters(["dictData", "flag"]), |
403 | // 根据流程判断表单是否为只读 | 380 | // 根据流程判断表单是否为只读 |
404 | editDisabled() { | 381 | editDisabled () { |
405 | if (!this.ableOperation) { | 382 | if (!this.ableOperation) { |
406 | //只读状态 | 383 | //只读状态 |
407 | return true; | 384 | return true; |
... | @@ -409,7 +386,7 @@ export default { | ... | @@ -409,7 +386,7 @@ export default { |
409 | return false; | 386 | return false; |
410 | }, | 387 | }, |
411 | }, | 388 | }, |
412 | data() { | 389 | data () { |
413 | return { | 390 | return { |
414 | mjdw: "1", | 391 | mjdw: "1", |
415 | ssqlxxshow: true, | 392 | ssqlxxshow: true, |
... | @@ -418,7 +395,7 @@ export default { | ... | @@ -418,7 +395,7 @@ export default { |
418 | value: "bdcdyid", | 395 | value: "bdcdyid", |
419 | }, | 396 | }, |
420 | // 键名转换,方法默认是label和children进行树状渲染 | 397 | // 键名转换,方法默认是label和children进行树状渲染 |
421 | normalizer(node) { | 398 | normalizer (node) { |
422 | //方法 | 399 | //方法 |
423 | if (node.children == null || node.children == "null") { | 400 | if (node.children == null || node.children == "null") { |
424 | delete node.children; | 401 | delete node.children; |
... | @@ -494,10 +471,10 @@ export default { | ... | @@ -494,10 +471,10 @@ export default { |
494 | }, | 471 | }, |
495 | }; | 472 | }; |
496 | }, | 473 | }, |
497 | created() { | 474 | created () { |
498 | this.loadData(); | 475 | this.loadData(); |
499 | }, | 476 | }, |
500 | mounted() { | 477 | mounted () { |
501 | this.ableOperation = this.$parent.ableOperation; | 478 | this.ableOperation = this.$parent.ableOperation; |
502 | }, | 479 | }, |
503 | methods: { | 480 | methods: { |
... | @@ -506,7 +483,7 @@ export default { | ... | @@ -506,7 +483,7 @@ export default { |
506 | * @param {*} val | 483 | * @param {*} val |
507 | * @author: renchao | 484 | * @author: renchao |
508 | */ | 485 | */ |
509 | ssQlxxchange(val) { | 486 | ssQlxxchange (val) { |
510 | this.ruleForm.ssQlxx = val; | 487 | this.ruleForm.ssQlxx = val; |
511 | this.ruleForm.qlxx.ssywh = val.ywh; | 488 | this.ruleForm.qlxx.ssywh = val.ywh; |
512 | this.ssQlxxchangediolog(val); | 489 | this.ssQlxxchangediolog(val); |
... | @@ -517,7 +494,7 @@ export default { | ... | @@ -517,7 +494,7 @@ export default { |
517 | * @param {*} val | 494 | * @param {*} val |
518 | * @author: renchao | 495 | * @author: renchao |
519 | */ | 496 | */ |
520 | ssQlxxchangediolog(val) { | 497 | ssQlxxchangediolog (val) { |
521 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 498 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
522 | iconClass: "el-icon-question", //自定义图标样式 | 499 | iconClass: "el-icon-question", //自定义图标样式 |
523 | confirmButtonText: "确认", //确认按钮文字更换 | 500 | confirmButtonText: "确认", //确认按钮文字更换 |
... | @@ -579,7 +556,7 @@ export default { | ... | @@ -579,7 +556,7 @@ export default { |
579 | * @param {*} val | 556 | * @param {*} val |
580 | * @author: renchao | 557 | * @author: renchao |
581 | */ | 558 | */ |
582 | djlxchange(val) { | 559 | djlxchange (val) { |
583 | if (val == null || val == 100) { | 560 | if (val == null || val == 100) { |
584 | this.ssqlxxshow = false; | 561 | this.ssqlxxshow = false; |
585 | } else { | 562 | } else { |
... | @@ -592,14 +569,14 @@ export default { | ... | @@ -592,14 +569,14 @@ export default { |
592 | * @param {*} val | 569 | * @param {*} val |
593 | * @author: renchao | 570 | * @author: renchao |
594 | */ | 571 | */ |
595 | getDictData(val) { | 572 | getDictData (val) { |
596 | return store.getters.dictData[val]; | 573 | return store.getters.dictData[val]; |
597 | }, | 574 | }, |
598 | /** | 575 | /** |
599 | * @description: loadData | 576 | * @description: loadData |
600 | * @author: renchao | 577 | * @author: renchao |
601 | */ | 578 | */ |
602 | loadData() { | 579 | loadData () { |
603 | this.$startLoading(); | 580 | this.$startLoading(); |
604 | this.propsParam.isEdit = this.$parent.isEdit; | 581 | this.propsParam.isEdit = this.$parent.isEdit; |
605 | init(this.propsParam).then((res) => { | 582 | init(this.propsParam).then((res) => { |
... | @@ -634,7 +611,7 @@ export default { | ... | @@ -634,7 +611,7 @@ export default { |
634 | * @param {*} val | 611 | * @param {*} val |
635 | * @author: renchao | 612 | * @author: renchao |
636 | */ | 613 | */ |
637 | upDateTdytxxList(val) { | 614 | upDateTdytxxList (val) { |
638 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 615 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
639 | this.key++; | 616 | this.key++; |
640 | }, | 617 | }, |
... | @@ -644,7 +621,7 @@ export default { | ... | @@ -644,7 +621,7 @@ export default { |
644 | * @param {*} val | 621 | * @param {*} val |
645 | * @author: renchao | 622 | * @author: renchao |
646 | */ | 623 | */ |
647 | upDateQlrxxList(val) { | 624 | upDateQlrxxList (val) { |
648 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 625 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
649 | this.czrOptions = this.ruleForm.qlrData; | 626 | this.czrOptions = this.ruleForm.qlrData; |
650 | this.key++; | 627 | this.key++; |
... | @@ -654,7 +631,7 @@ export default { | ... | @@ -654,7 +631,7 @@ export default { |
654 | * @description: onSubmit | 631 | * @description: onSubmit |
655 | * @author: renchao | 632 | * @author: renchao |
656 | */ | 633 | */ |
657 | onSubmit() { | 634 | onSubmit () { |
658 | this.$refs.ruleForm.validate((valid) => { | 635 | this.$refs.ruleForm.validate((valid) => { |
659 | if (valid) { | 636 | if (valid) { |
660 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 637 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
... | @@ -694,6 +671,7 @@ export default { | ... | @@ -694,6 +671,7 @@ export default { |
694 | return false; | 671 | return false; |
695 | } | 672 | } |
696 | } | 673 | } |
674 | this.$store.dispatch("user/refreshPage", false); | ||
697 | save(this.ruleForm).then((res) => { | 675 | save(this.ruleForm).then((res) => { |
698 | if (res.code === 200) { | 676 | if (res.code === 200) { |
699 | this.$message({ | 677 | this.$message({ |
... | @@ -717,9 +695,9 @@ export default { | ... | @@ -717,9 +695,9 @@ export default { |
717 | }); | 695 | }); |
718 | }, | 696 | }, |
719 | }, | 697 | }, |
720 | }; | 698 | }; |
721 | </script> | 699 | </script> |
722 | <style scoped lang="scss"> | 700 | <style scoped lang="scss"> |
723 | @import "~@/styles/public.scss"; | 701 | @import "~@/styles/public.scss"; |
724 | @import "~@/styles/slxx/slxx.scss"; | 702 | @import "~@/styles/slxx/slxx.scss"; |
725 | </style> | 703 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-13 14:21:14 | 4 | * @LastEditTime: 2023-09-15 17:06:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -45,12 +45,14 @@ | ... | @@ -45,12 +45,14 @@ |
45 | import { mapGetters } from 'vuex' | 45 | import { mapGetters } from 'vuex' |
46 | import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js" | 46 | import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js" |
47 | export default { | 47 | export default { |
48 | props: { | ||
49 | paramData: { | ||
50 | type: Object, | ||
51 | default: () => { } | ||
52 | } | ||
53 | }, | ||
48 | data () { | 54 | data () { |
49 | return { | 55 | return { |
50 | //受理申请标识码 | ||
51 | bsmSlsq: this.$route.query.bsmSlsq, | ||
52 | //当前流程所在环节 | ||
53 | bestepid: this.$route.query.bestepid, | ||
54 | // 默认选中 | 56 | // 默认选中 |
55 | activeIndex: '0', | 57 | activeIndex: '0', |
56 | // 折叠 | 58 | // 折叠 |
... | @@ -65,9 +67,6 @@ | ... | @@ -65,9 +67,6 @@ |
65 | currentSelectProps: {} | 67 | currentSelectProps: {} |
66 | } | 68 | } |
67 | }, | 69 | }, |
68 | mounted () { | ||
69 | this.loadBdcdylist(); | ||
70 | }, | ||
71 | computed: { | 70 | computed: { |
72 | ...mapGetters(['isRefresh']) | 71 | ...mapGetters(['isRefresh']) |
73 | }, | 72 | }, |
... | @@ -79,8 +78,17 @@ | ... | @@ -79,8 +78,17 @@ |
79 | } | 78 | } |
80 | }, | 79 | }, |
81 | immediate: true | 80 | immediate: true |
81 | }, | ||
82 | paramData: { | ||
83 | handler (newVal, oldVal) { | ||
84 | if (newVal) { | ||
85 | this.loadBdcdylist() | ||
82 | } | 86 | } |
83 | }, | 87 | }, |
88 | immediate: true, | ||
89 | deep: true | ||
90 | }, | ||
91 | }, | ||
84 | methods: { | 92 | methods: { |
85 | /** | 93 | /** |
86 | * @description: 读取申请单元信息 | 94 | * @description: 读取申请单元信息 |
... | @@ -89,13 +97,11 @@ | ... | @@ -89,13 +97,11 @@ |
89 | loadBdcdylist () { | 97 | loadBdcdylist () { |
90 | let that = this | 98 | let that = this |
91 | var formdata = new FormData(); | 99 | var formdata = new FormData(); |
92 | formdata.append("bsmSlsq", this.bsmSlsq); | 100 | // 受理申请标识码 |
93 | if (this.$route.query.bestepid) { | 101 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
94 | formdata.append("bestepid", this.bestepid); | 102 | // 当前流程所在环节 |
95 | } | 103 | formdata.append("bestepid", this.paramData.bestepid); |
96 | if (this.$route.query.bsmBusiness) { | 104 | formdata.append("bsmBusiness", this.paramData.bsmBusiness); |
97 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
98 | } | ||
99 | if (this.$route.query.type == 'jdcx') { | 105 | if (this.$route.query.type == 'jdcx') { |
100 | jdcxLeftMenu(formdata).then((res) => { | 106 | jdcxLeftMenu(formdata).then((res) => { |
101 | if (res.code === 200 && res.result) { | 107 | if (res.code === 200 && res.result) { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 13:32:29 | 4 | * @LastEditTime: 2023-09-15 15:02:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -61,10 +61,6 @@ | ... | @@ -61,10 +61,6 @@ |
61 | export default { | 61 | export default { |
62 | data () { | 62 | data () { |
63 | return { | 63 | return { |
64 | //受理申请标识码 | ||
65 | bsmSlsq: this.$route.query.bsmSlsq, | ||
66 | //当前流程所在环节 | ||
67 | bestepid: this.$route.query.bestepid, | ||
68 | // 变更前单元默认选中 | 64 | // 变更前单元默认选中 |
69 | activeIndex: '0', | 65 | activeIndex: '0', |
70 | // 变更后单元默认选中 | 66 | // 变更后单元默认选中 |
... | @@ -105,13 +101,11 @@ | ... | @@ -105,13 +101,11 @@ |
105 | loadBdcdylist () { | 101 | loadBdcdylist () { |
106 | let that = this | 102 | let that = this |
107 | var formdata = new FormData(); | 103 | var formdata = new FormData(); |
108 | formdata.append("bsmSlsq", this.bsmSlsq); | 104 | // 受理申请标识码 |
109 | if (this.$route.query.bestepid) { | 105 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
110 | formdata.append("bestepid", this.bestepid); | 106 | // 当前流程所在环节 |
111 | } | 107 | formdata.append("bestepid", this.paramData.bestepid); |
112 | if (this.$route.query.bsmBusiness) { | 108 | formdata.append("bsmBusiness", this.paramData.bsmBusiness); |
113 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
114 | } | ||
115 | if (this.$route.query.type == 'jdcx') { | 109 | if (this.$route.query.type == 'jdcx') { |
116 | jdcxLeftMenu(formdata).then((res) => { | 110 | jdcxLeftMenu(formdata).then((res) => { |
117 | if (res.code === 200 && res.result) { | 111 | if (res.code === 200 && res.result) { |
... | @@ -152,7 +146,6 @@ | ... | @@ -152,7 +146,6 @@ |
152 | }) | 146 | }) |
153 | } | 147 | } |
154 | }, | 148 | }, |
155 | //批量按钮判断 | ||
156 | /** | 149 | /** |
157 | * @description: 批量按钮判断 | 150 | * @description: 批量按钮判断 |
158 | * @author: renchao | 151 | * @author: renchao |
... | @@ -202,9 +195,9 @@ | ... | @@ -202,9 +195,9 @@ |
202 | .catch(() => { | 195 | .catch(() => { |
203 | this.$message({ | 196 | this.$message({ |
204 | type: "info", | 197 | type: "info", |
205 | message: "已取消删除", | 198 | message: "已取消删除" |
206 | }); | 199 | }) |
207 | }); | 200 | }) |
208 | }, | 201 | }, |
209 | /** | 202 | /** |
210 | * @description: 批量按钮点击事件 | 203 | * @description: 批量按钮点击事件 |
... | @@ -214,7 +207,6 @@ | ... | @@ -214,7 +207,6 @@ |
214 | this.currentSelectProps.batchOperation = true; | 207 | this.currentSelectProps.batchOperation = true; |
215 | // this.activeIndex = "-1"; | 208 | // this.activeIndex = "-1"; |
216 | this.$parent.stepForm(0); | 209 | this.$parent.stepForm(0); |
217 | |||
218 | }, | 210 | }, |
219 | /** | 211 | /** |
220 | * @description: 申请单元点击事件 | 212 | * @description: 申请单元点击事件 | ... | ... |
... | @@ -3,14 +3,12 @@ | ... | @@ -3,14 +3,12 @@ |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 09:41:27 | 4 | * @LastEditTime: 2023-09-12 09:41:27 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | ||
7 | /** | 6 | /** |
8 | * @description: 流程环节操作按钮 | 7 | * @description: 流程环节操作按钮 |
9 | * @param {*} tabName | 8 | * @param {*} tabName |
10 | * @param {*} djywbm | ||
11 | * @author: renchao | 9 | * @author: renchao |
12 | */ | 10 | */ |
13 | export function getForm (tabName, djywbm) { | 11 | export function getForm (tabName) { |
14 | let form; | 12 | let form; |
15 | switch (tabName) { | 13 | switch (tabName) { |
16 | case "tdsyqslxx": | 14 | case "tdsyqslxx": | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-31 09:35:49 | 4 | * @LastEditTime: 2023-09-15 17:07:54 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { uploadUndo } from "@/api/clxx"; | 7 | import { uploadUndo } from "@/api/clxx"; |
8 | import { getLodop } from "@/utils/LodopFuncs" | 8 | import { getLodop } from "@/utils/LodopFuncs" |
9 | import { getXtParamsByYwh } from "@/api/djyw.js" | ||
9 | import { | 10 | import { |
10 | stepExpandInfo, | 11 | stepExpandInfo, |
11 | record, | 12 | record, |
... | @@ -38,11 +39,19 @@ export default { | ... | @@ -38,11 +39,19 @@ export default { |
38 | batchButtonName: '', | 39 | batchButtonName: '', |
39 | // 受理申请信息 | 40 | // 受理申请信息 |
40 | slsq: {}, | 41 | slsq: {}, |
41 | dqhj: "" | 42 | dqhj: "", |
43 | // 业务流程需要的参数 | ||
44 | paramData: {}, | ||
42 | } | 45 | } |
43 | }, | 46 | }, |
44 | mounted () { | 47 | created () { |
48 | // 根据业务号获取系统参数 | ||
49 | getXtParamsByYwh(this.$route.query.ywh).then(res => { | ||
50 | this.paramData = res.result | ||
51 | console.log(this.paramData, 'this.paramData'); | ||
52 | this.isShowMenu = true | ||
45 | this.flowInitParam(); | 53 | this.flowInitParam(); |
54 | }) | ||
46 | }, | 55 | }, |
47 | methods: { | 56 | methods: { |
48 | /** | 57 | /** |
... | @@ -51,8 +60,8 @@ export default { | ... | @@ -51,8 +60,8 @@ export default { |
51 | */ | 60 | */ |
52 | flowInitParam () { | 61 | flowInitParam () { |
53 | var formdata = new FormData(); | 62 | var formdata = new FormData(); |
54 | formdata.append("bsmSlsq", this.bsmSlsq); | 63 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
55 | formdata.append("bestepid", this.bestepid); | 64 | formdata.append("bestepid", this.paramData.bestepid); |
56 | if (this.type) { | 65 | if (this.type) { |
57 | formdata.append("type", "READ_ONLY"); | 66 | formdata.append("type", "READ_ONLY"); |
58 | } | 67 | } |
... | @@ -68,7 +77,6 @@ export default { | ... | @@ -68,7 +77,6 @@ export default { |
68 | } | 77 | } |
69 | }) | 78 | }) |
70 | }, | 79 | }, |
71 | //流程环节操作按钮 | ||
72 | /** | 80 | /** |
73 | * @description: 流程环节操作按钮 | 81 | * @description: 流程环节操作按钮 |
74 | * @param {*} item | 82 | * @param {*} item |
... | @@ -279,7 +287,6 @@ export default { | ... | @@ -279,7 +287,6 @@ export default { |
279 | }); | 287 | }); |
280 | }); | 288 | }); |
281 | }, | 289 | }, |
282 | //发送下一个环节 | ||
283 | /** | 290 | /** |
284 | * @description: 发送下一个环节 | 291 | * @description: 发送下一个环节 |
285 | * @param {*} obj | 292 | * @param {*} obj |
... | @@ -292,7 +299,6 @@ export default { | ... | @@ -292,7 +299,6 @@ export default { |
292 | tabList: this.tabList | 299 | tabList: this.tabList |
293 | }, '800px', true) | 300 | }, '800px', true) |
294 | }, | 301 | }, |
295 | //转出最后一个流程 | ||
296 | /** | 302 | /** |
297 | * @description: 转出最后一个流程 | 303 | * @description: 转出最后一个流程 |
298 | * @param {*} obj | 304 | * @param {*} obj |
... | @@ -305,7 +311,6 @@ export default { | ... | @@ -305,7 +311,6 @@ export default { |
305 | tabList: this.tabList | 311 | tabList: this.tabList |
306 | }, '800px', true) | 312 | }, '800px', true) |
307 | }, | 313 | }, |
308 | //批量操作 | ||
309 | /** | 314 | /** |
310 | * @description: 批量操作 | 315 | * @description: 批量操作 |
311 | * @author: renchao | 316 | * @author: renchao |
... | @@ -315,8 +320,7 @@ export default { | ... | @@ -315,8 +320,7 @@ export default { |
315 | width: "50%", | 320 | width: "50%", |
316 | btnShow: false, | 321 | btnShow: false, |
317 | bsmSlsq: this.bsmSlsq, | 322 | bsmSlsq: this.bsmSlsq, |
318 | dataList: this.unitData, | 323 | dataList: this.unitData |
319 | |||
320 | }) | 324 | }) |
321 | }, | 325 | }, |
322 | /** | 326 | /** | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-14 17:19:13 | 4 | * @LastEditTime: 2023-09-15 17:01:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -38,10 +38,12 @@ | ... | @@ -38,10 +38,12 @@ |
38 | <!-- 内容框架 --> | 38 | <!-- 内容框架 --> |
39 | <div class="containerFrame"> | 39 | <div class="containerFrame"> |
40 | <!-- 左侧菜单栏 区分业务--> | 40 | <!-- 左侧菜单栏 区分业务--> |
41 | <segmentMenu | 41 | <div v-if="isShowMenu"> |
42 | <segmentMenu :paramData="paramData" | ||
42 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" | 43 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" |
43 | @getCurrentSelectProps="getCurrentSelectProps" /> | 44 | @getCurrentSelectProps="getCurrentSelectProps" /> |
44 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 45 | <ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
46 | </div> | ||
45 | <div class="leftCon"> | 47 | <div class="leftCon"> |
46 | <!-- 分屏左侧预览 --> | 48 | <!-- 分屏左侧预览 --> |
47 | <div v-if="splitScreen" class="splitScreen-con"> | 49 | <div v-if="splitScreen" class="splitScreen-con"> |
... | @@ -51,7 +53,7 @@ | ... | @@ -51,7 +53,7 @@ |
51 | <div class="rightContainer"> | 53 | <div class="rightContainer"> |
52 | <div class="count"> | 54 | <div class="count"> |
53 | 当前流程所在环节: | 55 | 当前流程所在环节: |
54 | <span>{{ this.zbhj }}</span> | 56 | <span>{{ $route.query.zbhj }}</span> |
55 | </div> | 57 | </div> |
56 | <el-tabs | 58 | <el-tabs |
57 | v-model="tabName" | 59 | v-model="tabName" |
... | @@ -132,17 +134,8 @@ | ... | @@ -132,17 +134,8 @@ |
132 | mixins: [WorkFlow, publicFlow], | 134 | mixins: [WorkFlow, publicFlow], |
133 | data () { | 135 | data () { |
134 | return { | 136 | return { |
135 | // printObj: { | 137 | // 左侧是否显示,获取完成系统参数之后再显示 |
136 | // id: "box", | 138 | isShowMenu: false, |
137 | // preview: true, | ||
138 | // }, | ||
139 | isDialog: false, | ||
140 | //受理申请标识码 | ||
141 | bsmSlsq: this.$route.query.bsmSlsq, | ||
142 | //当前流程所在环节 | ||
143 | bestepid: this.$route.query.bestepid, | ||
144 | //当前流程所在环节 | ||
145 | zbhj: this.$route.query.zbhj, | ||
146 | //设置那个表单选中 | 139 | //设置那个表单选中 |
147 | tabName: "", | 140 | tabName: "", |
148 | //设置那个表单选择 | 141 | //设置那个表单选择 |
... | @@ -166,7 +159,7 @@ | ... | @@ -166,7 +159,7 @@ |
166 | bsmZd: "", | 159 | bsmZd: "", |
167 | Receiptdata: {}, | 160 | Receiptdata: {}, |
168 | shows: false | 161 | shows: false |
169 | }; | 162 | } |
170 | }, | 163 | }, |
171 | mounted () { | 164 | mounted () { |
172 | this.$store.dispatch("user/refreshPage", false); | 165 | this.$store.dispatch("user/refreshPage", false); |
... | @@ -185,7 +178,7 @@ | ... | @@ -185,7 +178,7 @@ |
185 | // 获取打印回执数据 | 178 | // 获取打印回执数据 |
186 | var formdata = new FormData(); | 179 | var formdata = new FormData(); |
187 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 180 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
188 | formdata.append("bsmSlsq", this.bsmSlsq); | 181 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
189 | formdata.append("djlx", this.currentSelectProps.djlx); | 182 | formdata.append("djlx", this.currentSelectProps.djlx); |
190 | BatchInit(formdata).then((res) => { | 183 | BatchInit(formdata).then((res) => { |
191 | if (res.code === 200 && res.result) { | 184 | if (res.code === 200 && res.result) { |
... | @@ -195,7 +188,7 @@ | ... | @@ -195,7 +188,7 @@ |
195 | this.prinsss() | 188 | this.prinsss() |
196 | }, 100) | 189 | }, 100) |
197 | } else { | 190 | } else { |
198 | this.$message.error(res.message); | 191 | this.$message.error(res.message) |
199 | } | 192 | } |
200 | }) | 193 | }) |
201 | }, | 194 | }, |
... | @@ -211,7 +204,7 @@ | ... | @@ -211,7 +204,7 @@ |
211 | }`, | 204 | }`, |
212 | // 继承原来的所有样式 | 205 | // 继承原来的所有样式 |
213 | targetStyles: ["*"] | 206 | targetStyles: ["*"] |
214 | }); | 207 | }) |
215 | }, | 208 | }, |
216 | /** | 209 | /** |
217 | * @description: getCurrentSelectProps | 210 | * @description: getCurrentSelectProps |
... | @@ -219,7 +212,7 @@ | ... | @@ -219,7 +212,7 @@ |
219 | * @author: renchao | 212 | * @author: renchao |
220 | */ | 213 | */ |
221 | getCurrentSelectProps (val) { | 214 | getCurrentSelectProps (val) { |
222 | this.currentSelectProps = val; | 215 | this.currentSelectProps = val |
223 | }, | 216 | }, |
224 | /** | 217 | /** |
225 | * @description: beforeunloadHandler | 218 | * @description: beforeunloadHandler |
... | @@ -238,7 +231,7 @@ | ... | @@ -238,7 +231,7 @@ |
238 | //判断是窗口关闭还是刷新 | 231 | //判断是窗口关闭还是刷新 |
239 | if (this._gap_time <= 10) { | 232 | if (this._gap_time <= 10) { |
240 | //取消认领 | 233 | //取消认领 |
241 | unClaimTask(this.bsmSlsq, this.bestepid); | 234 | unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid) |
242 | } | 235 | } |
243 | }, | 236 | }, |
244 | /** | 237 | /** |
... | @@ -249,7 +242,6 @@ | ... | @@ -249,7 +242,6 @@ |
249 | stepForm (index) { | 242 | stepForm (index) { |
250 | getStepFormInfo(this.currentSelectProps).then((res) => { | 243 | getStepFormInfo(this.currentSelectProps).then((res) => { |
251 | if (res.code === 200) { | 244 | if (res.code === 200) { |
252 | // this.fresh++; | ||
253 | //获取单元对应的所有表单信息 | 245 | //获取单元对应的所有表单信息 |
254 | this.tabList = res.result; | 246 | this.tabList = res.result; |
255 | //默认加载第一个表单信息 | 247 | //默认加载第一个表单信息 |
... | @@ -270,37 +262,14 @@ | ... | @@ -270,37 +262,14 @@ |
270 | 262 | ||
271 | this.tabList.forEach(function (item, index) { | 263 | this.tabList.forEach(function (item, index) { |
272 | if (item.value == "clxx") { | 264 | if (item.value == "clxx") { |
273 | that.clxxIndex = index; | 265 | that.clxxIndex = index |
274 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 266 | that.clxxForm = getForm(item.value) |
275 | that.clxxTab = item; | 267 | that.clxxTab = item |
276 | } | ||
277 | }); | ||
278 | } | 268 | } |
269 | }) | ||
279 | } | 270 | } |
280 | }); | ||
281 | }, | ||
282 | |||
283 | /** | ||
284 | * @description: openDialog | ||
285 | * @author: renchao | ||
286 | */ | ||
287 | openDialog () { | ||
288 | this.$store.dispatch("user/refreshPage", false); | ||
289 | let data = JSON.parse(localStorage.getItem("ywbl")); | ||
290 | let title; | ||
291 | if (data?.sqywmc) { | ||
292 | title = "申请业务:" + data?.sqywmc; | ||
293 | } else { | ||
294 | title = "申请业务:" + data?.djywmc; | ||
295 | } | 271 | } |
296 | 272 | }) | |
297 | this.$popupDialog( | ||
298 | title, | ||
299 | "ywbl/ywsq/selectBdc", | ||
300 | { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, | ||
301 | "80%", | ||
302 | true | ||
303 | ); | ||
304 | }, | 273 | }, |
305 | /** | 274 | /** |
306 | * @description: 右侧表单选项卡事件 | 275 | * @description: 右侧表单选项卡事件 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 16:15:46 | 4 | * @LastEditTime: 2023-09-15 16:32:06 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -26,8 +26,10 @@ | ... | @@ -26,8 +26,10 @@ |
26 | <!-- 内容框架 --> | 26 | <!-- 内容框架 --> |
27 | <div class="containerFrame"> | 27 | <div class="containerFrame"> |
28 | <!-- 左侧菜单栏 区分业务--> | 28 | <!-- 左侧菜单栏 区分业务--> |
29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> | 29 | <div v-if="isShowMenu"> |
30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 30 | <segmentMenu :paramData="paramData" v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> |
31 | <ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" /> | ||
32 | </div> | ||
31 | 33 | ||
32 | <div class="leftCon"> | 34 | <div class="leftCon"> |
33 | <!-- 分屏左侧预览 --> | 35 | <!-- 分屏左侧预览 --> |
... | @@ -69,16 +71,14 @@ | ... | @@ -69,16 +71,14 @@ |
69 | }, | 71 | }, |
70 | data () { | 72 | data () { |
71 | return { | 73 | return { |
74 | // 左侧是否显示,获取完成系统参数之后再显示 | ||
75 | isShowMenu: false, | ||
72 | // 流程图 | 76 | // 流程图 |
73 | imgSrc: "", | 77 | imgSrc: "", |
74 | // 折叠 | 78 | // 折叠 |
75 | isShowdrawer: true, | 79 | isShowdrawer: true, |
76 | // 默认选中 | 80 | // 默认选中 |
77 | activeIndex: "0", | 81 | activeIndex: "0", |
78 | //受理申请标识码 | ||
79 | bsmSlsq: this.$route.query.bsmSlsq, | ||
80 | //当前流程所在环节 | ||
81 | bestepid: this.$route.query.bestepid, | ||
82 | // 判断类型 | 82 | // 判断类型 |
83 | type: "READ_ONLY", | 83 | type: "READ_ONLY", |
84 | //设置那个表单选中 | 84 | //设置那个表单选中 |
... | @@ -99,7 +99,7 @@ | ... | @@ -99,7 +99,7 @@ |
99 | //材料信息选择卡索引 | 99 | //材料信息选择卡索引 |
100 | clxxIndex: "", | 100 | clxxIndex: "", |
101 | //材料信息选项卡对象 | 101 | //材料信息选项卡对象 |
102 | clxxTab: {}, | 102 | clxxTab: {} |
103 | }; | 103 | }; |
104 | }, | 104 | }, |
105 | methods: { | 105 | methods: { |
... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
111 | getCurrentSelectProps (val) { | 111 | getCurrentSelectProps (val) { |
112 | this.currentSelectProps = val | 112 | this.currentSelectProps = val |
113 | }, | 113 | }, |
114 | //申请单元点击事件 | ||
115 | /** | 114 | /** |
116 | * @description: 申请单元点击事件 | 115 | * @description: 申请单元点击事件 |
117 | * @param {*} index | 116 | * @param {*} index |
... | @@ -121,17 +120,18 @@ | ... | @@ -121,17 +120,18 @@ |
121 | this.currentSelectProps.type = "READ_ONLY" | 120 | this.currentSelectProps.type = "READ_ONLY" |
122 | getStepFormInfo(this.currentSelectProps).then((res) => { | 121 | getStepFormInfo(this.currentSelectProps).then((res) => { |
123 | if (res.code === 200) { | 122 | if (res.code === 200) { |
124 | this.fresh++; | ||
125 | //获取单元对应的所有表单信息 | 123 | //获取单元对应的所有表单信息 |
126 | this.tabList = res.result; | 124 | this.tabList = res.result; |
127 | //默认加载第一个表单信息 | 125 | //默认加载第一个表单信息 |
128 | //默认加载第一个表单信息 | ||
129 | let arr = res.result.filter(item => item.defaultForm) | 126 | let arr = res.result.filter(item => item.defaultForm) |
130 | if (arr.length > 0) { | 127 | if (arr.length > 0) { |
131 | this.tabName = arr[0].value; | 128 | this.tabName = arr[0].value; |
132 | } else { | 129 | } else { |
133 | this.tabName = res.result[0].value; | 130 | this.tabName = res.result[0].value; |
134 | } | 131 | } |
132 | if (sessionStorage.getItem('activeName') == this.tabName) { | ||
133 | this.fresh++; | ||
134 | } | ||
135 | this.ableOperation = this.tabList[0].ableOperation | 135 | this.ableOperation = this.tabList[0].ableOperation |
136 | //批量操作无分屏按钮 | 136 | //批量操作无分屏按钮 |
137 | if (index != null) { | 137 | if (index != null) { |
... | @@ -139,29 +139,28 @@ | ... | @@ -139,29 +139,28 @@ |
139 | let that = this; | 139 | let that = this; |
140 | this.tabList.forEach(function (item, index) { | 140 | this.tabList.forEach(function (item, index) { |
141 | if (item.value == "clxx") { | 141 | if (item.value == "clxx") { |
142 | that.clxxIndex = index; | 142 | that.clxxIndex = index |
143 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 143 | that.clxxForm = getForm(item.value) |
144 | that.clxxTab = item; | 144 | that.clxxTab = item |
145 | } | 145 | } |
146 | }) | 146 | }) |
147 | } | 147 | } |
148 | } | 148 | } |
149 | }) | 149 | }) |
150 | }, | 150 | }, |
151 | //选项卡切换事件 | ||
152 | /** | 151 | /** |
153 | * @description: 右侧表单选项卡事件 | 152 | * @description: 右侧表单选项卡事件 |
154 | * @param {*} handleClick | 153 | * @param {*} handleClick |
155 | * @author: renchao | 154 | * @author: renchao |
156 | */ | 155 | */ |
157 | handleClick(a) { | 156 | handleClick (a) { |
158 | let p = Object.keys(this.tabList[0]).filter( | 157 | let p = Object.keys(this.tabList[0]).filter( |
159 | (item) => item == "ableOperation" | 158 | (item) => item == "ableOperation" |
160 | ); | 159 | ); |
161 | if (p) { | 160 | if (p) { |
162 | this.ableOperation = this.tabList[a.index].ableOperation; | 161 | this.ableOperation = this.tabList[a.index].ableOperation; |
163 | } | 162 | } |
164 | }, | 163 | } |
165 | } | 164 | } |
166 | } | 165 | } |
167 | </script> | 166 | </script> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-14 14:23:19 | 4 | * @LastEditTime: 2023-09-15 15:54:13 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clxx"> | 7 | <div class="clxx"> |
... | @@ -289,7 +289,7 @@ | ... | @@ -289,7 +289,7 @@ |
289 | ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", { | 289 | ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", { |
290 | data: this.tableData, | 290 | data: this.tableData, |
291 | bsmCompany: this.formData.bsmCompany | 291 | bsmCompany: this.formData.bsmCompany |
292 | }, "60%", true, false) | 292 | }, "50%", true, false) |
293 | }, | 293 | }, |
294 | //设置tableData | 294 | //设置tableData |
295 | setTableData (tableData) { | 295 | setTableData (tableData) { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 13:39:20 | 4 | * @LastEditTime: 2023-09-15 16:30:47 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -264,7 +264,7 @@ | ... | @@ -264,7 +264,7 @@ |
264 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 264 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
265 | confirmButtonText: "确定", | 265 | confirmButtonText: "确定", |
266 | cancelButtonText: "取消", | 266 | cancelButtonText: "取消", |
267 | type: "warning", | 267 | type: "warning" |
268 | }) | 268 | }) |
269 | .then(() => { | 269 | .then(() => { |
270 | deleteFlow(formdata).then((res) => { | 270 | deleteFlow(formdata).then((res) => { |
... | @@ -274,18 +274,18 @@ | ... | @@ -274,18 +274,18 @@ |
274 | type: "success", | 274 | type: "success", |
275 | message: "删除成功!", | 275 | message: "删除成功!", |
276 | }); | 276 | }); |
277 | this.queryClick(); | 277 | this.queryClick() |
278 | } else { | 278 | } else { |
279 | this.$message.error(res.message); | 279 | this.$message.error(res.message) |
280 | } | 280 | } |
281 | }); | 281 | }); |
282 | }) | 282 | }) |
283 | .catch(() => { | 283 | .catch(() => { |
284 | this.$message({ | 284 | this.$message({ |
285 | type: "info", | 285 | type: "info", |
286 | message: "已取消删除", | 286 | message: "已取消删除" |
287 | }); | 287 | }) |
288 | }); | 288 | }) |
289 | }, | 289 | }, |
290 | /** | 290 | /** |
291 | * @description: ywhClick | 291 | * @description: ywhClick |
... | @@ -315,18 +315,22 @@ | ... | @@ -315,18 +315,22 @@ |
315 | ); | 315 | ); |
316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); | 316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); |
317 | } else { | 317 | } else { |
318 | const { href } = this.$router.resolve( | 318 | // const { href } = this.$router.resolve( |
319 | "/workFrame?bsmSlsq=" + | 319 | // "/workFrame?bsmSlsq=" + |
320 | item.bsmSlsq + | 320 | // item.bsmSlsq + |
321 | "&bestepid=" + | 321 | // "&bestepid=" + |
322 | item.bestepid + | 322 | // item.bestepid + |
323 | "&bsmBusiness=" + | 323 | // "&bsmBusiness=" + |
324 | "&sqywbm=" + | 324 | // "&sqywbm=" + |
325 | item.djywbm + | 325 | // item.djywbm + |
326 | "&zbhj=" + | 326 | // "&zbhj=" + |
327 | item.zbhj | 327 | // item.zbhj |
328 | ); | 328 | // ); |
329 | window.open(href, `workFrame${item.bsmSlsq}`); | 329 | // window.open(href, `workFrame${item.bsmSlsq}`); |
330 | |||
331 | const { href } = this.$router.resolve('/workFrame?ywh=' + item.ywh + '&zbhj=' + item.zbhj) | ||
332 | window.open(href, `workFrame${item.ywh}`) | ||
333 | |||
330 | } | 334 | } |
331 | 335 | ||
332 | localStorage.setItem("ywbl", JSON.stringify(item)); | 336 | localStorage.setItem("ywbl", JSON.stringify(item)); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-14 17:17:56 | 4 | * @LastEditTime: 2023-09-15 16:09:33 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
69 | </el-col> | 69 | </el-col> |
70 | <el-col :span="8"> | 70 | <el-col :span="8"> |
71 | <el-form-item label="坐落:"> | 71 | <el-form-item label="坐落:"> |
72 | <el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input> | 72 | <el-input maxlength="100" disabled v-model="ruleForm.sldy.zl"></el-input> |
73 | </el-form-item> | 73 | </el-form-item> |
74 | </el-col> | 74 | </el-col> |
75 | </el-row> | 75 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 13:39:30 | 4 | * @LastEditTime: 2023-09-15 15:59:24 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -232,13 +232,8 @@ | ... | @@ -232,13 +232,8 @@ |
232 | ); | 232 | ); |
233 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 233 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
234 | } else { | 234 | } else { |
235 | const { href } = this.$router.resolve( | 235 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') |
236 | "/workFrameView?bsmSlsq=" + | 236 | window.open(href, `urlname${item.ywh}`) |
237 | item.bsmSlsq + | ||
238 | "&bestepid=" + | ||
239 | item.bestepid | ||
240 | ); | ||
241 | window.open(href, `workFrameView${item.bsmSlsq}`); | ||
242 | } | 237 | } |
243 | } | 238 | } |
244 | } | 239 | } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-05 09:45:31 | 4 | * @LastEditTime: 2023-09-15 16:55:37 |
5 | */ | 5 | */ |
6 | import Router from '@/router' | 6 | import Router from '@/router' |
7 | export default { | 7 | export default { |
... | @@ -24,13 +24,15 @@ export default { | ... | @@ -24,13 +24,15 @@ export default { |
24 | * @author: renchao | 24 | * @author: renchao |
25 | */ | 25 | */ |
26 | jump (data, type) { | 26 | jump (data, type) { |
27 | const { href } = Router.resolve( | 27 | // const { href } = Router.resolve( |
28 | "/workFrame?bsmSlsq=" + | 28 | // "/workFrame?bsmSlsq=" + |
29 | data.bsmSlsq + | 29 | // data.bsmSlsq + |
30 | "&bestepid=" + | 30 | // "&bestepid=" + |
31 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理" | 31 | // data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理" |
32 | ); | 32 | // ); |
33 | window.open(href, "_blank"); | 33 | // window.open(href, "_blank"); |
34 | const { href } = Router.resolve('/workFrame?ywh=' + data.ywh + '&zbhj=受理') | ||
35 | window.open(href, "_blank") | ||
34 | this.$popupCacel() | 36 | this.$popupCacel() |
35 | }, | 37 | }, |
36 | /** | 38 | /** | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-02 09:56:26 | 4 | * @LastEditTime: 2023-09-15 17:11:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -115,7 +115,7 @@ | ... | @@ -115,7 +115,7 @@ |
115 | type: 'success' | 115 | type: 'success' |
116 | }) | 116 | }) |
117 | if (!this.isJump) { | 117 | if (!this.isJump) { |
118 | this.jump(res.result, this.djywbm) | 118 | this.jump(res.result) |
119 | } else { | 119 | } else { |
120 | store.dispatch('user/refreshPage', true); | 120 | store.dispatch('user/refreshPage', true); |
121 | } | 121 | } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 13:08:08 | 4 | * @LastEditTime: 2023-09-15 17:25:11 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -34,6 +34,7 @@ class data extends filter { | ... | @@ -34,6 +34,7 @@ class data extends filter { |
34 | { | 34 | { |
35 | prop: "status", | 35 | prop: "status", |
36 | label: "状态", | 36 | label: "状态", |
37 | width: '130', | ||
37 | render: (h, scope) => { | 38 | render: (h, scope) => { |
38 | return ( | 39 | return ( |
39 | <div> | 40 | <div> |
... | @@ -80,8 +81,15 @@ class data extends filter { | ... | @@ -80,8 +81,15 @@ class data extends filter { |
80 | } | 81 | } |
81 | }, | 82 | }, |
82 | { | 83 | { |
83 | prop: "qlrzjhm", | ||
84 | label: "证件号", | 84 | label: "证件号", |
85 | witdth: '100', | ||
86 | render: (h, scope) => { | ||
87 | return ( | ||
88 | <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width "> | ||
89 | <span class="ellipsis-table"> {scope.row.qlrzjhm}</span> | ||
90 | </el-tooltip> | ||
91 | ) | ||
92 | } | ||
85 | }, | 93 | }, |
86 | { | 94 | { |
87 | prop: "qlxzmc", | 95 | prop: "qlxzmc", | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 16:34:27 | 4 | * @LastEditTime: 2023-09-15 15:06:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -114,7 +114,6 @@ | ... | @@ -114,7 +114,6 @@ |
114 | this.queryClick() | 114 | this.queryClick() |
115 | }, | 115 | }, |
116 | methods: { | 116 | methods: { |
117 | // 初始化数据 | ||
118 | /** | 117 | /** |
119 | * @description: 初始化数据 | 118 | * @description: 初始化数据 |
120 | * @author: renchao | 119 | * @author: renchao |
... | @@ -139,7 +138,6 @@ | ... | @@ -139,7 +138,6 @@ |
139 | handleSort (name, sort) { | 138 | handleSort (name, sort) { |
140 | console.log(name, sort); | 139 | console.log(name, sort); |
141 | }, | 140 | }, |
142 | // 高级查询 | ||
143 | /** | 141 | /** |
144 | * @description: 高级查询 | 142 | * @description: 高级查询 |
145 | * @author: renchao | 143 | * @author: renchao |
... | @@ -151,8 +149,8 @@ | ... | @@ -151,8 +149,8 @@ |
151 | * @author: renchao | 149 | * @author: renchao |
152 | */ | 150 | */ |
153 | openDialog (item) { | 151 | openDialog (item) { |
154 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx') | 152 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') |
155 | window.open(href, `urlname${item.bsmSlsq}`) | 153 | window.open(href, `urlname${item.ywh}`) |
156 | } | 154 | } |
157 | } | 155 | } |
158 | } | 156 | } | ... | ... |
... | @@ -48,11 +48,16 @@ class data extends filter { | ... | @@ -48,11 +48,16 @@ class data extends filter { |
48 | width: '140' | 48 | width: '140' |
49 | }, | 49 | }, |
50 | { | 50 | { |
51 | prop: "ywh", | ||
52 | label: "业务号", | 51 | label: "业务号", |
53 | width: '100' | 52 | minWidth: '100', |
53 | render: (h, scope) => { | ||
54 | return ( | ||
55 | <div> | ||
56 | <el-link type="primary" onClick={() => { vm.openWorkDialog(scope.row) }}>{scope.row.ywh}</el-link> | ||
57 | </div> | ||
58 | ) | ||
59 | } | ||
54 | }, | 60 | }, |
55 | |||
56 | { | 61 | { |
57 | prop: "ysxlh", | 62 | prop: "ysxlh", |
58 | label: "印刷序列号", | 63 | label: "印刷序列号", |
... | @@ -63,7 +68,6 @@ class data extends filter { | ... | @@ -63,7 +68,6 @@ class data extends filter { |
63 | prop: "qllx", | 68 | prop: "qllx", |
64 | }, | 69 | }, |
65 | { | 70 | { |
66 | prop: "bdcqzh", | ||
67 | label: "不动产权证号", | 71 | label: "不动产权证号", |
68 | minWidth: '150', | 72 | minWidth: '150', |
69 | render: (h, scope) => { | 73 | render: (h, scope) => { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 09:04:48 | 4 | * @LastEditTime: 2023-09-15 14:52:20 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -37,7 +37,6 @@ | ... | @@ -37,7 +37,6 @@ |
37 | <el-col :span="4" class="btnColRight"> | 37 | <el-col :span="4" class="btnColRight"> |
38 | <el-form-item> | 38 | <el-form-item> |
39 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 39 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
40 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> | ||
41 | </el-form-item> | 40 | </el-form-item> |
42 | </el-col> | 41 | </el-col> |
43 | </el-row> | 42 | </el-row> |
... | @@ -75,12 +74,12 @@ | ... | @@ -75,12 +74,12 @@ |
75 | tableData: { | 74 | tableData: { |
76 | total: 0, | 75 | total: 0, |
77 | columns: datas.columns(), | 76 | columns: datas.columns(), |
78 | data: [], | 77 | data: [] |
79 | }, | 78 | } |
80 | }; | 79 | } |
81 | }, | 80 | }, |
82 | activated () { | 81 | activated () { |
83 | this.queryClick(); | 82 | this.queryClick() |
84 | }, | 83 | }, |
85 | methods: { | 84 | methods: { |
86 | /** | 85 | /** |
... | @@ -110,6 +109,15 @@ | ... | @@ -110,6 +109,15 @@ |
110 | bsmBdcqz: item.bsmBdcqz | 109 | bsmBdcqz: item.bsmBdcqz |
111 | }, '1210px', true) | 110 | }, '1210px', true) |
112 | }) | 111 | }) |
112 | }, | ||
113 | /** | ||
114 | * @description: openWorkDialog | ||
115 | * @param {*} item | ||
116 | * @author: renchao | ||
117 | */ | ||
118 | openWorkDialog (item) { | ||
119 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') | ||
120 | window.open(href, `urlname${item.ywh}`) | ||
113 | } | 121 | } |
114 | } | 122 | } |
115 | } | 123 | } | ... | ... |
-
Please register or sign in to post a comment