From 027c1fcde746ddfea5af9d9e35cf3ac1d12c0bca Mon Sep 17 00:00:00 2001
From: panzy <225@qq.com>
Date: 星期六, 21 五月 2022 08:39:52 +0800
Subject: [PATCH] 表格添加loding转圈

---
 src/views/summaryPotentialSafetyHzards/index.vue |   53 +++++++++++++++++++++++++++++++----------------------
 1 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/src/views/summaryPotentialSafetyHzards/index.vue b/src/views/summaryPotentialSafetyHzards/index.vue
index 4f953f9..a647499 100644
--- a/src/views/summaryPotentialSafetyHzards/index.vue
+++ b/src/views/summaryPotentialSafetyHzards/index.vue
@@ -67,26 +67,30 @@
                             </el-select>
                         </el-form-item>
                     </div>
-                    <el-form-item label="统计类别">
-                        <el-radio-group v-model="form.x_axis" style="padding: 0px 0;">
-                            <el-radio label="ht_branch">按隐患部门</el-radio>
-                            <el-radio label="ht_typesub">按专业</el-radio>
-                            <el-radio label="ht_level">按级别</el-radio>
-                            <el-radio label="checktype">按检查类别</el-radio>
-                            <el-radio label="ht_community">按检查单位(上级单位)</el-radio>
-                            <el-radio label="check_branch">按检查单位(本部单位)</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-form-item label="汇总类别">
-                        <el-radio-group v-model="form.y_axis">
-                            <el-radio label="ht_branch">按隐患部门</el-radio>
-                            <el-radio label="ht_typesub">按专业</el-radio>
-                            <el-radio label="ht_level">按级别</el-radio>
-                            <el-radio label="checktype">按检查类别</el-radio>
-                            <el-radio label="ht_community">按检查单位(上级单位)</el-radio>
-                            <el-radio label="check_branch">按检查单位(本部单位)</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
+                    <el-row>
+                        <el-form-item label="统计类别">
+                            <el-radio-group v-model="form.x_axis" style="padding: 0px 0;">
+                                <el-radio label="ht_branch">按隐患部门</el-radio>
+                                <el-radio label="ht_typesub">按专业</el-radio>
+                                <el-radio label="ht_level">按级别</el-radio>
+                                <el-radio label="checktype">按检查类别</el-radio>
+                                <el-radio label="ht_community">按检查单位(上级单位)</el-radio>
+                                <el-radio label="check_branch">按检查单位(本部单位)</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-row>
+                    <el-row>
+                        <el-form-item label="汇总类别">
+                            <el-radio-group v-model="form.y_axis">
+                                <el-radio label="ht_branch">按隐患部门</el-radio>
+                                <el-radio label="ht_typesub">按专业</el-radio>
+                                <el-radio label="ht_level">按级别</el-radio>
+                                <el-radio label="checktype">按检查类别</el-radio>
+                                <el-radio label="ht_community">按检查单位(上级单位)</el-radio>
+                                <el-radio label="check_branch">按检查单位(本部单位)</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-row>
                 </div>
                 <div class="center" style="text-align: center;padding-top: 10px;">
                     <el-form-item label="检查时间:">
@@ -110,6 +114,7 @@
             </el-form>
             <el-table
                 :data="tableData"
+                v-loading="loading"
                 style="width: 100%">
                 <el-table-column align="center" label="众泰煤焦化-安全隐患台帐">
                     <el-table-column
@@ -199,6 +204,7 @@
             YHBMList: [],
             YHJBList: [],
             YHZTList: [],
+            loading: false,
             startDate: "",
             endDate: "",
         }
@@ -325,7 +331,9 @@
             }
             selectData.push(timeSearchCloumn)
             requestData.query_condition = selectData;
+            this.loading = true;
             danger_summary(requestData).then(res => {
+                this.loading = false;
                 if (res.data.ok == 1) {
                     this.tableData = res.data.data
                 } else {
@@ -369,7 +377,7 @@
             return data.value
         },
 
-        showYHList(row,item){
+        showYHList(row, item) {
             var searchData = {};
             searchData[this.form.x_axis] = item.x_label;
             searchData[this.form.y_axis] = row.y_label;
@@ -460,7 +468,8 @@
 /deep/ .el-date-editor .el-range-separator {
     width: auto;
 }
-.clickSpan:hover{
+
+.clickSpan:hover {
     cursor: pointer;
 }
 

--
Gitblit v1.9.2