feat(projects): 工作台小组件设计
This commit is contained in:
@@ -4,32 +4,17 @@ import { markRaw, shallowRef } from 'vue';
|
||||
export type WorkbenchModuleKey =
|
||||
// 保留:现有 key 沿用(避免影响线上用户布局存储)
|
||||
| 'myTodo' // A1 · 我的待办
|
||||
| 'myRequirement' // B9 · 我的需求
|
||||
| 'myProject' // B7 · 我参与的项目
|
||||
| 'shortcut' // E19 · 快捷入口
|
||||
| 'projectHealth' // C15 · 产品 / 项目健康度
|
||||
| 'favorite' // E21 · 我的收藏 / 关注
|
||||
// 重构(key 沿用,组件内容重写)
|
||||
| 'myTask' // A2 · 我的今日(原"我的任务")
|
||||
| 'teamTodo' // C11 · 团队任务看板(原"团队待办汇总")
|
||||
// 新增 15 个(蓝图 2026-05-22,原 A3 myTicket 已废弃:与"我的待办 → 工单"重复且工单业务未上线)
|
||||
| 'mentions' // A4 · @我的提及
|
||||
| 'approval' // A5 · 待审批(管理者)
|
||||
| 'worklogReminder' // A6 · 工时填报提醒(动作型)
|
||||
// 新增(蓝图 2026-05-22,原 A3 myTicket、A4 mentions、A5 approval、A6 worklogReminder、B10 personalItem、F23 projectSnapshot、C11 teamTodo、E21 favorite 已废弃,F23 已并入 B7 myProject "我负责的" tab)
|
||||
| 'myExecution' // B8 · 我负责的执行
|
||||
| 'personalItem' // B10 · 我的个人事项
|
||||
| 'projectSnapshot' // F23 · 项目深度快照(对象快照 / pin)
|
||||
| 'productSnapshot' // F24 · 产品深度快照(对象快照 / pin)
|
||||
| 'teamWorklog' // C12 · 团队工时分布(管理者)
|
||||
| 'productSnapshot' // F24 · 产品深度快照(对象快照 / 当前对象切换)
|
||||
| 'teamLoad' // C13 · 团队负载(管理者)
|
||||
| 'riskAlert' // C14 · 风险预警(管理者)
|
||||
| 'myWeekWorklog' // D16 · 我的本周工时
|
||||
| 'myCompletionRate' // D17 · 我的完成率
|
||||
| 'ticketSla' // D18 · 工单 SLA 总览(管理者 + 工单待开发)
|
||||
| 'recentVisit' // E20 · 最近访问
|
||||
| 'myWeekWorklog' // D16 · 工时(含「我的工时 / 团队工时」两 tab,原 C12 teamWorklog 已并入)
|
||||
| 'noticeNotification'; // E22 · 公告 + 通知摘要
|
||||
|
||||
// 扩展:action(动作型 widget)、snapshot(对象快照型 widget,需 pin 一个对象)
|
||||
// 扩展:action(动作型 widget)、snapshot(对象快照型 widget,需指定一个对象)
|
||||
export type WorkbenchModuleCategory = 'personal' | 'manager' | 'tool' | 'action' | 'snapshot';
|
||||
export type WorkbenchColumnId = 'left' | 'right';
|
||||
|
||||
@@ -46,8 +31,12 @@ export interface WorkbenchModuleMeta {
|
||||
|
||||
const placeholder = markRaw({ render: () => null });
|
||||
|
||||
// 默认布局(2026-05-27 调整,对应 WORKBENCH_LAYOUT_VERSION=3):
|
||||
// left: myTodo(1) → myExecution(2)
|
||||
// right: shortcut(1) → myProject(2) → myWeekWorklog(3) → teamLoad(4)
|
||||
// hidden: projectHealth, noticeNotification, productSnapshot
|
||||
// (noticeNotification 隐藏原因:公告搬到 banner、通知归全局头部铃铛)
|
||||
const registry: WorkbenchModuleMeta[] = [
|
||||
// === 保留 6 个:默认布局沿用原配置,用户线上布局 0 影响 ===
|
||||
{
|
||||
key: 'myTodo',
|
||||
component: placeholder,
|
||||
@@ -59,35 +48,15 @@ const registry: WorkbenchModuleMeta[] = [
|
||||
defaultOrder: 1
|
||||
},
|
||||
{
|
||||
key: 'myTask',
|
||||
key: 'myExecution',
|
||||
component: placeholder,
|
||||
displayName: '我的今日',
|
||||
icon: 'mdi:calendar-check-outline',
|
||||
displayName: '我负责的执行',
|
||||
icon: 'mdi:flag-checkered',
|
||||
category: 'personal',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 2
|
||||
},
|
||||
{
|
||||
key: 'myRequirement',
|
||||
component: placeholder,
|
||||
displayName: '我的需求',
|
||||
icon: 'mdi:file-document-multiple-outline',
|
||||
category: 'personal',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 3
|
||||
},
|
||||
{
|
||||
key: 'myProject',
|
||||
component: placeholder,
|
||||
displayName: '我参与的项目',
|
||||
icon: 'mdi:briefcase-outline',
|
||||
category: 'personal',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 1
|
||||
},
|
||||
{
|
||||
key: 'shortcut',
|
||||
component: placeholder,
|
||||
@@ -96,8 +65,39 @@ const registry: WorkbenchModuleMeta[] = [
|
||||
category: 'tool',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 1
|
||||
},
|
||||
{
|
||||
key: 'myProject',
|
||||
component: placeholder,
|
||||
displayName: '我的项目',
|
||||
icon: 'mdi:briefcase-outline',
|
||||
category: 'personal',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 2
|
||||
},
|
||||
{
|
||||
key: 'myWeekWorklog',
|
||||
component: placeholder,
|
||||
displayName: '工时',
|
||||
icon: 'mdi:timer-outline',
|
||||
category: 'personal',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 3
|
||||
},
|
||||
{
|
||||
key: 'teamLoad',
|
||||
component: placeholder,
|
||||
displayName: '团队负载',
|
||||
icon: 'mdi:scale-balance',
|
||||
category: 'manager',
|
||||
defaultVisible: true,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 4
|
||||
},
|
||||
// === 默认隐藏(用户可从 widget 库拖回) ===
|
||||
{
|
||||
key: 'projectHealth',
|
||||
component: placeholder,
|
||||
@@ -109,86 +109,14 @@ const registry: WorkbenchModuleMeta[] = [
|
||||
defaultOrder: 10
|
||||
},
|
||||
{
|
||||
key: 'teamTodo',
|
||||
key: 'noticeNotification',
|
||||
component: placeholder,
|
||||
displayName: '团队任务看板',
|
||||
icon: 'mdi:view-column-outline',
|
||||
category: 'manager',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 11
|
||||
},
|
||||
{
|
||||
key: 'favorite',
|
||||
component: placeholder,
|
||||
displayName: '我的收藏 / 关注',
|
||||
icon: 'mdi:star-outline',
|
||||
displayName: '公告 + 通知',
|
||||
icon: 'mdi:bullhorn-outline',
|
||||
category: 'tool',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 30
|
||||
},
|
||||
|
||||
// === 新增 15 个:默认全部 hidden,进 widget 库待用户挑(避免一上来挤爆工作台) ===
|
||||
{
|
||||
key: 'mentions',
|
||||
component: placeholder,
|
||||
displayName: '@我的提及',
|
||||
icon: 'mdi:at',
|
||||
category: 'personal',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 21
|
||||
},
|
||||
{
|
||||
key: 'approval',
|
||||
component: placeholder,
|
||||
displayName: '待审批',
|
||||
icon: 'mdi:checkbox-multiple-marked-outline',
|
||||
category: 'manager',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 22
|
||||
},
|
||||
{
|
||||
key: 'worklogReminder',
|
||||
component: placeholder,
|
||||
displayName: '工时填报提醒',
|
||||
icon: 'mdi:timer-sand',
|
||||
category: 'action',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 20
|
||||
},
|
||||
{
|
||||
key: 'myExecution',
|
||||
component: placeholder,
|
||||
displayName: '我负责的执行',
|
||||
icon: 'mdi:flag-checkered',
|
||||
category: 'personal',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 23
|
||||
},
|
||||
{
|
||||
key: 'personalItem',
|
||||
component: placeholder,
|
||||
displayName: '我的个人事项',
|
||||
icon: 'mdi:format-list-checks',
|
||||
category: 'personal',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 24
|
||||
},
|
||||
{
|
||||
key: 'projectSnapshot',
|
||||
component: placeholder,
|
||||
displayName: '项目深度快照',
|
||||
icon: 'mdi:image-area',
|
||||
category: 'snapshot',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 40
|
||||
defaultOrder: 11
|
||||
},
|
||||
{
|
||||
key: 'productSnapshot',
|
||||
@@ -199,86 +127,6 @@ const registry: WorkbenchModuleMeta[] = [
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 41
|
||||
},
|
||||
{
|
||||
key: 'teamWorklog',
|
||||
component: placeholder,
|
||||
displayName: '团队工时分布',
|
||||
icon: 'mdi:chart-bar',
|
||||
category: 'manager',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 12
|
||||
},
|
||||
{
|
||||
key: 'teamLoad',
|
||||
component: placeholder,
|
||||
displayName: '团队负载',
|
||||
icon: 'mdi:scale-balance',
|
||||
category: 'manager',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 13
|
||||
},
|
||||
{
|
||||
key: 'riskAlert',
|
||||
component: placeholder,
|
||||
displayName: '风险预警',
|
||||
icon: 'mdi:alert-octagon-outline',
|
||||
category: 'manager',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 14
|
||||
},
|
||||
{
|
||||
key: 'myWeekWorklog',
|
||||
component: placeholder,
|
||||
displayName: '我的本周工时',
|
||||
icon: 'mdi:chart-line',
|
||||
category: 'personal',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 25
|
||||
},
|
||||
{
|
||||
key: 'myCompletionRate',
|
||||
component: placeholder,
|
||||
displayName: '我的完成率',
|
||||
icon: 'mdi:chart-donut',
|
||||
category: 'personal',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'left',
|
||||
defaultOrder: 26
|
||||
},
|
||||
{
|
||||
key: 'ticketSla',
|
||||
component: placeholder,
|
||||
displayName: '工单 SLA 总览',
|
||||
icon: 'mdi:timer-alert-outline',
|
||||
category: 'manager',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 15
|
||||
},
|
||||
{
|
||||
key: 'recentVisit',
|
||||
component: placeholder,
|
||||
displayName: '最近访问',
|
||||
icon: 'mdi:history',
|
||||
category: 'tool',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 31
|
||||
},
|
||||
{
|
||||
key: 'noticeNotification',
|
||||
component: placeholder,
|
||||
displayName: '公告 + 通知',
|
||||
icon: 'mdi:bullhorn-outline',
|
||||
category: 'tool',
|
||||
defaultVisible: false,
|
||||
defaultColumn: 'right',
|
||||
defaultOrder: 32
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
Reference in New Issue
Block a user