设备监控-便携式设备-暂态事件

src/views/govern/device/control/tabs/event.vue

@@ -1,7 +1,11 @@
 <template>
     <div class="header_btn">
-        <el-button type="primary" size="small" @click="handleWaveFormAnalysis(0)" v-if="!isWaveCharts">波形解析</el-button>
+        <el-button type="primary" size="small" @click="handleWaveFormAnalysis(0)" v-if="!isWaveCharts">
-        <el-button type="primary" size="small" @click="handleBack" v-if="isWaveCharts" :icon="ArrowLeft">返回</el-button>
+            波形解析
+        </el-button>
+        <el-button type="primary" size="small" @click="handleBack" v-if="isWaveCharts" :icon="ArrowLeft">
+            返回
+        </el-button>
     </div>
     <div class="view">
         <Table ref="tableRef" v-if="!isWaveCharts" />
@@ -23,18 +27,51 @@ const tableStore: any = new TableStore({
     column: [
         // { width: '60', type: 'checkbox', fixed: 'left' },
         { title: '序号', type: 'seq', width: 80 },
-        { field: 'devName', title: '发生时刻', minWidth: 170 },
+        { field: 'startTime', title: '发生时刻', minWidth: 170 },
-        { field: 'lineName', title: '工程名称', minWidth: 170 },
+        {
-        { field: 'startTime', title: '项目名称', minWidth: 170 },
+            field: 'gcName',
-        { field: 'endTime', title: '测试项名称', minWidth: 170 },
+            title: '工程名称',
-        { field: 'endTime', title: '事件描述', minWidth: 170 },
+            minWidth: 170,
-        { field: 'endTime', title: '相别', minWidth: 170 },
+            formatter: (row: any) => {
-        { field: 'endTime', title: '持续时间(s)', minWidth: 170 },
+                row.cellValue = row.cellValue ? row.cellValue : '/'
-        { field: 'endTime', title: '暂降幅值(%)', minWidth: 170 },
+                return row.cellValue
+            }
+        },
+        { field: 'projectName', title: '项目名称', minWidth: 170 },
+        { field: 'itemName', title: '测试项名称', minWidth: 170 },
+        { field: 'showName', title: '事件描述', minWidth: 170 },
+        {
+            field: 'phaseType',
+            title: '相别',
+            minWidth: 100,
+            formatter: (row: any) => {
+                row.cellValue = row.cellValue ? row.cellValue : '/'
+                return row.cellValue
+            }
+        },
+        {
+            field: 'persistTime',
+            title: '持续时间(s)',
+            minWidth: 100,
+            formatter: (row: any) => {
+                row.cellValue = row.cellValue ? row.cellValue : '/'
+                return row.cellValue
+            }
+        },
+        {
+            field: 'amplitude',
+            title: '暂降幅值(%)',
+            minWidth: 100,
+            formatter: (row: any) => {
+                row.cellValue = row.cellValue ? row.cellValue : '/'
+                return row.cellValue
+            }
+        },
         {
             title: '操作',
-            width: '180',
+            width: 180,
             render: 'buttons',
+            fixed: 'right',
             buttons: [
                 {
                     name: 'edit',
@@ -74,7 +111,7 @@ const handleWaveFormAnalysis = (val: any) => {
 }
 //返回
 const handleBack = () => {
-    isWaveCharts.value = false;
+    isWaveCharts.value = false
     tableStore.index()
 }
 defineExpose({ getTableParams })