From 97593b7dc1f05e0dcaa8009d0750f6cc5f1eae33 Mon Sep 17 00:00:00 2001
From: Kven <2955163637@qq.com>
Date: Mon, 19 May 2025 10:41:44 +0800
Subject: [PATCH] =?UTF-8?q?refactor(@vben/common-ui):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=A4=9A=E4=B8=AA=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整 PPT 预览和工作视图组件的布局和样式
- 优化蜘蛛预览和工作视图组件的加载逻辑
- 更新 Word 预览组件的加载逻辑
- 移除不必要的样式和结构，提高组件性能
---
 .../common-ui/src/ui/ppt/ppt-perview.vue      |  2 +-
 .../common-ui/src/ui/ppt/ppt-work-view.vue    | 58 ++-----------------
 .../src/ui/spider/spider-preview.vue          |  2 +-
 .../src/ui/spider/spider-work-view.vue        | 16 ++---
 .../common-ui/src/ui/word/word-preview.vue    |  2 +-
 5 files changed, 17 insertions(+), 63 deletions(-)

diff --git a/packages/effects/common-ui/src/ui/ppt/ppt-perview.vue b/packages/effects/common-ui/src/ui/ppt/ppt-perview.vue
index 9131f1f..0a1974a 100644
--- a/packages/effects/common-ui/src/ui/ppt/ppt-perview.vue
+++ b/packages/effects/common-ui/src/ui/ppt/ppt-perview.vue
@@ -45,7 +45,7 @@ const [Drawer, drawerApi] = useVbenDrawer({
 });
 </script>
 <template>
-  <Drawer title="文档预览" :footer="false">
+  <Drawer class="w-[880px]" title="文档预览" :footer="false">
     <div v-if="isLoading" class="loading-overlay">正在加载文档，请稍候...</div>
     <VueOfficePptx
       :src="pptx"
diff --git a/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue b/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
index f5a383c..165602c 100644
--- a/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
+++ b/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
@@ -427,33 +427,20 @@ watch(
 <style scoped lang="less">
 .layout {
   width: 100%;
-  min-width: 1000px;
-  height: 100%;
+  min-width: 1400px;
+  max-height: 100vh;
   display: flex;
+  flex-direction: column;
   background: hsl(216deg 21.74% 95.49%);
   font-family: AlibabaPuHuiTi, v-deep(var(--ant-font-family)), sans-serif;
   border-radius: v-deep(var(--ant-border-radius));
 }
 
-.menu {
-  background: #ffffff;
-  width: 280px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.conversations {
-  padding: 0 12px;
-  flex: 1;
-  overflow-y: auto;
-}
-
 .chat {
-  height: 100%;
   width: 100%;
+  height: 100%;
+  max-height: 88vh;
   max-width: 1000px;
-  max-height: 900px;
   margin: 0 auto;
   box-sizing: border-box;
   display: flex;
@@ -462,10 +449,6 @@ watch(
   gap: 16px;
 }
 
-//.messages {
-//  flex: 1;
-//}
-
 .placeholder {
   padding-top: 32px;
   text-align: left;
@@ -474,36 +457,7 @@ watch(
 
 .sender {
   background: #ffffff;
+  width: 100%;
   box-shadow: v-deep(var(--ant-box-shadow));
 }
-
-.logo {
-  display: flex;
-  height: 72px;
-  align-items: center;
-  justify-content: start;
-  padding: 0 24px;
-  box-sizing: border-box;
-}
-
-.logo-img {
-  width: 24px;
-  height: 24px;
-  display: inline-block;
-}
-
-.logo-span {
-  display: inline-block;
-  margin: 0 8px;
-  font-weight: bold;
-  color: v-deep(var(--ant-color-text));
-  font-size: 16px;
-}
-
-.addBtn {
-  background: #1677ff0f;
-  border: 1px solid #1677ff34;
-  width: calc(100% - 24px);
-  margin: 12px 12px 24px 12px;
-}
 </style>
diff --git a/packages/effects/common-ui/src/ui/spider/spider-preview.vue b/packages/effects/common-ui/src/ui/spider/spider-preview.vue
index 5b71c97..b0ad275 100644
--- a/packages/effects/common-ui/src/ui/spider/spider-preview.vue
+++ b/packages/effects/common-ui/src/ui/spider/spider-preview.vue
@@ -35,7 +35,7 @@ const [Drawer, drawerApi] = useVbenDrawer({
     if (isOpen) {
       const data = drawerApi.getData<Record<string, any>>();
       if (data) {
-        isLoading.value = false; // 出错时也关闭加载状态
+        isLoading.value = true;
         // docx.value = `/spider/${data}`; // 更新 docx 的值
         docx.value = data; // 更新 docx 的值
       }
diff --git a/packages/effects/common-ui/src/ui/spider/spider-work-view.vue b/packages/effects/common-ui/src/ui/spider/spider-work-view.vue
index 3572e60..d49bb0a 100644
--- a/packages/effects/common-ui/src/ui/spider/spider-work-view.vue
+++ b/packages/effects/common-ui/src/ui/spider/spider-work-view.vue
@@ -76,9 +76,11 @@ defineOptions({
 
 const props = withDefaults(defineProps<Props>(), {
   itemMessage: () => null,
-  item: () => {
-    return null;
-  },
+  item: () => ({
+    id: '',
+    name: '',
+    url: '',
+  }),
   runSpider: () => async () => ({
     msg: '',
     code: '',
@@ -279,10 +281,7 @@ const startFetching = async () => {
           userId: '1562',
           conversationId: '',
           files: [],
-          inputs: {
-            publish_start_time,
-            publish_end_time,
-          },
+          inputs: {},
         },
       );
       if (res.data.outputs.files) {
@@ -396,7 +395,7 @@ const fetchStatus = ref('');
 
 // 监听 title 变化并更新 resultItems
 watch(
-  () => props.title,
+  () => props.item,
   () => {
     resultItems.value = [];
   },
@@ -508,6 +507,7 @@ watch(
       </CardContent>
       <CardFooter class="flex justify-end">
         <RangePicker
+          v-if="item.id === '77c068fd-d5b6-4c33-97d8-db5511a09b26'"
           class="mx-2"
           v-model:value="selectedDateRange"
           format="YYYY/MM/DD"
diff --git a/packages/effects/common-ui/src/ui/word/word-preview.vue b/packages/effects/common-ui/src/ui/word/word-preview.vue
index 6a407ae..5626be4 100644
--- a/packages/effects/common-ui/src/ui/word/word-preview.vue
+++ b/packages/effects/common-ui/src/ui/word/word-preview.vue
@@ -35,7 +35,7 @@ const [Drawer, drawerApi] = useVbenDrawer({
     if (isOpen) {
       const data = drawerApi.getData<Record<string, any>>();
       if (data) {
-        isLoading.value = false; // 出错时也关闭加载状态
+        isLoading.value = true;
         docx.value = `/docx/${data}`; // 更新 docx 的值
       }
       // url.value = drawerApi.getData<Record<string, any>>();