scada数据查询页面增加loading遮罩层

src/views/scada/scadaQuery/index.vue

@@ -94,6 +94,7 @@
     <c-grid
       :filter="tableFilter"
       :key='key'
+      :loading="loading"
       :data="data">
       <c-grid-column
         field="id"
@@ -209,6 +210,7 @@ export default {
         time: [now - 3600 * 1000 * 24 * 7, +now],
         code: ''
       },
+      loading: false,
       workingSubclasses: [],
       codes: [],
       data: [],
@@ -334,6 +336,7 @@ export default {
       }
     },
     async getData () {
+      this.loading = true
       this.excelData = []
       if (!this.formInline.workingSubclass) {
         this.$message.error('请选择工序单元')
@@ -348,6 +351,7 @@ export default {
       } catch (e) {
         console.log(e)
       }
+      this.loading = false
     },
     async exportExcel () {
       const data = this.excelData.length === 0 ? this.data : this.excelData
@@ -390,6 +394,7 @@ export default {
         this.$message.error('请先选择比较方法！')
         return false
       }
+
       this.excelData = []
       this.key = !this.key // 取反重新组件渲染
     },