czh-20260521-更改计划名称以及优化新增分组流程

This commit is contained in:
zhihao
2026-05-21 19:16:21 +08:00
parent 43db637f60
commit b3fb3b93b9
16 changed files with 325 additions and 170 deletions
+31 -31
View File
@@ -1,33 +1,11 @@
<template>
<div class="task-sidebar">
<div class="sidebar-header">
<span class="sidebar-title">
<Icon icon="ant-design:menu-outlined" class="mr-1" />
任务
</span>
</div>
<div class="sidebar-nav">
<div
v-for="item in NAV_ITEMS"
:key="item.id"
class="sidebar-item"
:class="{ active: currentView === item.id }"
@click="emit('view-select', item.id)"
>
<Icon :icon="item.icon" class="sidebar-item-icon" />
<span>{{ item.label }}</span>
</div>
</div>
<div class="sidebar-divider"></div>
<div class="sidebar-section">
<div class="sidebar-quick-header" @click="quickAccessExpanded = !quickAccessExpanded">
<Icon icon="tasklist-arrow-down|svg" class="quick-access-arrow" :class="{ expanded: quickAccessExpanded }" />
<span class="sidebar-quick-title">快速访问</span>
<div class="sidebar-quick-header" @click="planExpanded = !planExpanded">
<Icon icon="tasklist-arrow-down|svg" class="quick-access-arrow" :class="{ expanded: planExpanded }" />
<span class="sidebar-quick-title">计划总览</span>
</div>
<template v-if="quickAccessExpanded">
<template v-if="planExpanded">
<div
v-for="item in QUICK_ACCESS_ITEMS"
:key="item.id"
@@ -43,17 +21,38 @@
<div class="sidebar-divider"></div>
<div class="sidebar-section">
<div class="sidebar-quick-header" @click="taskExpanded = !taskExpanded">
<Icon icon="tasklist-arrow-down|svg" class="quick-access-arrow" :class="{ expanded: taskExpanded }" />
<span class="sidebar-quick-title">事项总览</span>
</div>
<template v-if="taskExpanded">
<div
v-for="item in NAV_ITEMS"
:key="item.id"
class="sidebar-item sidebar-quick-access-sub"
:class="{ active: currentView === item.id }"
@click="emit('view-select', item.id)"
>
<Icon :icon="item.icon" class="sidebar-item-icon" />
<span>{{ item.label }}</span>
</div>
</template>
</div>
<div class="sidebar-divider"></div>
<div class="sidebar-section sidebar-lists-section">
<div class="sidebar-favorites-header">
<Icon icon="tasklist-task-list|svg" class="sidebar-favorites-icon" />
<span class="sidebar-favorites-name">收藏清单</span>
<span class="sidebar-favorites-name">常用计划</span>
<a-dropdown :trigger="['click']">
<Icon icon="ant-design:plus-outlined" class="sidebar-group-add" @click.stop />
<template #overlay>
<a-menu @click="onAddMenuClick">
<a-menu-item key="new-list">
<Icon icon="ant-design:file-add-outlined" class="mr-1" />
新建清单
新建计划
</a-menu-item>
<a-menu-item key="new-group">
<Icon icon="ant-design:folder-add-outlined" class="mr-1" />
@@ -190,7 +189,7 @@
v-if="getLocalGroupTaskLists(group).length === 0"
class="sidebar-empty-hint"
>
可拖拽清单加入该分组
可拖拽计划加入该分组
</div>
</div>
</template>
@@ -258,7 +257,8 @@
}
}
const quickAccessExpanded = ref(true);
const planExpanded = ref(true);
const taskExpanded = ref(true);
const ungroupedTaskLists = computed(() => {
const group = props.taskListGroups.find((g) => g.id === '__ungrouped__');
@@ -424,7 +424,7 @@
createConfirm({
iconType: 'warning',
title: '确认移除',
content: '确定从收藏清单中移除吗?',
content: '确定从常用计划移除吗?',
okText: '确认',
cancelText: '取消',
onOk: () => {