优化: 任务管理界面 UX 重构(紧凑布局/搜索/排序/分页/快捷键)

- 筛选改下拉:项目/状态从多按钮改为 select,节省垂直空间
- 新增搜索框:标题/描述关键词搜索,300ms 防抖
- 新增排序选择器:更新/创建时间/优先级/状态
- 分组可折叠:点击组头切换,记忆状态到 localStorage
- 分页默认开启:pageSize=20(原 0=全量)
- 紧凑布局:任务行密度优化,显示总条数
- 空状态引导:图标 + 新建按钮
- 模态框样式收敛:去内联 style,统一 modal-field/modal-input 类
- 桌面快捷键:Ctrl+N 新建,Ctrl+F 聚焦搜索
This commit is contained in:
2026-06-30 21:58:11 +08:00
parent 773ebb6ef6
commit 2780f6affa
3 changed files with 311 additions and 172 deletions

View File

@@ -4,6 +4,7 @@ export default {
title: '🔀 Task Queue',
refresh: '🔄 Refresh',
create: '+ New Task',
searchPlaceholder: 'Search title/description...',
// Filter bar
filter: {
@@ -11,6 +12,14 @@ export default {
status: 'Status: ',
all: 'All',
},
// Sort
sort: {
label: 'Sort: ',
updated: 'Updated',
created: 'Created',
priority: 'Priority',
status: 'Status',
},
// Status filters (with icons) — D-260616-01 aligned to backend 7 states
statusFilter: {
all: 'All',

View File

@@ -4,6 +4,7 @@ export default {
title: '🔀 任务队列',
refresh: '🔄 刷新',
create: '+ 新建任务',
searchPlaceholder: '搜索任务标题/描述...',
// 筛选栏
filter: {
@@ -11,6 +12,14 @@ export default {
status: '状态:',
all: '全部',
},
// 排序
sort: {
label: '排序:',
updated: '更新时间',
created: '创建时间',
priority: '优先级',
status: '状态',
},
// 状态筛选(含图标) — D-260616-01 对齐后端 7 态
statusFilter: {
all: '全部',