public/FastapiAdmin
1
0
Fork 0
mirror of https://github.com/fastapiadmin/FastapiAdmin.git synced 2026-10-07 10:21:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增用户头像字段并优化表单布局

Browse Source 
refactor(前端): 统一表单搜索组件样式和布局
style: 优化表格和卡片样式，调整高度和间距
fix(上传): 修复文件上传组件name属性缺失问题
perf(IP定位): 优化IP定位逻辑，增加内网IP判断和重试机制
docs: 更新密码修改成功后的提示信息
chore: 清理无用代码和注释
```

这个提交消息包含了多个方面的改进：
1. 新增功能(feat)：为用户表添加了avatar字段
2. 重构(refactor)：统一了前端表单搜索组件的样式和布局
3. 样式优化(style)：调整了表格和卡片的样式
4. 问题修复(fix)：修复了文件上传组件name属性缺失的问题
5. 性能优化(perf)：改进了IP定位服务的逻辑
6. 文档更新(docs)：修改了密码修改成功后的提示信息
7. 杂项(chore)：清理了无用的代码和注释

消息遵循了提交规范，每个部分都简明扼要地描述了变更内容。
This commit is contained in:
zhangtao
2025-06-01 03:12:59 +08:00
parent efb6bd779a
commit 60e6452255
46 changed files with 1477 additions and 1272 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/monitor/online/index.vue
+11 -18
View File
@@ -4,26 +4,20 @@
<!-- 搜索表单 -->
<div class="table-search-wrapper">
<a-card :bordered="false">
<a-form :model="queryState" @finish="onFinish">
<a-flex wrap="wrap" gap="small">
<a-form :model="queryState" @finish="onFinish" >
<a-flex wrap="wrap" gap="middle">
<a-form-item name="ipaddr" label="主机" >
<a-input v-model:value="queryState.ipaddr" placeholder="请输入主机地址" allowClear></a-input>
<a-input v-model:value="queryState.ipaddr" placeholder="请输入主机地址" allowClear style="width: 200px;"></a-input>
</a-form-item>
<a-form-item name="user_name" label="用户名" >
<a-input v-model:value="queryState.name" placeholder="请输入登陆用户名称" allowClear></a-input>
<a-input v-model:value="queryState.name" placeholder="请输入登陆用户名称" allowClear style="width: 200px;"></a-input>
</a-form-item>
<a-form-item name="login_location" label="登陆地点" >
<a-input v-model:value="queryState.login_location" placeholder="请输入登陆地点" allowClear></a-input>
<a-input v-model:value="queryState.login_location" placeholder="请输入登陆地点" allowClear style="width: 200px;"></a-input>
</a-form-item>
</a-flex>
<a-row>
<a-col>
<a-button type="primary" html-type="submit" :loading="loading">查询</a-button>
<a-button style="margin: 0 8px" @click="resetQuery">重置</a-button>
</a-col>
</a-row>
<a-button @click="resetQuery">重置</a-button>
</a-flex>
</a-form>
</a-card>
</div>
@@ -74,13 +68,12 @@ const loading = ref(false);
const queryState = reactive<searchType>({});
const columns = [
{ title: '会话编号', dataIndex: 'session_id', key: 'sessionId', ellipsis: true },
{ title: '登录名称', dataIndex: 'name', key: 'name', align: 'center', ellipsis: true },
{ title: '用户账号', dataIndex: 'user_name', key: 'userName', align: 'center', ellipsis: true },
{ title: '主机', dataIndex: 'ipaddr', key: 'ipaddr', align: 'center', ellipsis: true },
{ title: '会话编号', width: 320, dataIndex: 'session_id', key: 'sessionId', ellipsis: true },
{ title: '登录名称', width: 80, dataIndex: 'name', key: 'name', align: 'center', ellipsis: true },
{ title: '用户账号', width: 80, dataIndex: 'user_name', key: 'userName', align: 'center', ellipsis: true },
{ title: '主机', width: 100, dataIndex: 'ipaddr', key: 'ipaddr', align: 'center', ellipsis: true },
{ title: '登录地点', dataIndex: 'login_location', key: 'loginLocation', align: 'center', ellipsis: true },
{ title: '操作系统', dataIndex: 'os', key: 'os', align: 'center', ellipsis: true },
{ title: '浏览器', dataIndex: 'browser', key: 'browser', align: 'center', ellipsis: true },
{ title: '登录时间', dataIndex: 'login_time', key: 'loginTime', align: 'center', ellipsis: true, width: 180 },
{ title: '操作', dataIndex: 'operation', key: 'operation', align: 'center', width: 120 }
];