添加laoding

+<!--
+ * @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>
 <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>
     <slot></slot>
   </el-button>
   </el-button>
 </template>
 </template>
@@ -11,6 +19,10 @@
         type: String,
         type: String,
         default: 'cx'
         default: 'cx'
       },
       },
+      disableds: {
+        type: Boolean,
+        default: false
+      }
     },
     },
     methods: {
     methods: {
       handleClick (evt) {
       handleClick (evt) {
@@ -20,5 +32,4 @@
   };
   };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-
 </style>
 </style>

@@ -262,6 +262,19 @@
 .btnColRight {
 .btnColRight {
   box-sizing: border-box;
   box-sizing: border-box;
   text-align: right;
   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;
+
+  }
+
+
+
 }
 }
 
 
 
 
@@ -441,6 +454,7 @@
 }
 }
 
 
 // 按钮样式
 // 按钮样式
+
 .cx {
 .cx {
   background: url("../image/btn.png") no-repeat 0 -34px;
   background: url("../image/btn.png") no-repeat 0 -34px;
   background-size: cover;
   background-size: cover;

@@ -25,7 +25,7 @@
             <el-form-item>
             <el-form-item>
               <btn nativeType="cz" @click="handleResetForm">重置</btn>
               <btn nativeType="cz" @click="handleResetForm">重置</btn>
               <btn nativeType="cx" @click="featchDataSelf">查询</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-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -45,17 +45,17 @@
 </template>
 </template>
 
 
 <script>
 <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",
     name: "jsbwcx",
     components: {
     components: {
       downLbTable
       downLbTable
@@ -63,6 +63,7 @@ export default {
     mixins: [tableMixin],
     mixins: [tableMixin],
     data () {
     data () {
       return {
       return {
+
         pickerOptionsStart: {
         pickerOptionsStart: {
           disabledDate: (time) => {
           disabledDate: (time) => {
             let endDateVal = this.form.endTime;
             let endDateVal = this.form.endTime;
@@ -114,7 +115,8 @@ export default {
           data: []
           data: []
         },
         },
         // 导出表格标题
         // 导出表格标题
-      downTitle: ''
+        downTitle: '',
+        disableds: false,
       }
       }
     },
     },
     watch: {
     watch: {
@@ -151,6 +153,11 @@ export default {
         }
         }
       },
       },
       handlesetExport2Excel (val) {
       handlesetExport2Excel (val) {
+        this.disableds = true
+        setTimeout(() => {
+          this.disableds = false
+        }, 1000);
+
         setExport2Excel(val)
         setExport2Excel(val)
       },
       },
       // 初始化数据
       // 初始化数据
@@ -167,13 +174,13 @@ export default {
         this.featchDataSelf()
         this.featchDataSelf()
       }
       }
     }
     }
-}
+  }
 </script>
 </script>
 <style scoped lang="scss">
 <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;
     height: 0 !important;
-}
+  }
 </style>
 </style>