Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

+<!--
+ * @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,135 +45,142 @@
 </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 {
-  name: "jsbwcx",
-  components: {
-    downLbTable
-  },
-  mixins: [tableMixin],
-  data () {
-    return {
-      pickerOptionsStart: {
-        disabledDate: (time) => {
-          let endDateVal = this.form.endTime;
-          if (endDateVal) {
-            return (
-              time.getTime() >=
-              new Date(endDateVal).getTime()
-            );
-          }
+  // 接入质量评价表
+  // 引入表格头部数据
+  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
+    },
+    mixins: [tableMixin],
+    data () {
+      return {
+
+        pickerOptionsStart: {
+          disabledDate: (time) => {
+            let endDateVal = this.form.endTime;
+            if (endDateVal) {
+              return (
+                time.getTime() >=
+                new Date(endDateVal).getTime()
+              );
+            }
+          },
         },
-      },
-      pickerOptionsEnd: {
-        disabledDate: (time) => {
-          let beginDateVal = this.form.startTime;
-          if (beginDateVal) {
-            return (
-              time.getTime() <
-              new Date(beginDateVal).getTime()
-            );
-          }
+        pickerOptionsEnd: {
+          disabledDate: (time) => {
+            let beginDateVal = this.form.startTime;
+            if (beginDateVal) {
+              return (
+                time.getTime() <
+                new Date(beginDateVal).getTime()
+              );
+            }
+          },
         },
-      },
-      // 表格数据
+        // 表格数据
+        form: {
+          startTime: "", // 开始日期
+          endTime: "" // 结束日期
+        },
+        // 校验规则
+        rules: {
+          startTime: [
+            { required: true, message: "请选择开始日期", trigger: "change" },
+          ],
+          endTime: [
+            { required: true, message: "请选择结束日期", trigger: "change" },
+          ]
+        },
+        // 表格数据
+        tableData: {
+          // 表格头部
+          columns: [
+            {
+              label: "序号",
+              type: "index",
+              width: "50",
+              // index: this.indexMethod,
+            }
+          ]
+            .concat(data.columns()),
+          data: []
+        },
+        // 导出表格标题
+        downTitle: '',
+        disableds: false,
+      }
+    },
+    watch: {
       form: {
-        startTime: "", // 开始日期
-        endTime: "" // 结束日期
+        handler (newVal, oldVal) {
+          this.generateFileName()
+        },
+        deep: true
+      }
+    },
+    created () {
+      this.handleResetForm()
+      this.generateFileName()
+    },
+    methods: {
+      handleSearch () { },
+      // 生成文件名
+      generateFileName () {
+        var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
+        this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
       },
-      // 校验规则
-      rules: {
-        startTime: [
-          { required: true, message: "请选择开始日期", trigger: "change" },
-        ],
-        endTime: [
-          { required: true, message: "请选择结束日期", trigger: "change" },
-        ]
+      headerStyle ({ row, rowIndex }) {
+        if (rowIndex == 4) {
+          row[2].rowSpan = 2;
+          row[3].rowSpan = 2;
+          row[4].rowSpan = 2;
+        }
       },
-      // 表格数据
-      tableData: {
-        // 表格头部
-        columns: [
-          {
-            label: "序号",
-            type: "index",
-            width: "50",
-            // index: this.indexMethod,
-          }
-        ]
-          .concat(data.columns()),
-        data: []
+      headerStyle1 ({ row, rowIndex }) {
+        if (rowIndex == 3) {
+          row[2].rowSpan = 2;
+          row[3].rowSpan = 2;
+          row[4].rowSpan = 2;
+        }
       },
-      // 导出表格标题
-      downTitle: ''
-    }
-  },
-  watch: {
-    form: {
-      handler (newVal, oldVal) {
-        this.generateFileName()
+      handlesetExport2Excel (val) {
+        this.disableds = true
+        setTimeout(() => {
+          this.disableds = false
+        }, 1000);
+
+        setExport2Excel(val)
       },
-      deep: true
-    }
-  },
-  created () {
-    this.handleResetForm()
-    this.generateFileName()
-  },
-  methods: {
-    handleSearch () { },
-    // 生成文件名
-    generateFileName () {
-      var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
-      this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
-    },
-    headerStyle ({ row, rowIndex }) {
-      if (rowIndex == 4) {
-        row[2].rowSpan = 2;
-        row[3].rowSpan = 2;
-        row[4].rowSpan = 2;
-      }
-    },
-    headerStyle1 ({ row, rowIndex }) {
-      if (rowIndex == 3) {
-        row[2].rowSpan = 2;
-        row[3].rowSpan = 2;
-        row[4].rowSpan = 2;
+      // 初始化数据
+      featchDataSelf () {
+        dataReceiveQuality(this.form.startTime, this.form.endTime).then(res => {
+          let records = res.result
+          this.tableData.data = records ? records : []
+        })
+      },
+      // 重置
+      handleResetForm () {
+        this.form.startTime = getCurrentDate()
+        this.form.endTime = getCurrentDate('time')
+        this.featchDataSelf()
       }
-    },
-    handlesetExport2Excel (val) {
-      setExport2Excel(val)
-    },
-    // 初始化数据
-    featchDataSelf () {
-      dataReceiveQuality(this.form.startTime, this.form.endTime).then(res => {
-        let records = res.result
-        this.tableData.data = records ? records : []
-      })
-    },
-    // 重置
-    handleResetForm () {
-      this.form.startTime = getCurrentDate()
-      this.form.endTime = getCurrentDate('time')
-      this.featchDataSelf()
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "../css/index.scss";
+  @import "../css/index.scss";
 
-/deep/th.el-table__cell {
-  height: 0 !important;
-}
+  /deep/th.el-table__cell {
+    height: 0 !important;
+  }
 </style>