Merge branch 'dev-webgis' into lhh

src/views/index.vue

@@ -8,7 +8,11 @@
         :class="{ home_left_bg_max: commonStore.activeIndex === 1 }"
       >
         <div class="home_container_header-left_time">
-          <img class="time_icon" src="../assets/img/risk_info_icon-1.png" alt="" />
+          <img
+            class="time_icon"
+            src="../assets/img/risk_info_icon-1.png"
+            alt=""
+          />
           <div class="clock">{{ currentTime }}</div>
         </div>
         <div class="home_container_header-left_tab">
@@ -43,11 +47,20 @@
       </div>
     </div>
     <!-- 两侧 -->
-    <div class="home_content_left" :class="{ home_left_bg_max: commonStore.activeIndex === 1 }">
+    <div
+      class="home_content_left"
+      :class="{ home_left_bg_max: commonStore.activeIndex === 1 }"
+    >
       <div class="home_content_left2"></div>
       <LeftPage :activeIndex="activeIndex" class="left_page"></LeftPage>
     </div>
-    <div class="home_content_right" :class="{ home_right_bg_max: commonStore.activeIndex === 1 && !rightPanelStore.emergencyVisible }">
+    <div
+      class="home_content_right"
+      :class="{
+        home_right_bg_max:
+          commonStore.activeIndex === 1 && !rightPanelStore.emergencyVisible,
+      }"
+    >
       <div class="home_content_right2"></div>
       <RightPage :activeIndex="activeIndex" class="right_page"></RightPage>
     </div>
@@ -402,21 +415,21 @@ watch(
   height: 986px;
   z-index: 0;
 
-  background: url('../assets/img/左背景深.png') no-repeat;
+  background: url("../assets/img/左背景深.png") no-repeat;
   // background: url('../assets/img/左背景_2.png') no-repeat;
   background-size: 100% 100%;
 
   .home_content_left2 {
     position: absolute;
     left: 0px;
-    top: 90px;
+    top: 0px;
     width: 1250px;
     // height: 988px;
     height: 986px;
     z-index: 0;
-    background: url('../assets/img/left_bg (2).png') no-repeat;
-    // background: url('../assets/img/左背景_2.png') no-repeat;
-    background-size: 100% 100%;
+    background-image: url("../assets/img/left_bg (2).png");
+    background-size: 100% calc(100% + 40px);
+    background-position-y: -70px;
   }
   .left_page {
     position: absolute;
@@ -435,24 +448,26 @@ watch(
   right: 0px;
   // top: 108px;
   top: 90px;
-  width: 1144px;
+  width: 1240px;
   height: 988px;
-  background: url('../assets/img/左背景深.png') no-repeat;
-  background-size: 100% 100%;
+  background-image: url("../assets/img/右背景深.png");
+  background-size: calc(100% - 90px) 100%;
+  background-position-x: 90px;
   z-index: 0;
-  transform: scaleX(-1);
-  transform-origin: center center;
+  background-repeat: no-repeat;
   .home_content_right2 {
     position: absolute;
     left: 0px;
-    top: 90px;
-    width: 1250px;
+    top: 0px;
+    width: 1240px;
     // height: 988px;
     height: 986px;
     z-index: 0;
-    background: url('../assets/img/left_bg (2).png') no-repeat;
+    background-image: url("../assets/img/right_bg.png");
     // background: url('../assets/img/左背景_2.png') no-repeat;
-    background-size: 100% 100%;
+    background-size: 100% calc(100% + 40px);
+    background-position-y: -70px;
+    background-repeat: no-repeat;
   }
   .right_page {
     position: absolute;