预览文件添加支持ppt

src/views/my/initiateChange/modules/changeApply.vue

@@ -11,7 +11,7 @@ import { uploadFileApi, deleteFileApi } from "@/service/api/file";
 import Footer from './footer.vue'
 
 import PDF from 'pdf-vue3'
-import { VueOfficeDocx, VueOfficeExcel } from 'vue3-office-preview'
+import { VueOfficeDocx, VueOfficeExcel, VueOfficePptx } from 'vue3-office-preview'
 import 'vue3-office-preview/lib/style.css'
 
 const themeStore = useThemeStore();
@@ -370,14 +370,18 @@ const handleFileType = (type:string) => {
     const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg']
     const wordExtensions = ['docx']
     const excelExtensions = ['xlsx']
+    const pptExtensions = ['pptx']
+    if(imageExtensions.includes(type)){
+      return 'image'
+    }
     if(wordExtensions.includes(type)){
       return 'word'
     }
     if(excelExtensions.includes(type)){
       return 'excel'
     }
-    if(imageExtensions.includes(type)){
-      return 'image'
+    if(pptExtensions.includes(type)){
+      return 'ppt'
     }
     if(type==='pdf'){
       return 'pdf'
@@ -798,7 +802,7 @@ defineExpose({form, questions, applyAiResult, generateLevel: useAiLevel})
   :show="previewFile !== null"
   preset="card"
   :auto-focus="false"
-  :style="{ width: '1100px', height: 'auto' }"
+  :style="{ width: '80%', height: 'auto' }"
   :segmented="{ content: true, footer: true }"
   @update:show="(v) => !v && (previewFile = null)"
 >
@@ -817,23 +821,27 @@ defineExpose({form, questions, applyAiResult, generateLevel: useAiLevel})
       <div v-if="previewFile" class="max-h-[70vh] overflow-x-auto rounded-lg border">
         <!-- 图片预览 -->
         <template v-if="handleFileType(previewFile?.file_type) === 'image'">
-          <div class="flex items-center justify-center py-2">
-            <NImage :src="previewFile?.file_url" />
-          </div>
+        <div class="flex items-center justify-center py-2">
+        <NImage :src="previewFile?.file_url" />
+        </div>
         </template>
         <!-- Word 预览 -->
         <template v-if="handleFileType(previewFile?.file_type) === 'word'">
-          <VueOfficeDocx :src="previewFile?.file_url" class="w-full" />
+        <VueOfficeDocx :src="previewFile?.file_url" class="w-full items-center" />
         </template>
         <!-- Excel 预览 -->
         <template v-if="handleFileType(previewFile?.file_type) === 'excel'">
-          <VueOfficeExcel :src="previewFile?.file_url" class="w-full" />
+        <VueOfficeExcel :src="previewFile?.file_url" class="w-full items-center" />
+        </template>
+        <!-- Ppt 预览 -->
+        <template v-if="handleFileType(previewFile?.file_type) === 'ppt'">
+        <VueOfficePptx :src="previewFile?.file_url" class="w-full items-center" />
         </template>
         <!-- PDF 预览 -->
         <template v-if="handleFileType(previewFile?.file_type) === 'pdf'">
-          <div class="h-[68vh]">
-            <PDF :src="previewFile?.file_url" class="w-full h-full" />
-          </div>
+        <div class="h-[68vh]">
+        <PDF :src="previewFile?.file_url" class="w-full h-full items-center" />
+        </div>
         </template>
       </div>
     </div>