背景遮罩修改

src/views/privateOrder/Screen.vue

@@ -15,7 +15,7 @@
             {{ item.name }}
           </router-link>
         </div>
-        <div class="center_title">太仓市网络综合治理平台</div>
+        <!-- <div class="center_title">太仓市网络综合治理平台</div> -->
         <div class="top_right">
           <router-link
             v-for="item in menus.slice(2, 4)"
@@ -183,7 +183,7 @@ export default {
   width: 1920;
   height: 1080;
   position: relative;
-  background: url("~@/assets/privateOrder/topNar/line_right_left.png") no-repeat;
+  // background: url("~@/assets/privateOrder/topNar/line_right_left.png") no-repeat;
   background-size: 100% 100%;
   position: relative;
 
@@ -267,7 +267,7 @@ export default {
   width: $ScreenWidth;
   position: absolute;
   height: 130px;
-  background: url("~@/assets/privateOrder/topNar/topNav.png");
+  // background: url("~@/assets/privateOrder/topNar/topNav.png");
   background-size: 100% 100%;
   z-index: 10;
   display: flex;
@@ -280,7 +280,7 @@ export default {
     display: flex;
     padding-right: 230px;
     align-items: center;
-    justify-content: flex-end;
+    justify-content: center;
   }
 
   .center_title {
@@ -300,7 +300,7 @@ export default {
     display: flex;
     padding-left: 230px;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: center;
   }
 }
 

src/views/privateOrder/ecosphere/components/componentLeft.vue

@@ -212,7 +212,7 @@
         </div>
       </div>
     </div>
-    <div class="bcLeft"></div>
+    <!-- <div class="bcLeft"></div> -->
     <!-- 三份清单 -->
     <el-dialog
       v-if="dialogStatus"
@@ -1881,77 +1881,56 @@ export default {
     }
     .section-ecosphere {
       width: 50%;
-      // height: 100%;
+      height: 50%;
       margin-top: 20px;
-      .title-main {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        position: relative;
-        margin-bottom: 20px;
-        font-size: 18px;
-        color: #fff;
-        padding-left: 10px;
-        
-        &::before {
-          content: '';
-          position: absolute;
-          left: 0;
-          top: 50%;
-          transform: translateY(-50%);
-          width: 4px;
-          height: 18px;
-          background-color: #00aaff; 
-        }
-      }
       
       .zoology-box {
         display: flex;
+        flex-wrap: wrap;
         justify-content: space-between;
         width: 100%;
         height: 100%;
-        padding: 0 10px;
+        padding: 10px;
         
         .zoology-icon {
-          // flex: 1;
+          width: 32%;
+          height: 45%;
           display: flex;
           flex-direction: column;
           align-items: center;
-          box-sizing: border-box;
+          margin-bottom: 10px;
-          position: relative;
+          padding: 35px;
-          cursor: pointer;
-          margin: 0 5px;
-          
           .icon-bk {
             width: 100%;
-            height: 120px;
+            height: 100%;
             display: flex;
             justify-content: center;
             align-items: center;
-            
+            margin-bottom: 10px;
+            position: 20px;
             img {
-              width: 90%;
+              width: 100%;
-              height: 90%;
+              height: 100%;
-              // object-fit: contain;
             }
           }
           
           .zoology-icon-name {
             width: 100%;
-            height: 35px;
+            height: 40px;
-            background: url("~@/assets/sentimeent/网络平台(字体背景).png") no-repeat center;
-            background-size: 100% 100%;
             font-size: 14px;
             color: #68cff9;
             text-align: center;
-            line-height: 35px;
+            line-height: 40px;
+            background: url("~@/assets/sentimeent/网络平台(字体背景).png") no-repeat center;
+            background-size: 100% 100%;
           }
           
-          &:hover {
+          // &:hover {
-            .zoology-icon-name {
+          //   cursor: pointer;
-              color: #ffffff;
+          //   .zoology-icon-name {
-            }
+          //     color: #ffffff;
-          }
+          //   }
+          // }
         }
       }
     }

src/views/privateOrder/ecosphere/components/componentRight.vue

@@ -11,7 +11,7 @@
     <div class="module-container">
       <div class="section-reportingProcess">
         <div class="processflow">
-          <div class="processTitle">举报流程</div>
+          <module-title> 举报流程</module-title>
           <div class="processIcon">
             <div style="top: -33px; left: 303px">
               <img src="@/assets/ecosphere/网络举报事件.png" alt="" />
@@ -163,7 +163,7 @@
         <div class="rightmh"></div>
       </div>
       <!-- 地图右边框 -->
-      <div class="bcRight"></div>
+      <!-- <div class="bcRight"></div> -->
       <!-- 弹窗 -->
       <div v-if="qlzfDialogFlag" class="qlzf-dialog">
         <div class="close" @click="qlzfDialogFlag = false"></div>

src/views/privateOrder/ecosphere/index.vue

@@ -82,7 +82,7 @@ export default {
   -khtml-user-select: none; /*早期浏览器*/
   user-select: none;
   position: relative;
-  background: url("~@/assets/privateOrder/positiveEnergy/背景底图.png")
+  background: url("~@/assets/sentimeent/背景底图.png")
     no-repeat;
   background-size: 100% 100%;
 }
@@ -99,7 +99,8 @@ export default {
   top: 0;
   width: 1603px;
   height: $ScreenHeight;
-  background: url("~@/assets/privateOrder/common/bg-left.png") no-repeat;
+  // background: url("~@/assets/privateOrder/common/bg-left.png") no-repeat;
+  margin-left: 40px;
 }
 
 .right-container {
@@ -109,8 +110,8 @@ export default {
   top: 0;
   width: 1603px;
   height: $ScreenHeight;
-  background: url("~@/assets/privateOrder/common/bg-right.png") right center
+  // background: url("~@/assets/privateOrder/common/bg-right.png") right center
-    no-repeat;
+    // no-repeat;
 }
 
 .center-container {