上传文件至 /
This commit is contained in:
76
README.md
Normal file
76
README.md
Normal file
@@ -0,0 +1,76 @@
|
||||
# 报销单数据提取插件
|
||||
|
||||
一个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
|
||||
17
manifest.json
Normal file
17
manifest.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "报销单数据提取插件",
|
||||
"version": "1.0",
|
||||
"description": "提取报销单网页数据并生成PDF",
|
||||
"permissions": ["activeTab", "tabs", "scripting"],
|
||||
"host_permissions": ["https://djrj.easyfees.cn/*"],
|
||||
"action": {
|
||||
"default_popup": "dist/popup.html"
|
||||
},
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": ["https://djrj.easyfees.cn/fcc/fcecf/entry/index.html*"],
|
||||
"js": ["dist/assets/content.js"]
|
||||
}
|
||||
]
|
||||
}
|
||||
1322
package-lock.json
generated
Normal file
1322
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
19
package.json
Normal file
19
package.json
Normal file
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "baoxiaochajian",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^3.5.13",
|
||||
"pdf-lib": "^1.17.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^5.2.1",
|
||||
"vite": "^6.0.3"
|
||||
}
|
||||
}
|
||||
48
popup.html
Normal file
48
popup.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>报销单数据提取</title>
|
||||
<style>
|
||||
body {
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
padding: 10px;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #45a049;
|
||||
}
|
||||
.status {
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.success {
|
||||
background-color: #d4edda;
|
||||
color: #155724;
|
||||
}
|
||||
.error {
|
||||
background-color: #f8d7da;
|
||||
color: #721c24;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>报销单数据提取</h2>
|
||||
<button id="extractBtn">提取数据并生成PDF</button>
|
||||
<div id="status" class="status"></div>
|
||||
<script type="module" src="src/popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user