Преглед изворни кода

✨ feat(logs): 优化日志查询用户选择功能

- 引入UserSelect组件替代原有的用户名和用户ID输入框
- 移除username查询参数,统一使用userId进行用户筛选
- 调整用户选择框样式,宽度改为w-36并设置字体大小为12px
- 优化查询参数构建逻辑,移除username相关处理代码
yourname пре 4 месеци
родитељ
комит
c45c80367c
1 измењених фајлова са 6 додато и 18 уклоњено
  1. 6 18
      src/client/admin/pages/Logs.tsx

+ 6 - 18
src/client/admin/pages/Logs.tsx

@@ -3,6 +3,7 @@ import { Table, Button, Space, Input, Form, DatePicker, Select, Collapse, Row, C
 import { SearchOutlined, FilterOutlined, DownOutlined, RightOutlined } from '@ant-design/icons';
 import { useQuery } from '@tanstack/react-query';
 import { operationLogsClient } from '@/client/api';
+import UserSelect from '@/client/admin/components/UserSelect';
 import type { InferResponseType } from 'hono/client';
 import dayjs from 'dayjs';
 
@@ -37,7 +38,6 @@ const Logs: React.FC = () => {
     if (filters.method) queryParams.method = filters.method;
     if (filters.endpoint) queryParams.endpoint = filters.endpoint;
     if (filters.userId) queryParams.userId = filters.userId;
-    if (filters.username) queryParams.username = filters.username;
     if (filters.ipAddress) queryParams.ipAddress = filters.ipAddress;
     if (filters.status) queryParams.status = filters.status;
     if (filters.dateRange?.[0]) queryParams.startDate = filters.dateRange[0].format('YYYY-MM-DD');
@@ -154,7 +154,6 @@ const Logs: React.FC = () => {
           method: values.method,
           endpoint: values.endpoint,
           userId: values.userId,
-          username: values.username,
           ipAddress: values.ipAddress,
           status: values.status,
           dateRange: values.dateRange
@@ -323,12 +322,11 @@ const Logs: React.FC = () => {
                     </Form.Item>
                   </Col>
                   <Col>
-                    <Form.Item name="username" label="用户名" style={{ marginBottom: 0 }}>
-                      <Input
-                        placeholder="用户名"
-                        allowClear
-                        className="w-24"
-                        size="small"
+                    <Form.Item name="userId" label="操作用户" style={{ marginBottom: 0 }}>
+                      <UserSelect
+                        placeholder="选择用户"
+                        className="w-36"
+                        style={{ fontSize: 12 }}
                       />
                     </Form.Item>
                   </Col>
@@ -352,16 +350,6 @@ const Logs: React.FC = () => {
                       />
                     </Form.Item>
                   </Col>
-                  <Col>
-                    <Form.Item name="userId" label="用户ID" style={{ marginBottom: 0 }}>
-                      <Input
-                        placeholder="用户ID"
-                        allowClear
-                        className="w-20"
-                        size="small"
-                      />
-                    </Form.Item>
-                  </Col>
                 </Row>
               </div>
             )}