76 lines
1.7 KiB
Markdown
76 lines
1.7 KiB
Markdown
# 报销单数据提取插件
|
||
|
||
一个Chrome浏览器插件，用于从胜意费控云报销单页面提取数据并生成PDF文件。
|
||
|
||
## 功能特点
|
||
|
||
- 自动提取报销单页面的基本信息、费用明细和审批信息
|
||
- 根据指定模板生成PDF文件
|
||
- 支持自定义输出路径
|
||
|
||
## 安装方法
|
||
|
||
1. 克隆或下载本项目
|
||
2. 在Chrome浏览器中打开 `chrome://extensions/`
|
||
3. 启用"开发者模式"
|
||
4. 点击"加载已解压的扩展程序"
|
||
5. 选择本项目的根目录
|
||
|
||
## 使用说明
|
||
|
||
1. 打开胜意费控云报销单页面，例如：`https://djrj.easyfees.cn/fcc/fcecf/entry/index.html?czlx=C&djlx=99006&bxdh=FYBX20251226164`
|
||
2. 点击浏览器右上角的插件图标
|
||
3. 点击"提取数据并生成PDF"按钮
|
||
4. 等待数据提取和PDF生成完成
|
||
5. 下载生成的PDF文件
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
.
|
||
├── dist/ # 构建后的文件
|
||
├── icons/ # 插件图标
|
||
├── src/ # 源代码
|
||
│ ├── content.js # 内容脚本，用于提取页面数据
|
||
│ └── popup.js # 弹窗脚本，用于生成PDF
|
||
├── manifest.json # 插件配置文件
|
||
├── package.json # 项目依赖配置
|
||
├── vite.config.js # Vite配置文件
|
||
└── README.md # 项目说明
|
||
```
|
||
|
||
## 技术栈
|
||
|
||
- Vue 3 + Vite
|
||
- Chrome Extension API
|
||
- pdf-lib
|
||
|
||
## 注意事项
|
||
|
||
1. 请确保已正确配置manifest.json中的权限
|
||
2. 请确保模板PDF文件路径正确
|
||
3. 若页面结构发生变化，可能需要更新content.js中的选择器
|
||
|
||
## 开发说明
|
||
|
||
### 安装依赖
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
### 构建项目
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
### 开发模式
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
## 许可证
|
||
|
||
MIT |