From 443338b539e141daa1cb2d6106526eb827f1c9ba Mon Sep 17 00:00:00 2001
From: zhoumengru <zhoumengruu@icloud.com>
Date: Mon, 15 Sep 2025 14:23:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E6=96=B0=E5=A2=9E=20syslog=20?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 EditCom 组件中添加 syslog 相关配置和逻辑
- 在 log.vue 中使用 EditCom 组件实现 syslog 日志的编辑功能
- 优化 monitor.vue 中的场站切换功能，调整选择框宽度
- 修复 request/index.js 中的错误处理逻辑
---
 web/src/components/EditCom.vue | 39 +++++++++++++++++-----------------
 web/src/request/index.js       |  7 ++----
 web/src/views/monitor.vue      |  2 +-
 web/src/views/system/log.vue   |  4 ++--
 4 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/web/src/components/EditCom.vue b/web/src/components/EditCom.vue
index 402e758..1c843c0 100644
--- a/web/src/components/EditCom.vue
+++ b/web/src/components/EditCom.vue
@@ -27,7 +27,6 @@
         </template>
 
         <template #role_id="item">
-          
           <a-select
             :dropdown-match-select-width="false"
             v-model:value="detailInfo.ruleForm[item.key]"
@@ -94,7 +93,8 @@ import {
   deviceFormRules,
   alarmlogOptions,
   serviceApiOptions,
-  serviceApiFormRules
+  serviceApiFormRules,
+  syslogOptions
 } from '../../public/config/columnList'
 import DetailInfo from './DetailInfo.vue'
 import { postReq, getReq } from '@/request/api'
@@ -152,7 +152,7 @@ export default {
           value: '5'
         }
       ],
-      
+
       tip: '正在加载...',
       roleIdList: [],
       transferDialog: false,
@@ -177,24 +177,22 @@ export default {
   watch: {
     workModeIdSelect: {
       handler(n) {
-        
         switch (n) {
         case '1':
-          this.detailInfos[0].list[this.detailInfos[0].list.length-1].type='select'
+          this.detailInfos[0].list[this.detailInfos[0].list.length - 1].type = 'select'
 
-          break;
+          break
         case '5':
-          this.detailInfos[0].list[this.detailInfos[0].list.length-1].type='select'
+          this.detailInfos[0].list[this.detailInfos[0].list.length - 1].type = 'select'
 
-          break;
+          break
         default:
-          this.detailInfos[0].list[this.detailInfos[0].list.length-1].type='unshow'
-          break;
+          this.detailInfos[0].list[this.detailInfos[0].list.length - 1].type = 'unshow'
+          break
         }
-      },
+      }
       // immediate: true
     },
-   
 
     action: {
       handler(n) {
@@ -229,7 +227,7 @@ export default {
         case 'station':
           this.detailInfos = stationOptions
           this.formRules = stationFormRules
-          this.workModeIdSelect=this.detailInfos[0].ruleForm['work_mode']
+          this.workModeIdSelect = this.detailInfos[0].ruleForm['work_mode']
 
           break
         case 'device':
@@ -240,6 +238,11 @@ export default {
           this.detailInfos = alarmlogOptions
           this.formRules = {}
           break
+        case 'syslog':
+          this.detailInfos = syslogOptions
+          this.formRules = {}
+          break
+
         case 'serviceApi':
           this.detailInfos = serviceApiOptions
           this.formRules = serviceApiFormRules
@@ -257,8 +260,7 @@ export default {
     this.getRoleIdList()
   },
   unmounted() {
-    console.log('modal');
-    
+    console.log('modal')
   },
   methods: {
     async getRoleIdList() {
@@ -377,7 +379,6 @@ export default {
           edit: '/updateRole'
         }
         const { selectedRowKeys } = this.$refs.treeTable[0]
-      
 
         const data = this.filterTreeData(selectedRowKeys, this.$refs.treeTable[0].tableData)
         const arr = data.map((item) => ({
@@ -567,13 +568,11 @@ export default {
       return ids
     },
     //移除校验
-    clearValidate(){
-
+    clearValidate() {
       for (let i = 0; i < this.detailInfos.length; i++) {
         // console.log(`detailInfo${i}`);
-        
+
         this.$refs[`detailInfo${i}`].handleReset()
-  
       }
     }
   }
diff --git a/web/src/request/index.js b/web/src/request/index.js
index a5c6afe..6e04cf2 100644
--- a/web/src/request/index.js
+++ b/web/src/request/index.js
@@ -1,6 +1,6 @@
 import axios from 'axios'
 import openNotification from '../utils/notification'
-// import { message } from 'ant-design-vue'
+import { message } from 'ant-design-vue'
 import router from 'vue-router'
 const service = axios.create({
   baseURL: '/api',
@@ -17,8 +17,7 @@ service.interceptors.response.use(
     const res = response.data
 
     if (res.errCode !== 0) {
-      console.log(res, 'res')
-      if ((res.ERR_TOKEN = 2 || res.errmsg == '校验token过期')) {
+      if (res.ERR_TOKEN == 2 || res.errmsg == '校验token过期') {
         setTimeout(() => {
           // router.push({ path: '/login' })
         }, 1000)
@@ -31,8 +30,6 @@ service.interceptors.response.use(
         // })
       }
     } else {
-      console.log(res.errmsg, 'res.errmsg')
-
       message.error(res.errmsg)
     }
     return res
diff --git a/web/src/views/monitor.vue b/web/src/views/monitor.vue
index d8afdec..84ea3bd 100644
--- a/web/src/views/monitor.vue
+++ b/web/src/views/monitor.vue
@@ -4,7 +4,7 @@
       <div class="left">
         <div class="search-item">
           <span>场站切换</span>
-          <a-select v-model:value="selectStationId" style="width: 400px" @change="getStationChange">
+          <a-select v-model:value="selectStationId" style="width: 300px" @change="getStationChange">
             <a-select-option v-for="station in stations" :value="station['station_id']"
               >{{ station.name }}
             </a-select-option>
diff --git a/web/src/views/system/log.vue b/web/src/views/system/log.vue
index cbcb58b..00cbb5b 100644
--- a/web/src/views/system/log.vue
+++ b/web/src/views/system/log.vue
@@ -26,9 +26,9 @@
     <a-modal v-model:open="formModal" width="750px" style="top: 80px" :footer="null">
       <!-- action:edit add -->
       <EditCom
-        :record="record"
+        :record="formState"
         @operateForm="operateForm"
-        type="user"
+        type="syslog"
         :action="formStatus"
       ></EditCom>
     </a-modal>