feat(system): 优化设备列表展示逻辑

- 调整设备编号展示位置，解决信息冗余问题
- 优化设备状态展示方式，增加颜色区分
- 改进设备参数展示布局，提高可读性
- 统一模态样式，调整弹窗位置

web/src/components/EditCom.vue

@@ -9,6 +9,7 @@
         :disabled="disabled"
       >
         <template #role_id="item">
+          
           <a-select
             :dropdown-match-select-width="false"
             v-model:value="detailInfo.ruleForm[item.key]"
@@ -191,6 +192,10 @@ export default {
   mounted() {
     this.getRoleIdList()
   },
+  unmounted() {
+    console.log('modal');
+    
+  },
   methods: {
     async getRoleIdList() {
       const params = {
@@ -516,6 +521,16 @@ export default {
       }
 
       return ids
+    },
+    //移除校验
+    clearValidate(){
+
+      for (let i = 0; i < this.detailInfos.length; i++) {
+        // console.log(`detailInfo${i}`);
+        
+        this.$refs[`detailInfo${i}`].handleReset()
+  
+      }
     }
   }
 }