4902817c by renchao@pashanhoo.com
2 parents b48cff58 4f3dfdd5
<!--
* @Author: xiaomiao 1158771342@qq.com
* @Date: 2023-03-09 15:24:53
* @LastEditors: xiaomiao 1158771342@qq.com
* @LastEditTime: 2023-04-03 09:04:26
* @FilePath: \上报\bdcjg-web\src\components\Button.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<el-button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType">
<el-button class="button" :disabled="disableds" :class="nativeType" @click.prevent="handleClick" :type="nativeType">
<slot></slot>
</el-button>
</template>
......@@ -11,6 +19,10 @@
type: String,
default: 'cx'
},
disableds: {
type: Boolean,
default: false
}
},
methods: {
handleClick (evt) {
......@@ -20,5 +32,4 @@
};
</script>
<style scoped lang="scss">
</style>
......
......@@ -334,6 +334,19 @@
.btnColRight {
box-sizing: border-box;
text-align: right;
.is-disabled,
.is-disabled:hover,
.is-disabled:focus {
cursor: wait;
background: url("../image/btn.png") no-repeat 0 0;
background-size: cover;
}
}
......@@ -513,6 +526,7 @@
}
// 按钮样式
.cx {
background: url("../image/btn.png") no-repeat 0 -34px;
background-size: cover;
......
......@@ -25,7 +25,7 @@
<el-form-item>
<btn nativeType="cz" @click="handleResetForm">重置</btn>
<btn nativeType="cx" @click="featchDataSelf">查询</btn>
<btn nativeType="cx" @click="handlesetExport2Excel(downTitle)">导出</btn>
<btn nativeType="cx" :disableds="disableds" @click="handlesetExport2Excel(downTitle)">导出</btn>
</el-form-item>
</el-col>
</el-row>
......@@ -45,17 +45,17 @@
</template>
<script>
// 接入质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { dataReceiveQuality } from "@/api/statistics.js";
export default {
// 接入质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { dataReceiveQuality } from "@/api/statistics.js";
export default {
name: "jsbwcx",
components: {
downLbTable
......@@ -63,6 +63,7 @@ export default {
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
......@@ -114,7 +115,8 @@ export default {
data: []
},
// 导出表格标题
downTitle: ''
downTitle: '',
disableds: false,
}
},
watch: {
......@@ -151,6 +153,11 @@ export default {
}
},
handlesetExport2Excel (val) {
this.disableds = true
setTimeout(() => {
this.disableds = false
}, 1000);
setExport2Excel(val)
},
// 初始化数据
......@@ -167,13 +174,13 @@ export default {
this.featchDataSelf()
}
}
}
}
</script>
<style scoped lang="scss">
@import "../css/index.scss";
@import "../css/index.scss";
/deep/th.el-table__cell {
/deep/th.el-table__cell {
height: 0 !important;
}
}
</style>
......