4902817c by renchao@pashanhoo.com
2 parents b48cff58 4f3dfdd5
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
......