style:待办箱样式修改
Showing
4 changed files
with
124 additions
and
133 deletions
This diff is collapsed.
Click to expand it.
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-08 14:32:47 | 4 | * @LastEditTime: 2023-08-23 15:06:21 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -83,8 +83,8 @@ class data extends filter { | ... | @@ -83,8 +83,8 @@ class data extends filter { |
83 | { | 83 | { |
84 | prop: "zl", | 84 | prop: "zl", |
85 | label: "坐落", | 85 | label: "坐落", |
86 | minWidth: '130', | 86 | width: '150', |
87 | showOverflowTooltip: true | 87 | showOverflowTooltip: true, |
88 | }, | 88 | }, |
89 | { | 89 | { |
90 | prop: "slsj", | 90 | prop: "slsj", |
... | @@ -95,7 +95,7 @@ class data extends filter { | ... | @@ -95,7 +95,7 @@ class data extends filter { |
95 | { | 95 | { |
96 | prop: "slry", | 96 | prop: "slry", |
97 | label: "受理人员", | 97 | label: "受理人员", |
98 | width: '80' | 98 | minWidth: '80' |
99 | }, | 99 | }, |
100 | { | 100 | { |
101 | label: "转入时间", | 101 | label: "转入时间", | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 09:21:40 | 4 | * @LastEditTime: 2023-08-23 15:07:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
11 | :model="queryForm" | 11 | :model="queryForm" |
12 | ref="queryForm" | 12 | ref="queryForm" |
13 | @submit.native.prevent | 13 | @submit.native.prevent |
14 | label-width="80px" | 14 | label-width="80px"> |
15 | > | ||
16 | <el-row> | 15 | <el-row> |
17 | <el-col :span="5"> | 16 | <el-col :span="5"> |
18 | <el-form-item label="业务来源" label-width="70px"> | 17 | <el-form-item label="业务来源" label-width="70px"> |
... | @@ -23,14 +22,12 @@ | ... | @@ -23,14 +22,12 @@ |
23 | class="width100" | 22 | class="width100" |
24 | filterable | 23 | filterable |
25 | clearable | 24 | clearable |
26 | placeholder="请选择业务来源" | 25 | placeholder="请选择业务来源"> |
27 | > | ||
28 | <el-option | 26 | <el-option |
29 | v-for="item in dictData['ywly']" | 27 | v-for="item in dictData['ywly']" |
30 | :key="item.dcode" | 28 | :key="item.dcode" |
31 | :label="item.dname" | 29 | :label="item.dname" |
32 | :value="item.dcode" | 30 | :value="item.dcode"> |
33 | > | ||
34 | </el-option> | 31 | </el-option> |
35 | </el-select> | 32 | </el-select> |
36 | </el-form-item> | 33 | </el-form-item> |
... | @@ -44,14 +41,12 @@ | ... | @@ -44,14 +41,12 @@ |
44 | class="width100" | 41 | class="width100" |
45 | filterable | 42 | filterable |
46 | clearable | 43 | clearable |
47 | placeholder="请选择权利类型" | 44 | placeholder="请选择权利类型"> |
48 | > | ||
49 | <el-option | 45 | <el-option |
50 | v-for="item in dictData['A8']" | 46 | v-for="item in dictData['A8']" |
51 | :key="item.dcode" | 47 | :key="item.dcode" |
52 | :label="item.dname" | 48 | :label="item.dname" |
53 | :value="item.dcode" | 49 | :value="item.dcode"> |
54 | > | ||
55 | </el-option> | 50 | </el-option> |
56 | </el-select> | 51 | </el-select> |
57 | </el-form-item> | 52 | </el-form-item> |
... | @@ -65,14 +60,12 @@ | ... | @@ -65,14 +60,12 @@ |
65 | class="width100" | 60 | class="width100" |
66 | filterable | 61 | filterable |
67 | clearable | 62 | clearable |
68 | placeholder="请选择登记类型" | 63 | placeholder="请选择登记类型"> |
69 | > | ||
70 | <el-option | 64 | <el-option |
71 | v-for="item in dictData['A21']" | 65 | v-for="item in dictData['A21']" |
72 | :key="item.dcode" | 66 | :key="item.dcode" |
73 | :label="item.dname" | 67 | :label="item.dname" |
74 | :value="item.dcode" | 68 | :value="item.dcode"> |
75 | > | ||
76 | </el-option> | 69 | </el-option> |
77 | </el-select> | 70 | </el-select> |
78 | </el-form-item> | 71 | </el-form-item> |
... | @@ -83,8 +76,7 @@ | ... | @@ -83,8 +76,7 @@ |
83 | placeholder="请输入业务号" | 76 | placeholder="请输入业务号" |
84 | v-model="queryForm.ywh" | 77 | v-model="queryForm.ywh" |
85 | clearable | 78 | clearable |
86 | class="width200px" | 79 | class="width200px"> |
87 | > | ||
88 | </el-input> | 80 | </el-input> |
89 | </el-form-item> | 81 | </el-form-item> |
90 | </el-col> | 82 | </el-col> |
... | @@ -94,9 +86,7 @@ | ... | @@ -94,9 +86,7 @@ |
94 | <el-button | 86 | <el-button |
95 | type="primary" | 87 | type="primary" |
96 | native-type="submit" | 88 | native-type="submit" |
97 | @click="handleSearch" | 89 | @click="handleSearch">查询</el-button> |
98 | >查询</el-button | ||
99 | > | ||
100 | <el-button @click="moreQueryClick">高级查询</el-button> | 90 | <el-button @click="moreQueryClick">高级查询</el-button> |
101 | </el-form-item> | 91 | </el-form-item> |
102 | </el-col> | 92 | </el-col> |
... | @@ -108,16 +98,14 @@ | ... | @@ -108,16 +98,14 @@ |
108 | {{ item.name }}:{{ item.value }} | 98 | {{ item.name }}:{{ item.value }} |
109 | <i | 99 | <i |
110 | class="el-icon-circle-close" | 100 | class="el-icon-circle-close" |
111 | @click="handelItem(item, index)" | 101 | @click="handelItem(item, index)"></i> |
112 | ></i> | ||
113 | </li> | 102 | </li> |
114 | </ul> | 103 | </ul> |
115 | <el-button | 104 | <el-button |
116 | class="clean-btn" | 105 | class="clean-btn" |
117 | type="text" | 106 | type="text" |
118 | v-if="searchList.length > 0" | 107 | v-if="searchList.length > 0" |
119 | @click.native="hanldeCleanAll" | 108 | @click.native="hanldeCleanAll">清除全部 |
120 | >清除全部 | ||
121 | </el-button> | 109 | </el-button> |
122 | </el-row> | 110 | </el-row> |
123 | </el-form> | 111 | </el-form> |
... | @@ -134,131 +122,128 @@ | ... | @@ -134,131 +122,128 @@ |
134 | @size-change="handleSizeChange" | 122 | @size-change="handleSizeChange" |
135 | @p-current-change="handleCurrentChange" | 123 | @p-current-change="handleCurrentChange" |
136 | :column="tableData.columns" | 124 | :column="tableData.columns" |
137 | :data="tableData.data" | 125 | :data="tableData.data"> |
138 | > | ||
139 | </lb-table> | 126 | </lb-table> |
140 | </div> | 127 | </div> |
141 | <searchBox | 128 | <searchBox |
142 | v-model="isSearch" | 129 | v-model="isSearch" |
143 | @getSearch="getSearch" | 130 | @getSearch="getSearch" |
144 | :advancedForm="otherForm" | 131 | :advancedForm="otherForm" /> |
145 | /> | ||
146 | </div> | 132 | </div> |
147 | </template> | 133 | </template> |
148 | <script> | 134 | <script> |
149 | import { mapGetters } from "vuex"; | 135 | import { mapGetters } from "vuex"; |
150 | import searchMin from "../components/mixin/index"; | 136 | import searchMin from "../components/mixin/index"; |
151 | import table from "@/utils/mixin/table"; | 137 | import table from "@/utils/mixin/table"; |
152 | import { datas, sendThis } from "./ybxdata"; | 138 | import { datas, sendThis } from "./ybxdata"; |
153 | import { searchTaskDone } from "@/api/workflow/search.js"; | 139 | import { searchTaskDone } from "@/api/workflow/search.js"; |
154 | import searchBox from "../components/search.vue"; | 140 | import searchBox from "../components/search.vue"; |
155 | export default { | 141 | export default { |
156 | name: "ybx", | 142 | name: "ybx", |
157 | components: { searchBox }, | 143 | components: { searchBox }, |
158 | mixins: [table, searchMin], | 144 | mixins: [table, searchMin], |
159 | mounted() { | 145 | mounted () { |
160 | sendThis(this); | 146 | sendThis(this); |
161 | }, | 147 | }, |
162 | computed: { | 148 | computed: { |
163 | ...mapGetters(["dictData"]), | 149 | ...mapGetters(["dictData"]), |
164 | }, | ||
165 | data() { | ||
166 | return { | ||
167 | queryForm: { | ||
168 | ywly: "", | ||
169 | qllx: "", | ||
170 | djlx: "", | ||
171 | ywh: "", | ||
172 | }, | ||
173 | searchForm: { | ||
174 | ywlymc: "", | ||
175 | qllxmc: "", | ||
176 | djlxmc: "", | ||
177 | ywh: "", | ||
178 | }, | ||
179 | tableData: { | ||
180 | total: 0, | ||
181 | columns: datas.columns(), | ||
182 | data: [], | ||
183 | }, | ||
184 | }; | ||
185 | }, | ||
186 | activated() { | ||
187 | this.queryClick(); | ||
188 | window["getBpageList"] = () => { | ||
189 | this.queryClick(); | ||
190 | }; | ||
191 | }, | ||
192 | methods: { | ||
193 | // 列表渲染接口 | ||
194 | /** | ||
195 | * @description: 列表渲染接口 | ||
196 | * @author: renchao | ||
197 | */ | ||
198 | queryClick() { | ||
199 | this.$startLoading(); | ||
200 | this.searchForm.ywh = this.queryForm.ywh; | ||
201 | this.iterationData(); | ||
202 | searchTaskDone({ | ||
203 | ...this.queryForm, | ||
204 | ...this.otherForm, | ||
205 | ...this.pageData, | ||
206 | }).then((res) => { | ||
207 | this.$endLoading(); | ||
208 | if (res.code === 200) { | ||
209 | let { total, records } = res.result; | ||
210 | records.forEach((item) => { | ||
211 | item.qlrmc = item.qlrmc.join(","); | ||
212 | item.ywh = item.ywh.join(","); | ||
213 | item.zl = item.zl.join(","); | ||
214 | item.outstepdate = item.outstepdate[0]; | ||
215 | }); | ||
216 | this.tableData.total = total ? total : 0; | ||
217 | this.tableData.data = records ? records : []; | ||
218 | } | ||
219 | }); | ||
220 | }, | 150 | }, |
221 | /** | 151 | data () { |
222 | * @description: handleSort | 152 | return { |
223 | * @param {*} val | 153 | queryForm: { |
224 | * @author: renchao | 154 | ywly: "", |
225 | */ | 155 | qllx: "", |
226 | handleSort(val) { | 156 | djlx: "", |
227 | this.queryForm.sortField = val.prop; | 157 | ywh: "", |
228 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; | 158 | }, |
159 | searchForm: { | ||
160 | ywlymc: "", | ||
161 | qllxmc: "", | ||
162 | djlxmc: "", | ||
163 | ywh: "", | ||
164 | }, | ||
165 | tableData: { | ||
166 | total: 0, | ||
167 | columns: datas.columns(), | ||
168 | data: [], | ||
169 | }, | ||
170 | }; | ||
171 | }, | ||
172 | activated () { | ||
229 | this.queryClick(); | 173 | this.queryClick(); |
174 | window["getBpageList"] = () => { | ||
175 | this.queryClick(); | ||
176 | }; | ||
230 | }, | 177 | }, |
231 | /** | 178 | methods: { |
232 | * @description: ywhClick | 179 | /** |
233 | * @param {*} item | 180 | * @description: 列表渲染接口 |
234 | * @author: renchao | 181 | * @author: renchao |
235 | */ | 182 | */ |
236 | ywhClick(item) { | 183 | queryClick () { |
237 | //有任务权限 | 184 | this.$startLoading(); |
238 | if (item.sjlx == "3") { | 185 | this.searchForm.ywh = this.queryForm.ywh; |
239 | item.djywbm = "DJBBL"; | 186 | this.iterationData(); |
240 | const { href } = this.$router.resolve( | 187 | searchTaskDone({ |
241 | "/djbworkFrameview?bsmSlsq=" + | 188 | ...this.queryForm, |
189 | ...this.otherForm, | ||
190 | ...this.pageData, | ||
191 | }).then((res) => { | ||
192 | this.$endLoading(); | ||
193 | if (res.code === 200) { | ||
194 | let { total, records } = res.result; | ||
195 | records.forEach((item) => { | ||
196 | item.qlrmc = item.qlrmc.join(","); | ||
197 | item.ywh = item.ywh.join(","); | ||
198 | item.zl = item.zl.join(","); | ||
199 | item.outstepdate = item.outstepdate[0]; | ||
200 | }); | ||
201 | this.tableData.total = total ? total : 0; | ||
202 | this.tableData.data = records ? records : []; | ||
203 | } | ||
204 | }); | ||
205 | }, | ||
206 | /** | ||
207 | * @description: handleSort | ||
208 | * @param {*} val | ||
209 | * @author: renchao | ||
210 | */ | ||
211 | handleSort (val) { | ||
212 | this.queryForm.sortField = val.prop; | ||
213 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; | ||
214 | this.queryClick(); | ||
215 | }, | ||
216 | /** | ||
217 | * @description: ywhClick | ||
218 | * @param {*} item | ||
219 | * @author: renchao | ||
220 | */ | ||
221 | ywhClick (item) { | ||
222 | //有任务权限 | ||
223 | if (item.sjlx == "3") { | ||
224 | item.djywbm = "DJBBL"; | ||
225 | const { href } = this.$router.resolve( | ||
226 | "/djbworkFrameview?bsmSlsq=" + | ||
242 | item.bsmSlsq + | 227 | item.bsmSlsq + |
243 | "&bestepid=" + | 228 | "&bestepid=" + |
244 | item.bestepid + | 229 | item.bestepid + |
245 | "&sqywbm=" + | 230 | "&sqywbm=" + |
246 | item.djywbm | 231 | item.djywbm |
247 | ); | 232 | ); |
248 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 233 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
249 | } else { | 234 | } else { |
250 | const { href } = this.$router.resolve( | 235 | const { href } = this.$router.resolve( |
251 | "/workFrameView?bsmSlsq=" + | 236 | "/workFrameView?bsmSlsq=" + |
252 | item.bsmSlsq + | 237 | item.bsmSlsq + |
253 | "&bestepid=" + | 238 | "&bestepid=" + |
254 | item.bestepid | 239 | item.bestepid |
255 | ); | 240 | ); |
256 | window.open(href, `workFrameView${item.bsmSlsq}`); | 241 | window.open(href, `workFrameView${item.bsmSlsq}`); |
257 | } | 242 | } |
243 | }, | ||
258 | }, | 244 | }, |
259 | }, | 245 | }; |
260 | }; | ||
261 | </script> | 246 | </script> |
262 | <style scoped lang="scss"> | 247 | <style scoped lang="scss"> |
263 | @import "~@/styles/public.scss"; | 248 | @import "~@/styles/public.scss"; |
264 | </style> | 249 | </style> | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-08-23 15:04:35 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | let vm = null | 7 | let vm = null |
3 | 8 | ||
... | @@ -57,6 +62,7 @@ class data extends filter { | ... | @@ -57,6 +62,7 @@ class data extends filter { |
57 | { | 62 | { |
58 | prop: "sqywmc", | 63 | prop: "sqywmc", |
59 | label: "申请业务名称", | 64 | label: "申请业务名称", |
65 | width: '150', | ||
60 | }, | 66 | }, |
61 | { | 67 | { |
62 | prop: "qlrmc", | 68 | prop: "qlrmc", | ... | ... |
-
Please register or sign in to post a comment