作品上传添加 docx

src/views/work/work/index.vue

@@ -226,7 +226,7 @@
   </el-row>
   <el-dialog v-model="dialogVisible"
              @close="video.url=''"
-             title="作品预览" width="530" draggable>
+             title="作品预览" width="1000" draggable>
 
     <div>
       <audio v-if="video.format==='mp3'" :src="video.url" controls>
@@ -239,6 +239,14 @@
       <div v-if="video.format==='pdf'" style="width:500px;height: 400px;margin: auto">
         <VueOfficePddf :src="video.url" class="docx-class"/>
       </div>
+        <div v-if="video.format==='docx'" style="width:90%;height: 80%;margin: auto">
+        <VueOfficeDocx :src="video.url"/>
+      </div>
+      <div v-if="video.format==='doc'" style="width:90%;height: 800px;margin: auto">
+<!--        <VueOfficeDoc :src="video.url" class="docx-class"/>-->
+<!--        <iframe :src="video.url" width="100%" height="500px"></iframe>-->
+        <doc-viewer :src="video.url"/>
+      </div>
     </div>
 
   </el-dialog>
@@ -255,6 +263,9 @@ import {a, f} from "vite/dist/node/types.d-jgA8ss1A";
 import {ref} from 'vue'
 //引入VueOfficePdf组件
 import VueOfficePddf from '@vue-office/pdf'
+import VueOfficeDocx from '@vue-office/docx'
+// import DocViewer from 'vue-doc-viewer';
+
 const opt = [
   {
     value: undefined,
@@ -379,8 +390,11 @@ const selectFile2 = (scope) => {
   video.value.url=''
   video.value.format=''
   dialogVisible.value = true;
-  video.value.url = scope.row.manuscriptAndMaterial;
-  video.value.format = "pdf"
+  video.value.url =scope.row.manuscriptAndMaterial;
+  const index = video.value.url.lastIndexOf(".")
+  video.value.format  = video.value.url.substring(index + 1, video.value.url.length)
+  // alert(video.value.format)
+  // video.value.format = "docx"
 }
 
 /** 搜索按钮操作 */