1
Showing
7 changed files
with
68 additions
and
56 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-04 11:14:25 | 4 | * @LastEditTime: 2023-07-28 15:27:10 |
5 | */ | 5 | */ |
6 | const getters = { | 6 | const getters = { |
7 | sidebar: state => state.app.sidebar, | 7 | sidebar: state => state.app.sidebar, |
... | @@ -20,6 +20,7 @@ const getters = { | ... | @@ -20,6 +20,7 @@ const getters = { |
20 | djbxx: state => state.djbxx.djbxx, | 20 | djbxx: state => state.djbxx.djbxx, |
21 | // workflow | 21 | // workflow |
22 | isRefresh: state => state.user.isRefresh, | 22 | isRefresh: state => state.user.isRefresh, |
23 | workFresh: state => state.user.workFresh, | ||
23 | yjsqOptions: state => state.workflow.yjsqOptions | 24 | yjsqOptions: state => state.workflow.yjsqOptions |
24 | } | 25 | } |
25 | export default getters | 26 | export default getters | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-04-12 10:47:33 | 4 | * @LastEditTime: 2023-07-28 15:26:16 |
5 | */ | 5 | */ |
6 | import { getUserInfo } from '@/api/user' | 6 | import { getUserInfo } from '@/api/user' |
7 | const state = { | 7 | const state = { |
8 | name: '', | 8 | name: '', |
9 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', | 9 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', |
10 | isRefresh: false, | 10 | isRefresh: false, |
11 | // 业务流程刷新 | ||
12 | workFresh: false | ||
11 | } | 13 | } |
12 | const mutations = { | 14 | const mutations = { |
13 | SET_NAME: (state, data) => { | 15 | SET_NAME: (state, data) => { |
... | @@ -15,6 +17,9 @@ const mutations = { | ... | @@ -15,6 +17,9 @@ const mutations = { |
15 | }, | 17 | }, |
16 | REFRESH: (state, data) => { | 18 | REFRESH: (state, data) => { |
17 | state.isRefresh = data | 19 | state.isRefresh = data |
20 | }, | ||
21 | SETWORKFRESH: (state, data) => { | ||
22 | state.workFresh = data | ||
18 | } | 23 | } |
19 | } | 24 | } |
20 | 25 | ||
... | @@ -29,6 +34,9 @@ const actions = { | ... | @@ -29,6 +34,9 @@ const actions = { |
29 | refreshPage ({ commit }, data) { | 34 | refreshPage ({ commit }, data) { |
30 | commit('REFRESH', data) | 35 | commit('REFRESH', data) |
31 | }, | 36 | }, |
37 | reWorkFresh ({ commit }, data) { | ||
38 | commit('SETWORKFRESH', data) | ||
39 | } | ||
32 | } | 40 | } |
33 | export default { | 41 | export default { |
34 | namespaced: true, | 42 | namespaced: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 08:58:31 | 4 | * @LastEditTime: 2023-07-28 15:20:00 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
12 | <li | 12 | <li |
13 | @click="operation(item)" | 13 | @click="operation(item)" |
14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
15 | :key="index" | 15 | :key="index"> |
16 | > | ||
17 | <svg-icon class="icon" :icon-class="item.icon" /> | 16 | <svg-icon class="icon" :icon-class="item.icon" /> |
18 | <span class="iconName">{{ item.name }}</span> | 17 | <span class="iconName">{{ item.name }}</span> |
19 | </li> | 18 | </li> |
... | @@ -22,8 +21,7 @@ | ... | @@ -22,8 +21,7 @@ |
22 | <li | 21 | <li |
23 | @click="operation(item)" | 22 | @click="operation(item)" |
24 | v-for="(item, index) in rightButtonList" | 23 | v-for="(item, index) in rightButtonList" |
25 | :key="index" | 24 | :key="index"> |
26 | > | ||
27 | <svg-icon class="icon" :icon-class="item.icon" /> | 25 | <svg-icon class="icon" :icon-class="item.icon" /> |
28 | <span class="iconName">{{ item.name }}</span> | 26 | <span class="iconName">{{ item.name }}</span> |
29 | </li> | 27 | </li> |
... | @@ -54,16 +52,14 @@ | ... | @@ -54,16 +52,14 @@ |
54 | :label="item.name" | 52 | :label="item.name" |
55 | :name="item.value" | 53 | :name="item.value" |
56 | v-for="item in tabList" | 54 | v-for="item in tabList" |
57 | :key="item.value" | 55 | :key="item.value"> |
58 | > | ||
59 | </el-tab-pane> | 56 | </el-tab-pane> |
60 | </el-tabs> | 57 | </el-tabs> |
61 | 58 | ||
62 | <component | 59 | <component |
63 | :key="fresh" | 60 | :key="fresh" |
64 | :is="componentTag" | 61 | :is="componentTag" |
65 | v-bind="currentSelectProps" | 62 | v-bind="currentSelectProps" /> |
66 | /> | ||
67 | </div> | 63 | </div> |
68 | </div> | 64 | </div> |
69 | </div> | 65 | </div> |
... | @@ -72,26 +68,26 @@ | ... | @@ -72,26 +68,26 @@ |
72 | </div> | 68 | </div> |
73 | </template> | 69 | </template> |
74 | <style scoped lang="scss"> | 70 | <style scoped lang="scss"> |
75 | @import "~@/styles/mixin.scss"; | 71 | @import "~@/styles/mixin.scss"; |
76 | @import "./workFrame.scss"; | 72 | @import "./workFrame.scss"; |
77 | </style> | 73 | </style> |
78 | <script> | 74 | <script> |
79 | import WorkFlow from "./mixin/index"; | 75 | import WorkFlow from "./mixin/index"; |
80 | import { getForm } from "./flowform"; | 76 | import { getForm } from "./flowform"; |
81 | import { getStepFormInfo } from "@/api/workFlow.js"; | 77 | import { getStepFormInfo } from "@/api/workFlow.js"; |
82 | import NoticeBar from "@/components/NoticeBar/index"; | 78 | import NoticeBar from "@/components/NoticeBar/index"; |
83 | // import ProcessViewer from "./components/processViewer.vue"; | 79 | // import ProcessViewer from "./components/processViewer.vue"; |
84 | 80 | ||
85 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
86 | import qllxDailog from "./djbBook/components/qllxDailog"; | 82 | import qllxDailog from "./djbBook/components/qllxDailog"; |
87 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
88 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
89 | // 登记簿数据信息 | 85 | // 登记簿数据信息 |
90 | import { addRepairRecord } from "@/api/djbRepair.js"; | 86 | import { addRepairRecord } from "@/api/djbRepair.js"; |
91 | // 获取权利类型数组 | 87 | // 获取权利类型数组 |
92 | 88 | ||
93 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 89 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
94 | export default { | 90 | export default { |
95 | components: { | 91 | components: { |
96 | selectBdc, | 92 | selectBdc, |
97 | NoticeBar, | 93 | NoticeBar, |
... | @@ -99,7 +95,7 @@ export default { | ... | @@ -99,7 +95,7 @@ export default { |
99 | qllxDailog, | 95 | qllxDailog, |
100 | }, | 96 | }, |
101 | mixins: [WorkFlow], | 97 | mixins: [WorkFlow], |
102 | data() { | 98 | data () { |
103 | return { | 99 | return { |
104 | bsmSlsq: this.$route.query.bsmSlsq, | 100 | bsmSlsq: this.$route.query.bsmSlsq, |
105 | //当前流程所在环节 | 101 | //当前流程所在环节 |
... | @@ -135,7 +131,7 @@ export default { | ... | @@ -135,7 +131,7 @@ export default { |
135 | ableOperation: false, | 131 | ableOperation: false, |
136 | }; | 132 | }; |
137 | }, | 133 | }, |
138 | mounted() { | 134 | mounted () { |
139 | // this.getleftMenubl() | 135 | // this.getleftMenubl() |
140 | }, | 136 | }, |
141 | 137 | ||
... | @@ -145,13 +141,13 @@ export default { | ... | @@ -145,13 +141,13 @@ export default { |
145 | * @param {*} qllx | 141 | * @param {*} qllx |
146 | * @author: renchao | 142 | * @author: renchao |
147 | */ | 143 | */ |
148 | stepForm(qllx) { | 144 | stepForm (qllx) { |
149 | this.oneSelectProps.qllx = qllx; | 145 | this.oneSelectProps.qllx = qllx; |
150 | if (this.$refs.Menu.supplementarylist.length) { | 146 | if (this.$refs.Menu.supplementarylist.length) { |
151 | getStepFormInfo(this.oneSelectProps).then((res) => { | 147 | getStepFormInfo(this.oneSelectProps).then((res) => { |
152 | this.$nextTick(function () { | 148 | this.$nextTick(function () { |
153 | this.tabList = res.result; | 149 | this.tabList = res.result; |
154 | console.log("加载的右侧界面组件名称",this.tabList); | 150 | console.log("加载的右侧界面组件名称", this.tabList); |
155 | this.tabName = this.tabList[0].value; | 151 | this.tabName = this.tabList[0].value; |
156 | this.ableOperation = this.tabList[0].ableOperation; | 152 | this.ableOperation = this.tabList[0].ableOperation; |
157 | this.getFromRouter(this.tabName); | 153 | this.getFromRouter(this.tabName); |
... | @@ -170,14 +166,12 @@ export default { | ... | @@ -170,14 +166,12 @@ export default { |
170 | }); | 166 | }); |
171 | } | 167 | } |
172 | }, | 168 | }, |
173 | // 获取右侧选项卡 | ||
174 | /** | 169 | /** |
175 | * @description: 获取右侧选项卡 | 170 | * @description: 获取右侧选项卡 |
176 | * @param {*} val | 171 | * @param {*} val |
177 | * @author: renchao | 172 | * @author: renchao |
178 | */ | 173 | */ |
179 | getCurrentSelectProps(val) { | 174 | getCurrentSelectProps (val) { |
180 | console.log("渲染右侧选项卡"); | ||
181 | this.bsmRepair = val.bsmRepair; | 175 | this.bsmRepair = val.bsmRepair; |
182 | if (val.bdcdyid) { | 176 | if (val.bdcdyid) { |
183 | this.oneSelectProps = val; | 177 | this.oneSelectProps = val; |
... | @@ -198,7 +192,7 @@ export default { | ... | @@ -198,7 +192,7 @@ export default { |
198 | * @description: 获取渲染登记簿列表 | 192 | * @description: 获取渲染登记簿列表 |
199 | * @author: renchao | 193 | * @author: renchao |
200 | */ | 194 | */ |
201 | getdjblist() { | 195 | getdjblist () { |
202 | getBdcqljqtsx({ | 196 | getBdcqljqtsx({ |
203 | bdcdyid: this.currentSelectProps.bdcdyid, | 197 | bdcdyid: this.currentSelectProps.bdcdyid, |
204 | bdcdyh: this.currentSelectProps.bdcdyh, | 198 | bdcdyh: this.currentSelectProps.bdcdyh, |
... | @@ -232,7 +226,7 @@ export default { | ... | @@ -232,7 +226,7 @@ export default { |
232 | * @param {*} activeName | 226 | * @param {*} activeName |
233 | * @author: renchao | 227 | * @author: renchao |
234 | */ | 228 | */ |
235 | beforeLeave(activeName) { | 229 | beforeLeave (activeName) { |
236 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 230 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
237 | }, | 231 | }, |
238 | //切换选项卡内容组件 | 232 | //切换选项卡内容组件 |
... | @@ -241,7 +235,7 @@ export default { | ... | @@ -241,7 +235,7 @@ export default { |
241 | * @param {*} tabname | 235 | * @param {*} tabname |
242 | * @author: renchao | 236 | * @author: renchao |
243 | */ | 237 | */ |
244 | getFromRouter(tabname) { | 238 | getFromRouter (tabname) { |
245 | this.componentTag = getForm(tabname); | 239 | this.componentTag = getForm(tabname); |
246 | }, | 240 | }, |
247 | // closefp () { | 241 | // closefp () { |
... | @@ -258,8 +252,8 @@ export default { | ... | @@ -258,8 +252,8 @@ export default { |
258 | * @param {*} del | 252 | * @param {*} del |
259 | * @author: renchao | 253 | * @author: renchao |
260 | */ | 254 | */ |
261 | addRepairRecord(row, del) { | 255 | addRepairRecord (row, del) { |
262 | console.log("row",row,del); | 256 | console.log("row", row, del); |
263 | let from = { | 257 | let from = { |
264 | bsmQlxx: "", | 258 | bsmQlxx: "", |
265 | bsmSlsq: this.bsmSlsq, | 259 | bsmSlsq: this.bsmSlsq, |
... | @@ -311,13 +305,13 @@ export default { | ... | @@ -311,13 +305,13 @@ export default { |
311 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 305 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) |
312 | // } | 306 | // } |
313 | }, | 307 | }, |
314 | }; | 308 | }; |
315 | </script> | 309 | </script> |
316 | <style scoped lang="scss"> | 310 | <style scoped lang="scss"> |
317 | .rightContainer { | 311 | .rightContainer { |
318 | position: relative; | 312 | position: relative; |
319 | } | 313 | } |
320 | .count { | 314 | .count { |
321 | font-size: 14px; | 315 | font-size: 14px; |
322 | position: absolute; | 316 | position: absolute; |
323 | right: 25px; | 317 | right: 25px; |
... | @@ -327,5 +321,5 @@ export default { | ... | @@ -327,5 +321,5 @@ export default { |
327 | font-weight: 600; | 321 | font-weight: 600; |
328 | color: #3498db; | 322 | color: #3498db; |
329 | } | 323 | } |
330 | } | 324 | } |
331 | </style> | 325 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-25 11:13:07 | 4 | * @LastEditTime: 2023-07-28 15:27:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
71 | } | 71 | } |
72 | }, | 72 | }, |
73 | created () { | 73 | created () { |
74 | store.dispatch('user/refreshPage', false) | 74 | store.dispatch('user/reWorkFresh', false) |
75 | this.columns = datas.columns() | 75 | this.columns = datas.columns() |
76 | this.ysxlhList() | 76 | this.ysxlhList() |
77 | this.getHeadTabBdcqz() | 77 | this.getHeadTabBdcqz() |
... | @@ -179,7 +179,7 @@ | ... | @@ -179,7 +179,7 @@ |
179 | this.$popupCacel() | 179 | this.$popupCacel() |
180 | this.$message.success("提交成功") | 180 | this.$message.success("提交成功") |
181 | //刷新列表 | 181 | //刷新列表 |
182 | store.dispatch('user/refreshPage', true) | 182 | store.dispatch('user/reWorkFresh', true) |
183 | } else { | 183 | } else { |
184 | this.$message.error(res.message) | 184 | this.$message.error(res.message) |
185 | } | 185 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-24 10:22:41 | 4 | * @LastEditTime: 2023-07-28 15:33:55 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
... | @@ -64,6 +64,7 @@ | ... | @@ -64,6 +64,7 @@ |
64 | import table from "@/utils/mixin/table"; | 64 | import table from "@/utils/mixin/table"; |
65 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; | 65 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; |
66 | import { datas } from "../../javascript/fzxxdata"; | 66 | import { datas } from "../../javascript/fzxxdata"; |
67 | import { log } from 'bpmn-js-token-simulation'; | ||
67 | export default { | 68 | export default { |
68 | props: { | 69 | props: { |
69 | formData: { | 70 | formData: { |
... | @@ -123,9 +124,6 @@ | ... | @@ -123,9 +124,6 @@ |
123 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { | 124 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { |
124 | if (res.code === 200) { | 125 | if (res.code === 200) { |
125 | this.tableData.data = res.result.list; | 126 | this.tableData.data = res.result.list; |
126 | if(this.tableData.data.length>0) { | ||
127 | this.ruleForm.lzrxm = this.tableData.data[0].qlr | ||
128 | } | ||
129 | this.ruleForm.fzrmc = res.result.fzrmc | 127 | this.ruleForm.fzrmc = res.result.fzrmc |
130 | this.ruleForm.fzsj = res.result.fzsj | 128 | this.ruleForm.fzsj = res.result.fzsj |
131 | this.ruleForm.fzsl = res.result.fzsl | 129 | this.ruleForm.fzsl = res.result.fzsl |
... | @@ -160,7 +158,7 @@ | ... | @@ -160,7 +158,7 @@ |
160 | if (res.code == 200) { | 158 | if (res.code == 200) { |
161 | this.$message.success('保存成功'); | 159 | this.$message.success('保存成功'); |
162 | //刷新列表 | 160 | //刷新列表 |
163 | store.dispatch('user/refreshPage', true) | 161 | store.dispatch('user/reWorkFresh', true) |
164 | this.$popupCacel() | 162 | this.$popupCacel() |
165 | } else { | 163 | } else { |
166 | this.$message.error(res.message) | 164 | this.$message.error(res.message) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 09:26:10 | 4 | * @LastEditTime: 2023-07-28 15:30:23 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -40,9 +40,10 @@ | ... | @@ -40,9 +40,10 @@ |
40 | </div> | 40 | </div> |
41 | </template> | 41 | </template> |
42 | <script> | 42 | <script> |
43 | import { mapGetters } from 'vuex' | ||
43 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
44 | import { getCertificateList } from "@/api/bdcqz.js"; | ||
45 | import { datas } from "../javascript/fzxxdata"; | 45 | import { datas } from "../javascript/fzxxdata"; |
46 | import { getCertificateList } from "@/api/bdcqz.js"; | ||
46 | export default { | 47 | export default { |
47 | mixins: [table], | 48 | mixins: [table], |
48 | data () { | 49 | data () { |
... | @@ -66,6 +67,16 @@ | ... | @@ -66,6 +67,16 @@ |
66 | created () { | 67 | created () { |
67 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 68 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
68 | }, | 69 | }, |
70 | computed: { | ||
71 | ...mapGetters(['workFresh']) | ||
72 | }, | ||
73 | watch: { | ||
74 | workFresh: { | ||
75 | handler (newVal, oldVal) { | ||
76 | if (newVal) this.queryClick() | ||
77 | } | ||
78 | } | ||
79 | }, | ||
69 | methods: { | 80 | methods: { |
70 | /** | 81 | /** |
71 | * @description: queryClick | 82 | * @description: queryClick | ... | ... |
... | @@ -92,10 +92,10 @@ | ... | @@ -92,10 +92,10 @@ |
92 | }; | 92 | }; |
93 | }, | 93 | }, |
94 | computed: { | 94 | computed: { |
95 | ...mapGetters(['isRefresh']) | 95 | ...mapGetters(['workFresh']) |
96 | }, | 96 | }, |
97 | watch: { | 97 | watch: { |
98 | isRefresh: { | 98 | workFresh: { |
99 | handler (newVal, oldVal) { | 99 | handler (newVal, oldVal) { |
100 | if (newVal) this.list() | 100 | if (newVal) this.list() |
101 | } | 101 | } | ... | ... |
-
Please register or sign in to post a comment