修改看板

src/views/board/index.vue

@@ -25,28 +25,32 @@
       <!--      </div>-->
       <div style="margin: 4px 0 ;">
         <img :src="icon2" alt="" style="width: 2vw">
-        <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px">温度设备</span>
+        <span
+            style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px;display: inline-block;width: 66px">温度设备</span>
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; ">( </span>
         <img :src="icon2" alt="" style="width: 2vw;filter:grayscale(100%) ">
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; "> 离线)</span>
       </div>
       <div style="margin: 4px 0 ;">
         <img :src="icon3" alt="" style="width: 2vw">
-        <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px">温湿度设备</span>
+        <span
+            style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px;display: inline-block;width: 66px">温湿度设备</span>
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; ">( </span>
         <img :src="icon3" alt="" style="width: 2vw;filter:grayscale(100%) ">
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; "> 离线)</span>
       </div>
       <div style="margin: 4px 0 ;">
         <img :src="icon4" alt="" style="width: 2vw">
-        <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px">振动设备</span>
+        <span
+            style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px;display: inline-block;width: 66px">振动设备</span>
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; ">( </span>
         <img :src="icon4" alt="" style="width: 2vw;filter:grayscale(100%) ">
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; "> 离线)</span>
       </div>
       <div style="margin: 4px 0 ;">
         <img :src="icon5" alt="" style="width: 2vw">
-        <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px">报警设备</span>
+        <span
+            style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px;display: inline-block;width: 66px">报警设备</span>
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; ">( </span>
         <img :src="icon5" alt="" style="width: 2vw;filter:grayscale(100%) ">
         <span style="line-height: 2vw;color: #fff;vertical-align: top;;font-size: 12px; "> 离线)</span>
@@ -838,6 +842,32 @@
       </div>
     </div>
 
+    <div
+        :style="{filter:(new Date().getTime() - (isOnline.E0015_4400 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
+        :class="(deviceData.E0015.E0015_4400||{}).isAlm?'icon5':'icon4'" style="top: 17%;left: 4%;">
+      <div class="deviceInfo1">
+        <div class="line"></div>
+        <div class="table1">
+          <div class="deviceName">E0015_4400</div>
+        </div>
+        <div class="table2">
+          <div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0014||{}).E0015_4400 || {})"
+               v-if="deviceData.E0014.E0014_0200[ii]>0">
+            <div>
+              <div class="info1">
+                {{ deviceMap[ii] }}
+              </div>
+              <div class="span">
+                :
+              </div>
+              <div class="info2">
+                {{ deviceData.E0014.E0014_0200[ii] }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>