Parcourir la source

refactor(log): 优化 WAF 日志查询功能

- 更新 v-model 语法,使用 v-model:value 替代 v-model
-修正用户 ID 查询参数处理逻辑,允许为空
- 添加发送查询参数的 console.log,便于调试
fusu il y a 1 semaine
Parent
commit
6161d210d5
1 fichiers modifiés avec 8 ajouts et 6 suppressions
  1. 8 6
      web/src/pages/log/waf-log.vue

+ 8 - 6
web/src/pages/log/waf-log.vue

@@ -6,22 +6,22 @@
           <a-row :gutter="48">
             <a-col :md="6" :sm="24">
               <a-form-item label="请求IP">
-                <a-input v-model="queryParam.requestIp" placeholder="请输入请求IP" />
+                <a-input v-model:value="queryParam.requestIp" placeholder="请输入请求IP" />
               </a-form-item>
             </a-col>
             <a-col :md="6" :sm="24">
               <a-form-item label="用户ID">
-                <a-input v-model="queryParam.uid" placeholder="请输入用户ID" />
+                <a-input v-model:value="queryParam.uid" placeholder="请输入用户ID" />
               </a-form-item>
             </a-col>
             <a-col :md="6" :sm="24">
               <a-form-item label="API">
-                <a-input v-model="queryParam.api" placeholder="请输入API路径" />
+                <a-input v-model:value="queryParam.api" placeholder="请输入API路径" />
               </a-form-item>
             </a-col>
             <a-col :md="6" :sm="24">
               <a-form-item label="消息">
-                <a-input v-model="queryParam.message" placeholder="请输入日志信息" />
+                <a-input v-model:value="queryParam.message" placeholder="请输入日志信息" />
               </a-form-item>
             </a-col>
             <a-col :md="24" :sm="24">
@@ -99,9 +99,11 @@ const columns = [
 
 const fetchData = () => {
   loading.value = true;
+  
+  // 构造请求参数,并处理特殊类型
   const params = {
     requestIp: queryParam.value.requestIp || '',
-    uid: queryParam.value.uid ? parseInt(queryParam.value.uid) : 0,
+    uid: queryParam.value.uid ? parseInt(queryParam.value.uid) : '',  // 允许为空,不默认为0
     api: queryParam.value.api || '',
     message: queryParam.value.message || '',
     extraData: queryParam.value.extraData || '',
@@ -111,7 +113,7 @@ const fetchData = () => {
     order: 'desc'
   };
   
-
+  console.log('发送查询参数:', params);
   
   getWafLogList(params).then(response => {