From a55625f79b5bea88a04dc5cebf264a61cd594547 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期五, 30 十二月 2022 18:02:18 +0800
Subject: [PATCH] 管道分析，IE判斷，上传Loading

---
 src/views/Synthesis/index.vue |   56 +++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 37 insertions(+), 19 deletions(-)

diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index c47b458..522141b 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -1,19 +1,34 @@
 <template>
-  <div class="synthesis">
+  <div
+    class="synthesis"
+    v-loading="$store.state.loading"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+  >
     <div class="lefIcon">
       <ul>
         <li
           v-for="item in showMenuList"
           :class="{ lefMenuActive: showMenuFlag == item.id }"
         >
-          <div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
-            <div class="menuImage" :class="item.class"></div>
+          <div
+            class="menuDiv"
+            :title="item.name"
+            @click="setMenuChange(item)"
+          >
+            <div
+              class="menuImage"
+              :class="item.class"
+            ></div>
           </div>
         </li>
       </ul>
     </div>
     <div class="rightContent">
-      <div class="left_main" :class="{ left_main_show: !openStatus }">
+      <div
+        class="left_main"
+        :class="{ left_main_show: !openStatus }"
+      >
         <div class="right_Map">
           <left-menu></left-menu>
         </div>
@@ -109,7 +124,7 @@
     };
   },
   watch: {},
-  created() {},
+  created() { },
   methods: {
     //宸︿晶鑿滃崟婊戝姩鏄鹃殣
     setMenuChange(res) {
@@ -212,44 +227,44 @@
       }
 
       .menu_img1 {
-        background: url('../../assets/img/synthesis/绯荤粺鑿滃崟.png') no-repeat
+        background: url("../../assets/img/synthesis/绯荤粺鑿滃崟.png") no-repeat
           center;
       }
       .menu_img2 {
-        background: url('../../assets/img/synthesis/鐭╁舰 8 鎷疯礉 2.png')
+        background: url("../../assets/img/synthesis/鐭╁舰 8 鎷疯礉 2.png")
           no-repeat center;
       }
       .menu_img3 {
-        background: url('../../assets/img/synthesis/鍥惧眰 6 鎷疯礉.png') no-repeat
+        background: url("../../assets/img/synthesis/鍥惧眰 6 鎷疯礉.png") no-repeat
           center;
       }
       .menu_img4 {
-        background: url('../../assets/img/synthesis/鍥惧眰 8 鎷疯礉 2.png')
+        background: url("../../assets/img/synthesis/鍥惧眰 8 鎷疯礉 2.png")
           no-repeat center;
       }
       .menu_img5 {
-        background: url('../../assets/img/synthesis/鐭㈤噺鏅鸿兘瀵硅薄 鎷疯礉 3.png')
+        background: url("../../assets/img/synthesis/鐭㈤噺鏅鸿兘瀵硅薄 鎷疯礉 3.png")
           no-repeat center;
       }
       .menu_img6 {
-        background: url('../../assets/img/synthesis/鍥惧眰 9 鎷疯礉 4.png')
+        background: url("../../assets/img/synthesis/鍥惧眰 9 鎷疯礉 4.png")
           no-repeat center;
       }
       .menu_img7 {
-        background: url('../../assets/img/synthesis/鍥惧眰 7 鎷疯礉 5.png')
+        background: url("../../assets/img/synthesis/鍥惧眰 7 鎷疯礉 5.png")
           no-repeat center;
       }
       .menu_img8 {
-        background: url('../../assets/img/synthesis/鍥惧眰 5 鎷疯礉 6.png')
+        background: url("../../assets/img/synthesis/鍥惧眰 5 鎷疯礉 6.png")
           no-repeat center;
       }
       .menu_img9 {
-        background: url('../../assets/img/synthesis/鐭╁舰 8 鎷疯礉 11.png')
+        background: url("../../assets/img/synthesis/鐭╁舰 8 鎷疯礉 11.png")
           no-repeat center;
       }
-      .menu_img10{
-        background: url('../../assets/img/synthesis/鍦烘櫙鎵撳紑1.png')
-          no-repeat center;
+      .menu_img10 {
+        background: url("../../assets/img/synthesis/鍦烘櫙鎵撳紑1.png") no-repeat
+          center;
       }
     }
     // li {
@@ -307,7 +322,7 @@
     .active {
       width: 100%;
       height: 100%;
-      background: url('../../assets/img/Layer/imgLayer2.png') no-repeat center;
+      background: url("../../assets/img/Layer/imgLayer2.png") no-repeat center;
       position: absolute;
       background-size: 100% 100%;
       border-radius: 5px;
@@ -315,11 +330,14 @@
     .menuLayer {
       width: 100%;
       height: 100%;
-      background: url('../../assets/img/Layer/imgLayer1.png') no-repeat center;
+      background: url("../../assets/img/Layer/imgLayer1.png") no-repeat center;
       position: absolute;
       background-size: 100% 100%;
       border-radius: 5px;
     }
   }
+  /deep/.el-loading-spinner i{
+    color: #1890FF;
+  }
 }
 </style>

--
Gitblit v1.9.3