Web端添加治理模块状态展示界面、模块事件展示、主动询问模块状态功能

src/views/govern/manage/factory.vue

@@ -3,11 +3,21 @@
         <TableHeader>
             <template v-slot:select>
                 <el-form-item label="关键字筛选">
-                    <el-input   v-model.trim="tableStore.table.params.searchValue" style="width: 200px" clearable placeholder="请输入设备名称/网络设备ID" />
-                    
+                    <el-input
+                        v-model.trim="tableStore.table.params.searchValue"
+                        style="width: 200px"
+                        clearable
+                        placeholder="请输入设备名称/网络设备ID"
+                    />
                 </el-form-item>
-                <el-form-item label="设备类型">
-                    <!-- <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入设备类型" /> -->
+                <el-form-item label="流程状态">
+                    <el-select v-model.trim="tableStore.table.params.process" clearable placeholder="请选择状态">
+                        <el-option label="功能调试" :value="2"></el-option>
+                        <el-option label="出厂调试" :value="3"></el-option>
+                        <el-option label="正式投运" :value="4"></el-option>
+                    </el-select>
+                </el-form-item>
+                <!-- <el-form-item label="设备类型">
                     <el-select
                         v-model.trim="tableStore.table.params.devType"
                         clearable
@@ -46,7 +56,7 @@
                         <el-option label="MQTT" value="MQTT"></el-option>
                         <el-option label="CLD" value="CLD"></el-option>
                     </el-select>
-                </el-form-item>
+                </el-form-item>-->
                 <!-- <el-form-item label="状态">
                     <el-select v-model.trim="tableStore.table.params.status" clearable placeholder="请选择状态">
                         <el-option label="未注册" :value="1"></el-option>
@@ -372,6 +382,7 @@ const tableStore = new TableStore({
                 已连接: '已连接'
             }
         },
+
         {
             title: '通讯状态',
             field: 'runStatus',
@@ -386,7 +397,33 @@ const tableStore = new TableStore({
                 2: '在线'
             }
         },
-
+        {
+            title: '流程状态',
+            field: 'process',
+            width: 100,
+            render: 'tag',
+            custom: {
+                2: 'warning',
+                3: 'warning',
+                4: 'success'
+            },
+            replaceValue: {
+                2: '功能调试',
+                3: '出厂调试',
+                4: '正式投运'
+            }
+            // formatter: row => {
+            //     return row.cellValue == '1'
+            //         ? '设备登记'
+            //         : row.cellValue == '2'
+            //         ? '功能调试'
+            //         : row.cellValue == '3'
+            //         ? '出厂调试'
+            //         : row.cellValue == '4'
+            //         ? '设备投运'
+            //         : row.cellValue
+            // }
+        },
         {
             title: '操作',
             align: 'center',
@@ -647,11 +684,12 @@ const tableStore = new TableStore({
 tableStore.table.params.orderBy = 'desc'
 tableStore.table.params.devType = ''
 tableStore.table.params.devModel = ''
+tableStore.table.params.process = ''
 tableStore.table.params.devAccessMethod = ''
 tableStore.table.params.status = ''
 tableStore.table.params.sortBy = ''
 tableStore.table.params.orderBy = ''
-tableStore.table.params.searchValue=''
+tableStore.table.params.searchValue = ''
 
 // 设备类型
 const devTypeChange = (e: any) => {