电子档案文件查看

src/views/material/archives/index.vue

@@ -137,7 +137,7 @@
           </el-table-column>
           <el-table-column label="" align="center" width="200">
             <template slot-scope="scope">
-              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleView(scope.row)">
+              <el-button size="mini" type="text" icon="el-icon-search" @click="handleView(scope.row)" v-if="scope.row.docType!='文件夹'">
                 查看
               </el-button>
               <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">
@@ -251,7 +251,7 @@
           </el-form-item>
         </el-row>
       </el-form>
-    </el-dialog>
+    </el-dialog> 
     
   </div>
 </template>
@@ -575,7 +575,24 @@ export default {
         }
         this.breadcrumbList.push(obj)
         this.getList()
+      }else{
+        //查看文件
+        this.picturePreview(row)
       }
+    },
+     //上传组件-图片查看
+     picturePreview(file) {
+      console.log(file)
+      this.dialogImageUrl = file.docUrl.replaceAll('#','%23');
+      const parts = file.docName.split('.');
+      const extension = parts.pop();
+      console.log(extension)
+      if (extension === 'doc' || extension === 'DOC' || extension === 'docx' || extension === 'DOCX' || extension === 'pdf' || extension === 'PDF') {
+        const windowName = file.docName;
+        window.open(file.docUrl, windowName)
+      } else {
+        this.dialogVisible = true
+      } 
     },
     // 节点单击事件 - 左侧树
     handleNodeClick(data, node) {
@@ -652,9 +669,10 @@ export default {
         return true;
       }
     },
-    //******查看************
+    //查看文件
     handleView(row) {
-      console.log(row)
+      // console.log(row)
+      this.picturePreview(row)
     },
     //顶部重命名按钮
     handleReName(){