Просмотр исходного кода

feat(故障列表): 添加删除故障功能

在故障列表表格中添加操作列,支持通过点击删除按钮取消故障
zhanghaijun месяцев назад: 8
Родитель
Сommit
acc618e3b7
1 измененных файлов с 12 добавлено и 2 удалено
  1. 12 2
      src/views/train/fault/fault-list.vue

+ 12 - 2
src/views/train/fault/fault-list.vue

@@ -1,6 +1,10 @@
 <template>
   <Dialog>
-    <ArtTable rowKey="id" :show-table-header="false" :loading="loading" :data="data" :columns="columns"> </ArtTable>
+    <ArtTable rowKey="id" :show-table-header="false" :loading="loading" :data="data" :columns="columns">
+      <template #operation="{ row }">
+        <ArtButtonTable type="delete" :row="row" @click="handleDelete(row)" />
+      </template>
+    </ArtTable>
   </Dialog>
 </template>
 <script setup lang="tsx">
@@ -25,11 +29,17 @@
         { prop: 'EqpmtID', label: '设备ID' },
         { prop: 'EqpmtName', label: '设备名称' },
         { prop: 'FaultID', label: '故障ID' },
-        { prop: 'FaultTime', label: '故障触发时间', formatter: (row: FaultItem) => (row.FaultTime ?? 0) + '秒' }
+        { prop: 'FaultTime', label: '故障触发时间', formatter: (row: FaultItem) => (row.FaultTime ?? 0) + '秒' },
+        { prop: 'operation', label: '操作', width: 80, useSlot: true, fixed: 'right' }
       ]
     }
   })
 
+  const handleDelete = async (row: FaultItem) => {
+    await request.post('/serverctrl/seteqpmtfault', { EqpmtStrID: row.EqpmtID, EventType: 0, EventId: Number(row.FaultID) })
+    ElMessage.success(`故障[${row.FaultID}]已取消`)
+  }
+
   const [Dialog, dialogApi] = useDialog({
     title: '故障设备列表',
     width: '40%',