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

src/views/workbench/modules/workbench-team-load.vue

@@ -3,16 +3,18 @@ import { computed } from 'vue';
 import { getWorkbenchItemColor } from '../composables/use-workbench-colors';
 import { type WorkbenchTeamLoadLevel, buildWorkbenchTeamLoadView } from '../homepage';
 import { workbenchTeamLoadMock } from '../mock';
+import { useWorkbenchRefresh } from '../composables/use-workbench-refresh';
 import WorkbenchModuleCard from './workbench-module-card.vue';
 
 defineOptions({ name: 'WorkbenchTeamLoad' });
 
 interface Props {
   editing?: boolean;
-  collapsed?: boolean;
 }
-withDefaults(defineProps<Props>(), { editing: false, collapsed: false });
-defineEmits<{ (e: 'hide'): void; (e: 'toggle-collapse'): void }>();
+withDefaults(defineProps<Props>(), { editing: false });
+defineEmits<{ (e: 'hide'): void }>();
+
+const { loading, refresh } = useWorkbenchRefresh();
 
 const view = computed(() => buildWorkbenchTeamLoadView(workbenchTeamLoadMock));
 
@@ -31,12 +33,12 @@ function urgentTooltip(dueSoon: number, overdue: number) {
 
 <template>
   <WorkbenchModuleCard
+    v-loading="loading"
     title="团队负载"
     icon="mdi:scale-balance"
     :editing="editing"
-    :collapsed="collapsed"
     @hide="$emit('hide')"
-    @toggle-collapse="$emit('toggle-collapse')"
+    @refresh="refresh"
   >
     <div class="tl-kpis">
       <div class="tl-kpi">
@@ -150,8 +152,9 @@ function urgentTooltip(dueSoon: number, overdue: number) {
   list-style: none;
   margin: 0;
   padding: 0;
-  max-height: 240px;
-  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
 }
 .tl-list::-webkit-scrollbar {
   width: 6px;