feat: 设备信息首页调整

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;

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 {