修改告警级别

2026-01-08 19:20:32 +08:00
parent 4c9b677e81
commit 4cbd2e43cb
9 changed files with 210 additions and 48 deletions
--- a/src/views/auth/role/index.vue
+++ b/src/views/auth/role/index.vue
@@ -16,7 +16,7 @@
                        show-checkbox
                        width="350px"
                        :data="menuTree"
-                        :checkStrictly="false"
+                        :checkStrictly="checkStrictly"
                        @checkChange="checkChange"
                    ></Tree>
                    <el-empty
@@ -162,6 +162,9 @@ const currentChange = (data: any) => {
    menuListId.value = data.row.id
    getFunctionsByRoleIndex({ id: data.row.id }).then((res: any) => {
        treeRef.value.treeRef.setCheckedKeys(res.data.map((item: any) => item.id))
+        setTimeout(() => {
+            checkStrictly.value = false
+        }, 100)
    })
    getSystemByRoleId({ id: data.row.id }).then((res: any) => {
        systemIds.value = res.data.systemIds || []
@@ -170,10 +173,10 @@ const currentChange = (data: any) => {

 const timeout = ref<NodeJS.Timeout>()
 const checkChange = (data: any) => {
-    // if (checkStrictly.value) {
-    //     checkStrictly.value = false
-    //     return
-    // }
+    if (checkStrictly.value) {
+        checkStrictly.value = false
+        return
+    }

    updateRoleMenu({
        id: menuListId.value,
--- a/src/views/govern/alarm/Device.vue
+++ b/src/views/govern/alarm/Device.vue
@@ -67,6 +67,22 @@ const rankOptions = ref([
    {
        value: '3',
        label: '3级'
+    },
+    {
+        value: '4',
+        label: 'DEBUG'
+    },
+    {
+        value: '5',
+        label: 'NORMAL'
+    },
+    {
+        value: '6',
+        label: 'WARN'
+    },
+    {
+        value: '7',
+        label: 'ERROR'
    }
 ])

@@ -83,14 +99,15 @@ const tableStore = new TableStore({
                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
            }
        },
-        { title: '设备名称', field: 'equipmentName', align: 'center',minWidth: 100 },
-        { title: '工程名称', field: 'engineeringName', align: 'center',minWidth: 100  },
-        { title: '项目名称', field: 'projectName', align: 'center',minWidth: 100  },
-        { title: '发生时刻', field: 'startTime', align: 'center', minWidth: 180, sortable: true },
+        { title: '设备名称', field: 'equipmentName', align: 'center', width: 120 },
+        { title: '工程名称', field: 'engineeringName', align: 'center', width: 120 },
+        { title: '项目名称', field: 'projectName', align: 'center', width: 120 },
+        { title: '发生时刻', field: 'startTime', align: 'center', width: 180, sortable: true },
        {
            title: '模块信息',
            field: 'moduleNo',
-            align: 'center',minWidth: 100 ,
+            align: 'center',
+            width: 100,
            formatter: (row: any) => {
                return row.cellValue ? row.cellValue : '/'
            }
@@ -116,14 +133,24 @@ const tableStore = new TableStore({
            width: 100,
            render: 'tag',
            custom: {
+                // 1:Ⅰ级 2:Ⅱ级 3:Ⅲ级 4:DEBUG 5:NORMAL 6:WARN 7:ERROR
+
                1: 'danger',
                2: 'warning',
-                3: 'success'
+                3: 'success',
+                4: 'warning',
+                5: 'success',
+                6: 'warning',
+                7: 'danger'
            },
            replaceValue: {
                1: '1级',
                2: '2级',
-                3: '3级'
+                3: '3级',
+                4: 'DEBUG',
+                5: 'NORMAL',
+                6: 'WARN',
+                7: 'ERROR'
            }
        }
        // {
@@ -135,7 +162,25 @@ const tableStore = new TableStore({
        // }
    ],
    beforeSearchFun: () => {},
-  
+    exportProcessingData: () => {
+        tableStore.table.allData = tableStore.table.allData.filter(item => {
+            item.level =
+                item.level == 1
+                    ? '1级'
+                    : item.level == 2
+                    ? '2级'
+                    : item.level == 3
+                    ? '3级'
+                    : item.level == 4
+                    ? 'DEBUG'
+                    : item.level == 5
+                    ? 'NORMAL'
+                    : item.level == 6
+                    ? 'WARN'
+                    : 'ERROR'
+            return item
+        })
+    }
 })

 provide('tableStore', tableStore)
--- a/src/views/govern/alarm/Front.vue
+++ b/src/views/govern/alarm/Front.vue
@@ -2,9 +2,23 @@
    <TableHeader datePicker ref="refheader" showExport>
        <template v-slot:select>
            <el-form-item label="关键词">
-                <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入前置服务器名称，ip" />
+                <el-input
+                    maxlength="32"
+                    show-word-limit
+                    v-model.trim="tableStore.table.params.searchValue"
+                    placeholder="请输入前置服务器名称，ip"
+                />
+            </el-form-item>
+            <el-form-item label="级别">
+                <el-select v-model.trim="tableStore.table.params.level" placeholder="请选择级别" clearable>
+                    <el-option
+                        v-for="item in rankOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
+                </el-select>
            </el-form-item>
-
        </template>
    </TableHeader>
    <!-- <div style="height: 300px;"> -->
@@ -21,7 +35,36 @@ import { mainHeight } from '@/utils/layout'
 const props = defineProps(['deviceTree'])

 const refheader = ref()
-
+const rankOptions = ref([
+    {
+        value: '1',
+        label: '1级'
+    },
+    {
+        value: '2',
+        label: '2级'
+    },
+    {
+        value: '3',
+        label: '3级'
+    },
+    {
+        value: '4',
+        label: 'DEBUG'
+    },
+    {
+        value: '5',
+        label: 'NORMAL'
+    },
+    {
+        value: '6',
+        label: 'WARN'
+    },
+    {
+        value: '7',
+        label: 'ERROR'
+    }
+])
 const tableStore = new TableStore({
    url: '/cs-harmonic-boot/eventUser/frontWarnInfo',
    method: 'POST',
@@ -35,34 +78,79 @@ const tableStore = new TableStore({
                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
            }
        },
-        { title: '前置服务器名称', field: 'lineId', align: 'center' ,minWidth: 120 },
-        { title: '前置服务器ip', field: 'wavePath', align: 'center' ,minWidth: 100 },
-        { title: '进程号', field: 'clDid', align: 'center',minWidth: 60  },
-        { title: '发生时刻', field: 'startTime', align: 'center', minWidth: 180, sortable: true },
-       
+        { title: '前置服务器名称', field: 'lineId', align: 'center',  width: 120 },
+        { title: '前置服务器ip', field: 'wavePath', align: 'center', width: 120 },
+        { title: '进程号', field: 'clDid', align: 'center', width: 60 },
+        { title: '发生时刻', field: 'startTime', align: 'center', width: 180, sortable: true },
+
        {
            title: '事件描述',
            field: 'tag',
            minWidth: 350
        },
-         {
+        {
            title: '告警代码',
            field: 'code',
-            align: 'center',minWidth: 100 ,
-            
+            align: 'center',
+            width: 100,

            formatter: (row: any) => {
-                 return row.cellValue ? '\u200B' + row.cellValue : '/'
+                return row.cellValue ? '\u200B' + row.cellValue : '/'
            },
            sortable: true
        },
+        {
+            title: '级别',
+            field: 'level',
+            width: 100,
+            render: 'tag',
+            custom: {
+                // 1:Ⅰ级 2:Ⅱ级 3:Ⅲ级 4:DEBUG 5:NORMAL 6:WARN 7:ERROR

+                1: 'danger',
+                2: 'warning',
+                3: 'success',
+                4: 'warning',
+                5: 'success',
+                6: 'warning',
+                7: 'danger'
+            },
+            replaceValue: {
+                1: '1级',
+                2: '2级',
+                3: '3级',
+                4: 'DEBUG',
+                5: 'NORMAL',
+                6: 'WARN',
+                7: 'ERROR'
+            }
+        }
    ],
-    beforeSearchFun: () => {}
+    beforeSearchFun: () => {},
+    exportProcessingData: () => {
+        tableStore.table.allData = tableStore.table.allData.filter(item => {
+            item.level =
+                item.level == 1
+                    ? '1级'
+                    : item.level == 2
+                    ? '2级'
+                    : item.level == 3
+                    ? '3级'
+                    : item.level == 4
+                    ? 'DEBUG'
+                    : item.level == 5
+                    ? 'NORMAL'
+                    : item.level == 6
+                    ? 'WARN'
+                    : 'ERROR'
+            return item
+        })
+    }
 })

 provide('tableStore', tableStore)
 tableStore.table.params.searchValue = ''
+tableStore.table.params.level = ''
 const deviceTreeOptions = ref<any>(props.deviceTree)
 deviceTreeOptions.value.map((item: any, index: any) => {
    if (item.children.length == 0) {
@@ -76,6 +164,5 @@ onMounted(() => {
 setTimeout(() => {
    // tableStore.table.height = mainHeight(200).height as any
 }, 0)
-
 </script>
 <style></style>