需求变更整改

src/views/govern/manage/monthly.vue

@@ -1,7 +1,15 @@
 <template>
     <div class="default-main">
         <TableHeader datePicker ref="refheader" showExport>
-            <template v-slot:select></template>
+            <template v-slot:select>
+                <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>
+            </template>
         </TableHeader>
         <Table ref="tableRef" />
     </div>
@@ -12,6 +20,9 @@ import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import { queryByCode, queryByid, queryCsDictTree } from '@/api/system-boot/dictTree'
+defineOptions({
+    name: 'manage/monthly'
+})
 const refheader = ref()
 const devModelOptions: any = ref([])
 queryByCode('Device_Type').then(res => {
@@ -39,22 +50,57 @@ const tableStore = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { title: '工程名称', field: 'engineeringName' },
-        { title: '项目名称', field: 'projectName' },
-        { title: '设备名称', field: 'devName' },
+        { title: '工程名称', field: 'engineeringName', minWidth: 150 },
+        { title: '项目名称', field: 'projectName', minWidth: 130 },
+        { title: '设备名称', field: 'devName', minWidth: 130 },
+        { title: '监测点名称', field: 'lineName', minWidth: 130 },
+        {
+            title: '投运时间',
+            field: 'operationalTime',
+            width: 180,
+            sortable: true
+        },
+        {
+            title: '数据更新时间',
+            field: 'latestTime',
+            width: 180,
+            sortable: true,
+            formatter: (row: any) => {
+                return row.cellValue || '/'
+            }
+        },
+
         {
             title: '设备型号',
             field: 'devType',
+            width: 130,
             formatter: row => {
                 return devModelOptions.value.filter((item: any) => item.value == row.cellValue)[0]?.label
             }
         },
-        { title: 'Mac地址', field: 'mac' },
-        { title: '监测点名称', field: 'lineName' },
+        { title: 'Mac地址', field: 'mac', width: 140 },
+        {
+            title: '流程阶段',
+            field: 'process',
+            width: 100,
+            render: 'tag',
+            custom: {
+                2: 'warning',
+                3: 'warning',
+                4: 'success'
+            },
+            replaceValue: {
+                2: '功能调试',
+                3: '出厂调试',
+                4: '正式投运'
+            },
+            minWidth: 80
+        },
         {
             title: '运行状态',
             field: 'operationalStatus',
             render: 'tag',
+            width: 100,
             custom: {
                 停运: 'danger',
                 在运: 'success'
@@ -78,26 +124,15 @@ const tableStore = new TableStore({
                 在线: '在线'
             }
         },
-        {
-            title: '投运时间',
-            field: 'operationalTime',
-            width: 160
-        },
-        {
-            title: '数据更新时间',
-            field: 'latestTime',
-            width: 160,
-            formatter: (row: any) => {
-                return row.cellValue || '/'
-            }
-        },
-        { title: '在线率(%)', field: 'onlineRate' },
-        { title: '完整性(%)', field: 'integrity' }
+
+        { title: '在线率(%)', width: 100, field: 'onlineRate', sortable: true },
+        { title: '完整性(%)', width: 100, field: 'integrity', sortable: true }
     ],
     beforeSearchFun: () => {}
 })
 
 provide('tableStore', tableStore)
+tableStore.table.params.process = 4
 //   "target": [],
 //   "type": "",
 //   "userId": ""