Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
3 changed files
with
51 additions
and
19 deletions
1 | <!-- | ||
2 | * @Author: xiaomiao 1158771342@qq.com | ||
3 | * @Date: 2023-03-09 15:24:53 | ||
4 | * @LastEditors: xiaomiao 1158771342@qq.com | ||
5 | * @LastEditTime: 2023-04-03 09:04:26 | ||
6 | * @FilePath: \上报\bdcjg-web\src\components\Button.vue | ||
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | ||
8 | --> | ||
1 | <template> | 9 | <template> |
2 | <el-button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType"> | 10 | <el-button class="button" :disabled="disableds" :class="nativeType" @click.prevent="handleClick" :type="nativeType"> |
3 | <slot></slot> | 11 | <slot></slot> |
4 | </el-button> | 12 | </el-button> |
5 | </template> | 13 | </template> |
... | @@ -11,6 +19,10 @@ | ... | @@ -11,6 +19,10 @@ |
11 | type: String, | 19 | type: String, |
12 | default: 'cx' | 20 | default: 'cx' |
13 | }, | 21 | }, |
22 | disableds: { | ||
23 | type: Boolean, | ||
24 | default: false | ||
25 | } | ||
14 | }, | 26 | }, |
15 | methods: { | 27 | methods: { |
16 | handleClick (evt) { | 28 | handleClick (evt) { |
... | @@ -20,5 +32,4 @@ | ... | @@ -20,5 +32,4 @@ |
20 | }; | 32 | }; |
21 | </script> | 33 | </script> |
22 | <style scoped lang="scss"> | 34 | <style scoped lang="scss"> |
23 | |||
24 | </style> | 35 | </style> | ... | ... |
... | @@ -334,6 +334,19 @@ | ... | @@ -334,6 +334,19 @@ |
334 | .btnColRight { | 334 | .btnColRight { |
335 | box-sizing: border-box; | 335 | box-sizing: border-box; |
336 | text-align: right; | 336 | text-align: right; |
337 | |||
338 | |||
339 | .is-disabled, | ||
340 | .is-disabled:hover, | ||
341 | .is-disabled:focus { | ||
342 | cursor: wait; | ||
343 | background: url("../image/btn.png") no-repeat 0 0; | ||
344 | background-size: cover; | ||
345 | |||
346 | } | ||
347 | |||
348 | |||
349 | |||
337 | } | 350 | } |
338 | 351 | ||
339 | 352 | ||
... | @@ -513,6 +526,7 @@ | ... | @@ -513,6 +526,7 @@ |
513 | } | 526 | } |
514 | 527 | ||
515 | // 按钮样式 | 528 | // 按钮样式 |
529 | |||
516 | .cx { | 530 | .cx { |
517 | background: url("../image/btn.png") no-repeat 0 -34px; | 531 | background: url("../image/btn.png") no-repeat 0 -34px; |
518 | background-size: cover; | 532 | background-size: cover; | ... | ... |
... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
25 | <el-form-item> | 25 | <el-form-item> |
26 | <btn nativeType="cz" @click="handleResetForm">重置</btn> | 26 | <btn nativeType="cz" @click="handleResetForm">重置</btn> |
27 | <btn nativeType="cx" @click="featchDataSelf">查询</btn> | 27 | <btn nativeType="cx" @click="featchDataSelf">查询</btn> |
28 | <btn nativeType="cx" @click="handlesetExport2Excel(downTitle)">导出</btn> | 28 | <btn nativeType="cx" :disableds="disableds" @click="handlesetExport2Excel(downTitle)">导出</btn> |
29 | </el-form-item> | 29 | </el-form-item> |
30 | </el-col> | 30 | </el-col> |
31 | </el-row> | 31 | </el-row> |
... | @@ -45,17 +45,17 @@ | ... | @@ -45,17 +45,17 @@ |
45 | </template> | 45 | </template> |
46 | 46 | ||
47 | <script> | 47 | <script> |
48 | // 接入质量评价表 | 48 | // 接入质量评价表 |
49 | // 引入表格头部数据 | 49 | // 引入表格头部数据 |
50 | import data from "./data"; | 50 | import data from "./data"; |
51 | // 引入table混入方法 | 51 | // 引入table混入方法 |
52 | import tableMixin from "@/mixins/tableMixin.js"; | 52 | import tableMixin from "@/mixins/tableMixin.js"; |
53 | // 导出excel表格 | 53 | // 导出excel表格 |
54 | import downLbTable from '@/components/DownLbTable' | 54 | import downLbTable from '@/components/DownLbTable' |
55 | // 获取时间 | 55 | // 获取时间 |
56 | import { getCurrentDate, setExport2Excel } from "@/utils/tools"; | 56 | import { getCurrentDate, setExport2Excel } from "@/utils/tools"; |
57 | import { dataReceiveQuality } from "@/api/statistics.js"; | 57 | import { dataReceiveQuality } from "@/api/statistics.js"; |
58 | export default { | 58 | export default { |
59 | name: "jsbwcx", | 59 | name: "jsbwcx", |
60 | components: { | 60 | components: { |
61 | downLbTable | 61 | downLbTable |
... | @@ -63,6 +63,7 @@ export default { | ... | @@ -63,6 +63,7 @@ export default { |
63 | mixins: [tableMixin], | 63 | mixins: [tableMixin], |
64 | data () { | 64 | data () { |
65 | return { | 65 | return { |
66 | |||
66 | pickerOptionsStart: { | 67 | pickerOptionsStart: { |
67 | disabledDate: (time) => { | 68 | disabledDate: (time) => { |
68 | let endDateVal = this.form.endTime; | 69 | let endDateVal = this.form.endTime; |
... | @@ -114,7 +115,8 @@ export default { | ... | @@ -114,7 +115,8 @@ export default { |
114 | data: [] | 115 | data: [] |
115 | }, | 116 | }, |
116 | // 导出表格标题 | 117 | // 导出表格标题 |
117 | downTitle: '' | 118 | downTitle: '', |
119 | disableds: false, | ||
118 | } | 120 | } |
119 | }, | 121 | }, |
120 | watch: { | 122 | watch: { |
... | @@ -151,6 +153,11 @@ export default { | ... | @@ -151,6 +153,11 @@ export default { |
151 | } | 153 | } |
152 | }, | 154 | }, |
153 | handlesetExport2Excel (val) { | 155 | handlesetExport2Excel (val) { |
156 | this.disableds = true | ||
157 | setTimeout(() => { | ||
158 | this.disableds = false | ||
159 | }, 1000); | ||
160 | |||
154 | setExport2Excel(val) | 161 | setExport2Excel(val) |
155 | }, | 162 | }, |
156 | // 初始化数据 | 163 | // 初始化数据 |
... | @@ -167,13 +174,13 @@ export default { | ... | @@ -167,13 +174,13 @@ export default { |
167 | this.featchDataSelf() | 174 | this.featchDataSelf() |
168 | } | 175 | } |
169 | } | 176 | } |
170 | } | 177 | } |
171 | </script> | 178 | </script> |
172 | <style scoped lang="scss"> | 179 | <style scoped lang="scss"> |
173 | @import "../css/index.scss"; | 180 | @import "../css/index.scss"; |
174 | 181 | ||
175 | /deep/th.el-table__cell { | 182 | /deep/th.el-table__cell { |
176 | height: 0 !important; | 183 | height: 0 !important; |
177 | } | 184 | } |
178 | </style> | 185 | </style> |
179 | 186 | ... | ... |
-
Please register or sign in to post a comment