Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
6 changed files
with
471 additions
and
247 deletions
... | @@ -5,43 +5,55 @@ | ... | @@ -5,43 +5,55 @@ |
5 | <div class="invalid-body">您是否确定终止该业务办理?</div> | 5 | <div class="invalid-body">您是否确定终止该业务办理?</div> |
6 | </div> | 6 | </div> |
7 | <div class="invalid-reson">终止原因:</div> | 7 | <div class="invalid-reson">终止原因:</div> |
8 | <el-input v-model="stopMessage" placeholder="请输入终止原因" type="textarea" :rows="4"></el-input> | 8 | <el-input |
9 | <el-button style="float:right">取消</el-button> | 9 | v-model="stopMessage" |
10 | <el-button type="primary" @click="onSubmit" style="float:right">退件</el-button> | 10 | placeholder="请输入终止原因" |
11 | type="textarea" | ||
12 | :rows="4" | ||
13 | ></el-input> | ||
14 | <el-button style="float: right">取消</el-button> | ||
15 | <el-button type="primary" @click="onSubmit" style="float: right" | ||
16 | >退件</el-button | ||
17 | > | ||
11 | </div> | 18 | </div> |
12 | </template> | 19 | </template> |
13 | 20 | ||
14 | <script> | 21 | <script> |
15 | import { stopTask } from "@/api/fqsq.js" | 22 | import { stopTask } from "@/api/fqsq.js"; |
16 | export default { | 23 | export default { |
17 | props: { | 24 | props: { |
18 | formData: { | 25 | formData: { |
19 | type: Object, | 26 | type: Object, |
20 | default: {} | 27 | default: {}, |
21 | } | 28 | }, |
22 | }, | 29 | }, |
23 | data () { | 30 | data() { |
24 | return { | 31 | return { |
25 | stopMessage: '' | 32 | stopMessage: "", |
26 | } | 33 | }; |
27 | }, | 34 | }, |
28 | methods: { | 35 | methods: { |
29 | onSubmit () { | 36 | onSubmit() { |
30 | stopTask({ | 37 | stopTask({ |
31 | bsmSlsq: this.formData.bsmSlsq, | 38 | bsmSlsq: this.formData.bsmSlsq, |
32 | bestepid: this.formData.bestepid, | 39 | bestepid: this.formData.bestepid, |
33 | stopMessage: this.stopMessage | 40 | stopMessage: this.stopMessage, |
34 | }).then(res => { | 41 | }).then((res) => { |
35 | this.$message.success('终止成功') | 42 | this.$message.success("终止成功"); |
36 | setTimeout(() => { | 43 | setTimeout(() => { |
37 | window.opener.location.reload(); //刷新父窗口 | 44 | // window.opener.location.reload(); //刷新父窗口 |
45 | if (window.opener && window.opener.getBpageList) { | ||
46 | window.opener.getBpageList(); | ||
47 | } else { | ||
48 | window.opener.frames[0].getBpageList(); | ||
49 | } | ||
38 | window.close(); | 50 | window.close(); |
39 | this.$emit('input', false) | 51 | this.$emit("input", false); |
40 | }, 1000); | 52 | }, 1000); |
41 | }) | 53 | }); |
42 | }, | 54 | }, |
43 | } | 55 | }, |
44 | } | 56 | }; |
45 | </script> | 57 | </script> |
46 | <style scoped lang="scss"> | 58 | <style scoped lang="scss"> |
47 | @import "~@/styles/mixin.scss"; | 59 | @import "~@/styles/mixin.scss"; |
... | @@ -70,5 +82,4 @@ export default { | ... | @@ -70,5 +82,4 @@ export default { |
70 | display: flex; | 82 | display: flex; |
71 | justify-content: flex-end; | 83 | justify-content: flex-end; |
72 | } | 84 | } |
73 | |||
74 | </style> | 85 | </style> | ... | ... |
... | @@ -4,18 +4,34 @@ | ... | @@ -4,18 +4,34 @@ |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <div class="title">请选择要退回到的环节:</div> | 5 | <div class="title">请选择要退回到的环节:</div> |
6 | <el-form ref="queryForm" label-width="90px"> | 6 | <el-form ref="queryForm" label-width="90px"> |
7 | <ul style="margin-bottom:15px"> | 7 | <ul style="margin-bottom: 15px"> |
8 | <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)"> | 8 | <li |
9 | v-for="(item, index) in dataList" | ||
10 | class="listDetail" | ||
11 | :key="index" | ||
12 | @click="changeSelectItem(item)" | ||
13 | > | ||
9 | <p class="icon"> | 14 | <p class="icon"> |
10 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> | 15 | <el-radio |
16 | v-model="selectActivity" | ||
17 | :label="item.activityId" | ||
18 | @change="changeSelectItem(item)" | ||
19 | ></el-radio> | ||
20 | </p> | ||
21 | <p>{{ item.activityName }}</p> | ||
22 | <p v-for="(child, childIndex) in item.userInfos" :key="childIndex"> | ||
23 | {{ child.name }} | ||
11 | </p> | 24 | </p> |
12 | <p>{{item.activityName}}</p> | ||
13 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> | ||
14 | </li> | 25 | </li> |
15 | </ul> | 26 | </ul> |
16 | <div class="title">退回意见:</div> | 27 | <div class="title">退回意见:</div> |
17 | <el-form-item> | 28 | <el-form-item> |
18 | <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input> | 29 | <el-input |
30 | class="textArea" | ||
31 | type="textarea" | ||
32 | v-model="outstepopinion" | ||
33 | placeholder="请输入退回意见" | ||
34 | ></el-input> | ||
19 | </el-form-item> | 35 | </el-form-item> |
20 | <el-form-item> | 36 | <el-form-item> |
21 | <el-button style="float:right" @click="cancelBack">取消</el-button> | 37 | <el-button style="float:right" @click="cancelBack">取消</el-button> |
... | @@ -27,57 +43,65 @@ | ... | @@ -27,57 +43,65 @@ |
27 | </template> | 43 | </template> |
28 | 44 | ||
29 | <script> | 45 | <script> |
46 | |||
30 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" | 47 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" |
31 | import { popupCacel } from "@/utils/popup.js"; | 48 | import { popupCacel } from "@/utils/popup.js"; |
49 | |||
32 | export default { | 50 | export default { |
33 | props: { | 51 | props: { |
34 | formData: { | 52 | formData: { |
35 | type: Object, | 53 | type: Object, |
36 | default: {} | 54 | default: {}, |
37 | } | ||
38 | }, | 55 | }, |
39 | data () { | 56 | }, |
57 | data() { | ||
40 | return { | 58 | return { |
41 | selectActivity: '', | 59 | selectActivity: "", |
42 | dataList: [], | 60 | dataList: [], |
43 | outstepopinion: '', | 61 | outstepopinion: "", |
44 | selectItem: {} | 62 | selectItem: {}, |
45 | } | 63 | }; |
46 | }, | 64 | }, |
47 | created () { | 65 | created() { |
48 | this.getBackNode(); | 66 | this.getBackNode(); |
49 | }, | 67 | }, |
50 | methods: { | 68 | methods: { |
51 | onSubmit () { | 69 | onSubmit() { |
52 | this.selectItem.outstepopinion = this.outstepopinion; | 70 | this.selectItem.outstepopinion = this.outstepopinion; |
53 | sendBackTask({ | 71 | sendBackTask({ |
54 | bsmSlsq: this.formData.bsmSlsq, | 72 | bsmSlsq: this.formData.bsmSlsq, |
55 | backNodeList: [this.selectItem] | 73 | backNodeList: [this.selectItem], |
56 | }).then(res => { | 74 | }).then((res) => { |
57 | this.$message.success('退回成功') | 75 | this.$message.success("退回成功"); |
58 | setTimeout(() => { | 76 | setTimeout(() => { |
59 | window.opener.location.reload(); //刷新父窗口 | 77 | // window.opener.location.reload(); //刷新父窗口 |
78 | if (window.opener && window.opener.getBpageList) { | ||
79 | window.opener.getBpageList(); | ||
80 | } else { | ||
81 | window.opener.frames[0].getBpageList(); | ||
82 | } | ||
60 | window.close(); | 83 | window.close(); |
61 | this.$emit('input', false) | 84 | this.$emit("input", false); |
62 | }, 1000); | 85 | }, 1000); |
63 | }) | 86 | }); |
64 | }, | 87 | }, |
65 | changeSelectItem(item){ | 88 | changeSelectItem(item) { |
66 | this.selectItem = item | 89 | this.selectItem = item; |
67 | this.selectActivity = item.activityId | 90 | this.selectActivity = item.activityId; |
68 | }, | 91 | }, |
69 | //获取可回退环节信息 | 92 | //获取可回退环节信息 |
70 | getBackNode () { | 93 | getBackNode() { |
71 | getTaskBackNode(this.formData).then(res => { | 94 | getTaskBackNode(this.formData).then((res) => { |
72 | if (res.code == 200) { | 95 | if (res.code == 200) { |
73 | this.dataList = res.result | 96 | this.dataList = res.result; |
74 | if(res.result){ | 97 | if (res.result) { |
75 | this.selectActivity = res.result[0].activityId | 98 | this.selectActivity = res.result[0].activityId; |
76 | this.selectItem = res.result[0] | 99 | this.selectItem = res.result[0]; |
77 | } | 100 | } |
78 | } | 101 | } |
79 | }) | 102 | }); |
80 | }, | 103 | }, |
104 | |||
81 | cancelBack(){ | 105 | cancelBack(){ |
82 | popupCacel(); | 106 | popupCacel(); |
83 | } | 107 | } |
... | @@ -108,7 +132,7 @@ export default { | ... | @@ -108,7 +132,7 @@ export default { |
108 | } | 132 | } |
109 | } | 133 | } |
110 | 134 | ||
111 | .title{ | 135 | .title { |
112 | margin-bottom: 10px; | 136 | margin-bottom: 10px; |
113 | } | 137 | } |
114 | 138 | ||
... | @@ -117,7 +141,7 @@ export default { | ... | @@ -117,7 +141,7 @@ export default { |
117 | min-height: 90px !important; | 141 | min-height: 90px !important; |
118 | } | 142 | } |
119 | } | 143 | } |
120 | /deep/.el-radio .el-radio__label { | 144 | /deep/.el-radio .el-radio__label { |
121 | display: none; | 145 | display: none; |
122 | } | 146 | } |
123 | </style> | 147 | </style> | ... | ... |
... | @@ -12,7 +12,7 @@ import { | ... | @@ -12,7 +12,7 @@ import { |
12 | getNextLinkInfo, | 12 | getNextLinkInfo, |
13 | } from "@/api/fqsq.js"; | 13 | } from "@/api/fqsq.js"; |
14 | export default { | 14 | export default { |
15 | data () { | 15 | data() { |
16 | return { | 16 | return { |
17 | //是否开启材料分屏 | 17 | //是否开启材料分屏 |
18 | splitScreen: false, | 18 | splitScreen: false, |
... | @@ -28,13 +28,13 @@ export default { | ... | @@ -28,13 +28,13 @@ export default { |
28 | batchButtonName: '', | 28 | batchButtonName: '', |
29 | } | 29 | } |
30 | }, | 30 | }, |
31 | mounted () { | 31 | mounted() { |
32 | this.flowInitParam(); | 32 | this.flowInitParam(); |
33 | this.loadBdcdylist(); | 33 | this.loadBdcdylist(); |
34 | }, | 34 | }, |
35 | methods: { | 35 | methods: { |
36 | //读取申请单元信息 | 36 | //读取申请单元信息 |
37 | loadBdcdylist () { | 37 | loadBdcdylist() { |
38 | var formdata = new FormData(); | 38 | var formdata = new FormData(); |
39 | formdata.append("bsmSlsq", this.bsmSlsq); | 39 | formdata.append("bsmSlsq", this.bsmSlsq); |
40 | formdata.append("bestepid", this.bestepid); | 40 | formdata.append("bestepid", this.bestepid); |
... | @@ -56,7 +56,7 @@ export default { | ... | @@ -56,7 +56,7 @@ export default { |
56 | }); | 56 | }); |
57 | }, | 57 | }, |
58 | //批量按钮判断 | 58 | //批量按钮判断 |
59 | judgeBatchShow () { | 59 | judgeBatchShow() { |
60 | this.showBatch = false; | 60 | this.showBatch = false; |
61 | if (this.unitData.length > 1) { | 61 | if (this.unitData.length > 1) { |
62 | let qllx = this.$route.query.sqywbm.substring(0, 3); | 62 | let qllx = this.$route.query.sqywbm.substring(0, 3); |
... | @@ -75,7 +75,7 @@ export default { | ... | @@ -75,7 +75,7 @@ export default { |
75 | } | 75 | } |
76 | }, | 76 | }, |
77 | //加载流程初始参数 | 77 | //加载流程初始参数 |
78 | flowInitParam () { | 78 | flowInitParam() { |
79 | var formdata = new FormData(); | 79 | var formdata = new FormData(); |
80 | formdata.append("bsmSlsq", this.bsmSlsq); | 80 | formdata.append("bsmSlsq", this.bsmSlsq); |
81 | formdata.append("bestepid", this.bestepid); | 81 | formdata.append("bestepid", this.bestepid); |
... | @@ -87,7 +87,7 @@ export default { | ... | @@ -87,7 +87,7 @@ export default { |
87 | }); | 87 | }); |
88 | }, | 88 | }, |
89 | //流程环节操作按钮 | 89 | //流程环节操作按钮 |
90 | operation (item) { | 90 | operation(item) { |
91 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 91 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 |
92 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 92 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
93 | let that = this; | 93 | let that = this; |
... | @@ -227,7 +227,7 @@ export default { | ... | @@ -227,7 +227,7 @@ export default { |
227 | } | 227 | } |
228 | }, | 228 | }, |
229 | //发送下一个环节 | 229 | //发送下一个环节 |
230 | sendToNext (obj) { | 230 | sendToNext(obj) { |
231 | const h = this.$createElement; | 231 | const h = this.$createElement; |
232 | this.$msgbox({ | 232 | this.$msgbox({ |
233 | title: "您确定转出吗?1", | 233 | title: "您确定转出吗?1", |
... | @@ -251,7 +251,12 @@ export default { | ... | @@ -251,7 +251,12 @@ export default { |
251 | if (res.code === 200) { | 251 | if (res.code === 200) { |
252 | instance.confirmButtonLoading = false; | 252 | instance.confirmButtonLoading = false; |
253 | this.$message.success("转件成功"); | 253 | this.$message.success("转件成功"); |
254 | window.opener.location.reload(); //刷新父窗口 | 254 | // window.opener.location.reload(); //刷新父窗口 |
255 | if (window.opener && window.opener.getBpageList) { | ||
256 | window.opener.getBpageList(); | ||
257 | } else { | ||
258 | window.opener.frames[0].getBpageList(); | ||
259 | } | ||
255 | window.close(); | 260 | window.close(); |
256 | this.$emit("input", false); | 261 | this.$emit("input", false); |
257 | } else { | 262 | } else { |
... | @@ -271,7 +276,7 @@ export default { | ... | @@ -271,7 +276,7 @@ export default { |
271 | }); | 276 | }); |
272 | }); | 277 | }); |
273 | }, | 278 | }, |
274 | sendToEnd () { | 279 | sendToEnd() { |
275 | let that = this | 280 | let that = this |
276 | const h = this.$createElement; | 281 | const h = this.$createElement; |
277 | this.$msgbox({ | 282 | this.$msgbox({ |
... | @@ -291,7 +296,12 @@ export default { | ... | @@ -291,7 +296,12 @@ export default { |
291 | instance.confirmButtonLoading = false; | 296 | instance.confirmButtonLoading = false; |
292 | that.$message.success("转件成功"); | 297 | that.$message.success("转件成功"); |
293 | localStorage.setItem('transfer', true) | 298 | localStorage.setItem('transfer', true) |
294 | window.opener.location.reload(); //刷新父窗口 | 299 | // window.opener.location.reload(); //刷新父窗口 |
300 | if (window.opener && window.opener.getBpageList) { | ||
301 | window.opener.getBpageList(); | ||
302 | } else { | ||
303 | window.opener.frames[0].getBpageList(); | ||
304 | } | ||
295 | window.close(); | 305 | window.close(); |
296 | that.$emit("input", false); | 306 | that.$emit("input", false); |
297 | } else { | 307 | } else { |
... | @@ -312,7 +322,7 @@ export default { | ... | @@ -312,7 +322,7 @@ export default { |
312 | }) | 322 | }) |
313 | }, | 323 | }, |
314 | //批量操作 | 324 | //批量操作 |
315 | handleBatchDel () { | 325 | handleBatchDel() { |
316 | let that = this; | 326 | let that = this; |
317 | this.$popup("批量删除", "workflow/components/batchDel", { | 327 | this.$popup("批量删除", "workflow/components/batchDel", { |
318 | width: "50%", | 328 | width: "50%", |
... | @@ -327,7 +337,7 @@ export default { | ... | @@ -327,7 +337,7 @@ export default { |
327 | } | 337 | } |
328 | }) | 338 | }) |
329 | }, | 339 | }, |
330 | handleChange (file) { | 340 | handleChange(file) { |
331 | var formdata = new FormData(); | 341 | var formdata = new FormData(); |
332 | formdata.append("file", file.raw); | 342 | formdata.append("file", file.raw); |
333 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 343 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
... | @@ -341,7 +351,7 @@ export default { | ... | @@ -341,7 +351,7 @@ export default { |
341 | }) | 351 | }) |
342 | }, | 352 | }, |
343 | // 上传 | 353 | // 上传 |
344 | beforeUpload (file) { | 354 | beforeUpload(file) { |
345 | return true; | 355 | return true; |
346 | }, | 356 | }, |
347 | } | 357 | } | ... | ... |
... | @@ -4,14 +4,22 @@ | ... | @@ -4,14 +4,22 @@ |
4 | <div class="topButton"> | 4 | <div class="topButton"> |
5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
6 | <ul> | 6 | <ul> |
7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li |
8 | @click="operation(item)" | ||
9 | v-for="(item, index) in leftButtonList" | ||
10 | :key="index" | ||
11 | > | ||
8 | <svg-icon class="icon" :icon-class="item.icon" /> | 12 | <svg-icon class="icon" :icon-class="item.icon" /> |
9 | <span class="iconName">{{ item.name }}</span> | 13 | <span class="iconName">{{ item.name }}</span> |
10 | </li> | 14 | </li> |
11 | </ul> | 15 | </ul> |
12 | <!-- 右侧流程按钮 --> | 16 | <!-- 右侧流程按钮 --> |
13 | <ul> | 17 | <ul> |
14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 18 | <li |
19 | @click="operation(item)" | ||
20 | v-for="(item, index) in rightButtonList" | ||
21 | :key="index" | ||
22 | > | ||
15 | <svg-icon class="icon" :icon-class="item.icon" /> | 23 | <svg-icon class="icon" :icon-class="item.icon" /> |
16 | <span class="iconName">{{ item.name }}</span> | 24 | <span class="iconName">{{ item.name }}</span> |
17 | </li> | 25 | </li> |
... | @@ -22,7 +30,12 @@ | ... | @@ -22,7 +30,12 @@ |
22 | <div class="containerFrame"> | 30 | <div class="containerFrame"> |
23 | <!-- 左侧菜单栏 --> | 31 | <!-- 左侧菜单栏 --> |
24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 32 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | 33 | <el-menu |
34 | :default-active="activeIndex" | ||
35 | @select="batchUnitClick" | ||
36 | class="title-batch" | ||
37 | v-if="showBatch" | ||
38 | > | ||
26 | <el-menu-item index="-1" key="-1" class="menus"> | 39 | <el-menu-item index="-1" key="-1" class="menus"> |
27 | <div>{{ batchButtonName }}</div> | 40 | <div>{{ batchButtonName }}</div> |
28 | </el-menu-item> | 41 | </el-menu-item> |
... | @@ -30,28 +43,50 @@ | ... | @@ -30,28 +43,50 @@ |
30 | <div v-if="this.isShowdrawer"> | 43 | <div v-if="this.isShowdrawer"> |
31 | <div class="title"> | 44 | <div class="title"> |
32 | 申请单元列表({{ unitData.length }}) | 45 | 申请单元列表({{ unitData.length }}) |
33 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 46 | <el-button |
47 | type="text" | ||
48 | class="batchDel" | ||
49 | @click="handleBatchDel" | ||
50 | v-if="unitData.length > 1" | ||
51 | >批量删除</el-button | ||
52 | > | ||
34 | </div> | 53 | </div> |
35 | <el-menu :default-active="activeIndex" @select="unitClick"> | 54 | <el-menu :default-active="activeIndex" @select="unitClick"> |
36 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 55 | <el-menu-item |
56 | v-for="(item, index) in unitData" | ||
57 | :index="index.toString()" | ||
58 | :key="index" | ||
59 | > | ||
37 | <div> | 60 | <div> |
38 | <p>{{ item.bdcdyh }}</p> | 61 | <p>{{ item.bdcdyh }}</p> |
39 | <p class="title-detail">{{ item.zl }}</p> | 62 | <p class="title-detail">{{ item.zl }}</p> |
40 | </div> | 63 | </div> |
41 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | 64 | <i |
65 | class="el-icon-delete" | ||
66 | v-if="unitData.length > 1" | ||
67 | @click.stop="handleDel(item)" | ||
68 | ></i> | ||
42 | </el-menu-item> | 69 | </el-menu-item> |
43 | </el-menu> | 70 | </el-menu> |
44 | </div> | 71 | </div> |
45 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 72 | <div |
73 | class="map-drawer-click map-drawer" | ||
74 | v-if="!isShowdrawer" | ||
75 | @click=" | ||
46 | () => { | 76 | () => { |
47 | this.isShowdrawer = !this.isShowdrawer; | 77 | this.isShowdrawer = !this.isShowdrawer; |
48 | } | 78 | } |
49 | "></div> | 79 | " |
50 | <div class="map-drawer-expand map-drawer" v-else @click=" | 80 | ></div> |
81 | <div | ||
82 | class="map-drawer-expand map-drawer" | ||
83 | v-else | ||
84 | @click=" | ||
51 | () => { | 85 | () => { |
52 | this.isShowdrawer = !this.isShowdrawer; | 86 | this.isShowdrawer = !this.isShowdrawer; |
53 | } | 87 | } |
54 | "></div> | 88 | " |
89 | ></div> | ||
55 | </div> | 90 | </div> |
56 | <div class="leftCon"> | 91 | <div class="leftCon"> |
57 | <!-- 分屏左侧预览 --> | 92 | <!-- 分屏左侧预览 --> |
... | @@ -61,45 +96,78 @@ | ... | @@ -61,45 +96,78 @@ |
61 | <!-- 表单内容区域 --> | 96 | <!-- 表单内容区域 --> |
62 | <div class="rightContainer"> | 97 | <div class="rightContainer"> |
63 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 98 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
64 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 99 | <el-tab-pane |
100 | :label="item.name" | ||
101 | :name="item.value" | ||
102 | v-for="item in tabList" | ||
103 | :key="item.value" | ||
104 | > | ||
65 | </el-tab-pane> | 105 | </el-tab-pane> |
66 | </el-tabs> | 106 | </el-tabs> |
67 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 107 | <component |
108 | :key="fresh" | ||
109 | :is="componentTag" | ||
110 | v-bind="currentSelectProps" | ||
111 | /> | ||
68 | </div> | 112 | </div> |
69 | </div> | 113 | </div> |
70 | </div> | 114 | </div> |
71 | <!-- 打印模板需要此模块 --> | 115 | <!-- 打印模板需要此模块 --> |
72 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 116 | <object |
73 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 117 | id="LODOP_OB" |
118 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" | ||
119 | v-show="false" | ||
120 | > | ||
121 | <embed | ||
122 | id="LODOP_EM" | ||
123 | type="application/x-print-lodop" | ||
124 | width="820" | ||
125 | height="450" | ||
126 | pluginspage="install_lodop32.exe" | ||
127 | /> | ||
74 | </object> | 128 | </object> |
75 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | 129 | <el-upload |
76 | :on-change="handleChange" :before-upload="beforeUpload"> | 130 | class="fileUpdate" |
77 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | 131 | action="" |
132 | :show-file-list="false" | ||
133 | multiple | ||
134 | :auto-upload="false" | ||
135 | :on-change="handleChange" | ||
136 | :before-upload="beforeUpload" | ||
137 | > | ||
138 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false" | ||
139 | >上传</el-button | ||
140 | > | ||
78 | </el-upload> | 141 | </el-upload> |
79 | <selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> | 142 | <selectBdc |
143 | v-model="isDialog" | ||
144 | :djywbm="$route.query.sqywbm" | ||
145 | :isJump="true" | ||
146 | @updateDialog="updateDialog" | ||
147 | /> | ||
80 | </div> | 148 | </div> |
81 | </template> | 149 | </template> |
82 | <style scoped lang='scss'> | 150 | <style scoped lang="scss"> |
83 | @import "~@/styles/mixin.scss"; | 151 | @import "~@/styles/mixin.scss"; |
84 | @import "./workFrame.scss"; | 152 | @import "./workFrame.scss"; |
85 | </style> | 153 | </style> |
86 | <script> | 154 | <script> |
87 | import WorkFlow from "./mixin/index" | 155 | import WorkFlow from "./mixin/index"; |
88 | import publicFlow from "./mixin/public.js" | 156 | import publicFlow from "./mixin/public.js"; |
89 | import { getStepFormInfo } from "@/api/fqsq.js"; | 157 | import { getStepFormInfo } from "@/api/fqsq.js"; |
90 | import { getForm } from './flowform' | 158 | import { getForm } from "./flowform"; |
91 | import NoticeBar from '@/components/NoticeBar/index' | 159 | import NoticeBar from "@/components/NoticeBar/index"; |
92 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | 160 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; |
93 | import ProcessViewer from './components/processViewer.vue' | 161 | import ProcessViewer from "./components/processViewer.vue"; |
94 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 162 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
95 | export default { | 163 | export default { |
96 | components: { | 164 | components: { |
97 | selectBdc, | 165 | selectBdc, |
98 | NoticeBar, | 166 | NoticeBar, |
99 | ProcessViewer | 167 | ProcessViewer, |
100 | }, | 168 | }, |
101 | mixins: [WorkFlow, publicFlow], | 169 | mixins: [WorkFlow, publicFlow], |
102 | data () { | 170 | data() { |
103 | return { | 171 | return { |
104 | isDialog: false, | 172 | isDialog: false, |
105 | // 折叠 | 173 | // 折叠 |
... | @@ -131,42 +199,45 @@ export default { | ... | @@ -131,42 +199,45 @@ export default { |
131 | //批量操作 | 199 | //批量操作 |
132 | showBatch: false, | 200 | showBatch: false, |
133 | //批量操作按钮名称 | 201 | //批量操作按钮名称 |
134 | batchButtonName: '', | 202 | batchButtonName: "", |
135 | } | 203 | }; |
136 | }, | 204 | }, |
137 | mounted () { | 205 | mounted() { |
138 | //添加页面监听事件 | 206 | //添加页面监听事件 |
139 | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 207 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
140 | window.addEventListener('unload', e => this.unloadHandler(e)) | 208 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
141 | }, | 209 | }, |
142 | destroyed () { | 210 | |
143 | window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 211 | destroyed() { |
144 | window.removeEventListener('unload', e => this.unloadHandler(e)) | 212 | window.removeEventListener("beforeunload", (e) => |
213 | this.beforeunloadHandler(e) | ||
214 | ); | ||
215 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | ||
145 | }, | 216 | }, |
146 | methods: { | 217 | methods: { |
147 | beforeunloadHandler () { | 218 | beforeunloadHandler() { |
148 | this._beforeUnload_time = new Date().getTime() | 219 | this._beforeUnload_time = new Date().getTime(); |
149 | }, | 220 | }, |
150 | unloadHandler (e) { | 221 | unloadHandler(e) { |
151 | this._gap_time = new Date().getTime() - this._beforeUnload_time | 222 | this._gap_time = new Date().getTime() - this._beforeUnload_time; |
152 | //判断是窗口关闭还是刷新 | 223 | //判断是窗口关闭还是刷新 |
153 | if (this._gap_time <= 10) { | 224 | if (this._gap_time <= 10) { |
154 | //取消认领 | 225 | //取消认领 |
155 | unClaimTask(this.bsmSlsq, this.bestepid) | 226 | unClaimTask(this.bsmSlsq, this.bestepid); |
156 | } | 227 | } |
157 | }, | 228 | }, |
158 | changeLoadIndex () { | 229 | changeLoadIndex() { |
159 | this.loadIndex++ | 230 | this.loadIndex++; |
160 | }, | 231 | }, |
161 | closeDialog () { | 232 | closeDialog() { |
162 | this.myValue = false | 233 | this.myValue = false; |
163 | }, | 234 | }, |
164 | // 更新列表 | 235 | // 更新列表 |
165 | updateDialog () { | 236 | updateDialog() { |
166 | this.loadBdcdylist(); | 237 | this.loadBdcdylist(); |
167 | }, | 238 | }, |
168 | // 删除左侧列表 | 239 | // 删除左侧列表 |
169 | handleDel (item) { | 240 | handleDel(item) { |
170 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 241 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
171 | confirmButtonText: "确定", | 242 | confirmButtonText: "确定", |
172 | cancelButtonText: "取消", | 243 | cancelButtonText: "取消", |
... | @@ -193,7 +264,7 @@ export default { | ... | @@ -193,7 +264,7 @@ export default { |
193 | }); | 264 | }); |
194 | }, | 265 | }, |
195 | //申请单元点击事件 | 266 | //申请单元点击事件 |
196 | stepForm (index) { | 267 | stepForm(index) { |
197 | getStepFormInfo(this.currentSelectProps).then((res) => { | 268 | getStepFormInfo(this.currentSelectProps).then((res) => { |
198 | if (res.code === 200) { | 269 | if (res.code === 200) { |
199 | this.fresh++; | 270 | this.fresh++; |
... | @@ -211,24 +282,24 @@ export default { | ... | @@ -211,24 +282,24 @@ export default { |
211 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 282 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
212 | that.clxxTab = item; | 283 | that.clxxTab = item; |
213 | } | 284 | } |
214 | }) | 285 | }); |
215 | } | 286 | } |
216 | } | 287 | } |
217 | }) | 288 | }); |
218 | }, | 289 | }, |
219 | //申请单元点击事件 | 290 | //申请单元点击事件 |
220 | unitClick (index) { | 291 | unitClick(index) { |
221 | this.currentSelectProps = this.unitData[index]; | 292 | this.currentSelectProps = this.unitData[index]; |
222 | this.currentSelectProps.batchOperation = false; | 293 | this.currentSelectProps.batchOperation = false; |
223 | this.activeIndex = index.toString(); | 294 | this.activeIndex = index.toString(); |
224 | this.stepForm(index); | 295 | this.stepForm(index); |
225 | }, | 296 | }, |
226 | //批量按钮点击事件 | 297 | //批量按钮点击事件 |
227 | batchUnitClick () { | 298 | batchUnitClick() { |
228 | this.currentSelectProps.batchOperation = true; | 299 | this.currentSelectProps.batchOperation = true; |
229 | this.activeIndex = "-1"; | 300 | this.activeIndex = "-1"; |
230 | this.stepForm(); | 301 | this.stepForm(); |
231 | } | 302 | }, |
232 | } | 303 | }, |
233 | } | 304 | }; |
234 | </script> | 305 | </script> | ... | ... |
... | @@ -4,14 +4,22 @@ | ... | @@ -4,14 +4,22 @@ |
4 | <div class="topButton"> | 4 | <div class="topButton"> |
5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
6 | <ul> | 6 | <ul> |
7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li |
8 | @click="operation(item)" | ||
9 | v-for="(item, index) in leftButtonList" | ||
10 | :key="index" | ||
11 | > | ||
8 | <svg-icon :icon-class="item.icon" /> | 12 | <svg-icon :icon-class="item.icon" /> |
9 | <span class="iconName">{{ item.name }}</span> | 13 | <span class="iconName">{{ item.name }}</span> |
10 | </li> | 14 | </li> |
11 | </ul> | 15 | </ul> |
12 | <!-- 右侧流程按钮 --> | 16 | <!-- 右侧流程按钮 --> |
13 | <ul> | 17 | <ul> |
14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 18 | <li |
19 | @click="operation(item)" | ||
20 | v-for="(item, index) in rightButtonList" | ||
21 | :key="index" | ||
22 | > | ||
15 | <svg-icon class="icon" :icon-class="item.icon" /> | 23 | <svg-icon class="icon" :icon-class="item.icon" /> |
16 | <span class="iconName">{{ item.name }}</span> | 24 | <span class="iconName">{{ item.name }}</span> |
17 | </li> | 25 | </li> |
... | @@ -25,7 +33,11 @@ | ... | @@ -25,7 +33,11 @@ |
25 | <div v-if="this.isShowdrawer"> | 33 | <div v-if="this.isShowdrawer"> |
26 | <div class="title">申请单元列表({{ unitData.length }})</div> | 34 | <div class="title">申请单元列表({{ unitData.length }})</div> |
27 | <el-menu :default-active="activeIndex" @select="unitClick"> | 35 | <el-menu :default-active="activeIndex" @select="unitClick"> |
28 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 36 | <el-menu-item |
37 | v-for="(item, index) in unitData" | ||
38 | :index="index.toString()" | ||
39 | :key="index" | ||
40 | > | ||
29 | <div> | 41 | <div> |
30 | <p>{{ item.bdcdyh }}</p> | 42 | <p>{{ item.bdcdyh }}</p> |
31 | <p class="title-detail">{{ item.zl }}</p> | 43 | <p class="title-detail">{{ item.zl }}</p> |
... | @@ -33,16 +45,24 @@ | ... | @@ -33,16 +45,24 @@ |
33 | </el-menu-item> | 45 | </el-menu-item> |
34 | </el-menu> | 46 | </el-menu> |
35 | </div> | 47 | </div> |
36 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 48 | <div |
49 | class="map-drawer-click map-drawer" | ||
50 | v-if="!isShowdrawer" | ||
51 | @click=" | ||
37 | () => { | 52 | () => { |
38 | this.isShowdrawer = !this.isShowdrawer; | 53 | this.isShowdrawer = !this.isShowdrawer; |
39 | } | 54 | } |
40 | "></div> | 55 | " |
41 | <div class="map-drawer-expand map-drawer" v-else @click=" | 56 | ></div> |
57 | <div | ||
58 | class="map-drawer-expand map-drawer" | ||
59 | v-else | ||
60 | @click=" | ||
42 | () => { | 61 | () => { |
43 | this.isShowdrawer = !this.isShowdrawer; | 62 | this.isShowdrawer = !this.isShowdrawer; |
44 | } | 63 | } |
45 | "></div> | 64 | " |
65 | ></div> | ||
46 | </div> | 66 | </div> |
47 | <div class="leftCon"> | 67 | <div class="leftCon"> |
48 | <!-- 分屏左侧预览 --> | 68 | <!-- 分屏左侧预览 --> |
... | @@ -52,42 +72,47 @@ | ... | @@ -52,42 +72,47 @@ |
52 | <!-- 表单内容区域 --> | 72 | <!-- 表单内容区域 --> |
53 | <div class="rightContainer"> | 73 | <div class="rightContainer"> |
54 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 74 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
55 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> | 75 | <el-tab-pane |
76 | :label="item.name" | ||
77 | :name="item.value" | ||
78 | v-for="(item, index) in tabList" | ||
79 | :key="index" | ||
80 | > | ||
56 | </el-tab-pane> | 81 | </el-tab-pane> |
57 | </el-tabs> | 82 | </el-tabs> |
58 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 83 | <component |
84 | :key="fresh" | ||
85 | :is="componentTag" | ||
86 | v-bind="currentSelectProps" | ||
87 | /> | ||
59 | </div> | 88 | </div> |
60 | </div> | 89 | </div> |
61 | </div> | 90 | </div> |
62 | </div> | 91 | </div> |
63 | </template> | 92 | </template> |
64 | <style scoped lang='scss'> | 93 | <style scoped lang="scss"> |
65 | @import "~@/styles/mixin.scss"; | 94 | @import "~@/styles/mixin.scss"; |
66 | @import "./workFrame.scss"; | 95 | @import "./workFrame.scss"; |
67 | </style> | 96 | </style> |
68 | <script> | 97 | <script> |
69 | import { | 98 | import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js"; |
70 | leftMenu, | 99 | import publicFlow from "./mixin/public.js"; |
71 | stepExpandInfo, | ||
72 | getStepFormInfo | ||
73 | } from "@/api/fqsq.js" | ||
74 | import publicFlow from "./mixin/public.js" | ||
75 | import { popupDialog } from "@/utils/popup.js"; | 100 | import { popupDialog } from "@/utils/popup.js"; |
76 | import NoticeBar from '@/components/NoticeBar/index' | 101 | import NoticeBar from "@/components/NoticeBar/index"; |
77 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" | 102 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
78 | export default { | 103 | export default { |
79 | mixins: [publicFlow], | 104 | mixins: [publicFlow], |
80 | components: { | 105 | components: { |
81 | NoticeBar | 106 | NoticeBar, |
82 | }, | 107 | }, |
83 | data () { | 108 | data() { |
84 | return { | 109 | return { |
85 | // 流程图 | 110 | // 流程图 |
86 | imgSrc: '', | 111 | imgSrc: "", |
87 | // 折叠 | 112 | // 折叠 |
88 | isShowdrawer: true, | 113 | isShowdrawer: true, |
89 | // 默认选中 | 114 | // 默认选中 |
90 | activeIndex: '0', | 115 | activeIndex: "0", |
91 | //受理申请标识码 | 116 | //受理申请标识码 |
92 | bsmSlsq: this.$route.query.bsmSlsq, | 117 | bsmSlsq: this.$route.query.bsmSlsq, |
93 | //当前流程所在环节 | 118 | //当前流程所在环节 |
... | @@ -116,15 +141,16 @@ export default { | ... | @@ -116,15 +141,16 @@ export default { |
116 | clxxIndex: "", | 141 | clxxIndex: "", |
117 | //材料信息选项卡对象 | 142 | //材料信息选项卡对象 |
118 | clxxTab: {}, | 143 | clxxTab: {}, |
119 | } | 144 | }; |
120 | }, | 145 | }, |
121 | mounted () { | 146 | mounted() { |
122 | this.loadBdcdylist(); | 147 | this.loadBdcdylist(); |
123 | this.flowInitParam(); | 148 | this.flowInitParam(); |
124 | }, | 149 | }, |
150 | |||
125 | methods: { | 151 | methods: { |
126 | //加载流程初始参数 | 152 | //加载流程初始参数 |
127 | flowInitParam () { | 153 | flowInitParam() { |
128 | var formdata = new FormData(); | 154 | var formdata = new FormData(); |
129 | formdata.append("bsmSlsq", this.bsmSlsq); | 155 | formdata.append("bsmSlsq", this.bsmSlsq); |
130 | formdata.append("bestepid", this.bestepid); | 156 | formdata.append("bestepid", this.bestepid); |
... | @@ -134,34 +160,36 @@ export default { | ... | @@ -134,34 +160,36 @@ export default { |
134 | this.leftButtonList = res.result.button; | 160 | this.leftButtonList = res.result.button; |
135 | this.rightButtonList = res.result.operation; | 161 | this.rightButtonList = res.result.operation; |
136 | } | 162 | } |
137 | }) | 163 | }); |
138 | }, | 164 | }, |
139 | //流程环节操作按钮 | 165 | //流程环节操作按钮 |
140 | operation (item) { | 166 | operation(item) { |
141 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 | 167 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 |
142 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 168 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
143 | switch (item.value) { | 169 | switch (item.value) { |
144 | case "B1": | 170 | case "B1": |
145 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 171 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then( |
146 | let { result } = res | 172 | (res) => { |
173 | let { result } = res; | ||
147 | popupDialog("流程图", "workflow/components/processViewer", { | 174 | popupDialog("流程图", "workflow/components/processViewer", { |
148 | xml: result.xml, | 175 | xml: result.xml, |
149 | finishedInfo: { | 176 | finishedInfo: { |
150 | finishedTaskSet: result.finishedTaskSet, | 177 | finishedTaskSet: result.finishedTaskSet, |
151 | unfinishedTaskSet: result.unfinishedTaskSet, | 178 | unfinishedTaskSet: result.unfinishedTaskSet, |
152 | rejectedTaskSet: result.rejectedTaskSet, | 179 | rejectedTaskSet: result.rejectedTaskSet, |
153 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | 180 | finishedSequenceFlowSet: result.finishedSequenceFlowSet, |
154 | }, | 181 | }, |
155 | allCommentList: result.historyTaskList | 182 | allCommentList: result.historyTaskList, |
156 | }) | 183 | }); |
157 | }) | 184 | } |
185 | ); | ||
158 | break; | 186 | break; |
159 | case "B5": | 187 | case "B5": |
160 | this.zsylFlag = true; | 188 | this.zsylFlag = true; |
161 | break; | 189 | break; |
162 | case "B2": //材料分屏按钮 | 190 | case "B2": //材料分屏按钮 |
163 | this.splitScreen = this.splitScreen ? false : true; | 191 | this.splitScreen = this.splitScreen ? false : true; |
164 | this.$store.dispatch('app/settScreen', this.splitScreen) | 192 | this.$store.dispatch("app/settScreen", this.splitScreen); |
165 | if (this.splitScreen) { | 193 | if (this.splitScreen) { |
166 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 194 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
167 | if (this.tabName == this.clxxTab.value) { | 195 | if (this.tabName == this.clxxTab.value) { |
... | @@ -179,7 +207,7 @@ export default { | ... | @@ -179,7 +207,7 @@ export default { |
179 | } | 207 | } |
180 | }, | 208 | }, |
181 | //读取申请单元信息 | 209 | //读取申请单元信息 |
182 | loadBdcdylist () { | 210 | loadBdcdylist() { |
183 | var formdata = new FormData(); | 211 | var formdata = new FormData(); |
184 | formdata.append("bsmSlsq", this.bsmSlsq); | 212 | formdata.append("bsmSlsq", this.bsmSlsq); |
185 | formdata.append("bestepid", this.bestepid); | 213 | formdata.append("bestepid", this.bestepid); |
... | @@ -189,12 +217,12 @@ export default { | ... | @@ -189,12 +217,12 @@ export default { |
189 | this.currentSelectProps = res.result[0]; | 217 | this.currentSelectProps = res.result[0]; |
190 | this.unitClick(0); | 218 | this.unitClick(0); |
191 | } | 219 | } |
192 | }) | 220 | }); |
193 | }, | 221 | }, |
194 | //申请单元点击事件 | 222 | //申请单元点击事件 |
195 | unitClick (index) { | 223 | unitClick(index) { |
196 | this.currentSelectProps = this.unitData[index]; | 224 | this.currentSelectProps = this.unitData[index]; |
197 | this.currentSelectProps.type = 'ONLY_READ'; | 225 | this.currentSelectProps.type = "ONLY_READ"; |
198 | getStepFormInfo(this.currentSelectProps).then((res) => { | 226 | getStepFormInfo(this.currentSelectProps).then((res) => { |
199 | if (res.code === 200) { | 227 | if (res.code === 200) { |
200 | this.fresh++; | 228 | this.fresh++; |
... | @@ -203,8 +231,8 @@ export default { | ... | @@ -203,8 +231,8 @@ export default { |
203 | //默认加载第一个表单信息 | 231 | //默认加载第一个表单信息 |
204 | this.tabName = res.result[0].value; | 232 | this.tabName = res.result[0].value; |
205 | } | 233 | } |
206 | }) | 234 | }); |
207 | } | 235 | }, |
208 | } | 236 | }, |
209 | } | 237 | }; |
210 | </script> | 238 | </script> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | 4 | <el-form |
5 | :model="queryForm" | ||
6 | ref="queryForm" | ||
7 | @submit.native.prevent | ||
8 | label-width="80px" | ||
9 | > | ||
5 | <el-row> | 10 | <el-row> |
6 | <el-col :span="5"> | 11 | <el-col :span="5"> |
7 | <el-form-item label="业务来源" label-width="70px"> | 12 | <el-form-item label="业务来源" label-width="70px"> |
8 | <el-select v-model="queryForm.ywly" class="width100" filterable | 13 | <el-select |
9 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" clearable placeholder="请选择业务来源"> | 14 | v-model="queryForm.ywly" |
10 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 15 | class="width100" |
16 | filterable | ||
17 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" | ||
18 | clearable | ||
19 | placeholder="请选择业务来源" | ||
20 | > | ||
21 | <el-option | ||
22 | v-for="item in dictData['ywly']" | ||
23 | :key="item.dcode" | ||
24 | :label="item.dname" | ||
25 | :value="item.dcode" | ||
26 | > | ||
11 | </el-option> | 27 | </el-option> |
12 | </el-select> | 28 | </el-select> |
13 | </el-form-item> | 29 | </el-form-item> |
14 | </el-col> | 30 | </el-col> |
15 | <el-col :span="5"> | 31 | <el-col :span="5"> |
16 | <el-form-item label="权利类型"> | 32 | <el-form-item label="权利类型"> |
17 | <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')" | 33 | <el-select |
18 | filterable clearable placeholder="请选择权利类型"> | 34 | v-model="queryForm.qllx" |
19 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 35 | class="width100" |
36 | @change="handleSelect('A8', 'qllxmc', 'qllx')" | ||
37 | filterable | ||
38 | clearable | ||
39 | placeholder="请选择权利类型" | ||
40 | > | ||
41 | <el-option | ||
42 | v-for="item in dictData['A8']" | ||
43 | :key="item.dcode" | ||
44 | :label="item.dname" | ||
45 | :value="item.dcode" | ||
46 | > | ||
20 | </el-option> | 47 | </el-option> |
21 | </el-select> | 48 | </el-select> |
22 | </el-form-item> | 49 | </el-form-item> |
23 | </el-col> | 50 | </el-col> |
24 | <el-col :span="5"> | 51 | <el-col :span="5"> |
25 | <el-form-item label="登记类型"> | 52 | <el-form-item label="登记类型"> |
26 | <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')" | 53 | <el-select |
27 | filterable clearable placeholder="请选择登记类型"> | 54 | v-model="queryForm.djlx" |
28 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 55 | class="width100" |
56 | @change="handleSelect('A21', 'djlxmc', 'djlx')" | ||
57 | filterable | ||
58 | clearable | ||
59 | placeholder="请选择登记类型" | ||
60 | > | ||
61 | <el-option | ||
62 | v-for="item in dictData['A21']" | ||
63 | :key="item.dcode" | ||
64 | :label="item.dname" | ||
65 | :value="item.dcode" | ||
66 | > | ||
29 | </el-option> | 67 | </el-option> |
30 | </el-select> | 68 | </el-select> |
31 | </el-form-item> | 69 | </el-form-item> |
32 | </el-col> | 70 | </el-col> |
33 | <el-col :span="5"> | 71 | <el-col :span="5"> |
34 | <el-form-item label="业务号"> | 72 | <el-form-item label="业务号"> |
35 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100"> | 73 | <el-input |
74 | placeholder="请输入业务号" | ||
75 | v-model="queryForm.ywh" | ||
76 | @clear="queryClick" | ||
77 | clearable | ||
78 | class="width100" | ||
79 | > | ||
36 | </el-input> | 80 | </el-input> |
37 | </el-form-item> | 81 | </el-form-item> |
38 | </el-col> | 82 | </el-col> |
39 | 83 | ||
40 | <el-col :span="4" class="btnColRight"> | 84 | <el-col :span="4" class="btnColRight"> |
41 | <el-form-item> | 85 | <el-form-item> |
42 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 86 | <el-button type="primary" native-type="submit" @click="queryClick" |
87 | >查询</el-button | ||
88 | > | ||
43 | <el-button @click="moreQueryClick">高级查询</el-button> | 89 | <el-button @click="moreQueryClick">高级查询</el-button> |
44 | </el-form-item> | 90 | </el-form-item> |
45 | </el-col> | 91 | </el-col> |
... | @@ -49,40 +95,56 @@ | ... | @@ -49,40 +95,56 @@ |
49 | <ul> | 95 | <ul> |
50 | <li v-for="(item, index) in searchList" :key="index"> | 96 | <li v-for="(item, index) in searchList" :key="index"> |
51 | {{ item.name }}:{{ item.value }} | 97 | {{ item.name }}:{{ item.value }} |
52 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 98 | <i |
99 | class="el-icon-circle-close" | ||
100 | @click="handelItem(item, index)" | ||
101 | ></i> | ||
53 | </li> | 102 | </li> |
54 | </ul> | 103 | </ul> |
55 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 104 | <el-button |
105 | class="clean-btn" | ||
106 | type="text" | ||
107 | v-if="searchList.length > 0" | ||
108 | @click.native="hanldeCleanAll" | ||
109 | >清除全部 | ||
56 | </el-button> | 110 | </el-button> |
57 | </el-row> | 111 | </el-row> |
58 | </el-form> | 112 | </el-form> |
59 | </div> | 113 | </div> |
60 | <div class="from-clues-content"> | 114 | <div class="from-clues-content"> |
61 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 115 | <lb-table |
62 | :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total" | 116 | :page-size="pageData.size" |
63 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 117 | class="loadingtext" |
64 | :data="tableData.data"> | 118 | @sort-change="handleSort" |
119 | :current-page.sync="pageData.currentPage" | ||
120 | :heightNum="295" | ||
121 | :total="tableData.total" | ||
122 | @size-change="handleSizeChange" | ||
123 | @p-current-change="handleCurrentChange" | ||
124 | :column="tableData.columns" | ||
125 | :data="tableData.data" | ||
126 | > | ||
65 | </lb-table> | 127 | </lb-table> |
66 | </div> | 128 | </div> |
67 | <searchBox v-model="isSearch" @getSearch="getSearch" /> | 129 | <searchBox v-model="isSearch" @getSearch="getSearch" /> |
68 | </div> | 130 | </div> |
69 | </template> | 131 | </template> |
70 | <script> | 132 | <script> |
71 | import { mapGetters } from 'vuex' | 133 | import { mapGetters } from "vuex"; |
72 | import searchBox from '../components/search.vue' | 134 | import searchBox from "../components/search.vue"; |
73 | import table from "@/utils/mixin/table" | 135 | import table from "@/utils/mixin/table"; |
74 | import searchMin from "../components/mixin/index" | 136 | import searchMin from "../components/mixin/index"; |
75 | import { datas, sendThis } from "./dbxdata" | 137 | import { datas, sendThis } from "./dbxdata"; |
76 | import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl" | 138 | import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl"; |
77 | import { judgeUserTaskPermission } from "@/api/fqsq" | 139 | import { judgeUserTaskPermission } from "@/api/fqsq"; |
78 | export default { | 140 | export default { |
79 | name: "dbx", | 141 | name: "dbx", |
80 | components: { searchBox }, | 142 | components: { searchBox }, |
81 | mixins: [table, searchMin], | 143 | mixins: [table, searchMin], |
82 | computed: { | 144 | computed: { |
83 | ...mapGetters(['dictData', 'transfer']) | 145 | ...mapGetters(["dictData", "transfer"]), |
84 | }, | 146 | }, |
85 | data () { | 147 | data() { |
86 | return { | 148 | return { |
87 | queryForm: { | 149 | queryForm: { |
88 | ywly: "", | 150 | ywly: "", |
... | @@ -91,109 +153,127 @@ export default { | ... | @@ -91,109 +153,127 @@ export default { |
91 | ywh: "", | 153 | ywh: "", |
92 | }, | 154 | }, |
93 | searchForm: { | 155 | searchForm: { |
94 | ywlymc: '', | 156 | ywlymc: "", |
95 | qllxmc: '', | 157 | qllxmc: "", |
96 | djlxmc: '', | 158 | djlxmc: "", |
97 | ywh: '' | 159 | ywh: "", |
98 | }, | 160 | }, |
99 | tableData: { | 161 | tableData: { |
100 | total: 0, | 162 | total: 0, |
101 | columns: datas.columns(), | 163 | columns: datas.columns(), |
102 | data: [], | 164 | data: [], |
103 | } | ||
104 | } | ||
105 | }, | 165 | }, |
106 | mounted () { | 166 | jumpid: "", |
167 | }; | ||
168 | }, | ||
169 | mounted() { | ||
107 | sendThis(this); | 170 | sendThis(this); |
171 | window["getBpageList"] = () => { | ||
172 | this.queryClick(); | ||
173 | }; | ||
108 | }, | 174 | }, |
109 | watch: { | 175 | watch: { |
110 | queryForm: { | 176 | queryForm: { |
111 | handler (newName, oldName) { | 177 | handler(newName, oldName) {}, |
178 | immediate: true, | ||
112 | }, | 179 | }, |
113 | immediate: true | ||
114 | } | ||
115 | }, | 180 | }, |
116 | methods: { | 181 | methods: { |
117 | // 列表渲染接口 | 182 | // 列表渲染接口 |
118 | queryClick () { | 183 | queryClick() { |
119 | this.$startLoading() | 184 | this.$startLoading(); |
120 | this.searchForm.ywh = this.queryForm.ywh | 185 | this.searchForm.ywh = this.queryForm.ywh; |
121 | this.iterationData() | 186 | this.iterationData(); |
122 | searchTaskToDo({ ...this.queryForm, ...this.otherForm, ...this.pageData }).then(res => { | 187 | searchTaskToDo({ |
123 | this.$endLoading() | 188 | ...this.queryForm, |
189 | ...this.otherForm, | ||
190 | ...this.pageData, | ||
191 | }).then((res) => { | ||
192 | this.$endLoading(); | ||
124 | if (res.code === 200) { | 193 | if (res.code === 200) { |
125 | let { total, records } = res.result | 194 | let { total, records } = res.result; |
126 | records.forEach(item => { | 195 | records.forEach((item) => { |
127 | item.qlrmc = item.qlrmc.join(',') | 196 | item.qlrmc = item.qlrmc.join(","); |
128 | item.ywh = item.ywh.join(',') | 197 | item.ywh = item.ywh.join(","); |
129 | item.zl = item.zl.join(',') | 198 | item.zl = item.zl.join(","); |
130 | item.fromstepdate = item.fromstepdate[0] | 199 | item.fromstepdate = item.fromstepdate[0]; |
131 | item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' | 200 | item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ""; |
132 | item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' | 201 | item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ""; |
133 | }) | 202 | }); |
134 | this.tableData.total = total ? total : 0 | 203 | this.tableData.total = total ? total : 0; |
135 | this.tableData.data = records ? records : [] | 204 | this.tableData.data = records ? records : []; |
136 | } | 205 | } |
137 | }) | 206 | }); |
138 | }, | 207 | }, |
139 | handleSort (val) { | 208 | |
140 | this.queryForm.sortField = val.prop | 209 | handleSort(val) { |
141 | this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' | 210 | this.queryForm.sortField = val.prop; |
142 | this.queryClick() | 211 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
212 | this.queryClick(); | ||
143 | }, | 213 | }, |
144 | del (item) { | 214 | del(item) { |
145 | let formdata = new FormData(); | 215 | let formdata = new FormData(); |
146 | formdata.append("bsmSlsq", item.bsmSlsq); | 216 | formdata.append("bsmSlsq", item.bsmSlsq); |
147 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 217 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
148 | confirmButtonText: '确定', | 218 | confirmButtonText: "确定", |
149 | cancelButtonText: '取消', | 219 | cancelButtonText: "取消", |
150 | type: 'warning' | 220 | type: "warning", |
151 | }).then(() => { | 221 | }) |
152 | deleteFlow(formdata).then(res => { | 222 | .then(() => { |
223 | deleteFlow(formdata).then((res) => { | ||
153 | if (res.code === 200) { | 224 | if (res.code === 200) { |
154 | this.handleDel() | 225 | this.handleDel(); |
155 | this.$message({ | 226 | this.$message({ |
156 | type: 'success', | 227 | type: "success", |
157 | message: '删除成功!' | 228 | message: "删除成功!", |
158 | }); | 229 | }); |
159 | this.queryClick() | 230 | this.queryClick(); |
160 | } else { | 231 | } else { |
161 | this.$message.error(res.message); | 232 | this.$message.error(res.message); |
162 | } | 233 | } |
234 | }); | ||
163 | }) | 235 | }) |
164 | }).catch(() => { | 236 | .catch(() => { |
165 | this.$message({ | 237 | this.$message({ |
166 | type: 'info', | 238 | type: "info", |
167 | message: '已取消删除' | 239 | message: "已取消删除", |
168 | }) | 240 | }); |
169 | }) | 241 | }); |
170 | }, | 242 | }, |
171 | ywhClick (item) { | 243 | ywhClick(item) { |
172 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 244 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
173 | judgeUserTaskPermission({ | 245 | judgeUserTaskPermission({ |
174 | bsmSlsq: item.bsmSlsq, | 246 | bsmSlsq: item.bsmSlsq, |
175 | bestepid: item.bestepid | 247 | bestepid: item.bestepid, |
176 | }).then(res => { | 248 | }).then((res) => { |
177 | if (res.code == 200) { | 249 | if (res.code == 200) { |
178 | if (res.result) { | 250 | if (res.result) { |
179 | //有任务权限 | 251 | //有任务权限 |
180 | const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); | 252 | const { href } = this.$router.resolve( |
181 | window.open(href, '_blank'); | 253 | "/workFrame?bsmSlsq=" + |
254 | item.bsmSlsq + | ||
255 | "&bestepid=" + | ||
256 | item.bestepid + | ||
257 | "&bsmBusiness=" + | ||
258 | "&sqywbm=" + | ||
259 | item.djywbm | ||
260 | ); | ||
261 | window.open(href, `urlname${item.bsmSlsq}`); | ||
182 | //从待办箱进入的调取任务领取接口 | 262 | //从待办箱进入的调取任务领取接口 |
183 | claimTask(item.bsmSlsq, item.bestepid) | 263 | claimTask(item.bsmSlsq, item.bestepid); |
184 | } else { | 264 | } else { |
185 | //无任务权限 | 265 | //无任务权限 |
186 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作") | 266 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作"); |
187 | //刷新页面 | 267 | //刷新页面 |
188 | this.queryClick(); | 268 | this.queryClick(); |
189 | } | 269 | } |
190 | } else { | 270 | } else { |
191 | this.$message.error("用户任务权限判断失败,请联系管理员") | 271 | this.$message.error("用户任务权限判断失败,请联系管理员"); |
192 | } | 272 | } |
193 | }) | 273 | }); |
194 | } | 274 | }, |
195 | } | 275 | }, |
196 | } | 276 | }; |
197 | </script> | 277 | </script> |
198 | <style scoped lang="scss"> | 278 | <style scoped lang="scss"> |
199 | @import "~@/styles/public.scss"; | 279 | @import "~@/styles/public.scss"; | ... | ... |
-
Please register or sign in to post a comment