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