首页样式调整-提交

src/views/vent/common/basicEchartLine.vue

@@ -84,7 +84,7 @@ function getOption() {
       legend: {
         align: 'left',
         right: 'center',
-        top: '2%',
+        top: '0%',
         type: 'plain',
         textStyle: {
           color: '#7ec7ff',

src/views/vent/dust/dustHome/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="dustHome">
     <!-- 模型区域 -->
-    <div class="moduleArea">
+    <!-- <div class="moduleArea">
       <iframe src="http://82.157.13.146:18224/valkyrja" width="100%" height="100%" frameborder="0"></iframe>
-    </div>
+    </div> -->
     <div class="main-container">
       <div class="left-area">
         <!-- 左上区域 -->
@@ -32,8 +32,11 @@
         </div>
       </div>
       <div class="center-area">
+        <div class="center-t">
+          <iframe src="http://82.157.13.146:18224/valkyrja" width="100%" height="100%" frameborder="0"></iframe>
+        </div>
         <div class="center-b">
-          <DanelBd :moduleName="'综放工作面粉尘浓度'" :contentStyle="{ contentH: '332px' }" :commonTitle="'selected'"
+          <DanelBd :moduleName="'综放工作面粉尘浓度'" :contentStyle="{ contentH: '277px' }" :commonTitle="'selected'"
             :selectList="selectListBd" @changeSelect="changeSelect">
             <multipleDust :echartData="echartData" />
           </DanelBd>
@@ -345,12 +348,20 @@ onMounted(() => {
       display: flex;
       flex-direction: column;
       align-items: center;
-      justify-content: flex-end;
+      justify-content: space-between;
       width: calc(40% - 30px);
       height: 100%;
 
+      .center-t {
+        width: 100%;
+        height: 60%;
+        margin-bottom: 15px;
+        overflow: hidden;
+      }
+
       .center-b {
         width: 100%;
+        height: calc(40% - 15px);
       }
     }
 

src/views/vent/fire/fireHome/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="fireHome">
     <!-- 模型区域 -->
-    <div class="moduleArea">
+    <!-- <div class="moduleArea">
       <iframe src="http://82.157.13.146:18224/valkyrja" width="100%" height="100%" frameborder="0"></iframe>
-    </div>
+    </div> -->
     <div class="main-container">
       <div class="left-area">
         <!-- 左上区域 -->
@@ -39,8 +39,11 @@
         </div>
       </div>
       <div class="center-area">
+        <div class="center-t">
+          <iframe src="http://82.157.13.146:18224/valkyrja" width="100%" height="100%" frameborder="0"></iframe>
+        </div>
         <div class="center-b">
-          <DanelBd :moduleName="'工作面束管监测'" :moduleSelect="moduleSelect" :contentStyle="{ contentH: '332px' }"
+          <DanelBd :moduleName="'工作面束管监测'" :moduleSelect="moduleSelect" :contentStyle="{ contentH: '277px' }"
             commonTitle="selected" :selectList="selectList" @changeSelect="changeSelect">
             <fiberBunbleJc :bunbleData="bunbleData" />
           </DanelBd>
@@ -588,11 +591,19 @@ onMounted(() => {
       display: flex;
       flex-direction: column;
       align-items: center;
-      justify-content: flex-end;
+      justify-content: space-between;
       width: calc(40% - 30px);
 
+      .center-t {
+        width: 100%;
+        height: 60%;
+        margin-bottom: 15px;
+        overflow: hidden;
+      }
+
       .center-b {
         width: 100%;
+        height: calc(40% - 15px);
       }
     }