比例调整

src/views/privateOrder/Screen.vue

@@ -184,7 +184,6 @@ export default {
   // background: url("~@/assets/privateOrder/topNar/line_right_left.png") no-repeat;
   background-size: 100% 100%;
   position: relative;
-
   .left-tabs-box {
     position: absolute;
     left: 0px;

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

@@ -1505,15 +1505,15 @@ export default {
   height: 100%;
   .module-container {
     width: 1603px;
-    height: 950px;
+    height: 100%;
     margin: 130px 0 0 50px;
     display: flex;
     flex-wrap: wrap;
     // justify-content: space-between;
-    align-content: space-between;
+    // align-content: space-between;
     .section-superviseObject {
       width: 50%;
-      height: 361px;
+      height: 50%;
     }
     .section-process {
       width: 920px;
@@ -1678,7 +1678,7 @@ export default {
     }
     .section-inventory {
       width: 50%;
-      height: 462px;
+      height: 50%;
       .three-inventory {
         width: 100%;
         height: 382px;
@@ -1764,7 +1764,7 @@ export default {
     }
     .section-dynamic {
       width: 48%;
-      height: 484px;
+      height: 50%;
       margin-right: 22px;
       padding-top: 20px;
 
@@ -1899,7 +1899,7 @@ export default {
     .section-ecosphere {
       width: 50%;
       height: 50%;
-      margin-top: 20px;
+      padding-top: 20px;
 
       .zoology-box {
         display: flex;

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

@@ -1139,17 +1139,16 @@ export default {
   height: 100%;
   .module-container {
     width: 1540px;
-    height: 955px;
+    height: 100%;
-    float: right;
+    // float: right;
     margin: 130px 50px 0 0;
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-between;
+    // justify-content: space-between;
-    align-content: space-between;
+    // align-content: space-between;
     .section {
-      width: 720px;
+      width:50%;
-      height: 487px;
+      height:50%;
-      height: 487px;
       .clean-action-table {
         margin-top: 20px;
         height: 400px;

src/views/privateOrder/ecosphere/index.vue

@@ -101,6 +101,7 @@ export default {
   height: $ScreenHeight;
   margin-left: 40px;
   pointer-events: auto;
+  padding-bottom: 130px;
 }
 
 .right-container {

src/views/privateOrder/sentiment/index.vue

@@ -135,6 +135,7 @@ export default {
   height: $ScreenHeight;
   background: url("~@/assets/privateOrder/common/bg_right_mask.png") right
     center no-repeat;
+    padding-bottom: 130px;
   // &:before {
   //   background-color: rgba(197, 197, 197, 0.062);
   //   width: 2560px;