Просмотр исходного кода

设备详情中上面状态显示,也根据最新数据状态进行显示

yanglzh 1 год назад
Родитель
Сommit
0015082361
1 измененных файлов с 4 добавлено и 2 удалено
  1. 4 2
      src/views/iot/device/instance/detail.vue

+ 4 - 2
src/views/iot/device/instance/detail.vue

@@ -3,7 +3,9 @@
     <div class="content">
       <div class="cont_box" style="align-items: center;">
         <div class="title">设备:{{ detail.name }}</div>
-        <el-tag :type="developer_status == 2 ? 'success' : 'danger'" style="margin-left: 20px;">{{ developer_status == 2 ? '在线' : '离线' }}</el-tag>
+        <el-tag v-if="areaData.status === 0" type="info" style="margin-left: 20px;">未启用</el-tag>
+        <el-tag v-else-if="areaData.status === 1" type="danger" style="margin-left: 20px;">离线</el-tag>
+        <el-tag v-else-if="areaData.status === 2" type="success" style="margin-left: 20px;">在线</el-tag>
       </div>
     </div>
 
@@ -724,7 +726,7 @@ export default defineComponent({
 
     //打开添加属性弹窗
     const onOpenEditAttr = () => {
-      editAttrRef.value.openDialog({ productKey: state.productKey, id: 0, accessMode: 0, deviceKey: state.detail.key});
+      editAttrRef.value.openDialog({ productKey: state.productKey, id: 0, accessMode: 0, deviceKey: state.detail.key });
     };
 
     //打开添加功能弹窗