综合大屏布局。

src/views/screens/mainScreen.vue

@@ -33,8 +33,28 @@
             </div>
           </div>
           <div class="vertical-space"></div>
-          <div class="column-item">
-            <component :is="mainS076" moduleId="mainS076" />
+          <div class="column-item" style="justify-content: start">
+            <div
+              style="
+                width: 80%;
+                height: 100%;
+                position: relative;
+                top: 0;
+                left: 0;
+              "
+            >
+              <component
+                :is="mainS076"
+                moduleId="mainS076"
+                style="
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  width: 140%;
+                  height: 100%;
+                "
+              />
+            </div>
           </div>
           <div class="vertical-space"></div>
           <div class="column-item">
@@ -117,6 +137,8 @@ const mainS078 = computed(() => {
     display: flex;
     justify-content: center;
     align-items: center;
+    overflow: hidden;
+
     //height: 100%;
     //border: 2px solid white;
   }

src/views/screens/screen-components/EquipmentMonitoring.vue

@@ -1,7 +1,15 @@
 <template>
-  <div class="screen-common-component">
+  <div
+    class="screen-common-component"
+    style="
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    "
+  >
     <ScreenComHeader :module-id="moduleId" title="设备监控" />
-    <div ref="chartRef" class="charts-container"></div>
+    <div ref="chartRef" style="width: 85%; height: 80%"></div>
   </div>
 </template>