onlyoffice加载问题

src/views/caseManagement/components/addCase.vue

@@ -109,7 +109,7 @@
           <el-col :span="24" v-if="modelFlag">
             <el-form-item label="调解申请书:">
               <div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 3">
-                <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
+                <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath, 1)">
                   {{ item.annexName }}
                 </div>
               </div>
@@ -118,7 +118,7 @@
           <el-col :span="24" v-if="modelFlag && showmediate">
             <el-form-item label="调解书:">
               <div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 7">
-                <div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId)">
+                <div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId, 2)">
                   {{ item.annexName }}
                 </div>
               </div>
@@ -205,7 +205,8 @@
     ]">
               <el-select v-model="formData.affiliate.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;"
                 disabled>
-                <el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel" :value="Number(item.dictValue)">
+                <el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel"
+                  :value="Number(item.dictValue)">
 
                 </el-option>
               </el-select>
@@ -647,8 +648,8 @@ export default {
   },
   methods: {
     /** 获取证件类型 */
-    getIdTypeFn(){
-      getIdType().then(res=>{
+    getIdTypeFn() {
+      getIdType().then(res => {
         this.idTypeList = res.data;
       })
     },
@@ -711,9 +712,12 @@ export default {
       });
     },
     /** 查看证据 */
-    fileDetil(val) {
-      // window.open(this.fileURL + val);
-      this.$router.push({ path: '/onlyoffice', query: { id: val, flag: 0 } })
+    fileDetil(val, flag) {
+      if (flag == 1) {
+        window.open(this.fileURL + val);
+      } else if (flag == 2) {
+        this.$router.push({ path: '/onlyoffice', query: { id: val, flag: 0 } })
+      }
     },
     /** 查看证据 */
     toPreview(val) {
@@ -744,7 +748,7 @@ export default {
       return this.$confirm(`确定移除 ${file.name}？`);
     },
     handleRemove(file, fileList) {
-      let newcaseAttachList = this.formData.caseAttachList.filter(item => 
+      let newcaseAttachList = this.formData.caseAttachList.filter(item =>
         item.annexId !== file.response.annexId
       )
       this.formData.caseAttachList = newcaseAttachList