[TOC] ## 介绍 基于vue-office开发：vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。 目标是成为使用最简单，功能最强大的文件预览库； vue-office文档地址：https://501351981.github.io/vue-office/examples/docs/guide/ ## 安装 1、先确保已经安装好wooadmin系统程序，然后下载`office`插件程序解压到`addons`根目录 2、 登录后台 系统>开发管理>插件管理，找到office插件点击安装即可 3、项目/public下如果存在office目录即安装成功 ## 二次开发 `addons/office/office`是vue项目源码，如果有二开的需求，可以拷贝该目录自行开发 `npm install`安装项目依赖 `npm run dev`启动项目 `npm run build`打包项目 打包以后将`dist`中代码替换到你项目/public/office下，估计需要微改`index.html`中js和css文件路径（自行参考现有的） ## 使用 ### word预览 只支持.docx文件 url：`/office/#/word?file=待预览的docx文件` ### excel预览 只支持.xlsx文件 url：`/office/#/excel?file=待预览的xlsx文件` ### pdf预览 url：`/office/#/pdf?file=待预览的pdf文件`