refactor(projects): 1、新增执行任务，表单优化；2、删除逻辑丰富。3、修改已知问题

src/views/workbench/modules/workbench-todo-panel.vue

@@ -2,16 +2,28 @@
 import { computed, ref } from 'vue';
 import type { RouteKey } from '@elegant-router/types';
 import { useRouterPush } from '@/hooks/common/router';
-import { filterWorkbenchTodoItems } from '../homepage';
-import type { WorkbenchTodoItem, WorkbenchTodoTimeBucket } from '../homepage';
+import {
+  type WorkbenchTodoItem,
+  type WorkbenchTodoTimeBucket,
+  buildWorkbenchTodoItems,
+  filterWorkbenchTodoItems
+} from '../homepage';
+import { workbenchTodoMock } from '../mock';
+import WorkbenchModuleCard from './workbench-module-card.vue';
 
 defineOptions({ name: 'WorkbenchTodoPanel' });
 
 interface Props {
-  items: WorkbenchTodoItem[];
+  editing?: boolean;
+  collapsed?: boolean;
 }
 
-const props = defineProps<Props>();
+withDefaults(defineProps<Props>(), { editing: false, collapsed: false });
+
+defineEmits<{
+  (e: 'hide'): void;
+  (e: 'toggle-collapse'): void;
+}>();
 
 const { routerPushByKey } = useRouterPush();
 
@@ -24,14 +36,16 @@ const buckets: Array<{ key: WorkbenchTodoTimeBucket; label: string }> = [
   { key: 'overdue', label: '逾期' }
 ];
 
+const items = computed(() => buildWorkbenchTodoItems(workbenchTodoMock));
+
 const bucketCounts = computed(() => ({
-  all: props.items.length,
-  today: filterWorkbenchTodoItems(props.items, 'today').length,
-  week: filterWorkbenchTodoItems(props.items, 'week').length,
-  overdue: filterWorkbenchTodoItems(props.items, 'overdue').length
+  all: items.value.length,
+  today: filterWorkbenchTodoItems(items.value, 'today').length,
+  week: filterWorkbenchTodoItems(items.value, 'week').length,
+  overdue: filterWorkbenchTodoItems(items.value, 'overdue').length
 }));
 
-const filteredItems = computed(() => filterWorkbenchTodoItems(props.items, activeBucket.value));
+const filteredItems = computed(() => filterWorkbenchTodoItems(items.value, activeBucket.value));
 
 function handleClickItem(item: WorkbenchTodoItem) {
   if (!item.routeKey) return;
@@ -48,28 +62,27 @@ function getDeadlineToneClass(item: WorkbenchTodoItem) {
 </script>
 
 <template>
-  <ElCard class="workbench-todo card-wrapper" shadow="never">
-    <template #header>
-      <div class="workbench-todo__header">
-        <div class="workbench-todo__title-group">
-          <h3 class="workbench-todo__title">我的待办</h3>
-          <p class="workbench-todo__desc">需要我处理的需求评审、任务、工单与 @ 提醒</p>
-        </div>
-        <div class="workbench-todo__tabs">
-          <button
-            v-for="bucket in buckets"
-            :key="bucket.key"
-            type="button"
-            class="workbench-todo__tab"
-            :class="{ 'workbench-todo__tab--active': activeBucket === bucket.key }"
-            @click="activeBucket = bucket.key"
-          >
-            <span>{{ bucket.label }}</span>
-            <span class="workbench-todo__tab-count">{{ bucketCounts[bucket.key] }}</span>
-          </button>
-        </div>
-      </div>
-    </template>
+  <WorkbenchModuleCard
+    title="我的待办"
+    icon="mdi:clipboard-text-clock-outline"
+    :editing="editing"
+    :collapsed="collapsed"
+    @hide="$emit('hide')"
+    @toggle-collapse="$emit('toggle-collapse')"
+  >
+    <div class="workbench-todo__tabs">
+      <button
+        v-for="bucket in buckets"
+        :key="bucket.key"
+        type="button"
+        class="workbench-todo__tab"
+        :class="{ 'workbench-todo__tab--active': activeBucket === bucket.key }"
+        @click="activeBucket = bucket.key"
+      >
+        <span>{{ bucket.label }}</span>
+        <span class="workbench-todo__tab-count">{{ bucketCounts[bucket.key] }}</span>
+      </button>
+    </div>
 
     <div v-if="filteredItems.length" class="workbench-todo__list">
       <article
@@ -101,49 +114,15 @@ function getDeadlineToneClass(item: WorkbenchTodoItem) {
       </article>
     </div>
     <ElEmpty v-else description="当前筛选下暂无待办" :image-size="72" />
-  </ElCard>
+  </WorkbenchModuleCard>
 </template>
 
 <style scoped>
-.workbench-todo {
-  overflow: hidden;
-}
-
-:deep(.el-card__header) {
-  padding: 16px 18px;
-  border-bottom: 1px solid rgb(226 232 240 / 80%);
-}
-
-.workbench-todo__header {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.workbench-todo__title-group {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.workbench-todo__title {
-  margin: 0;
-  color: rgb(15 23 42 / 98%);
-  font-size: 16px;
-  font-weight: 700;
-}
-
-.workbench-todo__desc {
-  margin: 0;
-  color: rgb(100 116 139 / 92%);
-  font-size: 13px;
-  line-height: 1.6;
-}
-
 .workbench-todo__tabs {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
+  margin-bottom: 14px;
 }
 
 .workbench-todo__tab {