Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
37 changed files
with
911 additions
and
340 deletions
src/views/djbBook/djbFrameData.js
deleted
100644 → 0
1 | |||
2 | |||
3 | var qlxxPage = [ | ||
4 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, | ||
5 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, | ||
6 | { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, | ||
7 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, | ||
8 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, | ||
9 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, | ||
10 | { qllx: "A07", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权" }, | ||
11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, | ||
12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, | ||
13 | { qllx: "A11", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权" }, | ||
14 | { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" }, | ||
15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, | ||
16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, | ||
17 | { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" }, | ||
18 | { qllx: "A16", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权/建(构)筑物所有权" }, | ||
19 | { qllx: "A17", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权(无居民海岛)" }, | ||
20 | { qllx: "A18", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权(无居民海岛)/建筑物(设施)使用权" }, | ||
21 | { qllx: "A19", id: "diyiq", form: "diyiq.vue", label: "地役权" }, | ||
22 | { qllx: "A23", id: "jsydsyq", form: "jsydsyq.vue", label: "国有农用地的使用权" }, | ||
23 | { qllx: "A24", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权/构筑物所有权" }, | ||
24 | { qllx: "A25", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权/构筑物所有权" }, | ||
25 | { qllx: "A26", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权/构筑物所有权" }, | ||
26 | { qllx: "A29", id: "jsydsyq", form: "jsydsyq.vue", label: "国有未利用地的使用权" }, | ||
27 | { qllx: "A30", id: "jsydsyq", form: "jsydsyq.vue", label: "集体农用地使用权" }, | ||
28 | { qllx: "A31", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权/森林、林木使用权" }, | ||
29 | { qllx: "A33", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木所有权" }, | ||
30 | { qllx: "A34", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木使用权" }, | ||
31 | { qllx: "A35", id: "jsydsyq", form: "jsydsyq.vue", label: "林地承包经营权/林木所有权" }, | ||
32 | { qllx: "A36", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/林木所有权" }, | ||
33 | { qllx: "A37", id: "diyaq", form: "diyaq.vue", label: "抵押权" }, | ||
34 | { qllx: "B37", id: "diyaq", form: "diyaq.vue", label: "抵押权" }, | ||
35 | { qllx: "B38", id: "yydj", form: "yydj.vue", label: "异议登记" }, | ||
36 | { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, | ||
37 | { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, | ||
38 | { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, | ||
39 | ]; | ||
40 | |||
41 | //组装登记簿树形结构 | ||
42 | export function loadTreeData(qlxxData, bdcdyh) { | ||
43 | let treedata = []; | ||
44 | //加载封面 | ||
45 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | ||
46 | treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] }); | ||
47 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); | ||
48 | treedata[1].children[0].children.push({ | ||
49 | id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], | ||
50 | }); | ||
51 | //主体权利 | ||
52 | treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx)); | ||
53 | //抵押权 | ||
54 | treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, '')); | ||
55 | //地役权 | ||
56 | treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, '')); | ||
57 | //预告登记 | ||
58 | treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, '')); | ||
59 | //异议登记 | ||
60 | treedata[1].children[0].children[0].children.push(getNode("B38", qlxxData.yydj, '')); | ||
61 | //查封登记 | ||
62 | treedata[1].children[0].children[0].children.push(getNode("B39", qlxxData.cfdj, '')); | ||
63 | |||
64 | return treedata; | ||
65 | } | ||
66 | |||
67 | //获取权利类型、不动产单元类型对应的树形节点信息 | ||
68 | export function getNode(qllx, qlxx, bdcdylx) { | ||
69 | let node; | ||
70 | for (var i = 0; i < qlxxPage.length; i++) { | ||
71 | if (qlxxPage[i].qllx == qllx) { | ||
72 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | ||
73 | if (bdcdylx == "4") { | ||
74 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | ||
75 | } else { | ||
76 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | ||
77 | } | ||
78 | } else { | ||
79 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | ||
80 | } | ||
81 | break; | ||
82 | } | ||
83 | }; | ||
84 | return node; | ||
85 | } | ||
86 |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:40:46 | 4 | * @LastEditTime: 2023-05-17 10:40:46 |
5 | --> | 5 | --> |
... | @@ -533,4 +533,4 @@ | ... | @@ -533,4 +533,4 @@ |
533 | } | 533 | } |
534 | } | 534 | } |
535 | } | 535 | } |
536 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
536 | </style> | ... | ... |
... | @@ -43,7 +43,7 @@ export function loadTreeData(qlxxData, bdcdyh) { | ... | @@ -43,7 +43,7 @@ export function loadTreeData(qlxxData, bdcdyh) { |
43 | let treedata = []; | 43 | let treedata = []; |
44 | //加载封面 | 44 | //加载封面 |
45 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 45 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); |
46 | treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] }); | 46 | treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息", children: [] }); |
47 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); | 47 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); |
48 | treedata[1].children[0].children.push({ | 48 | treedata[1].children[0].children.push({ |
49 | id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], | 49 | id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], |
... | @@ -71,12 +71,12 @@ export function getNode(qllx, qlxx, bdcdylx) { | ... | @@ -71,12 +71,12 @@ export function getNode(qllx, qlxx, bdcdylx) { |
71 | if (qlxxPage[i].qllx == qllx) { | 71 | if (qlxxPage[i].qllx == qllx) { |
72 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | 72 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { |
73 | if (bdcdylx == "4") { | 73 | if (bdcdylx == "4") { |
74 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 74 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; |
75 | } else { | 75 | } else { |
76 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 76 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; |
77 | } | 77 | } |
78 | } else { | 78 | } else { |
79 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 79 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; |
80 | } | 80 | } |
81 | break; | 81 | break; |
82 | } | 82 | } | ... | ... |
... | @@ -6,12 +6,28 @@ | ... | @@ -6,12 +6,28 @@ |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
8 | <div v-if="this.isShowdrawer"> | 8 | <div v-if="this.isShowdrawer"> |
9 | <div class="title"> | 9 | <el-menu :default-active="activeIndex" @select="djbClick" class="title-batch"> |
10 | 登记簿补录业务列表 | 10 | <el-menu-item index="-1" key="-1" class="menus"> |
11 | </div> | 11 | <div>登记簿</div> |
12 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" | 12 | </el-menu-item> |
13 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | 13 | </el-menu> |
14 | </el-tree> | 14 | <div class="blxx"> |
15 | <el-menu :default-active="activeIndex" @select="blxxClick" class="title-batch"> | ||
16 | <el-menu-item index="-1" key="-1" class="menus"> | ||
17 | <div>补录信息</div> | ||
18 | </el-menu-item> | ||
19 | </el-menu> | ||
20 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
21 | <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index"> | ||
22 | <div> | ||
23 | <p>{{ item.bdcdyh }}</p> | ||
24 | <p class="title-detail">{{ item.zl }}</p> | ||
25 | </div> | ||
26 | <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i> | ||
27 | </el-menu-item> | ||
28 | </el-menu> | ||
29 | </div> | ||
30 | |||
15 | </div> | 31 | </div> |
16 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 32 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" |
17 | () => { | 33 | () => { |
... | @@ -34,6 +50,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -34,6 +50,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
34 | export default { | 50 | export default { |
35 | data () { | 51 | data () { |
36 | return { | 52 | return { |
53 | supplementarylist:[], | ||
37 | //受理申请标识码 | 54 | //受理申请标识码 |
38 | bsmSlsq: this.$route.query.bsmSlsq, | 55 | bsmSlsq: this.$route.query.bsmSlsq, |
39 | //当前流程所在环节 | 56 | //当前流程所在环节 |
... | @@ -47,8 +64,6 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -47,8 +64,6 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
47 | activeIndex: '0', | 64 | activeIndex: '0', |
48 | // 折叠 | 65 | // 折叠 |
49 | isShowdrawer: true, | 66 | isShowdrawer: true, |
50 | // 批量操作 | ||
51 | showBatch: false, | ||
52 | //批量操作按钮名称 | 67 | //批量操作按钮名称 |
53 | batchButtonName: '', | 68 | batchButtonName: '', |
54 | //左侧菜单数据集合 | 69 | //左侧菜单数据集合 |
... | @@ -87,26 +102,97 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -87,26 +102,97 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
87 | }, | 102 | }, |
88 | // 获取登记簿菜单 | 103 | // 获取登记簿菜单 |
89 | loadData () { | 104 | loadData () { |
90 | getBdcqljqtsx({ | 105 | this.supplementarylist=[{ |
91 | bdcdyid: this.bdcdyid, | 106 | "zl": "抵押权", |
92 | bdcdyh: this.bdcdyh, | 107 | },{ |
93 | }).then((res) => { | 108 | "zl": "抵押权", |
94 | if (res.code === 200) { | 109 | },{ |
95 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 110 | "zl": "抵押权", |
96 | this.$nextTick(function () { | 111 | },{ |
97 | this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | 112 | "zl": "抵押权", |
98 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | 113 | },{ |
99 | this.$parent.loadComponent(this.currentSelectProps,this.defaultNode); | 114 | "zl": "抵押权", |
100 | }); | 115 | },{ |
101 | } | 116 | "zl": "抵押权", |
102 | }); | 117 | },{ |
103 | this.currentSelectProps = { | 118 | "zl": "抵押权", |
104 | bdcdyid: this.bdcdyid, | 119 | },{ |
105 | bdcdyh: this.bdcdyh, | 120 | "zl": "抵押权", |
106 | qllx: this.qllx, | 121 | },{ |
107 | bsmQlxx: this.bsmQlxx, | 122 | "zl": "抵押权", |
108 | bestepid:this.bestepid | 123 | },{ |
109 | }; | 124 | "zl": "抵押权", |
125 | },{ | ||
126 | "zl": "抵押权", | ||
127 | },{ | ||
128 | "zl": "抵押权", | ||
129 | },{ | ||
130 | "zl": "抵押权", | ||
131 | },{ | ||
132 | "zl": "抵押权", | ||
133 | },{ | ||
134 | "zl": "抵押权", | ||
135 | },{ | ||
136 | "zl": "抵押权", | ||
137 | },{ | ||
138 | "zl": "抵押权", | ||
139 | },{ | ||
140 | "zl": "抵押权", | ||
141 | },{ | ||
142 | "zl": "抵押权", | ||
143 | },{ | ||
144 | "zl": "抵押权", | ||
145 | },{ | ||
146 | "zl": "抵押权", | ||
147 | },{ | ||
148 | "zl": "抵押权", | ||
149 | },{ | ||
150 | "zl": "抵押权", | ||
151 | },{ | ||
152 | "zl": "抵押权", | ||
153 | },{ | ||
154 | "zl": "抵押权", | ||
155 | },{ | ||
156 | "zl": "抵押权", | ||
157 | },{ | ||
158 | "zl": "抵押权", | ||
159 | },{ | ||
160 | "zl": "抵押权", | ||
161 | },{ | ||
162 | "zl": "抵押权", | ||
163 | },{ | ||
164 | "zl": "抵押权", | ||
165 | },{ | ||
166 | "zl": "抵押权", | ||
167 | },{ | ||
168 | "zl": "抵押权", | ||
169 | },{ | ||
170 | "zl": "抵押权", | ||
171 | },{ | ||
172 | "zl": "抵押权", | ||
173 | },{ | ||
174 | "zl": "抵押权", | ||
175 | }] | ||
176 | // getBdcqljqtsx({ | ||
177 | // bdcdyid: this.bdcdyid, | ||
178 | // bdcdyh: this.bdcdyh, | ||
179 | // }).then((res) => { | ||
180 | // if (res.code === 200) { | ||
181 | // this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
182 | // this.$nextTick(function () { | ||
183 | // this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
184 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
185 | // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode); | ||
186 | // }); | ||
187 | // } | ||
188 | // }); | ||
189 | // this.currentSelectProps = { | ||
190 | // bdcdyid: this.bdcdyid, | ||
191 | // bdcdyh: this.bdcdyh, | ||
192 | // qllx: this.qllx, | ||
193 | // bsmQlxx: this.bsmQlxx, | ||
194 | // bestepid:this.bestepid | ||
195 | // }; | ||
110 | // this.$parent.stepForm(); | 196 | // this.$parent.stepForm(); |
111 | }, | 197 | }, |
112 | handleNodeClick (data, node, elem) { | 198 | handleNodeClick (data, node, elem) { |
... | @@ -115,7 +201,28 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -115,7 +201,28 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
115 | this.$parent.loadComponent(this.currentSelectProps,data); | 201 | this.$parent.loadComponent(this.currentSelectProps,data); |
116 | this.$parent.tabset(); | 202 | this.$parent.tabset(); |
117 | }, | 203 | }, |
204 | //申请单元点击事件 | ||
205 | unitClick (index) { | ||
206 | this.$parent.tabset() | ||
207 | // this.currentSelectProps = this.unitData[index]; | ||
208 | // this.currentSelectProps.batchOperation = false; | ||
209 | // this.activeIndex = index.toString(); | ||
210 | // //选中表单传递数据 | ||
211 | // this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
212 | // this.$parent.stepForm(index); | ||
213 | // this.$store.dispatch('user/refreshPage', false); | ||
214 | }, | ||
215 | //登记簿点击事件 | ||
216 | djbClick () { | ||
217 | this.currentSelectProps.batchOperation = true; | ||
218 | this.$parent.getdjblist() | ||
219 | |||
220 | }, | ||
221 | //补录信息点击事件 | ||
222 | blxxClick () { | ||
223 | this.$parent.tabset() | ||
118 | 224 | ||
225 | }, | ||
119 | } | 226 | } |
120 | } | 227 | } |
121 | </script> | 228 | </script> |
... | @@ -177,8 +284,10 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -177,8 +284,10 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
177 | color: #0079fe; | 284 | color: #0079fe; |
178 | border-right: 4px solid #0079fe; | 285 | border-right: 4px solid #0079fe; |
179 | } | 286 | } |
180 | .title-batch{ | 287 | .menus{ |
181 | background-color: salmon; | 288 | background-color: #e7f4fe; |
182 | 289 | } | |
290 | .blxx{ | ||
291 | border:#b0d9f8 solid 1px; | ||
183 | } | 292 | } |
184 | </style> | 293 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
63 | <div v-else>已完结</div> | 63 | <div v-else>已完结</div> |
64 | </template> | 64 | </template> |
65 | </el-table-column> | 65 | </el-table-column> |
66 | <el-table-column label="环节名称" prop="taskName" minWidth="100" align="center" /> | 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> |
67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> |
68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> | 68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> |
69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> | 69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> |
... | @@ -76,7 +76,6 @@ | ... | @@ -76,7 +76,6 @@ |
76 | <script> | 76 | <script> |
77 | import '@/styles/package/theme/index.scss' | 77 | import '@/styles/package/theme/index.scss' |
78 | import BpmnViewer from 'bpmn-js/lib/Viewer' | 78 | import BpmnViewer from 'bpmn-js/lib/Viewer' |
79 | import { getusername } from "@/api/getusername.js"; | ||
80 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' | 79 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' |
81 | export default { | 80 | export default { |
82 | props: { | 81 | props: { |
... | @@ -107,7 +106,6 @@ | ... | @@ -107,7 +106,6 @@ |
107 | } | 106 | } |
108 | }, | 107 | }, |
109 | created () { | 108 | created () { |
110 | |||
111 | this.$nextTick(() => { | 109 | this.$nextTick(() => { |
112 | // 获取流程记录 | 110 | // 获取流程记录 |
113 | this.getCommentList() | 111 | this.getCommentList() |
... | @@ -177,18 +175,18 @@ | ... | @@ -177,18 +175,18 @@ |
177 | this.dlgTitle = element.businessObject ? element.businessObject.name : undefined | 175 | this.dlgTitle = element.businessObject ? element.businessObject.name : undefined |
178 | // 计算当前悬浮任务审批记录,如果记录为空不显示弹窗 | 176 | // 计算当前悬浮任务审批记录,如果记录为空不显示弹窗 |
179 | this.taskCommentList = (this.taskList || []).filter(item => { | 177 | this.taskCommentList = (this.taskList || []).filter(item => { |
180 | return item.taskDefKey === this.selectTaskId | 178 | return item.taskDefinitionKey === this.selectTaskId |
181 | }) | 179 | }) |
182 | if (this.selectTaskId.length > 3) { | 180 | if (this.taskCommentList.length==0) { |
183 | this.taskCommentList = this.taskList; | 181 | this.taskCommentList = this.taskList; |
184 | } | 182 | } |
185 | }, | 183 | }, |
186 | // 下拉列表切换 | 184 | // 下拉列表切换 |
187 | handleSelect (val) { | 185 | handleSelect (val) { |
188 | this.taskCommentList = (this.taskList || []).filter(item => { | 186 | this.taskCommentList = (this.taskList || []).filter(item => { |
189 | return item.taskDefKey === val | 187 | return item.taskDefinitionKey === val |
190 | }) | 188 | }) |
191 | if (val.length > 3) { | 189 | if (this.taskCommentList.length==0) { |
192 | this.taskCommentList = this.taskList; | 190 | this.taskCommentList = this.taskList; |
193 | } | 191 | } |
194 | }, | 192 | }, |
... | @@ -239,32 +237,13 @@ | ... | @@ -239,32 +237,13 @@ |
239 | // 获取流程记录 | 237 | // 获取流程记录 |
240 | getCommentList() { | 238 | getCommentList() { |
241 | this.formData.allCommentList.forEach(async (item,index) => { | 239 | this.formData.allCommentList.forEach(async (item,index) => { |
242 | var arr=item.assigneeName.split(","); | 240 | this.formData.allCommentList[index].agent=item.assignee.name |
243 | // 获取用户名 | ||
244 | let res = await getusername(arr) | ||
245 | if(res){ | ||
246 | let str="" | ||
247 | res.data.content.forEach((el,i) => { | ||
248 | if(str==""){ | ||
249 | str=el.name; | ||
250 | }else{ | ||
251 | str += ","+el.name; | ||
252 | |||
253 | } | ||
254 | this.formData.allCommentList[index].agent=str | ||
255 | }) | ||
256 | } | ||
257 | |||
258 | }) | 241 | }) |
259 | setTimeout(() => { | 242 | setTimeout(() => { |
260 | this.taskList =this.formData.allCommentList; | 243 | this.taskList =this.formData.allCommentList; |
261 | // 处理数据之后赋值 | 244 | // 处理数据之后赋值 |
262 | this.taskCommentList=this.taskList | 245 | this.taskCommentList=this.taskList |
263 | }, 100) | 246 | }, 100) |
264 | // this.$nextTick(() => { | ||
265 | // this.taskList =this.formData.allCommentList; | ||
266 | // this.taskCommentList=this.taskList | ||
267 | // }) | ||
268 | }, | 247 | }, |
269 | 248 | ||
270 | // 设置流程图元素状态 | 249 | // 设置流程图元素状态 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description :查封登记信息 | 2 | * @Description :查封登记信息 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-02 14:41:22 | 4 | * @LastEditTime : 2023-06-08 17:04:19 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -113,13 +113,13 @@ export default { | ... | @@ -113,13 +113,13 @@ export default { |
113 | return name; | 113 | return name; |
114 | }, | 114 | }, |
115 | AddDialog(row){ | 115 | AddDialog(row){ |
116 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 116 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
117 | datalist:this.columns, | 117 | datalist:this.columns, |
118 | data: '' | 118 | data: '' |
119 | }) | 119 | }) |
120 | }, | 120 | }, |
121 | editDialog(row){ | 121 | editDialog(row){ |
122 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 122 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
123 | datalist:this.columns, | 123 | datalist:this.columns, |
124 | data: row, | 124 | data: row, |
125 | 125 | ... | ... |
src/views/djbworkflow/djbBook/clxx.vue
0 → 100644
This diff is collapsed.
Click to expand it.
... | @@ -5,11 +5,11 @@ | ... | @@ -5,11 +5,11 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
8 | <div class="title">申请材料目录</div> | 8 | <div class="title">申请材料目录1111</div> |
9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data"> | 9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data"> |
10 | </lb-table> | 10 | </lb-table> |
11 | <div class="text-center"> | 11 | <div class="text-center"> |
12 | <el-button @click="$popupCacel">取消</el-button> | 12 | <el-button @click="$popupCacel">取消11111</el-button> |
13 | </div> | 13 | </div> |
14 | </div> | 14 | </div> |
15 | </template> | 15 | </template> | ... | ... |
... | @@ -249,7 +249,7 @@ | ... | @@ -249,7 +249,7 @@ |
249 | import imagePreview from '@/views/components/imagePreview.vue' | 249 | import imagePreview from '@/views/components/imagePreview.vue' |
250 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 250 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; |
251 | export default { | 251 | export default { |
252 | components: { clxxAddDialog}, | 252 | components: { clxxAddDialog, imagePreview }, |
253 | props: { | 253 | props: { |
254 | formData: { | 254 | formData: { |
255 | type: Object, | 255 | type: Object, |
... | @@ -326,7 +326,6 @@ export default { | ... | @@ -326,7 +326,6 @@ export default { |
326 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | 326 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); |
327 | this.datalist.shift(); | 327 | this.datalist.shift(); |
328 | this.datalist.shift(); | 328 | this.datalist.shift(); |
329 | console.log("this.datalist", this.datalist); | ||
330 | }, | 329 | }, |
331 | 330 | ||
332 | methods: { | 331 | methods: { |
... | @@ -523,7 +522,7 @@ export default { | ... | @@ -523,7 +522,7 @@ export default { |
523 | //查看明细 | 522 | //查看明细 |
524 | viewDetail () { | 523 | viewDetail () { |
525 | console.log("查看明细"); | 524 | console.log("查看明细"); |
526 | this.$popupDialog("查看明细", "djbBook/components/clxxDetailDialog", { | 525 | this.$popupDialog("查看明细", "djbworkflow/djbBook/components/clxxDetailDialog", { |
527 | data: this.tableData | 526 | data: this.tableData |
528 | }, "60%") | 527 | }, "60%") |
529 | }, | 528 | }, | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-05-09 09:20:10 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息1111111" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
8 | :isFullscreen="false"> | 8 | :isFullscreen="false"> |
9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | 9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> |
10 | <el-row> | 10 | <el-row> |
... | @@ -48,6 +48,7 @@ | ... | @@ -48,6 +48,7 @@ |
48 | }, | 48 | }, |
49 | watch: { | 49 | watch: { |
50 | value (val) { | 50 | value (val) { |
51 | console.log("进去新增材料弹框"); | ||
51 | this.myValue = val; | 52 | this.myValue = val; |
52 | }, | 53 | }, |
53 | }, | 54 | }, | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | <!-- 材料预览 --> | 9 | <!-- 材料预览 --> |
10 | <div class="clyl-box"> | 10 | <div class="clyl-box"> |
11 | <div class="menu-tree"> | 11 | <div class="menu-tree"> |
12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细111111</el-button> |
13 | <div class="item"> | 13 | <div class="item"> |
14 | 材料目录({{tableData.length}}) | 14 | 材料目录({{tableData.length}}) |
15 | <div style="margin-top:10px"> | 15 | <div style="margin-top:10px"> | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | <template> | 6 | <template> |
7 | <div class='spyj loadingtext'> | 7 | <div class='spyj loadingtext'> |
8 | <div class="box"> | 8 | <div class="box"> |
9 | <b class="spyj_title">审批表</b> | 9 | <b class="spyj_title">审批表11112222</b> |
10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> |
12 | <div class="item_left"> | 12 | <div class="item_left"> | ... | ... |
... | @@ -106,12 +106,12 @@ export default { | ... | @@ -106,12 +106,12 @@ export default { |
106 | return name; | 106 | return name; |
107 | }, | 107 | }, |
108 | AddDialog(row){ | 108 | AddDialog(row){ |
109 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 109 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
110 | data: '' | 110 | data: '' |
111 | }) | 111 | }) |
112 | }, | 112 | }, |
113 | editDialog(row){ | 113 | editDialog(row){ |
114 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 114 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
115 | datalist:this.columns, | 115 | datalist:this.columns, |
116 | data: row, | 116 | data: row, |
117 | 117 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description : 地役权登记信息 | 2 | * @Description : 地役权登记信息 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-02 14:45:17 | 4 | * @LastEditTime : 2023-06-08 08:46:10 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -106,12 +106,12 @@ export default { | ... | @@ -106,12 +106,12 @@ export default { |
106 | return name; | 106 | return name; |
107 | }, | 107 | }, |
108 | AddDialog(row){ | 108 | AddDialog(row){ |
109 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 109 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
110 | data: '' | 110 | data: '' |
111 | }) | 111 | }) |
112 | }, | 112 | }, |
113 | editDialog(row){ | 113 | editDialog(row){ |
114 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 114 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
115 | datalist:this.columns, | 115 | datalist:this.columns, |
116 | data: row, | 116 | data: row, |
117 | 117 | ... | ... |
... | @@ -111,12 +111,12 @@ | ... | @@ -111,12 +111,12 @@ |
111 | return name; | 111 | return name; |
112 | }, | 112 | }, |
113 | AddDialog(row){ | 113 | AddDialog(row){ |
114 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 114 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
115 | data: '' | 115 | data: '' |
116 | }) | 116 | }) |
117 | }, | 117 | }, |
118 | editDialog(row){ | 118 | editDialog(row){ |
119 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 119 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
120 | datalist:this.columns, | 120 | datalist:this.columns, |
121 | data: row, | 121 | data: row, |
122 | 122 | ... | ... |
... | @@ -106,12 +106,12 @@ export default { | ... | @@ -106,12 +106,12 @@ export default { |
106 | return name; | 106 | return name; |
107 | }, | 107 | }, |
108 | AddDialog(row){ | 108 | AddDialog(row){ |
109 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 109 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
110 | data: '' | 110 | data: '' |
111 | }) | 111 | }) |
112 | }, | 112 | }, |
113 | editDialog(row){ | 113 | editDialog(row){ |
114 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 114 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
115 | datalist:this.columns, | 115 | datalist:this.columns, |
116 | data: row, | 116 | data: row, |
117 | 117 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description :国有建设用地使用权 | 2 | * @Description :国有建设用地使用权 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-05 15:40:51 | 4 | * @LastEditTime : 2023-06-09 13:33:38 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -86,6 +86,7 @@ | ... | @@ -86,6 +86,7 @@ |
86 | }).then((res) => { | 86 | }).then((res) => { |
87 | if (res.code === 200) { | 87 | if (res.code === 200) { |
88 | this.tableData = res.result; | 88 | this.tableData = res.result; |
89 | console.log("111111111111this.tableDat1",this.tableData); | ||
89 | if (this.tableData.length < datas.columns().emptycolNum) { | 90 | if (this.tableData.length < datas.columns().emptycolNum) { |
90 | this.emptycolNum = | 91 | this.emptycolNum = |
91 | datas.columns().emptycolNum - this.tableData.length; | 92 | datas.columns().emptycolNum - this.tableData.length; |
... | @@ -94,6 +95,7 @@ | ... | @@ -94,6 +95,7 @@ |
94 | } | 95 | } |
95 | } | 96 | } |
96 | }); | 97 | }); |
98 | |||
97 | }, | 99 | }, |
98 | checkChange () { | 100 | checkChange () { |
99 | if (this.checkList.length === 0) { | 101 | if (this.checkList.length === 0) { |
... | @@ -114,14 +116,14 @@ | ... | @@ -114,14 +116,14 @@ |
114 | return name; | 116 | return name; |
115 | }, | 117 | }, |
116 | AddDialog(row){ | 118 | AddDialog(row){ |
117 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 119 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
118 | datalist:this.columns, | 120 | datalist:this.columns, |
119 | data: '' | 121 | data: '' |
120 | 122 | ||
121 | }) | 123 | }) |
122 | }, | 124 | }, |
123 | editDialog(row){ | 125 | editDialog(row){ |
124 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 126 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
125 | datalist:this.columns, | 127 | datalist:this.columns, |
126 | data: row, | 128 | data: row, |
127 | 129 | ... | ... |
... | @@ -140,12 +140,12 @@ | ... | @@ -140,12 +140,12 @@ |
140 | return name; | 140 | return name; |
141 | }, | 141 | }, |
142 | AddDialog(row){ | 142 | AddDialog(row){ |
143 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 143 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
144 | data: '' | 144 | data: '' |
145 | }) | 145 | }) |
146 | }, | 146 | }, |
147 | editDialog(row){ | 147 | editDialog(row){ |
148 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 148 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
149 | datalist:this.columns, | 149 | datalist:this.columns, |
150 | data: row, | 150 | data: row, |
151 | 151 | ... | ... |
src/views/djbworkflow/djbBook/slxx.vue
0 → 100644
1 | <template> | ||
2 | <div class="from-clues-header"> | ||
3 | <div>受理信息</div> | ||
4 | <el-form ref="form" :model="form" label-width="160px"> | ||
5 | <el-row> | ||
6 | <el-col :span="12"> | ||
7 | <el-form-item label="权属状态" label-width="140px"> | ||
8 | <el-select v-model="form.qszt"> | ||
9 | <el-option | ||
10 | v-for="item in qsztList" | ||
11 | :key="item.value" | ||
12 | :label="item.label" | ||
13 | :value="item.value" | ||
14 | > | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> | ||
20 | <el-form-item | ||
21 | :prop="item.prop" | ||
22 | :label="item.label" | ||
23 | label-width="140px" | ||
24 | > | ||
25 | <el-input v-model="form[item.prop]"></el-input> | ||
26 | </el-form-item> | ||
27 | </el-col> | ||
28 | </el-row> | ||
29 | </el-form> | ||
30 | <div class="btn"> | ||
31 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | ||
32 | <el-button @click="closeDialog">取消</el-button> | ||
33 | </div> | ||
34 | </div> | ||
35 | </template> | ||
36 | <script> | ||
37 | import { mapGetters } from "vuex"; | ||
38 | export default { | ||
39 | |||
40 | props: { | ||
41 | formData: { | ||
42 | type: Object, | ||
43 | default: () => {}, | ||
44 | }, | ||
45 | }, | ||
46 | data() { | ||
47 | return { | ||
48 | //传递参数 | ||
49 | propsParam: this.$attrs, | ||
50 | activeName: "slxx", | ||
51 | form: {}, | ||
52 | datalist: [], | ||
53 | qsztList: [ | ||
54 | { | ||
55 | value: "1", | ||
56 | label: "现势", | ||
57 | }, | ||
58 | { | ||
59 | value: "2", | ||
60 | label: "历史", | ||
61 | }, | ||
62 | ], | ||
63 | label: "", | ||
64 | isshow: true, | ||
65 | }; | ||
66 | }, | ||
67 | computed: { | ||
68 | |||
69 | ...mapGetters(["dictData"]) | ||
70 | }, | ||
71 | created () { | ||
72 | console.log("this.propsParam",this.propsParam); | ||
73 | // this.clmlInitList(1) | ||
74 | }, | ||
75 | mounted() { | ||
76 | |||
77 | if (this.formData.data) { | ||
78 | this.$nextTick(() => { | ||
79 | this.form = Object.assign({}, this.formData.data); | ||
80 | // this.datalist = Object.assign([], this.formData.datalist) | ||
81 | this.form.qszt = | ||
82 | this.form.qszt == "0" | ||
83 | ? "临时" | ||
84 | : this.form.qszt == "1" | ||
85 | ? "现势" | ||
86 | : "历史"; | ||
87 | }); | ||
88 | } | ||
89 | |||
90 | // this.datalist = this.formData.datalist | ||
91 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | ||
92 | this.datalist.shift(); | ||
93 | this.datalist.shift(); | ||
94 | console.log("this.datalist", this.datalist); | ||
95 | }, | ||
96 | |||
97 | methods: { | ||
98 | // 受理信息保存 | ||
99 | slxxsubmitForm() { | ||
100 | this.$refs.form.validate((valid) => { | ||
101 | if (valid) { | ||
102 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | ||
103 | // if (res.code == 200) { | ||
104 | // this.$message.success("新增成功") | ||
105 | // this.closeaddDiglog(); | ||
106 | // this.getList() | ||
107 | // } else { | ||
108 | // this.$message.error(res.message) | ||
109 | // } | ||
110 | // }) | ||
111 | } else { | ||
112 | return false; | ||
113 | } | ||
114 | }); | ||
115 | this.isshow = false; | ||
116 | }, | ||
117 | closeDialog(){ | ||
118 | |||
119 | } | ||
120 | |||
121 | }, | ||
122 | }; | ||
123 | </script> | ||
124 | <style scoped lang="scss"> | ||
125 | @import "~@/styles/mixin.scss"; | ||
126 | @import "~@/styles/public.scss"; | ||
127 | |||
128 | .from-clues-header { | ||
129 | @include flex; | ||
130 | flex-direction: column; | ||
131 | overflow-y: hidden; | ||
132 | height: 620px; | ||
133 | padding: 0 2px; | ||
134 | |||
135 | .btn { | ||
136 | margin-top: 40px; | ||
137 | margin-bottom: 20px; | ||
138 | text-align: center; | ||
139 | } | ||
140 | } | ||
141 | |||
142 | // 审批意见样式 | ||
143 | |||
144 | .spyj { | ||
145 | .box { | ||
146 | overflow-x: auto; | ||
147 | width: 100%; | ||
148 | height: 95%; | ||
149 | background: #fff; | ||
150 | text-align: center; | ||
151 | padding: 4px; | ||
152 | overflow-y: scroll; | ||
153 | padding-top: 20px; | ||
154 | padding: 20px 40px; | ||
155 | /deep/.el-input__inner { | ||
156 | width: 200px; | ||
157 | border:none; | ||
158 | } | ||
159 | } | ||
160 | .spyj_title { | ||
161 | line-height: 68px; | ||
162 | border: 1px solid $borderColor; | ||
163 | text-align: center; | ||
164 | font-size: 22px; | ||
165 | font-weight: 400; | ||
166 | background-color: #eceef2; | ||
167 | display: block; | ||
168 | border-bottom: none; | ||
169 | } | ||
170 | |||
171 | /deep/.el-form-item { | ||
172 | margin-bottom: 0; | ||
173 | } | ||
174 | |||
175 | .bottom10 { | ||
176 | margin-bottom: 15px; | ||
177 | } | ||
178 | |||
179 | .spyj_form { | ||
180 | display: flex; | ||
181 | border: 1px solid $borderColor; | ||
182 | |||
183 | .item_left { | ||
184 | width: 150px; | ||
185 | background-color: #f8f8fa; | ||
186 | color: #606266; | ||
187 | display: flex; | ||
188 | font-size: 14px; | ||
189 | text-indent: 80px; | ||
190 | align-items: center; | ||
191 | border-right: 1px solid $borderColor; | ||
192 | } | ||
193 | |||
194 | .item_right { | ||
195 | flex: 1; | ||
196 | width: 100%; | ||
197 | |||
198 | /deep/.el-form-item__label { | ||
199 | background-color: #f8f8fa; | ||
200 | } | ||
201 | /deep/.el-form-item__content { | ||
202 | display: block; | ||
203 | text-align: left; | ||
204 | text-indent: 10px; | ||
205 | } | ||
206 | .opinion_item { | ||
207 | /deep/.el-form-item__error { | ||
208 | margin-top: -16px !important; | ||
209 | left: 3px; | ||
210 | } | ||
211 | |||
212 | border-bottom: 1px solid $borderColor; | ||
213 | } | ||
214 | |||
215 | .opinion { | ||
216 | position: relative; | ||
217 | font-size: 14px; | ||
218 | |||
219 | /deep/.el-textarea__inner { | ||
220 | border: none; | ||
221 | } | ||
222 | } | ||
223 | |||
224 | .opinion_btn { | ||
225 | position: absolute; | ||
226 | right: 15px; | ||
227 | bottom: 10px; | ||
228 | } | ||
229 | } | ||
230 | } | ||
231 | |||
232 | .submit_button { | ||
233 | text-align: center; | ||
234 | margin: 15px 0; | ||
235 | } | ||
236 | } | ||
237 | |||
238 | // 材料信息样式 | ||
239 | .active { | ||
240 | background: $light-blue !important; | ||
241 | color: #fff; | ||
242 | } | ||
243 | |||
244 | .required { | ||
245 | font-size: 12px; | ||
246 | color: $pink; | ||
247 | float: left; | ||
248 | } | ||
249 | |||
250 | .cl_number { | ||
251 | float: right; | ||
252 | } | ||
253 | |||
254 | .clxx { | ||
255 | width: 100%; | ||
256 | display: flex; | ||
257 | padding-left: 5px; | ||
258 | height: calc(100vh - 125px); | ||
259 | |||
260 | .left { | ||
261 | display: flex; | ||
262 | flex-direction: column; | ||
263 | justify-content: space-between; | ||
264 | |||
265 | .item { | ||
266 | width: 28px; | ||
267 | height: 49%; | ||
268 | @include flex-center; | ||
269 | background-color: #e4e7ed; | ||
270 | border-bottom-right-radius: 10px; | ||
271 | padding: 5px; | ||
272 | cursor: pointer; | ||
273 | transition: all 0.3s; | ||
274 | |||
275 | &:hover { | ||
276 | @extend .active; | ||
277 | } | ||
278 | } | ||
279 | } | ||
280 | |||
281 | .right { | ||
282 | width: 100%; | ||
283 | height: 100%; | ||
284 | |||
285 | .clmlmx-box { | ||
286 | margin: 0 auto; | ||
287 | |||
288 | .title { | ||
289 | text-align: center; | ||
290 | height: 60px; | ||
291 | line-height: 60px; | ||
292 | border: 1px solid #dfe6ec; | ||
293 | font-size: 20px; | ||
294 | background: #81d3f81a; | ||
295 | margin-bottom: -1px; | ||
296 | } | ||
297 | } | ||
298 | |||
299 | .clyl-box { | ||
300 | width: 100%; | ||
301 | height: 100%; | ||
302 | display: flex; | ||
303 | |||
304 | .menu-tree { | ||
305 | width: 20%; | ||
306 | min-width: 160px; | ||
307 | height: 100%; | ||
308 | margin-right: 10px; | ||
309 | border-right: 1px dotted #d9d9d9; | ||
310 | padding: 0 15px; | ||
311 | |||
312 | .item { | ||
313 | line-height: 30px; | ||
314 | padding-top: 5px; | ||
315 | border-bottom: 1px solid #e8e8e8; | ||
316 | font-size: 16px; | ||
317 | text-align: center; | ||
318 | color: $light-blue; | ||
319 | |||
320 | .itemIcon { | ||
321 | float: right; | ||
322 | line-height: 60px; | ||
323 | cursor: pointer; | ||
324 | } | ||
325 | |||
326 | .child { | ||
327 | line-height: 32px; | ||
328 | border-bottom: 1px solid #e8e8e8; | ||
329 | padding-left: 10px; | ||
330 | color: #6b6b6b; | ||
331 | cursor: pointer; | ||
332 | box-sizing: border-box; | ||
333 | border-radius: 6px; | ||
334 | line-height: 20px; | ||
335 | transition: all 0.3s; | ||
336 | padding: 8px 0; | ||
337 | } | ||
338 | |||
339 | .child:hover { | ||
340 | color: $light-blue; | ||
341 | transform: scale(1.1); | ||
342 | } | ||
343 | |||
344 | .checked { | ||
345 | border: 1px solid $light-blue; | ||
346 | color: $light-blue; | ||
347 | } | ||
348 | } | ||
349 | } | ||
350 | |||
351 | .clyl-img { | ||
352 | width: 75%; | ||
353 | height: 100%; | ||
354 | background: #f3f4f7; | ||
355 | margin: 0 auto; | ||
356 | position: relative; | ||
357 | } | ||
358 | } | ||
359 | } | ||
360 | } | ||
361 | </style> |
src/views/djbworkflow/djbBook/spyj.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: 审批意见 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:41:24 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class='spyj loadingtext'> | ||
8 | <div class="box"> | ||
9 | <b class="spyj_title">审批表11111111111111111111</b> | ||
10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | ||
12 | <div class="item_left"> | ||
13 | {{ item.jdmc }}意见 | ||
14 | </div> | ||
15 | <div class="item_right"> | ||
16 | <el-row> | ||
17 | <el-col :span="24"> | ||
18 | <el-form-item label-width="0" class="opinion_item" prop="shyj"> | ||
19 | <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" | ||
20 | v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input> | ||
21 | <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> | ||
22 | </el-input> | ||
23 | <el-button class="opinion_btn" @click="commonOpinion" | ||
24 | v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | <el-row> | ||
29 | <el-col :span="16"> | ||
30 | <el-form-item label="审查人" prop="shryxm"> | ||
31 | {{ item.shryxm }} | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="审核时间" prop="shjssj" :key="refresh"> | ||
36 | {{ item.shjssj }} | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | </div> | ||
41 | </div> | ||
42 | <div class="submit_button" v-if="ableOperation"> | ||
43 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
44 | </div> | ||
45 | </el-form> | ||
46 | </div> | ||
47 | <el-empty v-if="isNoData" description="暂无数据"></el-empty> | ||
48 | </div> | ||
49 | </template> | ||
50 | <script> | ||
51 | import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; | ||
52 | import { mapGetters } from 'vuex' | ||
53 | export default { | ||
54 | computed: { | ||
55 | ...mapGetters(['userData', 'yjsqOptions']) | ||
56 | }, | ||
57 | data () { | ||
58 | return { | ||
59 | isNoData: false, | ||
60 | bsmSlsq: '', | ||
61 | //刷新值 | ||
62 | refresh: 10, | ||
63 | ableOperation: true, | ||
64 | bsmSlsq: this.$route.query.bsmSlsq, | ||
65 | bestepid: this.$route.query.bestepid, | ||
66 | ruleForm: {}, | ||
67 | rules: { | ||
68 | shyj: [ | ||
69 | { required: true, message: '请输入审批意见', trigger: 'blur' } | ||
70 | ], | ||
71 | }, | ||
72 | tableData: [], | ||
73 | propsParam: {} | ||
74 | } | ||
75 | }, | ||
76 | watch: { | ||
77 | yjsqOptions: { | ||
78 | handler (val) { | ||
79 | this.ruleForm.shyj = val | ||
80 | }, | ||
81 | deep: true, | ||
82 | immediate: true | ||
83 | }, | ||
84 | }, | ||
85 | mounted () { | ||
86 | this.propsParam = this.$attrs; | ||
87 | if (this.$route.query.viewtype) { | ||
88 | this.ableOperation = false | ||
89 | } | ||
90 | this.list(); | ||
91 | }, | ||
92 | methods: { | ||
93 | //审批意见数据初始化 | ||
94 | list () { | ||
95 | let that = this | ||
96 | this.$startLoading() | ||
97 | var formdata = new FormData(); | ||
98 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | ||
99 | formdata.append("bestepid", this.$route.query.bestepid); | ||
100 | formdata.append("ableOperation", this.ableOperation) | ||
101 | getSpyjList(formdata).then((res) => { | ||
102 | this.$endLoading() | ||
103 | if (res.code === 200 && res.result) { | ||
104 | this.tableData = res.result ? res.result : [] | ||
105 | if (res.result.length == 0) { | ||
106 | that.isNoData = true | ||
107 | } | ||
108 | this.ruleForm = res.result[res.result.length - 1] | ||
109 | } | ||
110 | }) | ||
111 | }, | ||
112 | onSubmit () { | ||
113 | this.ruleForm.bsmSlsq = this.bsmSlsq | ||
114 | this.ruleForm.bestepid = this.bestepid | ||
115 | saveSpyjBySlsq(this.ruleForm).then(res => { | ||
116 | if (res.code === 200) { | ||
117 | this.$message.success("保存成功") | ||
118 | this.refresh += 1 | ||
119 | } else { | ||
120 | this.$message.error(res.message) | ||
121 | } | ||
122 | }) | ||
123 | }, | ||
124 | //打开常用意见列表弹窗 | ||
125 | commonOpinion () { | ||
126 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | ||
127 | }, | ||
128 | //使用常用意见 | ||
129 | useOpinion (opinion) { | ||
130 | this.ruleForm.shyj = opinion | ||
131 | } | ||
132 | } | ||
133 | } | ||
134 | </script> | ||
135 | <style scoped lang='scss'> | ||
136 | @import "~@/styles/mixin.scss"; | ||
137 | |||
138 | .spyj { | ||
139 | width: 100%; | ||
140 | height: 100%; | ||
141 | background-color: #f5f5f5; | ||
142 | padding: 5px; | ||
143 | .box { | ||
144 | overflow-x: auto; | ||
145 | width: 100%; | ||
146 | height: 95%; | ||
147 | background: #fff; | ||
148 | text-align: center; | ||
149 | padding: 4px; | ||
150 | overflow-y: scroll; | ||
151 | padding-top: 20px; | ||
152 | padding: 20px 40px; | ||
153 | } | ||
154 | .spyj_title { | ||
155 | line-height: 68px; | ||
156 | border: 1px solid $borderColor; | ||
157 | text-align: center; | ||
158 | font-size: 22px; | ||
159 | font-weight: 400; | ||
160 | background-color: #eceef2; | ||
161 | display: block; | ||
162 | border-bottom: none; | ||
163 | } | ||
164 | |||
165 | /deep/.el-form-item { | ||
166 | margin-bottom: 0; | ||
167 | } | ||
168 | |||
169 | .bottom10 { | ||
170 | margin-bottom: 15px; | ||
171 | } | ||
172 | |||
173 | .spyj_form { | ||
174 | display: flex; | ||
175 | border: 1px solid $borderColor; | ||
176 | |||
177 | .item_left { | ||
178 | width: 150px; | ||
179 | background-color: #f8f8fa; | ||
180 | color: #606266; | ||
181 | display: flex; | ||
182 | font-size: 14px; | ||
183 | text-indent: 80px; | ||
184 | align-items: center; | ||
185 | border-right: 1px solid $borderColor; | ||
186 | } | ||
187 | |||
188 | .item_right { | ||
189 | flex: 1; | ||
190 | width: 100%; | ||
191 | |||
192 | /deep/.el-form-item__label { | ||
193 | background-color: #f8f8fa; | ||
194 | } | ||
195 | /deep/.el-form-item__content { | ||
196 | display: block; | ||
197 | text-align: left; | ||
198 | text-indent: 10px; | ||
199 | } | ||
200 | .opinion_item { | ||
201 | /deep/.el-form-item__error { | ||
202 | margin-top: -16px !important; | ||
203 | left: 3px; | ||
204 | } | ||
205 | |||
206 | border-bottom: 1px solid $borderColor; | ||
207 | } | ||
208 | |||
209 | .opinion { | ||
210 | position: relative; | ||
211 | font-size: 14px; | ||
212 | |||
213 | /deep/.el-textarea__inner { | ||
214 | border: none; | ||
215 | } | ||
216 | } | ||
217 | |||
218 | .opinion_btn { | ||
219 | position: absolute; | ||
220 | right: 15px; | ||
221 | bottom: 10px; | ||
222 | } | ||
223 | } | ||
224 | } | ||
225 | |||
226 | .submit_button { | ||
227 | text-align: center; | ||
228 | margin: 15px 0; | ||
229 | } | ||
230 | } | ||
231 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description :预告登记信息 | 2 | * @Description :预告登记 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-02 14:44:18 | 4 | * @LastEditTime : 2023-06-12 09:17:17 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -106,12 +106,12 @@ export default { | ... | @@ -106,12 +106,12 @@ export default { |
106 | return name; | 106 | return name; |
107 | }, | 107 | }, |
108 | AddDialog(row){ | 108 | AddDialog(row){ |
109 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 109 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
110 | data: '' | 110 | data: '' |
111 | }) | 111 | }) |
112 | }, | 112 | }, |
113 | editDialog(row){ | 113 | editDialog(row){ |
114 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 114 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
115 | datalist:this.columns, | 115 | datalist:this.columns, |
116 | data: row, | 116 | data: row, |
117 | 117 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description :异议登记信息 | 2 | * @Description :异议登记 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-02 14:41:03 | 4 | * @LastEditTime : 2023-06-09 13:55:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -67,6 +67,7 @@ export default { | ... | @@ -67,6 +67,7 @@ export default { |
67 | }; | 67 | }; |
68 | }, | 68 | }, |
69 | created () { | 69 | created () { |
70 | console.log("异议登记"); | ||
70 | this.loadData(); | 71 | this.loadData(); |
71 | }, | 72 | }, |
72 | methods: { | 73 | methods: { |
... | @@ -106,12 +107,12 @@ export default { | ... | @@ -106,12 +107,12 @@ export default { |
106 | return name; | 107 | return name; |
107 | }, | 108 | }, |
108 | AddDialog(row){ | 109 | AddDialog(row){ |
109 | this.$popupDialog("新增", "djbBook/components/djbeditDialog", { | 110 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { |
110 | data: '' | 111 | data: '' |
111 | }) | 112 | }) |
112 | }, | 113 | }, |
113 | editDialog(row){ | 114 | editDialog(row){ |
114 | this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { | 115 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
115 | datalist:this.columns, | 116 | datalist:this.columns, |
116 | data: row, | 117 | data: row, |
117 | 118 | ... | ... |
... | @@ -33,7 +33,7 @@ export function getForm (tabName, djywbm) { | ... | @@ -33,7 +33,7 @@ export function getForm (tabName, djywbm) { |
33 | break; | 33 | break; |
34 | case "diyaqSlxx": | 34 | case "diyaqSlxx": |
35 | form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); | 35 | form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); |
36 | break; | 36 | break; |
37 | case "clxx": | 37 | case "clxx": |
38 | form = require("@/views/djbworkflow/components/clxxUnify.vue"); | 38 | form = require("@/views/djbworkflow/components/clxxUnify.vue"); |
39 | break; | 39 | break; |
... | @@ -41,7 +41,7 @@ export function getForm (tabName, djywbm) { | ... | @@ -41,7 +41,7 @@ export function getForm (tabName, djywbm) { |
41 | form = require("@/views/djbworkflow/components/spyj.vue"); | 41 | form = require("@/views/djbworkflow/components/spyj.vue"); |
42 | break; | 42 | break; |
43 | case "zdjbxx": | 43 | case "zdjbxx": |
44 | form = require("@/views/djbBook/zdjbxx.vue"); | 44 | form = require("@/views/djbworkflow/djbBook/zdjbxx.vue"); |
45 | break; | 45 | break; |
46 | case "ygmm100": | 46 | case "ygmm100": |
47 | form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); | 47 | form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); |
... | @@ -56,24 +56,33 @@ export function getForm (tabName, djywbm) { | ... | @@ -56,24 +56,33 @@ export function getForm (tabName, djywbm) { |
56 | case "zjgcdyqSlxx": | 56 | case "zjgcdyqSlxx": |
57 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | 57 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); |
58 | break; | 58 | break; |
59 | case "cfdjxx": | 59 | case "cfdj": |
60 | form = require("@/views/djbBook/cfdj.vue"); | 60 | form = require("@/views/djbworkflow/djbBook/cfdj.vue"); |
61 | break; | ||
62 | case "jsydsyq": | ||
63 | form = require("@/views/djbworkflow/djbBook/jsydsyq.vue"); | ||
61 | break; | 64 | break; |
62 | case "jsydsyqQlxx": | 65 | case "nydsyq": |
63 | form = require("@/views/djbBook/jsydsyq.vue"); | 66 | form = require("@/views/djbworkflow/djbBook/nydsyq.vue"); |
64 | break; | 67 | break; |
65 | case "nydsyqQlxx": | 68 | case "fdcq2": |
66 | form = require("@/views/djbBook/nydsyq.vue"); | 69 | form = require("@/views/djbworkflow/djbBook/fdcq2.vue"); |
67 | break; | 70 | break; |
68 | case "fdcq2Qlxx": | 71 | case "diyaq": |
69 | form = require("@/views/djbBook/fdcq2.vue"); | 72 | form = require("@/views/djbworkflow/djbBook/diyaq.vue"); |
70 | break; | 73 | break; |
71 | case "diyaqQlxx": | 74 | case "ygdj": |
72 | form = require("@/views/djbBook/diyaq.vue"); | 75 | form = require("@/views/djbworkflow/djbBook/ygdj.vue"); |
73 | break; | 76 | break; |
74 | case "ygdjQlxx": | 77 | case "diyiq": |
75 | form = require("@/views/djbBook/ygdj.vue"); | 78 | form = require("@/views/djbworkflow/djbBook/diyiq.vue"); |
76 | break; | 79 | break; |
80 | case "djbfm": | ||
81 | form = require("@/views/djbworkflow/djbBook/djbfm.vue"); | ||
82 | break; | ||
83 | case "yydj": | ||
84 | form = require("@/views/djbworkflow/djbBook/yydj.vue"); | ||
85 | break; | ||
77 | case "szxx": | 86 | case "szxx": |
78 | form = require("@/views/djbworkflow/components/szxx.vue"); | 87 | form = require("@/views/djbworkflow/components/szxx.vue"); |
79 | break; | 88 | break; |
... | @@ -83,6 +92,15 @@ export function getForm (tabName, djywbm) { | ... | @@ -83,6 +92,15 @@ export function getForm (tabName, djywbm) { |
83 | case "zdt": | 92 | case "zdt": |
84 | form = require("@/views/djbworkflow/components/zdt.vue"); | 93 | form = require("@/views/djbworkflow/components/zdt.vue"); |
85 | break; | 94 | break; |
95 | case "slxx": | ||
96 | form = require("@/views/djbworkflow/djbBook/slxx.vue"); | ||
97 | break; | ||
98 | // case "spyj": | ||
99 | // form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ||
100 | // break; | ||
101 | // case "clxx": | ||
102 | // form = require("@/views/djbworkflow/djbBook/clxx.vue"); | ||
103 | // break; | ||
86 | default: | 104 | default: |
87 | form = require("@/views/error-page/404.vue"); | 105 | form = require("@/views/error-page/404.vue"); |
88 | break; | 106 | break; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description:workFramezu.vue组件的方法 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-18 15:01:31 | 4 | * @LastEditTime: 2023-05-18 15:01:31 |
5 | */ | 5 | */ |
... | @@ -16,6 +16,7 @@ import { | ... | @@ -16,6 +16,7 @@ import { |
16 | getNextLinkInfo, | 16 | getNextLinkInfo, |
17 | } from "@/api/fqsq.js"; | 17 | } from "@/api/fqsq.js"; |
18 | import { mapGetters } from 'vuex' | 18 | import { mapGetters } from 'vuex' |
19 | import { log } from "bpmn-js-token-simulation"; | ||
19 | export default { | 20 | export default { |
20 | data () { | 21 | data () { |
21 | return { | 22 | return { |
... | @@ -48,9 +49,12 @@ export default { | ... | @@ -48,9 +49,12 @@ export default { |
48 | formdata.append("bestepid", this.bestepid); | 49 | formdata.append("bestepid", this.bestepid); |
49 | stepExpandInfo(formdata).then((res) => { | 50 | stepExpandInfo(formdata).then((res) => { |
50 | if (res.code === 200) { | 51 | if (res.code === 200) { |
51 | this.leftButtonList = res.result.button; | 52 | this.leftButtonList =[]; |
52 | this.rightButtonList = res.result.operation; | 53 | this.rightButtonList = res.result.operation; |
53 | this.slsq = res.result.slsq | 54 | this.slsq = res.result.slsq |
55 | console.log("this.slsq",this.slsq); | ||
56 | console.log("this.rightButtonList",this.rightButtonList); | ||
57 | this.rightButtonList.splice(0,2) | ||
54 | } | 58 | } |
55 | }) | 59 | }) |
56 | 60 | ||
... | @@ -70,10 +74,10 @@ export default { | ... | @@ -70,10 +74,10 @@ export default { |
70 | this.$popupDialog("流程图", "workflow/components/processViewer", { | 74 | this.$popupDialog("流程图", "workflow/components/processViewer", { |
71 | xml: result.xml, | 75 | xml: result.xml, |
72 | finishedInfo: { | 76 | finishedInfo: { |
73 | finishedTaskSet: result.finishedTaskSet, | 77 | finishedTaskSet: result.finishedActivityIds, |
74 | unfinishedTaskSet: result.unfinishedTaskSet, | 78 | unfinishedTaskSet: result.runningActivityIds, |
75 | rejectedTaskSet: result.rejectedTaskSet, | 79 | rejectedTaskSet: result.rejectedTaskSet, |
76 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | 80 | finishedSequenceFlowSet: result.finishedSequenceFlowIds |
77 | }, | 81 | }, |
78 | allCommentList: result.historyTaskList | 82 | allCommentList: result.historyTaskList |
79 | }, '80%', true) | 83 | }, '80%', true) | ... | ... |
... | @@ -26,23 +26,11 @@ export default { | ... | @@ -26,23 +26,11 @@ export default { |
26 | getHomeNoticeList().then(res => { | 26 | getHomeNoticeList().then(res => { |
27 | if (res.result) { | 27 | if (res.result) { |
28 | this.noticeList = res.result.noticeList | 28 | this.noticeList = res.result.noticeList |
29 | console.log("this.noticeList11111111111111111111111111111111111",this.noticeList); | ||
29 | } | 30 | } |
30 | }) | 31 | }) |
31 | }, | 32 | }, |
32 | //右侧表单选项卡事件 | 33 | |
33 | beforeLeave (activeName, oldActiveName) { | 34 | |
34 | if (activeName && activeName != 0) this.getFromRouter(activeName) | ||
35 | }, | ||
36 | //切换选项卡内容组件 | ||
37 | getFromRouter (tabname) { | ||
38 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 | ||
39 | for (let item of this.tabList) { | ||
40 | if (item.value === tabname) { | ||
41 | this.currentSelectTab = item | ||
42 | break; | ||
43 | } | ||
44 | } | ||
45 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | ||
46 | } | ||
47 | } | 35 | } |
48 | } | 36 | } | ... | ... |
... | @@ -28,11 +28,11 @@ | ... | @@ -28,11 +28,11 @@ |
28 | <span class="iconName">{{ item.name }}</span> | 28 | <span class="iconName">{{ item.name }}</span> |
29 | </li> | 29 | </li> |
30 | </ul> | 30 | </ul> |
31 | <NoticeBar | 31 | <!-- <NoticeBar |
32 | class="NoticeBar" | 32 | class="NoticeBar" |
33 | :noticeList="noticeList" | 33 | :noticeList="noticeList" |
34 | v-if="noticeList.length > 0" | 34 | v-if="noticeList.length > 0" |
35 | /> | 35 | /> --> |
36 | </div> | 36 | </div> |
37 | <!-- 内容框架 --> | 37 | <!-- 内容框架 --> |
38 | <div class="containerFrame"> | 38 | <div class="containerFrame"> |
... | @@ -70,16 +70,16 @@ | ... | @@ -70,16 +70,16 @@ |
70 | </style> | 70 | </style> |
71 | <script> | 71 | <script> |
72 | import WorkFlow from "./mixin/index"; | 72 | import WorkFlow from "./mixin/index"; |
73 | import publicFlow from "./mixin/public.js"; | 73 | // import publicFlow from "./mixin/public.js"; |
74 | // import { getStepFormInfo } from "@/api/fqsq.js" | 74 | // import { getStepFormInfo } from "@/api/fqsq.js" |
75 | // import { getForm } from "./flowform" | 75 | import { getForm } from "./flowform" |
76 | import NoticeBar from "@/components/NoticeBar/index"; | 76 | import NoticeBar from "@/components/NoticeBar/index"; |
77 | import { unClaimTask } from "@/api/ywbl.js"; | 77 | import { unClaimTask } from "@/api/ywbl.js"; |
78 | import ProcessViewer from "./components/processViewer.vue"; | 78 | import ProcessViewer from "./components/processViewer.vue"; |
79 | // 引入左侧菜单 | 79 | // 引入左侧菜单 |
80 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 80 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
81 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 81 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
82 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData"; | 82 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
83 | // 登记簿数据信息 | 83 | // 登记簿数据信息 |
84 | 84 | ||
85 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 85 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
... | @@ -90,10 +90,9 @@ export default { | ... | @@ -90,10 +90,9 @@ export default { |
90 | ProcessViewer, | 90 | ProcessViewer, |
91 | ordinaryMenu, | 91 | ordinaryMenu, |
92 | }, | 92 | }, |
93 | mixins: [WorkFlow, publicFlow], | 93 | mixins: [WorkFlow], |
94 | data() { | 94 | data() { |
95 | return { | 95 | return { |
96 | isDialog: false, | ||
97 | bsmSlsq: this.$route.query.bsmSlsq, | 96 | bsmSlsq: this.$route.query.bsmSlsq, |
98 | //当前流程所在环节 | 97 | //当前流程所在环节 |
99 | bestepid: this.$route.query.bestepid, | 98 | bestepid: this.$route.query.bestepid, |
... | @@ -104,124 +103,109 @@ export default { | ... | @@ -104,124 +103,109 @@ export default { |
104 | qllx: this.$route.query.qllx, | 103 | qllx: this.$route.query.qllx, |
105 | //设置那个表单选中 | 104 | //设置那个表单选中 |
106 | tabName: "", | 105 | tabName: "", |
107 | //设置那个表单选择 | ||
108 | currentSelectTab: {}, | ||
109 | //表单集合 | 106 | //表单集合 |
110 | tabList: [], | 107 | tabList: [], |
111 | //选择加载哪一个组件 | 108 | //选择加载哪一个组件 |
112 | componentTag: "", | 109 | componentTag: "", |
113 | //设置表单传递数据 | 110 | //设置表单传递数据 |
114 | currentSelectProps: {}, | 111 | currentSelectProps: {}, |
115 | //材料分屏表单 | ||
116 | clxxForm: "", | ||
117 | //材料信息选择卡索引 | 112 | //材料信息选择卡索引 |
118 | clxxIndex: "", | 113 | clxxIndex: "", |
119 | //材料信息选项卡对象 | 114 | //材料信息选项卡对象 |
120 | clxxTab: {}, | 115 | clxxTab: {}, |
121 | //页面监听时间 | 116 | //页面监听时间 |
122 | _beforeUnload_time: "", | 117 | _beforeUnload_time: "", |
118 | treedata:{}, | ||
119 | tabdata:[], | ||
120 | defaultNode:{} | ||
123 | }; | 121 | }; |
124 | }, | 122 | }, |
125 | mounted() { | 123 | mounted() { |
126 | this.$store.dispatch("user/refreshPage", false); | 124 | this.getdjblist() |
127 | //添加页面监听事件 | ||
128 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); | ||
129 | window.addEventListener("unload", (e) => this.unloadHandler(e)); | ||
130 | this.tabset() | ||
131 | }, | 125 | }, |
132 | destroyed() { | ||
133 | 126 | ||
134 | window.removeEventListener("beforeunload", (e) => | ||
135 | this.beforeunloadHandler(e) | ||
136 | ); | ||
137 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | ||
138 | }, | ||
139 | methods: { | 127 | methods: { |
140 | getCurrentSelectProps(val) { | 128 | getCurrentSelectProps (val) { |
141 | // this.loadData(); | 129 | this.currentSelectProps = val |
142 | }, | 130 | }, |
131 | getdjblist(){ | ||
132 | getBdcqljqtsx({ | ||
133 | bdcdyid: this.bdcdyid, | ||
134 | bdcdyh: this.bdcdyh, | ||
135 | }).then((res) => { | ||
136 | if (res.code === 200) { | ||
137 | this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
138 | this.$nextTick(function () { | ||
139 | this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
140 | console.log("this.defaultNode.idssssssssssssssssss",this.defaultNode.id); | ||
141 | this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 | ||
142 | }); | ||
143 | } | ||
144 | }); | ||
145 | this.currentSelectProps = { | ||
146 | bdcdyid: this.bdcdyid, | ||
147 | bdcdyh: this.bdcdyh, | ||
148 | qllx: this.qllx, | ||
149 | bsmQlxx: this.bsmQlxx, | ||
150 | bestepid:this.bestepid | ||
151 | }; | ||
152 | setTimeout(() => { | ||
153 | let settree=JSON.parse(JSON.stringify(this.treedata)) | ||
154 | console.log("settreesettreesettree",settree); | ||
155 | this.tabdata= | ||
156 | this.tabdata=[...settree,...settree[1].children[0].children[0].children] | ||
157 | console.log("this.tabdata",this.tabdata); | ||
158 | this.tabdata.forEach((item,index,arr) => { | ||
159 | arr[index].name=item.label; | ||
160 | arr[index].value=item.id | ||
161 | }) | ||
162 | this.tabList=this.tabdata | ||
143 | 163 | ||
144 | beforeunloadHandler() { | 164 | }, 200) |
145 | this._beforeUnload_time = new Date().getTime(); | 165 | |
146 | }, | 166 | |
147 | unloadHandler(e) { | 167 | // this.tabdatalet |
148 | this._gap_time = new Date().getTime() - this._beforeUnload_time; | ||
149 | //判断是窗口关闭还是刷新 | ||
150 | if (this._gap_time <= 10) { | ||
151 | //取消认领 | ||
152 | unClaimTask(this.bsmSlsq, this.bestepid); | ||
153 | } | ||
154 | }, | 168 | }, |
155 | tabset(){ | 169 | tabset(){ |
170 | console.log("补录信息"); | ||
156 | this.tabList = [ | 171 | this.tabList = [ |
157 | { | 172 | { |
158 | name: "受理情况", | 173 | name: "受理信息", |
159 | value: "plfdcq2", | 174 | value: "slxx", |
160 | sort: 1, | 175 | sort: 1, |
161 | }, | 176 | }, |
177 | { | ||
178 | name: "审批意见", | ||
179 | value: "spyj", | ||
180 | sort: 2, | ||
181 | }, | ||
162 | { | 182 | { |
163 | name: "材料信息", | 183 | name: "材料信息", |
164 | value: "clxx", | 184 | value: "clxx", |
165 | sort: 2, | 185 | sort: 2, |
166 | }, | 186 | }, |
167 | ]; | 187 | ]; |
168 | this.tabName = 'plfdcq2'; | 188 | this.tabName = 'slxx'; |
169 | }, | 189 | }, |
170 | 190 | ||
171 | // 获取登记簿菜单 | 191 | // stepForm(index){ |
172 | // loadData() { | 192 | // console.log("stepForm()",11111111111111111,index); |
173 | // getBdcqljqtsx({ | 193 | // }, |
174 | // bdcdyid: this.bdcdyid, | ||
175 | // bdcdyh: this.bdcdyh, | ||
176 | // }).then((res) => { | ||
177 | // if (res.code === 200) { | ||
178 | // this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
179 | // this.$nextTick(function () { | ||
180 | // this.defaultNode = getNode( | ||
181 | // this.qllx, | ||
182 | // { linShi: 0, xianShi: 0, liShi: 0 }, | ||
183 | // "" | ||
184 | // ); | ||
185 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
186 | // // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode); | ||
187 | // }); | ||
188 | // } | ||
189 | |||
190 | // }); | ||
191 | // this.currentSelectProps = { | ||
192 | // bdcdyid: this.bdcdyid, | ||
193 | // bdcdyh: this.bdcdyh, | ||
194 | // qllx: this.qllx, | ||
195 | // bsmQlxx: this.bsmQlxx, | ||
196 | // }; | ||
197 | // // this.$parent.stepForm(); | ||
198 | // }, | ||
199 | |||
200 | loadComponent(currentSelectProps, data) { | ||
201 | this.tabset() | ||
202 | this.currentSelectProps = currentSelectProps; | ||
203 | this.componentTag = (r) => | ||
204 | require.ensure([], () => r(require("@/views/djbBook/" + data.form))); | ||
205 | 194 | ||
195 | //右侧表单选项卡事件 | ||
196 | beforeLeave (activeName, oldActiveName) { | ||
197 | if (activeName && activeName != 0) this.getFromRouter(activeName) | ||
206 | }, | 198 | }, |
207 | // openDialog() { | 199 | //切换选项卡内容组件 |
208 | // this.$store.dispatch("user/refreshPage", false); | 200 | getFromRouter (tabname) { |
209 | // let data = JSON.parse(localStorage.getItem("ywbl")); | 201 | for (let item of this.tabList) { |
210 | // let title; | 202 | if (item.value === tabname) { |
211 | // if (data?.sqywmc) { | 203 | this.currentSelectTab = item |
212 | // title = "申请业务:" + data?.sqywmc; | 204 | break; |
213 | // } else { | 205 | } |
214 | // title = "申请业务:" + data?.djywmc; | 206 | } |
215 | // } | 207 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); |
216 | 208 | } | |
217 | // this.$popupDialog( | ||
218 | // title, | ||
219 | // "ywbl/ywsq/selectBdc", | ||
220 | // { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, | ||
221 | // "80%", | ||
222 | // true | ||
223 | // ); | ||
224 | // }, | ||
225 | }, | 209 | }, |
226 | }; | 210 | }; |
227 | </script> | 211 | </script> | ... | ... |
... | @@ -86,6 +86,7 @@ export default { | ... | @@ -86,6 +86,7 @@ export default { |
86 | leftMenu(formdata).then((res) => { | 86 | leftMenu(formdata).then((res) => { |
87 | if (res.code === 200 && res.result) { | 87 | if (res.code === 200 && res.result) { |
88 | this.unitData = res.result; | 88 | this.unitData = res.result; |
89 | console.log("this.unitData",this.unitData); | ||
89 | this.currentSelectProps = res.result[0]; | 90 | this.currentSelectProps = res.result[0]; |
90 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 91 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
91 | this.judgeBatchShow(); | 92 | this.judgeBatchShow(); | ... | ... |
... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
63 | <div v-else>已完结</div> | 63 | <div v-else>已完结</div> |
64 | </template> | 64 | </template> |
65 | </el-table-column> | 65 | </el-table-column> |
66 | <el-table-column label="环节名称" prop="taskName" minWidth="100" align="center" /> | 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> |
67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> |
68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> | 68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> |
69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> | 69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> |
... | @@ -76,7 +76,6 @@ | ... | @@ -76,7 +76,6 @@ |
76 | <script> | 76 | <script> |
77 | import '@/styles/package/theme/index.scss' | 77 | import '@/styles/package/theme/index.scss' |
78 | import BpmnViewer from 'bpmn-js/lib/Viewer' | 78 | import BpmnViewer from 'bpmn-js/lib/Viewer' |
79 | import { getusername } from "@/api/getusername.js"; | ||
80 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' | 79 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' |
81 | export default { | 80 | export default { |
82 | props: { | 81 | props: { |
... | @@ -107,7 +106,6 @@ | ... | @@ -107,7 +106,6 @@ |
107 | } | 106 | } |
108 | }, | 107 | }, |
109 | created () { | 108 | created () { |
110 | |||
111 | this.$nextTick(() => { | 109 | this.$nextTick(() => { |
112 | // 获取流程记录 | 110 | // 获取流程记录 |
113 | this.getCommentList() | 111 | this.getCommentList() |
... | @@ -177,18 +175,18 @@ | ... | @@ -177,18 +175,18 @@ |
177 | this.dlgTitle = element.businessObject ? element.businessObject.name : undefined | 175 | this.dlgTitle = element.businessObject ? element.businessObject.name : undefined |
178 | // 计算当前悬浮任务审批记录,如果记录为空不显示弹窗 | 176 | // 计算当前悬浮任务审批记录,如果记录为空不显示弹窗 |
179 | this.taskCommentList = (this.taskList || []).filter(item => { | 177 | this.taskCommentList = (this.taskList || []).filter(item => { |
180 | return item.taskDefKey === this.selectTaskId | 178 | return item.taskDefinitionKey === this.selectTaskId |
181 | }) | 179 | }) |
182 | if (this.selectTaskId.length > 3) { | 180 | if (this.taskCommentList.length==0) { |
183 | this.taskCommentList = this.taskList; | 181 | this.taskCommentList = this.taskList; |
184 | } | 182 | } |
185 | }, | 183 | }, |
186 | // 下拉列表切换 | 184 | // 下拉列表切换 |
187 | handleSelect (val) { | 185 | handleSelect (val) { |
188 | this.taskCommentList = (this.taskList || []).filter(item => { | 186 | this.taskCommentList = (this.taskList || []).filter(item => { |
189 | return item.taskDefKey === val | 187 | return item.taskDefinitionKey === val |
190 | }) | 188 | }) |
191 | if (val.length > 3) { | 189 | if (this.taskCommentList.length==0) { |
192 | this.taskCommentList = this.taskList; | 190 | this.taskCommentList = this.taskList; |
193 | } | 191 | } |
194 | }, | 192 | }, |
... | @@ -239,32 +237,13 @@ | ... | @@ -239,32 +237,13 @@ |
239 | // 获取流程记录 | 237 | // 获取流程记录 |
240 | getCommentList() { | 238 | getCommentList() { |
241 | this.formData.allCommentList.forEach(async (item,index) => { | 239 | this.formData.allCommentList.forEach(async (item,index) => { |
242 | var arr=item.assigneeName.split(","); | 240 | this.formData.allCommentList[index].agent=item.assignee.name |
243 | // 获取用户名 | ||
244 | let res = await getusername(arr) | ||
245 | if(res){ | ||
246 | let str="" | ||
247 | res.data.content.forEach((el,i) => { | ||
248 | if(str==""){ | ||
249 | str=el.name; | ||
250 | }else{ | ||
251 | str += ","+el.name; | ||
252 | |||
253 | } | ||
254 | this.formData.allCommentList[index].agent=str | ||
255 | }) | ||
256 | } | ||
257 | |||
258 | }) | 241 | }) |
259 | setTimeout(() => { | 242 | setTimeout(() => { |
260 | this.taskList =this.formData.allCommentList; | 243 | this.taskList =this.formData.allCommentList; |
261 | // 处理数据之后赋值 | 244 | // 处理数据之后赋值 |
262 | this.taskCommentList=this.taskList | 245 | this.taskCommentList=this.taskList |
263 | }, 100) | 246 | }, 100) |
264 | // this.$nextTick(() => { | ||
265 | // this.taskList =this.formData.allCommentList; | ||
266 | // this.taskCommentList=this.taskList | ||
267 | // }) | ||
268 | }, | 247 | }, |
269 | 248 | ||
270 | // 设置流程图元素状态 | 249 | // 设置流程图元素状态 | ... | ... |
... | @@ -71,12 +71,12 @@ export default { | ... | @@ -71,12 +71,12 @@ export default { |
71 | this.$popupDialog("流程图", "workflow/components/processViewer", { | 71 | this.$popupDialog("流程图", "workflow/components/processViewer", { |
72 | xml: result.xml, | 72 | xml: result.xml, |
73 | finishedInfo: { | 73 | finishedInfo: { |
74 | finishedTaskSet: result.finishedTaskSet, | 74 | finishedTaskSet: result.finishedActivityIds, |
75 | unfinishedTaskSet: result.unfinishedTaskSet, | 75 | unfinishedTaskSet: result.runningActivityIds, |
76 | rejectedTaskSet: result.rejectedTaskSet, | 76 | rejectedTaskSet: {}, |
77 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | 77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds |
78 | }, | 78 | }, |
79 | allCommentList: result.historyTaskList | 79 | allCommentList: result.finishedTasks |
80 | }, '80%', true) | 80 | }, '80%', true) |
81 | }) | 81 | }) |
82 | break; | 82 | break; | ... | ... |
-
Please register or sign in to post a comment