feat(projects): 工作台部分组件调成真实数据

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

@@ -22,6 +22,7 @@ import {
   sortWorkbenchTodoItemsByPriority
 } from '../homepage';
 import { workbenchTodoMock } from '../mock';
+import { useWorkbenchRefresh } from '../composables/use-workbench-refresh';
 import WorkbenchModuleCard from './workbench-module-card.vue';
 import IconMdiCheckCircleOutline from '~icons/mdi/check-circle-outline';
 import IconMdiCloseCircleOutline from '~icons/mdi/close-circle-outline';
@@ -36,18 +37,18 @@ defineOptions({ name: 'WorkbenchTodoPanel' });
 
 interface Props {
   editing?: boolean;
-  collapsed?: boolean;
 }
 
-withDefaults(defineProps<Props>(), { editing: false, collapsed: false });
+withDefaults(defineProps<Props>(), { editing: false });
 
 defineEmits<{
   (e: 'hide'): void;
-  (e: 'toggle-collapse'): void;
 }>();
 
 const { routerPushByKey } = useRouterPush();
 
+const { loading, refresh } = useWorkbenchRefresh();
+
 const PAGE_SIZE = 5;
 
 const activeTab = ref<WorkbenchTodoMainTab>('all');
@@ -333,12 +334,12 @@ onMounted(loadOvertimeApprovalItems);
 
 <template>
   <WorkbenchModuleCard
+    v-loading="loading"
     title="我的待办"
     icon="mdi:clipboard-text-clock-outline"
     :editing="editing"
-    :collapsed="collapsed"
     @hide="$emit('hide')"
-    @toggle-collapse="$emit('toggle-collapse')"
+    @refresh="refresh"
   >
     <div class="workbench-todo__tabs">
       <div class="workbench-todo__tabs-group">
@@ -493,10 +494,12 @@ onMounted(loadOvertimeApprovalItems);
       />
     </div>
 
+    <!-- append-to-body：脱离 grid item 的 transform 容器，弹窗才能正常全屏居中 -->
     <PersonalItemOperateDialog
       v-model:visible="addDialogVisible"
       operate-type="add"
       :row-data="null"
+      append-to-body
       @submitted="handleAddSubmitted"
     />
 
@@ -691,9 +694,11 @@ onMounted(loadOvertimeApprovalItems);
 }
 
 .workbench-todo__content {
-  min-height: 400px;
+  flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
+  overflow: auto;
 }
 
 .workbench-todo__content :deep(.el-empty) {