refactor: empty占位

apps/web-antd/src/views/workflow/components/approval-panel.vue

@@ -393,6 +393,7 @@ async function handleCopy(text: string) {
 </script>
 
 <template>
+  <div class="w-full">
     <Card
       v-if="task"
       :body-style="{ overflowY: 'auto', height: '100%' }"
@@ -585,5 +586,8 @@ async function handleCopy(text: string) {
         </div>
       </div>
     </Card>
-  <Fallback v-else title="点击左侧选择" />
+    <slot v-else name="empty">
+      <Fallback title="点击左侧选择" />
+    </slot>
+  </div>
 </template>

apps/web-antd/src/views/workflow/components/flow-info-modal.vue

@@ -6,6 +6,8 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
+import { Spin } from 'ant-design-vue';
+
 import { getTaskByBusinessId } from '#/api/workflow/instance';
 
 import { ApprovalPanel } from '.';
@@ -36,6 +38,14 @@ const [BasicModal, modalApi] = useVbenModal({
 
 <template>
   <BasicModal>
-    <ApprovalPanel :task="taskInfo" type="readonly" />
+    <!-- :task="taskInfo" -->
+    <ApprovalPanel type="readonly">
+      <template #empty>
+        <Spin
+          class="flex h-[200px] w-full items-center justify-center"
+          size="large"
+        />
+      </template>
+    </ApprovalPanel>
   </BasicModal>
 </template>