布局修改

src/views/privateOrder/common/ModuleTitle.vue

@@ -27,7 +27,8 @@ export default {
 
 <style lang="scss" scoped>
 .title-wrap {
-  width: 847px;
+  // width: 847px;
+  width: 100%;
   height: 72px;
   display: flex;
   align-items: center;

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

@@ -1506,7 +1506,7 @@ export default {
   .module-container {
     width: 100%;
     height: 100%;
-    margin: 204px 0 0 50px;
+    margin: 204px 0 0 0px;
     display: flex;
     flex-wrap: wrap;
     // justify-content: space-between;
@@ -1514,6 +1514,7 @@ export default {
     .section-superviseObject {
       width: 50%;
       height: 50%;
+      padding:50px 50px 50px 0px;
     }
     .section-process {
       width: 920px;
@@ -1679,6 +1680,7 @@ export default {
     .section-inventory {
       width: 50%;
       height: 50%;
+      padding:50px 50px 50px 0px;
       .three-inventory {
         padding: 80px 0;
         width: 100%;
@@ -1767,8 +1769,7 @@ export default {
       width: 50%;
       height: 50%;
       // margin-right: 22px;
-      padding-top: 20px;
-
+      padding:0px 50px 50px 0px;
       .firewall-container {
         height: calc(100% - 76px);
         width: 100%;
@@ -1902,7 +1903,7 @@ export default {
     .section-ecosphere {
       width: 50%;
       height: 50%;
-      padding-top: 20px;
+      padding:0px 50px 50px 0px;
 
       .zoology-box {
         display: flex;

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

@@ -70,7 +70,7 @@
           </div>
         </div>
       </div>
-      <div class="section" style="padding-top: 35px">
+      <div class="section1" style="padding-top: 35px">
         <module-title> 清朗专项行动数据统计</module-title>
         <!-- <div class="qlzfsjtj">
           <div class="qlzf-head">
@@ -1142,14 +1142,20 @@ export default {
     width: 100%;
     height: 100%;
     // float: right;
-    margin: 204px 50px 0 0;
+    margin: 204px 0px 0 0;
     display: flex;
     flex-wrap: wrap;
+    .section1 {
+      width: 50%;
+      height: 50%;
+      padding:50px 50px 50px 0px;
+    }
     // justify-content: space-between;
     // align-content: space-between;
     .section {
       width: 50%;
       height: 50%;
+      padding:50px 0px 50px 0px;
       .clean-action-table {
         height: calc(100% - 76px);
         width: 100%;
@@ -1254,6 +1260,7 @@ export default {
     .section-reportingProcess {
       width: 50%;
       height: 50%;
+      padding:50px 50px 50px 0px;
       .processflow {
         // padding-top: 20px;
         position: relative;

src/views/privateOrder/ecosphere/index.vue

@@ -97,9 +97,9 @@ export default {
   position: absolute;
   left: 0;
   top: 0;
-  width: 1603px;
+  width: 31%;
   height: $ScreenHeight;
-  margin-left: 40px;
+  margin-left: 100px;
   pointer-events: auto;
   padding-bottom: 204px;
 }
@@ -109,9 +109,9 @@ export default {
   position: absolute;
   right: 0;
   top: 0;
-  width: 1603px;
+  width: 31%;
   height: $ScreenHeight;
-  margin-right: 65px;
+  margin-right: 100px;
   pointer-events: auto;
   padding-bottom: 204px;
 }

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

@@ -1043,7 +1043,7 @@ export default {
     .section-superviseObject {
       width: 50%;
       height: 50%;
-      margin-top: -7px;
+      // margin-top: -7px;
     }
   }