大屏添加加载动画

src/views/map/map-index.vue

@@ -70,7 +70,8 @@
             <div :class="{ 'active': assessLevelType == 3 }" @click="assessLevelType = 3">低</div>
           </div>
           <div class="terminal-group">
-            <el-table stripe :data="terminalList" height="100%" row-class-name="tr" cell-class-name="td" class="terminal">
+            <el-table stripe :data="terminalList" height="100%" row-class-name="tr" cell-class-name="td"
+              class="terminal">
               <el-table-column :show-overflow-tooltip="true" prop="projectName" min-width="140" label="项目名称">
               </el-table-column>
               <el-table-column :show-overflow-tooltip="true" prop="deptName" label="所属区域">
@@ -456,6 +457,12 @@ export default {
       }
     },
     getMapData(id, name) {
+      const loading = this.$loading({
+        lock: true,
+        text: '数据加载中',
+        spinner: 'el-icon-loading',
+        background: 'rgb(0, 0, 0,0.4)'
+      });
       centerMap({
         level: this.level - 1,
         areaName: name,
@@ -463,6 +470,7 @@ export default {
       }).then(res => {
         this.mapDataNums = res.data;
         this.initMap(id, name);
+        loading.close();
       })
     },
     getColors(index) {
@@ -484,7 +492,7 @@ export default {
       this.isScreen = false
       setTimeout(() => {
         this.isScreen = true
-      }, 800);
+      }, 400);
     },
     getlevelStatic() {
       const levelColor = [{