.

src/App.vue

 <template>
     <div id="app">
-  <router-view/> 
+        <router-view />
     </div>
 </template>
 
 <script>
-
 export default {
-  name: 'App',
-  
-}
+    name: "App",
+};
 </script>
 
 <style>
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background: #f4f4f4;
+    width: 10px;
+}
+::-webkit-scrollbar-thumb {
+    background-color: #27aae2;
+    border: 3px solid transparent;
+    border-radius: 9px;
+    background-clip: content-box;
+}
 </style>

src/views/outseeQualityControl.vue

@@ -272,81 +272,65 @@ export default {
 </script>
 
 <style lang="scss">
+body {
+    margin: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
 .outseeQualityControl {
-    height: 96%;
+    height: 100%;
+    width: 100%;
     background-color: white;
-    padding: 20px;
-    overflow: hidden;
-    position: relative;
+    // overflow: hidden;
+    // position: relative;
 
     #clickColor {
         background-color: #f3bf18;
     }
 
     &_box {
-        height: 100%;
-        width: 100%;
         background-color: #f3fafd;
-
-        padding: 10px;
+        padding: 30px;
 
         &_btn {
             width: 100%;
+            height: 40px;
             display: flex;
             justify-content: flex-end;
-            margin-bottom: 10px;
+            background: #fff;
+            padding: 15px 0;
+            margin-bottom: 20px;
             &_button {
                 background-color: #2cabe3;
                 color: #fff;
             }
         }
 
-        &_header {
-            height: r(25, 1920);
-            background: url("../assets/img/dataMaintenance/title.png") no-repeat;
-            background-size: 100% 100%;
-
-            width: 100%;
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-start;
-            align-items: center;
-
-            &_text {
-                font-size: 13px;
-                font-family: PingFang SC;
-                font-weight: 500;
-                color: #ffffff;
-                margin-left: 15px;
-            }
-        }
-
         &_Content {
             display: flex;
-            flex-direction: row;
-            height: 95%;
-            width: 100%;
+            // flex-direction: row;
+            height: calc(100% - 80px);
+            // width: 100%;
             justify-content: space-between;
-            align-items: center;
-            align-content: center;
-            flex-wrap: nowrap;
-
-            margin-top: 10px;
-
+            // align-items: center;
+            // align-content: center;
+            // flex-wrap: nowrap;
+            // margin-top: 20px;
             &_left {
-                width: 65%;
+                width: 60%;
                 background-color: #ffffff;
-                height: 900px;
-
-                padding: 0 8%;
-
+                height: 100%;
+                padding: 0 4%;
+                max-height: 800px;
                 overflow: auto;
                 overflow-x: hidden;
             }
 
             &_right {
-                width: 34%;
-                height: 900px;
+                width: 32%;
+                flex: 1;
+                margin-left: 1%;
                 display: flex;
                 flex-direction: column;
                 flex-wrap: nowrap;
@@ -364,11 +348,10 @@ export default {
                     align-content: center;
                     justify-content: space-around;
                     align-items: center;
-
                     // padding: 3% 10%;
                     &_left {
                         flex: 1;
-                        height: 45%;
+                        height: 100%;
                         border-radius: 8px;
                         background-image: url("../assets/img/BG.png");
                         background-repeat: no-repeat;
@@ -426,7 +409,7 @@ export default {
 
                     &_left11 {
                         flex: 1;
-                        height: 45%;
+                        height: 100%;
                         border-radius: 8px;
                         background-color: #fff;
                         background-repeat: no-repeat;
@@ -483,7 +466,7 @@ export default {
                     }
 
                     &_right {
-                        height: 45%;
+                        height: 100%;
                         flex: 1;
                         border-radius: 8px;
                         display: flex;
@@ -535,7 +518,7 @@ export default {
 
                     &_right11 {
                         flex: 1;
-                        height: 45%;
+                        height: 100%;
                         border-radius: 8px;
                         background-image: url("../assets/img/BG.png");
                         background-repeat: no-repeat;
@@ -605,7 +588,7 @@ export default {
                     border-radius: 8px;
                     height: 100%;
                     width: 100%;
-                    padding: 0 5% 5% 5%;
+                    // padding: 0 5% 5% 5%;
 
                     &_title {
                         font-size: 14px;
@@ -626,7 +609,7 @@ export default {
                             visibility: hidden;
                         }
 
-                        height: 90%;
+                        height: 100%;
                         overflow-x: hidden;
 
                         .leftboxs {