显示当前流程
Showing
3 changed files
with
233 additions
and
89 deletions
... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
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 | > | ||
16 | <svg-icon class="icon" :icon-class="item.icon" /> | 17 | <svg-icon class="icon" :icon-class="item.icon" /> |
17 | <span class="iconName">{{ item.name }}</span> | 18 | <span class="iconName">{{ item.name }}</span> |
18 | </li> | 19 | </li> |
... | @@ -21,7 +22,8 @@ | ... | @@ -21,7 +22,8 @@ |
21 | <li | 22 | <li |
22 | @click="operation(item)" | 23 | @click="operation(item)" |
23 | v-for="(item, index) in rightButtonList" | 24 | v-for="(item, index) in rightButtonList" |
24 | :key="index"> | 25 | :key="index" |
26 | > | ||
25 | <svg-icon class="icon" :icon-class="item.icon" /> | 27 | <svg-icon class="icon" :icon-class="item.icon" /> |
26 | <span class="iconName">{{ item.name }}</span> | 28 | <span class="iconName">{{ item.name }}</span> |
27 | </li> | 29 | </li> |
... | @@ -43,18 +45,25 @@ | ... | @@ -43,18 +45,25 @@ |
43 | </div> | 45 | </div> |
44 | <!-- 表单内容区域 --> | 46 | <!-- 表单内容区域 --> |
45 | <div class="rightContainer"> | 47 | <div class="rightContainer"> |
48 | <div class="count"> | ||
49 | 当前流程所在环节: | ||
50 | <span>{{ this.zbhj }}</span> | ||
51 | </div> | ||
46 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 52 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
47 | <el-tab-pane | 53 | <el-tab-pane |
48 | :label="item.name" | 54 | :label="item.name" |
49 | :name="item.value" | 55 | :name="item.value" |
50 | v-for="item in tabList" | 56 | v-for="item in tabList" |
51 | :key="item.value"> | 57 | :key="item.value" |
58 | > | ||
52 | </el-tab-pane> | 59 | </el-tab-pane> |
53 | </el-tabs> | 60 | </el-tabs> |
61 | |||
54 | <component | 62 | <component |
55 | :key="fresh" | 63 | :key="fresh" |
56 | :is="componentTag" | 64 | :is="componentTag" |
57 | v-bind="currentSelectProps" /> | 65 | v-bind="currentSelectProps" |
66 | /> | ||
58 | </div> | 67 | </div> |
59 | </div> | 68 | </div> |
60 | </div> | 69 | </div> |
... | @@ -63,26 +72,26 @@ | ... | @@ -63,26 +72,26 @@ |
63 | </div> | 72 | </div> |
64 | </template> | 73 | </template> |
65 | <style scoped lang="scss"> | 74 | <style scoped lang="scss"> |
66 | @import "~@/styles/mixin.scss"; | 75 | @import "~@/styles/mixin.scss"; |
67 | @import "./workFrame.scss"; | 76 | @import "./workFrame.scss"; |
68 | </style> | 77 | </style> |
69 | <script> | 78 | <script> |
70 | import WorkFlow from "./mixin/index"; | 79 | import WorkFlow from "./mixin/index"; |
71 | import { getForm } from "./flowform"; | 80 | import { getForm } from "./flowform"; |
72 | import { getStepFormInfo } from "@/api/workFlow.js"; | 81 | import { getStepFormInfo } from "@/api/workFlow.js"; |
73 | import NoticeBar from "@/components/NoticeBar/index"; | 82 | import NoticeBar from "@/components/NoticeBar/index"; |
74 | // import ProcessViewer from "./components/processViewer.vue"; | 83 | // import ProcessViewer from "./components/processViewer.vue"; |
75 | 84 | ||
76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 85 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
77 | import qllxDailog from "./djbBook/components/qllxDailog"; | 86 | import qllxDailog from "./djbBook/components/qllxDailog"; |
78 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 87 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
79 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 88 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
80 | // 登记簿数据信息 | 89 | // 登记簿数据信息 |
81 | import { addRepairRecord } from "@/api/djbRepair.js"; | 90 | import { addRepairRecord } from "@/api/djbRepair.js"; |
82 | // 获取权利类型数组 | 91 | // 获取权利类型数组 |
83 | 92 | ||
84 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 93 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
85 | export default { | 94 | export default { |
86 | components: { | 95 | components: { |
87 | selectBdc, | 96 | selectBdc, |
88 | NoticeBar, | 97 | NoticeBar, |
... | @@ -90,11 +99,13 @@ | ... | @@ -90,11 +99,13 @@ |
90 | qllxDailog, | 99 | qllxDailog, |
91 | }, | 100 | }, |
92 | mixins: [WorkFlow], | 101 | mixins: [WorkFlow], |
93 | data () { | 102 | data() { |
94 | return { | 103 | return { |
95 | bsmSlsq: this.$route.query.bsmSlsq, | 104 | bsmSlsq: this.$route.query.bsmSlsq, |
96 | //当前流程所在环节 | 105 | //当前流程所在环节 |
97 | bestepid: this.$route.query.bestepid, | 106 | bestepid: this.$route.query.bestepid, |
107 | //当前流程所在环节 | ||
108 | zbhj: this.$route.query.zbhj, | ||
98 | //设置那个表单选中 | 109 | //设置那个表单选中 |
99 | tabName: "", | 110 | tabName: "", |
100 | isEdit: true, | 111 | isEdit: true, |
... | @@ -114,17 +125,17 @@ | ... | @@ -114,17 +125,17 @@ |
114 | _beforeUnload_time: "", | 125 | _beforeUnload_time: "", |
115 | treedata: {}, | 126 | treedata: {}, |
116 | tabdata: [], | 127 | tabdata: [], |
117 | bsmRepair:"", | 128 | bsmRepair: "", |
118 | defaultNode: {}, | 129 | defaultNode: {}, |
119 | clxxForm: "", | 130 | clxxForm: "", |
120 | //材料信息选择卡索引 | 131 | //材料信息选择卡索引 |
121 | clxxIndex: "", | 132 | clxxIndex: "", |
122 | //材料信息选项卡对象 | 133 | //材料信息选项卡对象 |
123 | clxxTab: {}, | 134 | clxxTab: {}, |
124 | ableOperation:false | 135 | ableOperation: false, |
125 | }; | 136 | }; |
126 | }, | 137 | }, |
127 | mounted () { | 138 | mounted() { |
128 | // this.getleftMenubl() | 139 | // this.getleftMenubl() |
129 | }, | 140 | }, |
130 | 141 | ||
... | @@ -134,17 +145,17 @@ | ... | @@ -134,17 +145,17 @@ |
134 | * @param {*} qllx | 145 | * @param {*} qllx |
135 | * @author: renchao | 146 | * @author: renchao |
136 | */ | 147 | */ |
137 | stepForm (qllx) { | 148 | stepForm(qllx) { |
138 | this.oneSelectProps.qllx = qllx; | 149 | this.oneSelectProps.qllx = qllx; |
139 | if (this.$refs.Menu.supplementarylist.length) { | 150 | if (this.$refs.Menu.supplementarylist.length) { |
140 | getStepFormInfo(this.oneSelectProps).then((res) => { | 151 | getStepFormInfo(this.oneSelectProps).then((res) => { |
141 | this.$nextTick(function () { | 152 | this.$nextTick(function () { |
142 | this.tabList = res.result; | 153 | this.tabList = res.result; |
143 | this.tabName = this.tabList[0].value; | 154 | this.tabName = this.tabList[0].value; |
144 | this.ableOperation=this.tabList[0].ableOperation | 155 | this.ableOperation = this.tabList[0].ableOperation; |
145 | this.getFromRouter(this.tabName); | 156 | this.getFromRouter(this.tabName); |
146 | 157 | ||
147 | if(this.tabList.length!=8){ | 158 | if (this.tabList.length != 8) { |
148 | let that = this; | 159 | let that = this; |
149 | this.tabList.forEach(function (item, index) { | 160 | this.tabList.forEach(function (item, index) { |
150 | if (item.value == "clxx") { | 161 | if (item.value == "clxx") { |
... | @@ -152,7 +163,7 @@ | ... | @@ -152,7 +163,7 @@ |
152 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 163 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
153 | that.clxxTab = item; | 164 | that.clxxTab = item; |
154 | } | 165 | } |
155 | }) | 166 | }); |
156 | } | 167 | } |
157 | }); | 168 | }); |
158 | }); | 169 | }); |
... | @@ -164,8 +175,8 @@ | ... | @@ -164,8 +175,8 @@ |
164 | * @param {*} val | 175 | * @param {*} val |
165 | * @author: renchao | 176 | * @author: renchao |
166 | */ | 177 | */ |
167 | getCurrentSelectProps (val) { | 178 | getCurrentSelectProps(val) { |
168 | this.bsmRepair= val.bsmRepair | 179 | this.bsmRepair = val.bsmRepair; |
169 | if (val.bdcdyid) { | 180 | if (val.bdcdyid) { |
170 | this.oneSelectProps = val; | 181 | this.oneSelectProps = val; |
171 | } | 182 | } |
... | @@ -185,7 +196,7 @@ | ... | @@ -185,7 +196,7 @@ |
185 | * @description: 获取渲染登记簿列表 | 196 | * @description: 获取渲染登记簿列表 |
186 | * @author: renchao | 197 | * @author: renchao |
187 | */ | 198 | */ |
188 | getdjblist () { | 199 | getdjblist() { |
189 | getBdcqljqtsx({ | 200 | getBdcqljqtsx({ |
190 | bdcdyid: this.currentSelectProps.bdcdyid, | 201 | bdcdyid: this.currentSelectProps.bdcdyid, |
191 | bdcdyh: this.currentSelectProps.bdcdyh, | 202 | bdcdyh: this.currentSelectProps.bdcdyh, |
... | @@ -219,7 +230,7 @@ | ... | @@ -219,7 +230,7 @@ |
219 | * @param {*} activeName | 230 | * @param {*} activeName |
220 | * @author: renchao | 231 | * @author: renchao |
221 | */ | 232 | */ |
222 | beforeLeave (activeName) { | 233 | beforeLeave(activeName) { |
223 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 234 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
224 | }, | 235 | }, |
225 | //切换选项卡内容组件 | 236 | //切换选项卡内容组件 |
... | @@ -228,7 +239,7 @@ | ... | @@ -228,7 +239,7 @@ |
228 | * @param {*} tabname | 239 | * @param {*} tabname |
229 | * @author: renchao | 240 | * @author: renchao |
230 | */ | 241 | */ |
231 | getFromRouter (tabname) { | 242 | getFromRouter(tabname) { |
232 | this.componentTag = getForm(tabname); | 243 | this.componentTag = getForm(tabname); |
233 | }, | 244 | }, |
234 | // closefp () { | 245 | // closefp () { |
... | @@ -245,7 +256,7 @@ | ... | @@ -245,7 +256,7 @@ |
245 | * @param {*} del | 256 | * @param {*} del |
246 | * @author: renchao | 257 | * @author: renchao |
247 | */ | 258 | */ |
248 | addRepairRecord (row, del) { | 259 | addRepairRecord(row, del) { |
249 | let from = { | 260 | let from = { |
250 | bsmQlxx: "", | 261 | bsmQlxx: "", |
251 | bsmSlsq: this.bsmSlsq, | 262 | bsmSlsq: this.bsmSlsq, |
... | @@ -282,7 +293,7 @@ | ... | @@ -282,7 +293,7 @@ |
282 | }) | 293 | }) |
283 | .catch((res) => { | 294 | .catch((res) => { |
284 | console.log("错", res); | 295 | console.log("错", res); |
285 | }) | 296 | }); |
286 | }, | 297 | }, |
287 | // openDialog () { | 298 | // openDialog () { |
288 | // this.$store.dispatch('user/refreshPage', false) | 299 | // this.$store.dispatch('user/refreshPage', false) |
... | @@ -296,7 +307,22 @@ | ... | @@ -296,7 +307,22 @@ |
296 | 307 | ||
297 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 308 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) |
298 | // } | 309 | // } |
299 | } | 310 | }, |
300 | }; | 311 | }; |
301 | </script> | 312 | </script> |
302 | <style scoped lang="scss"></style> | 313 | <style scoped lang="scss"> |
314 | .rightContainer { | ||
315 | position: relative; | ||
316 | } | ||
317 | .count { | ||
318 | font-size: 14px; | ||
319 | position: absolute; | ||
320 | right: 25px; | ||
321 | top: 12px; | ||
322 | height: 30px; | ||
323 | span { | ||
324 | font-weight: 600; | ||
325 | color: #3498db; | ||
326 | } | ||
327 | } | ||
328 | </style> | ... | ... |
... | @@ -35,6 +35,10 @@ | ... | @@ -35,6 +35,10 @@ |
35 | </div> | 35 | </div> |
36 | <!-- 表单内容区域 --> | 36 | <!-- 表单内容区域 --> |
37 | <div class="rightContainer"> | 37 | <div class="rightContainer"> |
38 | <div class="count"> | ||
39 | 当前流程所在环节: | ||
40 | <span>{{ this.zbhj }}</span> | ||
41 | </div> | ||
38 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 42 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
39 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 43 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> |
40 | </el-tab-pane> | 44 | </el-tab-pane> |
... | @@ -84,6 +88,8 @@ | ... | @@ -84,6 +88,8 @@ |
84 | bsmSlsq: this.$route.query.bsmSlsq, | 88 | bsmSlsq: this.$route.query.bsmSlsq, |
85 | //当前流程所在环节 | 89 | //当前流程所在环节 |
86 | bestepid: this.$route.query.bestepid, | 90 | bestepid: this.$route.query.bestepid, |
91 | //当前流程所在环节 | ||
92 | zbhj: this.$route.query.zbhj, | ||
87 | //设置那个表单选中 | 93 | //设置那个表单选中 |
88 | tabName: "", | 94 | tabName: "", |
89 | //设置那个表单选择 | 95 | //设置那个表单选择 |
... | @@ -201,4 +207,19 @@ | ... | @@ -201,4 +207,19 @@ |
201 | } | 207 | } |
202 | } | 208 | } |
203 | </script> | 209 | </script> |
204 | 210 | <style scoped lang="scss"> | |
211 | .rightContainer { | ||
212 | position: relative; | ||
213 | } | ||
214 | .count { | ||
215 | font-size: 14px; | ||
216 | position: absolute; | ||
217 | right: 25px; | ||
218 | top: 12px; | ||
219 | height: 30px; | ||
220 | span { | ||
221 | font-weight: 600; | ||
222 | color: #3498db; | ||
223 | } | ||
224 | } | ||
225 | </style> | ... | ... |
... | @@ -6,46 +6,96 @@ | ... | @@ -6,46 +6,96 @@ |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
8 | <div class="from-clues-header"> | 8 | <div class="from-clues-header"> |
9 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px"> | 9 | <el-form |
10 | :model="queryForm" | ||
11 | ref="queryForm" | ||
12 | @submit.native.prevent | ||
13 | label-width="100px" | ||
14 | > | ||
10 | <el-row> | 15 | <el-row> |
11 | <el-col :span="5"> | 16 | <el-col :span="5"> |
12 | <el-form-item label="业务来源"> | 17 | <el-form-item label="业务来源"> |
13 | <el-select v-model="queryForm.ywly" class="width100" filterable | 18 | <el-select |
14 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" @clear="handleEmpty('ywlymc')" clearable | 19 | v-model="queryForm.ywly" |
15 | placeholder="请选择业务来源"> | 20 | class="width100" |
16 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 21 | filterable |
22 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" | ||
23 | @clear="handleEmpty('ywlymc')" | ||
24 | clearable | ||
25 | placeholder="请选择业务来源" | ||
26 | > | ||
27 | <el-option | ||
28 | v-for="item in dictData['ywly']" | ||
29 | :key="item.dcode" | ||
30 | :label="item.dname" | ||
31 | :value="item.dcode" | ||
32 | > | ||
17 | </el-option> | 33 | </el-option> |
18 | </el-select> | 34 | </el-select> |
19 | </el-form-item> | 35 | </el-form-item> |
20 | </el-col> | 36 | </el-col> |
21 | <el-col :span="5"> | 37 | <el-col :span="5"> |
22 | <el-form-item label="权利类型"> | 38 | <el-form-item label="权利类型"> |
23 | <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')" | 39 | <el-select |
24 | @clear="handleEmpty('qllxmc')" filterable clearable placeholder="请选择权利类型"> | 40 | v-model="queryForm.qllx" |
25 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 41 | class="width100" |
42 | @change="handleSelect('A8', 'qllxmc', 'qllx')" | ||
43 | @clear="handleEmpty('qllxmc')" | ||
44 | filterable | ||
45 | clearable | ||
46 | placeholder="请选择权利类型" | ||
47 | > | ||
48 | <el-option | ||
49 | v-for="item in dictData['A8']" | ||
50 | :key="item.dcode" | ||
51 | :label="item.dname" | ||
52 | :value="item.dcode" | ||
53 | > | ||
26 | </el-option> | 54 | </el-option> |
27 | </el-select> | 55 | </el-select> |
28 | </el-form-item> | 56 | </el-form-item> |
29 | </el-col> | 57 | </el-col> |
30 | <el-col :span="5"> | 58 | <el-col :span="5"> |
31 | <el-form-item label="登记类型"> | 59 | <el-form-item label="登记类型"> |
32 | <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')" | 60 | <el-select |
33 | @clear="handleEmpty('djlxmc')" filterable clearable placeholder="请选择登记类型"> | 61 | v-model="queryForm.djlx" |
34 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 62 | class="width100" |
63 | @change="handleSelect('A21', 'djlxmc', 'djlx')" | ||
64 | @clear="handleEmpty('djlxmc')" | ||
65 | filterable | ||
66 | clearable | ||
67 | placeholder="请选择登记类型" | ||
68 | > | ||
69 | <el-option | ||
70 | v-for="item in dictData['A21']" | ||
71 | :key="item.dcode" | ||
72 | :label="item.dname" | ||
73 | :value="item.dcode" | ||
74 | > | ||
35 | </el-option> | 75 | </el-option> |
36 | </el-select> | 76 | </el-select> |
37 | </el-form-item> | 77 | </el-form-item> |
38 | </el-col> | 78 | </el-col> |
39 | <el-col :span="6"> | 79 | <el-col :span="6"> |
40 | <el-form-item label="业务号"> | 80 | <el-form-item label="业务号"> |
41 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> | 81 | <el-input |
82 | placeholder="请输入业务号" | ||
83 | v-model="queryForm.ywh" | ||
84 | clearable | ||
85 | class="width100" | ||
86 | > | ||
42 | </el-input> | 87 | </el-input> |
43 | </el-form-item> | 88 | </el-form-item> |
44 | </el-col> | 89 | </el-col> |
45 | 90 | ||
46 | <el-col :span="3" class="btnColRight"> | 91 | <el-col :span="3" class="btnColRight"> |
47 | <el-form-item> | 92 | <el-form-item> |
48 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 93 | <el-button |
94 | type="primary" | ||
95 | native-type="submit" | ||
96 | @click="handleSearch" | ||
97 | >查询</el-button | ||
98 | > | ||
49 | <el-button @click="moreQueryClick">高级查询</el-button> | 99 | <el-button @click="moreQueryClick">高级查询</el-button> |
50 | </el-form-item> | 100 | </el-form-item> |
51 | </el-col> | 101 | </el-col> |
... | @@ -53,25 +103,45 @@ | ... | @@ -53,25 +103,45 @@ |
53 | <el-row> | 103 | <el-row> |
54 | <el-col :span="5"> | 104 | <el-col :span="5"> |
55 | <el-form-item label="不动产单元号"> | 105 | <el-form-item label="不动产单元号"> |
56 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width100"> | 106 | <el-input |
107 | placeholder="请输入不动产单元号" | ||
108 | v-model="queryForm.bdcdyh" | ||
109 | clearable | ||
110 | class="width100" | ||
111 | > | ||
57 | </el-input> | 112 | </el-input> |
58 | </el-form-item> | 113 | </el-form-item> |
59 | </el-col> | 114 | </el-col> |
60 | <el-col :span="5"> | 115 | <el-col :span="5"> |
61 | <el-form-item label="申请人"> | 116 | <el-form-item label="申请人"> |
62 | <el-input placeholder="如需要模糊查询,前后输入%" v-model="queryForm.sqrmc" clearable class="width100"> | 117 | <el-input |
118 | placeholder="如需要模糊查询,前后输入%" | ||
119 | v-model="queryForm.sqrmc" | ||
120 | clearable | ||
121 | class="width100" | ||
122 | > | ||
63 | </el-input> | 123 | </el-input> |
64 | </el-form-item> | 124 | </el-form-item> |
65 | </el-col> | 125 | </el-col> |
66 | <el-col :span="5"> | 126 | <el-col :span="5"> |
67 | <el-form-item label="申请人证件号"> | 127 | <el-form-item label="申请人证件号"> |
68 | <el-input placeholder="如需要模糊查询,前后输入%" v-model="queryForm.sqrzjhm" clearable class="width100"> | 128 | <el-input |
129 | placeholder="如需要模糊查询,前后输入%" | ||
130 | v-model="queryForm.sqrzjhm" | ||
131 | clearable | ||
132 | class="width100" | ||
133 | > | ||
69 | </el-input> | 134 | </el-input> |
70 | </el-form-item> | 135 | </el-form-item> |
71 | </el-col> | 136 | </el-col> |
72 | <el-col :span="6"> | 137 | <el-col :span="6"> |
73 | <el-form-item label="坐落"> | 138 | <el-form-item label="坐落"> |
74 | <el-input placeholder="如需要模糊查询,前后输入%" v-model.trim="queryForm.zl" clearable class="width100"> | 139 | <el-input |
140 | placeholder="如需要模糊查询,前后输入%" | ||
141 | v-model.trim="queryForm.zl" | ||
142 | clearable | ||
143 | class="width100" | ||
144 | > | ||
75 | </el-input> | 145 | </el-input> |
76 | </el-form-item> | 146 | </el-form-item> |
77 | </el-col> | 147 | </el-col> |
... | @@ -81,42 +151,65 @@ | ... | @@ -81,42 +151,65 @@ |
81 | <ul> | 151 | <ul> |
82 | <li v-for="(item, index) in searchList" :key="index"> | 152 | <li v-for="(item, index) in searchList" :key="index"> |
83 | {{ item.name }}:{{ item.value }} | 153 | {{ item.name }}:{{ item.value }} |
84 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 154 | <i |
155 | class="el-icon-circle-close" | ||
156 | @click="handelItem(item, index)" | ||
157 | ></i> | ||
85 | </li> | 158 | </li> |
86 | </ul> | 159 | </ul> |
87 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 160 | <el-button |
161 | class="clean-btn" | ||
162 | type="text" | ||
163 | v-if="searchList.length > 0" | ||
164 | @click.native="hanldeCleanAll" | ||
165 | >清除全部 | ||
88 | </el-button> | 166 | </el-button> |
89 | </el-row> | 167 | </el-row> |
90 | </el-form> | 168 | </el-form> |
91 | </div> | 169 | </div> |
92 | <div class="from-clues-content"> | 170 | <div class="from-clues-content"> |
93 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 171 | <lb-table |
94 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | 172 | :page-size="pageData.size" |
95 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 173 | class="loadingtext" |
174 | @sort-change="handleSort" | ||
175 | :current-page.sync="pageData.currentPage" | ||
176 | :total="tableData.total" | ||
177 | @size-change="handleSizeChange" | ||
178 | @p-current-change="handleCurrentChange" | ||
179 | :column="tableData.columns" | ||
180 | :data="tableData.data" | ||
181 | > | ||
96 | </lb-table> | 182 | </lb-table> |
97 | </div> | 183 | </div> |
98 | <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" /> | 184 | <searchBox |
185 | v-model="isSearch" | ||
186 | @getSearch="getSearch" | ||
187 | :advancedForm="otherForm" | ||
188 | /> | ||
99 | </div> | 189 | </div> |
100 | </template> | 190 | </template> |
101 | <script> | 191 | <script> |
102 | import { mapGetters } from "vuex"; | 192 | import { mapGetters } from "vuex"; |
103 | import searchBox from "../components/search.vue"; | 193 | import searchBox from "../components/search.vue"; |
104 | import table from "@/utils/mixin/table"; | 194 | import table from "@/utils/mixin/table"; |
105 | import searchMin from "../components/mixin/index"; | 195 | import searchMin from "../components/mixin/index"; |
106 | import { datas, sendThis } from "./dbxdata"; | 196 | import { datas, sendThis } from "./dbxdata"; |
107 | import { searchTaskToDo } from "@/api/workflow/search.js"; | 197 | import { searchTaskToDo } from "@/api/workflow/search.js"; |
108 | import { judgeUserTaskPermission, deleteFlow, claimTask } from "@/api/workFlow.js"; | 198 | import { |
109 | export default { | 199 | judgeUserTaskPermission, |
200 | deleteFlow, | ||
201 | claimTask, | ||
202 | } from "@/api/workFlow.js"; | ||
203 | export default { | ||
110 | name: "dbx", | 204 | name: "dbx", |
111 | components: { searchBox }, | 205 | components: { searchBox }, |
112 | mixins: [table, searchMin], | 206 | mixins: [table, searchMin], |
113 | computed: { | 207 | computed: { |
114 | ...mapGetters(["dictData", "transfer"]), | 208 | ...mapGetters(["dictData", "transfer"]), |
115 | }, | 209 | }, |
116 | data () { | 210 | data() { |
117 | return { | 211 | return { |
118 | queryForm: { | 212 | queryForm: {}, |
119 | }, | ||
120 | searchForm: { | 213 | searchForm: { |
121 | ywlymc: "", | 214 | ywlymc: "", |
122 | qllxmc: "", | 215 | qllxmc: "", |
... | @@ -131,20 +224,20 @@ | ... | @@ -131,20 +224,20 @@ |
131 | jumpid: "", | 224 | jumpid: "", |
132 | }; | 225 | }; |
133 | }, | 226 | }, |
134 | mounted () { | 227 | mounted() { |
135 | sendThis(this); | 228 | sendThis(this); |
136 | }, | 229 | }, |
137 | watch: { | 230 | watch: { |
138 | queryForm: { | 231 | queryForm: { |
139 | handler (newName, oldName) { }, | 232 | handler(newName, oldName) {}, |
140 | immediate: true, | 233 | immediate: true, |
141 | }, | 234 | }, |
142 | }, | 235 | }, |
143 | activated () { | 236 | activated() { |
144 | this.queryClick(); | 237 | this.queryClick(); |
145 | window["getBpageList"] = () => { | 238 | window["getBpageList"] = () => { |
146 | this.queryClick(); | 239 | this.queryClick(); |
147 | } | 240 | }; |
148 | }, | 241 | }, |
149 | methods: { | 242 | methods: { |
150 | // 列表渲染接口 | 243 | // 列表渲染接口 |
... | @@ -152,7 +245,7 @@ | ... | @@ -152,7 +245,7 @@ |
152 | * @description: 列表渲染接口 | 245 | * @description: 列表渲染接口 |
153 | * @author: renchao | 246 | * @author: renchao |
154 | */ | 247 | */ |
155 | queryClick () { | 248 | queryClick() { |
156 | this.$startLoading(); | 249 | this.$startLoading(); |
157 | this.searchForm.ywh = this.queryForm.ywh; | 250 | this.searchForm.ywh = this.queryForm.ywh; |
158 | this.iterationData(); | 251 | this.iterationData(); |
... | @@ -174,7 +267,7 @@ | ... | @@ -174,7 +267,7 @@ |
174 | * @param {*} val | 267 | * @param {*} val |
175 | * @author: renchao | 268 | * @author: renchao |
176 | */ | 269 | */ |
177 | handleSort (val) { | 270 | handleSort(val) { |
178 | this.queryForm.sortField = val.prop; | 271 | this.queryForm.sortField = val.prop; |
179 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; | 272 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
180 | this.queryClick(); | 273 | this.queryClick(); |
... | @@ -184,7 +277,7 @@ | ... | @@ -184,7 +277,7 @@ |
184 | * @param {*} item | 277 | * @param {*} item |
185 | * @author: renchao | 278 | * @author: renchao |
186 | */ | 279 | */ |
187 | del (item) { | 280 | del(item) { |
188 | let formdata = new FormData(); | 281 | let formdata = new FormData(); |
189 | formdata.append("bsmSlsq", item.bsmSlsq); | 282 | formdata.append("bsmSlsq", item.bsmSlsq); |
190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 283 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
... | @@ -218,7 +311,7 @@ | ... | @@ -218,7 +311,7 @@ |
218 | * @param {*} item | 311 | * @param {*} item |
219 | * @author: renchao | 312 | * @author: renchao |
220 | */ | 313 | */ |
221 | ywhClick (item) { | 314 | ywhClick(item) { |
222 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 315 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
223 | judgeUserTaskPermission({ | 316 | judgeUserTaskPermission({ |
224 | bsmSlsq: item.bsmSlsq, | 317 | bsmSlsq: item.bsmSlsq, |
... | @@ -235,7 +328,9 @@ | ... | @@ -235,7 +328,9 @@ |
235 | item.bestepid + | 328 | item.bestepid + |
236 | "&bsmBusiness=" + | 329 | "&bsmBusiness=" + |
237 | "&sqywbm=" + | 330 | "&sqywbm=" + |
238 | item.djywbm | 331 | item.djywbm + |
332 | "&zbhj=" + | ||
333 | item.zbhj | ||
239 | ); | 334 | ); |
240 | window.open(href, `djbworkFrame${item.bsmSlsq}`); | 335 | window.open(href, `djbworkFrame${item.bsmSlsq}`); |
241 | } else { | 336 | } else { |
... | @@ -246,12 +341,14 @@ | ... | @@ -246,12 +341,14 @@ |
246 | item.bestepid + | 341 | item.bestepid + |
247 | "&bsmBusiness=" + | 342 | "&bsmBusiness=" + |
248 | "&sqywbm=" + | 343 | "&sqywbm=" + |
249 | item.djywbm | 344 | item.djywbm + |
345 | "&zbhj=" + | ||
346 | item.zbhj | ||
250 | ); | 347 | ); |
251 | window.open(href, `workFrame${item.bsmSlsq}`); | 348 | window.open(href, `workFrame${item.bsmSlsq}`); |
252 | } | 349 | } |
253 | 350 | ||
254 | localStorage.setItem('ywbl', JSON.stringify(item)); | 351 | localStorage.setItem("ywbl", JSON.stringify(item)); |
255 | 352 | ||
256 | //从待办箱进入的调取任务领取接口 | 353 | //从待办箱进入的调取任务领取接口 |
257 | claimTask(item.bsmSlsq, item.bestepid); | 354 | claimTask(item.bsmSlsq, item.bestepid); |
... | @@ -264,11 +361,11 @@ | ... | @@ -264,11 +361,11 @@ |
264 | } else { | 361 | } else { |
265 | this.$message.error("用户任务权限判断失败,请联系管理员"); | 362 | this.$message.error("用户任务权限判断失败,请联系管理员"); |
266 | } | 363 | } |
267 | }) | 364 | }); |
268 | } | 365 | }, |
269 | } | 366 | }, |
270 | } | 367 | }; |
271 | </script> | 368 | </script> |
272 | <style scoped lang="scss"> | 369 | <style scoped lang="scss"> |
273 | @import "~@/styles/public.scss"; | 370 | @import "~@/styles/public.scss"; |
274 | </style> | 371 | </style> | ... | ... |
-
Please register or sign in to post a comment