style:发起申请模块功能的开发
Showing
9 changed files
with
396 additions
and
166 deletions
1 | <!-- | ||
2 | * @Description: workFrame左侧菜单列表-普通 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-18 14:39:07 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | ||
8 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | ||
9 | <el-menu-item index="-1" key="-1" class="menus"> | ||
10 | <div>{{ batchButtonName }}</div> | ||
11 | </el-menu-item> | ||
12 | </el-menu> | ||
13 | <div v-if="this.isShowdrawer"> | ||
14 | <div class="title"> | ||
15 | 申请单元列表({{ unitData.length }}) | ||
16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | ||
17 | </div> | ||
18 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
20 | <div> | ||
21 | <p>{{ item.bdcdyh }}</p> | ||
22 | <p class="title-detail">{{ item.zl }}</p> | ||
23 | </div> | ||
24 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | ||
25 | </el-menu-item> | ||
26 | </el-menu> | ||
27 | </div> | ||
28 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
29 | () => { | ||
30 | this.isShowdrawer = !this.isShowdrawer; | ||
31 | } | ||
32 | "></div> | ||
33 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
34 | () => { | ||
35 | this.isShowdrawer = !this.isShowdrawer; | ||
36 | } | ||
37 | "></div> | ||
38 | </div> | ||
39 | </template> | ||
40 | <script> | ||
41 | import { leftMenu } from "@/api/fqsq.js" | ||
42 | import { deleteFlow } from "@/api/ywbl.js"; | ||
43 | export default { | ||
44 | data () { | ||
45 | return { | ||
46 | //受理申请标识码 | ||
47 | bsmSlsq: this.$route.query.bsmSlsq, | ||
48 | //当前流程所在环节 | ||
49 | bestepid: this.$route.query.bestepid, | ||
50 | // 默认选中 | ||
51 | activeIndex: '0', | ||
52 | // 折叠 | ||
53 | isShowdrawer: true, | ||
54 | // 批量操作 | ||
55 | showBatch: false, | ||
56 | //批量操作按钮名称 | ||
57 | batchButtonName: '', | ||
58 | //左侧菜单数据集合 | ||
59 | unitData: [], | ||
60 | // 设置表单传递数据 | ||
61 | currentSelectProps: {} | ||
62 | } | ||
63 | }, | ||
64 | mounted () { | ||
65 | this.loadBdcdylist(); | ||
66 | }, | ||
67 | methods: { | ||
68 | //读取申请单元信息 | ||
69 | loadBdcdylist () { | ||
70 | var formdata = new FormData(); | ||
71 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
72 | formdata.append("bestepid", this.bestepid); | ||
73 | leftMenu(formdata).then((res) => { | ||
74 | if (res.code === 200 && res.result) { | ||
75 | this.unitData = res.result; | ||
76 | this.currentSelectProps = res.result[0]; | ||
77 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
78 | this.judgeBatchShow(); | ||
79 | if (this.showBatch) { | ||
80 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
81 | this.batchUnitClick(); | ||
82 | } else { | ||
83 | //默认选择单元列表第一个 | ||
84 | this.unitClick(0); | ||
85 | } | ||
86 | } | ||
87 | }) | ||
88 | }, | ||
89 | //批量按钮判断 | ||
90 | judgeBatchShow () { | ||
91 | this.showBatch = false; | ||
92 | if (this.unitData.length > 1) { | ||
93 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
94 | switch (qllx) { | ||
95 | case 'B39': | ||
96 | this.showBatch = true; | ||
97 | this.batchButtonName = '批量查封清单信息'; | ||
98 | break; | ||
99 | case 'A37': | ||
100 | this.showBatch = true; | ||
101 | this.batchButtonName = '批量抵押'; | ||
102 | break; | ||
103 | default: | ||
104 | this.batchButtonName = '批量操作'; | ||
105 | } | ||
106 | } | ||
107 | }, | ||
108 | /** | ||
109 | * @description: 删除左侧列表 | ||
110 | * @param {*} item | ||
111 | * @author: renchao | ||
112 | */ | ||
113 | handleDel (item) { | ||
114 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
115 | confirmButtonText: "确定", | ||
116 | cancelButtonText: "取消", | ||
117 | type: "warning", | ||
118 | }) | ||
119 | .then(() => { | ||
120 | var formdata = new FormData(); | ||
121 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
122 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
123 | deleteFlow(formdata).then((res) => { | ||
124 | if (res.code == 200) { | ||
125 | this.$message.success("删除成功"); | ||
126 | this.$parent.updateDialog(); | ||
127 | } else { | ||
128 | this.$message.error(res.message); | ||
129 | } | ||
130 | }); | ||
131 | }) | ||
132 | .catch(() => { | ||
133 | this.$message({ | ||
134 | type: "info", | ||
135 | message: "已取消删除", | ||
136 | }); | ||
137 | }); | ||
138 | }, | ||
139 | //批量按钮点击事件 | ||
140 | batchUnitClick () { | ||
141 | this.currentSelectProps.batchOperation = true; | ||
142 | this.activeIndex = "-1"; | ||
143 | this.$parent.stepForm(); | ||
144 | }, | ||
145 | //批量操作 | ||
146 | handleBatchDel () { | ||
147 | this.$popupDialog("批量删除", "workflow/components/batchDel", { | ||
148 | bsmSlsq: this.bsmSlsq, | ||
149 | dataList: this.unitData, | ||
150 | }, '50%', true) | ||
151 | }, | ||
152 | //申请单元点击事件 | ||
153 | unitClick (index) { | ||
154 | this.currentSelectProps = this.unitData[index]; | ||
155 | this.currentSelectProps.batchOperation = false; | ||
156 | this.activeIndex = index.toString(); | ||
157 | this.$parent.stepForm(index); | ||
158 | } | ||
159 | } | ||
160 | } | ||
161 | </script> | ||
162 | <style scoped lang='scss'> | ||
163 | @import "~@/styles/mixin.scss"; | ||
164 | @import "../../workFrame.scss"; | ||
165 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | ||
2 | * @Description: workFrame左侧菜单列表-分割 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-18 16:32:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | ||
8 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | ||
9 | <el-menu-item index="-1" key="-1" class="menus"> | ||
10 | <div>{{ batchButtonName }}</div> | ||
11 | </el-menu-item> | ||
12 | </el-menu> | ||
13 | <div v-if="this.isShowdrawer"> | ||
14 | <!-- 变更前单元 --> | ||
15 | <div class="title"> | ||
16 | <b>变更前单元</b>/申请单元列表({{ aroundUnitData.length }}) | ||
17 | </div> | ||
18 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
19 | <el-menu-item v-for="(item, index) in aroundUnitData" :index="index.toString()" :key="index"> | ||
20 | <div> | ||
21 | <p>{{ item.bdcdyh }}</p> | ||
22 | <p class="title-detail">{{ item.zl }}</p> | ||
23 | </div> | ||
24 | <i class="el-icon-delete" v-if="aroundUnitData.length > 1" @click.stop="handleDel(item)"></i> | ||
25 | </el-menu-item> | ||
26 | </el-menu> | ||
27 | <!-- 变更后单元 --> | ||
28 | <div class="title"> | ||
29 | <b>变更后单元</b>/申请单元列表({{ afterUnitData.length }}) | ||
30 | </div> | ||
31 | <el-menu :default-active="activeHIndex" @select="handleAfterunitClick"> | ||
32 | <el-menu-item v-for="(item, index) in afterUnitData" :index="index.toString()" :key="index"> | ||
33 | <div> | ||
34 | <p>{{ item.bdcdyh }}</p> | ||
35 | <p class="title-detail">{{ item.zl }}</p> | ||
36 | </div> | ||
37 | <i class="el-icon-delete" v-if="afterUnitData.length > 1" @click.stop="handleDel(item)"></i> | ||
38 | </el-menu-item> | ||
39 | </el-menu> | ||
40 | </div> | ||
41 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
42 | () => { | ||
43 | this.isShowdrawer = !this.isShowdrawer; | ||
44 | } | ||
45 | "></div> | ||
46 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
47 | () => { | ||
48 | this.isShowdrawer = !this.isShowdrawer; | ||
49 | } | ||
50 | "></div> | ||
51 | </div> | ||
52 | </template> | ||
53 | <script> | ||
54 | import { leftMenu } from "@/api/fqsq.js" | ||
55 | import { deleteFlow } from "@/api/ywbl.js"; | ||
56 | export default { | ||
57 | data () { | ||
58 | return { | ||
59 | //受理申请标识码 | ||
60 | bsmSlsq: this.$route.query.bsmSlsq, | ||
61 | //当前流程所在环节 | ||
62 | bestepid: this.$route.query.bestepid, | ||
63 | // 变更前单元默认选中 | ||
64 | activeIndex: '0', | ||
65 | // 变更后单元默认选中 | ||
66 | activeHIndex: '-1', | ||
67 | // 折叠 | ||
68 | isShowdrawer: true, | ||
69 | // 批量操作 | ||
70 | showBatch: false, | ||
71 | //批量操作按钮名称 | ||
72 | batchButtonName: '', | ||
73 | //左侧菜单数据集合-变更前单元 | ||
74 | aroundUnitData: [], | ||
75 | //左侧菜单数据集合-变更后单元 | ||
76 | afterUnitData: [], | ||
77 | // 设置表单传递数据 | ||
78 | currentSelectProps: {} | ||
79 | } | ||
80 | }, | ||
81 | mounted () { | ||
82 | this.loadBdcdylist(); | ||
83 | }, | ||
84 | methods: { | ||
85 | //读取申请单元信息 | ||
86 | loadBdcdylist () { | ||
87 | var formdata = new FormData(); | ||
88 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
89 | formdata.append("bestepid", this.bestepid); | ||
90 | leftMenu(formdata).then((res) => { | ||
91 | if (res.code === 200 && res.result) { | ||
92 | this.aroundUnitData = res.result.filter(item => item.bglx == '1') | ||
93 | this.afterUnitData = res.result.filter(item => item.bglx == '2') | ||
94 | this.currentSelectProps = res.result[0]; | ||
95 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
96 | this.judgeBatchShow(); | ||
97 | if (this.showBatch) { | ||
98 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
99 | this.batchUnitClick(); | ||
100 | } else { | ||
101 | //默认选择单元列表第一个 | ||
102 | this.unitClick(0); | ||
103 | } | ||
104 | } | ||
105 | }) | ||
106 | }, | ||
107 | //批量按钮判断 | ||
108 | judgeBatchShow () { | ||
109 | this.showBatch = false; | ||
110 | if (this.afterUnitData.length > 1) { | ||
111 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
112 | switch (qllx) { | ||
113 | case 'B39': | ||
114 | this.showBatch = true; | ||
115 | this.batchButtonName = '批量查封清单信息'; | ||
116 | break; | ||
117 | case 'A37': | ||
118 | this.showBatch = true; | ||
119 | this.batchButtonName = '批量抵押'; | ||
120 | break; | ||
121 | default: | ||
122 | this.batchButtonName = '批量操作'; | ||
123 | } | ||
124 | } | ||
125 | }, | ||
126 | /** | ||
127 | * @description: 删除左侧列表 | ||
128 | * @param {*} item | ||
129 | * @author: renchao | ||
130 | */ | ||
131 | handleDel (item) { | ||
132 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
133 | confirmButtonText: "确定", | ||
134 | cancelButtonText: "取消", | ||
135 | type: "warning", | ||
136 | }) | ||
137 | .then(() => { | ||
138 | var formdata = new FormData(); | ||
139 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
140 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
141 | deleteFlow(formdata).then((res) => { | ||
142 | if (res.code == 200) { | ||
143 | this.$message.success("删除成功"); | ||
144 | this.$parent.updateDialog(); | ||
145 | } else { | ||
146 | this.$message.error(res.message); | ||
147 | } | ||
148 | }); | ||
149 | }) | ||
150 | .catch(() => { | ||
151 | this.$message({ | ||
152 | type: "info", | ||
153 | message: "已取消删除", | ||
154 | }); | ||
155 | }); | ||
156 | }, | ||
157 | //批量按钮点击事件 | ||
158 | batchUnitClick () { | ||
159 | this.currentSelectProps.batchOperation = true; | ||
160 | this.activeIndex = "-1"; | ||
161 | this.$parent.stepForm(); | ||
162 | }, | ||
163 | //申请单元点击事件 | ||
164 | unitClick (index) { | ||
165 | this.activeHIndex = '-1' | ||
166 | this.currentSelectProps = this.aroundUnitData[index]; | ||
167 | this.currentSelectProps.batchOperation = false; | ||
168 | this.activeIndex = index.toString(); | ||
169 | this.$parent.stepForm(index); | ||
170 | }, | ||
171 | handleAfterunitClick (index) { | ||
172 | this.activeIndex = '-1' | ||
173 | this.currentSelectProps = this.afterUnitData[index]; | ||
174 | this.currentSelectProps.batchOperation = false; | ||
175 | this.activeHIndex = index.toString(); | ||
176 | this.$parent.stepForm(index); | ||
177 | } | ||
178 | } | ||
179 | } | ||
180 | </script> | ||
181 | <style scoped lang='scss'> | ||
182 | @import "~@/styles/mixin.scss"; | ||
183 | @import "../../workFrame.scss"; | ||
184 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:38:46 | 4 | * @LastEditTime: 2023-05-18 15:01:31 |
5 | */ | 5 | */ |
6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
... | @@ -10,7 +10,6 @@ import { uploadUndo } from "@/api/clxx"; | ... | @@ -10,7 +10,6 @@ import { uploadUndo } from "@/api/clxx"; |
10 | import { deleteFlow } from "@/api/ywbl"; | 10 | import { deleteFlow } from "@/api/ywbl"; |
11 | import { getLodop } from "@/utils/LodopFuncs" | 11 | import { getLodop } from "@/utils/LodopFuncs" |
12 | import { | 12 | import { |
13 | leftMenu, | ||
14 | stepExpandInfo, | 13 | stepExpandInfo, |
15 | record, | 14 | record, |
16 | completeTask, | 15 | completeTask, |
... | @@ -47,50 +46,8 @@ export default { | ... | @@ -47,50 +46,8 @@ export default { |
47 | }, | 46 | }, |
48 | mounted () { | 47 | mounted () { |
49 | this.flowInitParam(); | 48 | this.flowInitParam(); |
50 | this.loadBdcdylist(); | ||
51 | }, | 49 | }, |
52 | methods: { | 50 | methods: { |
53 | //读取申请单元信息 | ||
54 | loadBdcdylist () { | ||
55 | var formdata = new FormData(); | ||
56 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
57 | formdata.append("bestepid", this.bestepid); | ||
58 | leftMenu(formdata).then((res) => { | ||
59 | if (res.code === 200) { | ||
60 | if (res.result) { | ||
61 | this.unitData = res.result; | ||
62 | this.currentSelectProps = res.result[0]; | ||
63 | this.judgeBatchShow(); | ||
64 | if (this.showBatch) { | ||
65 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
66 | this.batchUnitClick(); | ||
67 | } else { | ||
68 | //默认选择单元列表第一个 | ||
69 | this.unitClick(0); | ||
70 | } | ||
71 | } | ||
72 | } | ||
73 | }); | ||
74 | }, | ||
75 | //批量按钮判断 | ||
76 | judgeBatchShow () { | ||
77 | this.showBatch = false; | ||
78 | if (this.unitData.length > 1) { | ||
79 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
80 | switch (qllx) { | ||
81 | case 'B39': | ||
82 | this.showBatch = true; | ||
83 | this.batchButtonName = '批量查封清单信息'; | ||
84 | break; | ||
85 | case 'A37': | ||
86 | this.showBatch = true; | ||
87 | this.batchButtonName = '批量抵押'; | ||
88 | break; | ||
89 | default: | ||
90 | this.batchButtonName = '批量操作'; | ||
91 | } | ||
92 | } | ||
93 | }, | ||
94 | //加载流程初始参数 | 51 | //加载流程初始参数 |
95 | flowInitParam () { | 52 | flowInitParam () { |
96 | var formdata = new FormData(); | 53 | var formdata = new FormData(); |
... | @@ -101,7 +58,7 @@ export default { | ... | @@ -101,7 +58,7 @@ export default { |
101 | this.leftButtonList = res.result.button; | 58 | this.leftButtonList = res.result.button; |
102 | this.rightButtonList = res.result.operation; | 59 | this.rightButtonList = res.result.operation; |
103 | } | 60 | } |
104 | }); | 61 | }) |
105 | }, | 62 | }, |
106 | //流程环节操作按钮 | 63 | //流程环节操作按钮 |
107 | operation (item) { | 64 | operation (item) { | ... | ... |
... | @@ -8,16 +8,15 @@ import { getHomeNoticeList } from "@/api/user.js" | ... | @@ -8,16 +8,15 @@ import { getHomeNoticeList } from "@/api/user.js" |
8 | export default { | 8 | export default { |
9 | data () { | 9 | data () { |
10 | return { | 10 | return { |
11 | noticeList: [], | 11 | noticeList: [] |
12 | } | 12 | } |
13 | }, | 13 | }, |
14 | created () { | 14 | created () { |
15 | this.getHomeNotice() | 15 | this.getHomeNotice() |
16 | }, | 16 | }, |
17 | mounted () { | 17 | mounted () { |
18 | let that = this | ||
19 | window.addEventListener('message', function (messageEvent) { | 18 | window.addEventListener('message', function (messageEvent) { |
20 | that.getHomeNotice() | 19 | this.getHomeNotice() |
21 | }, false) | 20 | }, false) |
22 | }, | 21 | }, |
23 | methods: { | 22 | methods: { | ... | ... |
... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
53 | 53 | ||
54 | ul { | 54 | ul { |
55 | position: relative; | 55 | position: relative; |
56 | height: calc(100vh - 120px); | 56 | // height: calc(100vh - 120px); |
57 | overflow-y: auto; | 57 | overflow-y: auto; |
58 | 58 | ||
59 | .xian { | 59 | .xian { |
... | @@ -157,13 +157,13 @@ | ... | @@ -157,13 +157,13 @@ |
157 | } | 157 | } |
158 | 158 | ||
159 | .map-drawer-expand { | 159 | .map-drawer-expand { |
160 | background: url("../../image/right.png"); | 160 | background: url("~@/image/right.png"); |
161 | background-size: cover; | 161 | background-size: cover; |
162 | right: 0%; | 162 | right: 0%; |
163 | } | 163 | } |
164 | 164 | ||
165 | .map-drawer-click { | 165 | .map-drawer-click { |
166 | background: url("../../image/left.png"); | 166 | background: url("~@/image/left.png"); |
167 | background-size: cover; | 167 | background-size: cover; |
168 | left: 0%; | 168 | left: 0%; |
169 | } | 169 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:39:23 | 4 | * @LastEditTime: 2023-05-18 14:58:55 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -25,39 +25,9 @@ | ... | @@ -25,39 +25,9 @@ |
25 | </div> | 25 | </div> |
26 | <!-- 内容框架 --> | 26 | <!-- 内容框架 --> |
27 | <div class="containerFrame"> | 27 | <div class="containerFrame"> |
28 | <!-- 左侧菜单栏 --> | 28 | <!-- 左侧菜单栏 区分业务--> |
29 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 29 | <ordinaryMenu @getCurrentSelectProps="getCurrentSelectProps" /> |
30 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | 30 | <!-- <segmentMenu @getCurrentSelectProps="getCurrentSelectProps" /> --> |
31 | <el-menu-item index="-1" key="-1" class="menus"> | ||
32 | <div>{{ batchButtonName }}</div> | ||
33 | </el-menu-item> | ||
34 | </el-menu> | ||
35 | <div v-if="this.isShowdrawer"> | ||
36 | <div class="title"> | ||
37 | 申请单元列表({{ unitData.length }}) | ||
38 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | ||
39 | </div> | ||
40 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
41 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
42 | <div> | ||
43 | <p>{{ item.bdcdyh }}</p> | ||
44 | <p class="title-detail">{{ item.zl }}</p> | ||
45 | </div> | ||
46 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | ||
47 | </el-menu-item> | ||
48 | </el-menu> | ||
49 | </div> | ||
50 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
51 | () => { | ||
52 | this.isShowdrawer = !this.isShowdrawer; | ||
53 | } | ||
54 | "></div> | ||
55 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
56 | () => { | ||
57 | this.isShowdrawer = !this.isShowdrawer; | ||
58 | } | ||
59 | "></div> | ||
60 | </div> | ||
61 | <div class="leftCon"> | 31 | <div class="leftCon"> |
62 | <!-- 分屏左侧预览 --> | 32 | <!-- 分屏左侧预览 --> |
63 | <div v-if="splitScreen" class="splitScreen-con"> | 33 | <div v-if="splitScreen" class="splitScreen-con"> |
... | @@ -89,28 +59,30 @@ | ... | @@ -89,28 +59,30 @@ |
89 | </style> | 59 | </style> |
90 | <script> | 60 | <script> |
91 | import { mapGetters } from 'vuex' | 61 | import { mapGetters } from 'vuex' |
92 | import WorkFlow from "./mixin/index"; | 62 | import WorkFlow from "./mixin/index" |
93 | import publicFlow from "./mixin/public.js"; | 63 | import publicFlow from "./mixin/public.js" |
94 | import { getStepFormInfo } from "@/api/fqsq.js"; | 64 | import { getStepFormInfo } from "@/api/fqsq.js" |
95 | import { getForm } from "./flowform"; | 65 | import { getForm } from "./flowform" |
96 | import NoticeBar from "@/components/NoticeBar/index"; | 66 | import NoticeBar from "@/components/NoticeBar/index" |
97 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | 67 | import { unClaimTask } from "@/api/ywbl.js" |
98 | import ProcessViewer from "./components/processViewer.vue"; | 68 | import ProcessViewer from "./components/processViewer.vue" |
99 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 69 | // 引入左侧菜单 |
70 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | ||
71 | // 引入左侧菜单 | ||
72 | import segmentMenu from "./components/leftmenu/segmentMenu.vue" | ||
73 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" | ||
100 | export default { | 74 | export default { |
101 | components: { | 75 | components: { |
102 | selectBdc, | 76 | selectBdc, |
103 | NoticeBar, | 77 | NoticeBar, |
104 | ProcessViewer, | 78 | ProcessViewer, |
79 | ordinaryMenu, | ||
80 | segmentMenu | ||
105 | }, | 81 | }, |
106 | mixins: [WorkFlow, publicFlow], | 82 | mixins: [WorkFlow, publicFlow], |
107 | data () { | 83 | data () { |
108 | return { | 84 | return { |
109 | isDialog: false, | 85 | isDialog: false, |
110 | // 折叠 | ||
111 | isShowdrawer: true, | ||
112 | // 默认选中 | ||
113 | activeIndex: "0", | ||
114 | //受理申请标识码 | 86 | //受理申请标识码 |
115 | bsmSlsq: this.$route.query.bsmSlsq, | 87 | bsmSlsq: this.$route.query.bsmSlsq, |
116 | //当前流程所在环节 | 88 | //当前流程所在环节 |
... | @@ -132,12 +104,8 @@ | ... | @@ -132,12 +104,8 @@ |
132 | //材料信息选项卡对象 | 104 | //材料信息选项卡对象 |
133 | clxxTab: {}, | 105 | clxxTab: {}, |
134 | //页面监听时间 | 106 | //页面监听时间 |
135 | _beforeUnload_time: "", | 107 | _beforeUnload_time: "" |
136 | //批量操作 | 108 | } |
137 | showBatch: false, | ||
138 | //批量操作按钮名称 | ||
139 | batchButtonName: "", | ||
140 | }; | ||
141 | }, | 109 | }, |
142 | computed: { | 110 | computed: { |
143 | ...mapGetters(['isRefresh']) | 111 | ...mapGetters(['isRefresh']) |
... | @@ -161,6 +129,9 @@ | ... | @@ -161,6 +129,9 @@ |
161 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | 129 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); |
162 | }, | 130 | }, |
163 | methods: { | 131 | methods: { |
132 | getCurrentSelectProps (val) { | ||
133 | this.currentSelectProps = val | ||
134 | }, | ||
164 | beforeunloadHandler () { | 135 | beforeunloadHandler () { |
165 | this._beforeUnload_time = new Date().getTime(); | 136 | this._beforeUnload_time = new Date().getTime(); |
166 | }, | 137 | }, |
... | @@ -175,9 +146,6 @@ | ... | @@ -175,9 +146,6 @@ |
175 | changeLoadIndex () { | 146 | changeLoadIndex () { |
176 | this.loadIndex++; | 147 | this.loadIndex++; |
177 | }, | 148 | }, |
178 | closeDialog () { | ||
179 | this.myValue = false; | ||
180 | }, | ||
181 | /** | 149 | /** |
182 | * @description: 更新列表 | 150 | * @description: 更新列表 |
183 | * @author: renchao | 151 | * @author: renchao |
... | @@ -185,37 +153,6 @@ | ... | @@ -185,37 +153,6 @@ |
185 | updateDialog () { | 153 | updateDialog () { |
186 | this.loadBdcdylist(); | 154 | this.loadBdcdylist(); |
187 | }, | 155 | }, |
188 | /** | ||
189 | * @description: 删除左侧列表 | ||
190 | * @param {*} item | ||
191 | * @author: renchao | ||
192 | */ | ||
193 | handleDel (item) { | ||
194 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
195 | confirmButtonText: "确定", | ||
196 | cancelButtonText: "取消", | ||
197 | type: "warning", | ||
198 | }) | ||
199 | .then(() => { | ||
200 | var formdata = new FormData(); | ||
201 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
202 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
203 | deleteFlow(formdata).then((res) => { | ||
204 | if (res.code == 200) { | ||
205 | this.$message.success("删除成功"); | ||
206 | this.loadBdcdylist(); | ||
207 | } else { | ||
208 | this.$message.error(res.message); | ||
209 | } | ||
210 | }); | ||
211 | }) | ||
212 | .catch(() => { | ||
213 | this.$message({ | ||
214 | type: "info", | ||
215 | message: "已取消删除", | ||
216 | }); | ||
217 | }); | ||
218 | }, | ||
219 | //申请单元点击事件 | 156 | //申请单元点击事件 |
220 | stepForm (index) { | 157 | stepForm (index) { |
221 | getStepFormInfo(this.currentSelectProps).then((res) => { | 158 | getStepFormInfo(this.currentSelectProps).then((res) => { |
... | @@ -235,23 +172,10 @@ | ... | @@ -235,23 +172,10 @@ |
235 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 172 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
236 | that.clxxTab = item; | 173 | that.clxxTab = item; |
237 | } | 174 | } |
238 | }); | 175 | }) |
239 | } | 176 | } |
240 | } | 177 | } |
241 | }); | 178 | }) |
242 | }, | ||
243 | //申请单元点击事件 | ||
244 | unitClick (index) { | ||
245 | this.currentSelectProps = this.unitData[index]; | ||
246 | this.currentSelectProps.batchOperation = false; | ||
247 | this.activeIndex = index.toString(); | ||
248 | this.stepForm(index); | ||
249 | }, | ||
250 | //批量按钮点击事件 | ||
251 | batchUnitClick () { | ||
252 | this.currentSelectProps.batchOperation = true; | ||
253 | this.activeIndex = "-1"; | ||
254 | this.stepForm(); | ||
255 | }, | 179 | }, |
256 | openDialog () { | 180 | openDialog () { |
257 | this.$store.dispatch('user/refreshPage', false) | 181 | this.$store.dispatch('user/refreshPage', false) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:38:24 | 4 | * @LastEditTime: 2023-05-18 11:03:17 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -190,7 +190,7 @@ | ... | @@ -190,7 +190,7 @@ |
190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
191 | confirmButtonText: "确定", | 191 | confirmButtonText: "确定", |
192 | cancelButtonText: "取消", | 192 | cancelButtonText: "取消", |
193 | type: "warning", | 193 | type: "warning" |
194 | }) | 194 | }) |
195 | .then(() => { | 195 | .then(() => { |
196 | deleteFlow(formdata).then((res) => { | 196 | deleteFlow(formdata).then((res) => { |
... | @@ -209,9 +209,9 @@ | ... | @@ -209,9 +209,9 @@ |
209 | .catch(() => { | 209 | .catch(() => { |
210 | this.$message({ | 210 | this.$message({ |
211 | type: "info", | 211 | type: "info", |
212 | message: "已取消删除", | 212 | message: "已取消删除" |
213 | }); | 213 | }) |
214 | }); | 214 | }) |
215 | }, | 215 | }, |
216 | //读取申请单元信息 | 216 | //读取申请单元信息 |
217 | loadBdcdylist () { | 217 | loadBdcdylist () { |
... | @@ -224,7 +224,7 @@ | ... | @@ -224,7 +224,7 @@ |
224 | this.currentSelectProps = res.result[0]; | 224 | this.currentSelectProps = res.result[0]; |
225 | this.unitClick(0); | 225 | this.unitClick(0); |
226 | } | 226 | } |
227 | }); | 227 | }) |
228 | }, | 228 | }, |
229 | //申请单元点击事件 | 229 | //申请单元点击事件 |
230 | unitClick (index) { | 230 | unitClick (index) { |
... | @@ -238,8 +238,9 @@ | ... | @@ -238,8 +238,9 @@ |
238 | //默认加载第一个表单信息 | 238 | //默认加载第一个表单信息 |
239 | this.tabName = res.result[0].value; | 239 | this.tabName = res.result[0].value; |
240 | } | 240 | } |
241 | }); | 241 | }) |
242 | }, | 242 | } |
243 | }, | 243 | } |
244 | }; | 244 | } |
245 | </script> | 245 | </script> |
246 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: 选择不动产单元号 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-04-17 16:06:24 | 4 | * @LastEditTime: 2023-05-18 10:59:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <component :is="router" :sqywInfo="formData.sqywInfo" :isJump="formData.isJump ? formData.isJump : false" | 7 | <component :is="router" :sqywInfo="formData.sqywInfo" :isJump="formData.isJump ? formData.isJump : false" |
8 | @updateDialog="updateDialog" /> | 8 | @updateDialog="updateDialog" /> |
9 | </template> | 9 | </template> |
10 | <script> | 10 | <script> |
11 | import { queueDjywmc } from "./slectBdcdata.js"; | 11 | import { queueDjywmc } from "./javascript/slectBdcdata.js"; |
12 | export default { | 12 | export default { |
13 | props: { | 13 | props: { |
14 | formData: { | 14 | formData: { |
... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
39 | }, | 39 | }, |
40 | updateDialog () { | 40 | updateDialog () { |
41 | this.$popupCacel() | 41 | this.$popupCacel() |
42 | this.$emit("updateDialog", true); | 42 | this.$emit("updateDialog", true) |
43 | } | 43 | } |
44 | } | 44 | } |
45 | } | 45 | } | ... | ... |
-
Please register or sign in to post a comment