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