修改 模块运行状态页面添加数据展示

src/views/govern/manage/factory.vue

@@ -10,13 +10,30 @@
                         placeholder="请输入设备名称/网络设备ID"
                     />
                 </el-form-item>
-                <el-form-item label="流程状态">
+                <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.connectStatus"
+                        clearable
+                        placeholder="请选择物联状态"
+                    >
+                        <el-option label="已连接" :value="1"></el-option>
+                        <el-option label="未连接" :value="0"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="设备状态">
+                    <el-select v-model.trim="tableStore.table.params.runStatus" clearable placeholder="请选择状态">
+                        
+                        <el-option label="在线" :value="2"></el-option>
+                        <el-option label="离线" :value="1"></el-option>
+                    </el-select>
+                </el-form-item>
                 <!-- <el-form-item label="设备类型">
                     <el-select
                         v-model.trim="tableStore.table.params.devType"
@@ -283,6 +300,7 @@ const formDevModelOptionsFilter = computed(() => {
 const tableStore = new TableStore({
     url: '/cs-device-boot/EquipmentDelivery/list',
     method: 'POST',
+
     column: [
         {
             width: '60',
@@ -369,7 +387,7 @@ const tableStore = new TableStore({
         },
         // { title: 'MQTT状态', field: 'connectStatus',   width: 100, },
         {
-            title: 'MQTT状态',
+            title: '物联状态',
             field: 'connectStatus',
             width: 100,
             render: 'tag',
@@ -384,7 +402,7 @@ const tableStore = new TableStore({
         },
 
         {
-            title: '通讯状态',
+            title: '设备状态',
             field: 'runStatus',
             width: 100,
             render: 'tag',
@@ -398,7 +416,7 @@ const tableStore = new TableStore({
             }
         },
         {
-            title: '流程状态',
+            title: '流程阶段',
             field: 'process',
             width: 100,
             render: 'tag',
@@ -684,12 +702,14 @@ const tableStore = new TableStore({
 tableStore.table.params.orderBy = 'desc'
 tableStore.table.params.devType = ''
 tableStore.table.params.devModel = ''
-tableStore.table.params.process = ''
+tableStore.table.params.process = 2
 tableStore.table.params.devAccessMethod = ''
 tableStore.table.params.status = ''
 tableStore.table.params.sortBy = ''
 tableStore.table.params.orderBy = ''
 tableStore.table.params.searchValue = ''
+tableStore.table.params.connectStatus = ''
+tableStore.table.params.runStatus = ''
 
 // 设备类型
 const devTypeChange = (e: any) => {