From e0bdea1f6713c0fe044af252eed3c102aab5f624 Mon Sep 17 00:00:00 2001
From: Tony <weijialin@inspur.com>
Date: Mon, 4 Dec 2023 16:30:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E5=A4=87=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 god-ui/src/views/deviceInfo/home/index.vue | 14 +++++---------
 god-ui/src/views/index.vue                 |  6 +++++-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/god-ui/src/views/deviceInfo/home/index.vue b/god-ui/src/views/deviceInfo/home/index.vue
index 58a5b451..64a047e7 100644
--- a/god-ui/src/views/deviceInfo/home/index.vue
+++ b/god-ui/src/views/deviceInfo/home/index.vue
@@ -23,12 +23,11 @@
             <el-table-column label="设备编号" align="center" prop="num" />
             <el-table-column label="名称" align="center" prop="name" />
             <el-table-column label="设备类型" align="center" prop="type" />
-            <el-table-column
-              label="设备状态"
-              align="center"
-              class="zzz"
-              prop="status"
-            />
+            <el-table-column label="设备状态" align="center" prop="status">
+              <template slot-scope="scope">
+                  <span :style="`color: ${scope.row.status === '离线' ? 'red' : '#62cfa2'};`">{{ scope.row.status }}</span>
+              </template>
+            </el-table-column>
             <el-table-column label="品牌" align="center" prop="brand" />
           </el-table>
         </div>
@@ -153,9 +152,6 @@ export default {
 </script>
 <style scoped lang="scss">
 @import url(../../../styles/mainPage.scss);
-.zzz {
-  color: red;
-}
 .top-card-inner {
   flex-direction: row !important;
   box-shadow: 2px 2px 2px #25252525;
diff --git a/god-ui/src/views/index.vue b/god-ui/src/views/index.vue
index 0ddc023e..0d53217d 100644
--- a/god-ui/src/views/index.vue
+++ b/god-ui/src/views/index.vue
@@ -4,6 +4,7 @@
     <energy-home v-else-if="port === '9160'"></energy-home>
     <machinery-home v-else-if="port === '9170'"></machinery-home>
     <deviceMap v-else-if="port === '9190'"></deviceMap>
+    <device-info v-else-if="port === '9210'"></device-info>
     <cityManageMap v-else-if="port === '9180'" />
     <operate-home v-else-if="port === '80' || port === ''"></operate-home>
     <home-page v-else></home-page>
@@ -16,6 +17,8 @@ import EnergyHome from './energy/home/index.vue'
 import MachineryHome from './machinery/home/index.vue'
 import deviceMap from './monitorMap/deviceMap/index.vue'
 import cityManageMap from './cityManage/map/index.vue'
+import deviceInfo from './deviceInfo/home/index.vue'
+
 export default {
   components: {
     HomePage,
@@ -23,7 +26,8 @@ export default {
     EnergyHome,
     MachineryHome,
     deviceMap,
-    cityManageMap
+    cityManageMap,
+    deviceInfo
   },
   data() {
     return {