东泰永聚12-6

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

@@ -4,8 +4,8 @@
       <basicTree :treeData="treeData" @selectChange="selectChange"></basicTree>
     </div>
     <div class="workPlace-right-box">
-      <div style="width:100%;height:100%"
-        v-if="workBtnList.length != 0 || echartDataGx.xData.length != 0 || echartDataGx.yData.length != 0 || echartDataGx.yData1.length != 0 || card3List.length != 0 || echartData.xData.length != 0 || echartData.yData.length != 0 || echartData.yData1.length != 0">
+      <!--   v-if="workBtnList.length != 0 || echartDataGx.xData.length != 0 || echartDataGx.yData.length != 0 || echartDataGx.yData1.length != 0 || card3List.length != 0 || echartData.xData.length != 0 || echartData.yData.length != 0 || echartData.yData1.length != 0" -->
+      <div style="width:100%;height:100%">
         <!-- 光纤 -->
         <div class="top-box-card" v-if="flagShow == 'gx' || flagShow == 'all'">
           <basicCard :cardContentList="cardContentList" />
@@ -40,7 +40,7 @@
 
         </div>
         <!-- 通用 -->
-        <div :class="flagShow == 'sg' ? 'bot-box1' : 'bot-box'">
+        <div :class="flagShow == 'sg' ? 'bot-box1' : flagShow=='gx' || flagShow=='all' ? 'bot-box' : 'bot-box2'">
           <div v-for="(item, index) in botCardList" :key="index">
             <div class="bot-box-card" v-if="item.sensorList.length!=0">
               <basicSensor :sensorTitle="item.title" :sensorList="item.sensorList" :headList="headList" />
@@ -48,9 +48,9 @@
           </div>
         </div>
       </div>
-      <div style="display: flex;align-items: center;justify-content: center;width:100%;height:100%;" v-else>
+      <!-- <div style="display: flex;align-items: center;justify-content: center;width:100%;height:100%;" v-else>
         <img style="width:252px; height:172px" src="../../../../assets/images/nodata.png" alt="">
-      </div>
+      </div> -->
     </div>
 
   </div>
@@ -488,6 +488,22 @@ onMounted(() => {
       }
     }
 
+    .bot-box2{
+      display: flex;
+      flex-shrink: 0;
+      flex-wrap: wrap;
+      align-items: flex-start;
+      justify-content: flex-start;
+      height: 100%;
+      overflow-x: auto;
+
+      .bot-box-card {
+        width: calc(50% - 20px);
+        height: calc(50% - 20px);
+        margin: 10px;
+      }
+    }
+
     .composite-top-box {
       width: 100%;
       height: 275px;