vue
This commit is contained in:
619
README.md
619
README.md
@@ -1,536 +1,191 @@
|
|||||||
# 南京公共工程建设中心 - 公告采集工具
|
# 公告抓取与分析工具
|
||||||
|
|
||||||
一个用于采集南京公共工程建设中心公告信息的 Web 可视化工具，支持定时任务和邮件推送。
|
一个用于管理公告抓取任务、查看抓取结果、查询项目数据并维护系统配置的工具。
|
||||||
|
|
||||||
## 功能特性
|
当前项目结构已经升级为：
|
||||||
|
|
||||||
- ✅ 采集公告列表(支持分页)
|
- 前端：Vue 3 + JavaScript + Vite + Vue Router + Axios + Element Plus
|
||||||
- ✅ 按时间范围智能采集
|
- 后端：Node.js + Express
|
||||||
- ✅ 采集公告详情内容
|
- 数据存储：better-sqlite3
|
||||||
- ✅ 智能提取预算金额
|
- 调度：node-cron
|
||||||
- ✅ 生成统计报告
|
- 邮件：nodemailer
|
||||||
- ✅ Web 可视化界面
|
|
||||||
- ✅ 导出 Word/Markdown 报告
|
|
||||||
- ✅ RESTful API 支持
|
|
||||||
- ✅ **定时任务自动采集**
|
|
||||||
- ✅ **邮件推送 HTML 报告**
|
|
||||||
- ✅ **Web 配置界面**
|
|
||||||
- ✅ **无需数据库，轻量部署**
|
|
||||||
|
|
||||||
## 快速开始
|
## 功能概览
|
||||||
|
|
||||||
### 1. 安装依赖
|
- 任务管理：新增、编辑、启用、禁用、删除任务
|
||||||
|
- 手动执行：支持单任务运行和批量运行
|
||||||
|
- 结果查看：按城市、板块、类型筛选抓取结果
|
||||||
|
- 项目查询：按项目名称、金额、日期范围过滤项目
|
||||||
|
- 系统设置：维护 Agent、定时任务、邮件配置
|
||||||
|
- 定时调度：支持 cron 表达式配置
|
||||||
|
- 数据持久化：任务与结果保存在 SQLite
|
||||||
|
|
||||||
|
## 环境要求
|
||||||
|
|
||||||
|
- Node.js 20 及以上可运行当前项目
|
||||||
|
- 建议使用 Node.js 22
|
||||||
|
|
||||||
|
说明：
|
||||||
|
|
||||||
|
- 当前依赖 `@mendable/firecrawl-js` 会提示要求 Node `>=22`
|
||||||
|
- 目前在 Node `20.19.4` 下可以安装、构建和启动
|
||||||
|
- 如果后续采集运行时出现环境兼容问题，优先升级到 Node 22
|
||||||
|
|
||||||
|
## 安装依赖
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install
|
npm install
|
||||||
```
|
```
|
||||||
|
|
||||||
### 2. 配置文件
|
## 配置文件
|
||||||
|
|
||||||
首次使用需要创建配置文件：
|
项目根目录下使用 `config.json` 作为运行配置文件。
|
||||||
|
|
||||||
|
如果你还没有该文件，可以参考：
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# 复制示例配置文件
|
|
||||||
cp config.example.json config.json
|
cp config.example.json config.json
|
||||||
|
|
||||||
# 编辑配置文件（或通过 Web 界面配置）
|
|
||||||
# 填写邮件服务器信息和定时任务设置
|
|
||||||
```
|
```
|
||||||
|
|
||||||
**配置文件说明：**
|
需要重点配置的内容包括：
|
||||||
|
|
||||||
- `config.example.json` - 配置模板（不含敏感信息，可提交到 Git）
|
- `agent.baseUrl`
|
||||||
- `config.json` - 实际配置（包含密码等敏感信息，已在 .gitignore 中忽略）
|
- `scheduler.enabled`
|
||||||
|
- `scheduler.cronTime`
|
||||||
|
- `email.smtpHost`
|
||||||
|
- `email.smtpUser`
|
||||||
|
- `email.smtpPass`
|
||||||
|
- `email.recipients`
|
||||||
|
|
||||||
## 使用方法
|
## 启动方式
|
||||||
|
|
||||||
### 1. 启动服务器
|
### 开发模式
|
||||||
|
|
||||||
|
前后端同时启动：
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
启动后地址如下：
|
||||||
|
|
||||||
|
- 前端开发服务：`http://localhost:5173`
|
||||||
|
- 后端 API 服务：`http://localhost:5000`
|
||||||
|
|
||||||
|
说明：
|
||||||
|
|
||||||
|
- Vite 前端会通过代理把 `/api` 请求转发到 `5000`
|
||||||
|
- 开发时建议直接访问 `http://localhost:5173`
|
||||||
|
|
||||||
|
### 生产模式
|
||||||
|
|
||||||
|
先构建前端，再启动 Express：
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
npm start
|
npm start
|
||||||
```
|
```
|
||||||
|
|
||||||
### 2. 访问界面
|
启动后访问：
|
||||||
|
|
||||||
打开浏览器访问: **http://localhost:5000** （或您配置的端口）
|
- `http://localhost:5000`
|
||||||
|
|
||||||
### 3. 功能介绍
|
说明：
|
||||||
|
|
||||||
**公告列表标签**
|
- `npm run build` 会把前端构建到 `dist/`
|
||||||
|
- `npm start` 会由 Express 托管 `dist/` 静态资源和 `/api`
|
||||||
|
|
||||||
- 快速查看所有公告
|
## 常用脚本
|
||||||
- 支持分页浏览
|
|
||||||
- 一键获取最新公告列表
|
|
||||||
|
|
||||||
**详情采集标签**
|
|
||||||
|
|
||||||
- 批量采集公告详情
|
|
||||||
- 支持按时间范围采集
|
|
||||||
- 自动提取预算金额
|
|
||||||
- 可自定义采集数量
|
|
||||||
|
|
||||||
**生成报告标签**
|
|
||||||
|
|
||||||
- 支持按时间范围生成报告
|
|
||||||
- 设置金额阈值筛选项目
|
|
||||||
- 实时统计项目信息
|
|
||||||
- 一键导出 Word/Markdown 报告
|
|
||||||
|
|
||||||
**定时任务标签** ⭐ 新增
|
|
||||||
|
|
||||||
- Web 界面配置定时任务
|
|
||||||
- 支持 Cron 表达式自定义执行时间
|
|
||||||
- 可选时间范围（今日/本周/本月）
|
|
||||||
- 设置金额阈值自动筛选
|
|
||||||
- 实时查看任务运行状态
|
|
||||||
- 立即测试运行功能
|
|
||||||
|
|
||||||
**邮件配置标签** ⭐ 新增
|
|
||||||
|
|
||||||
- Web 界面配置 SMTP 邮件服务
|
|
||||||
- 支持主流邮箱（QQ、163、Gmail 等）
|
|
||||||
- 测试连接功能验证配置
|
|
||||||
- 支持多个收件人
|
|
||||||
- 自动发送精美 HTML 报告
|
|
||||||
|
|
||||||
## 报告示例
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
# 南京公共工程建设项目报告
|
|
||||||
|
|
||||||
**生成时间**: 2025/12/12 11:00:03
|
|
||||||
|
|
||||||
## 统计摘要
|
|
||||||
|
|
||||||
- 总项目数: 10
|
|
||||||
- 超过 50 万元的项目: 3
|
|
||||||
- 总金额: 5395.50 万元
|
|
||||||
|
|
||||||
## 项目列表
|
|
||||||
|
|
||||||
### 1. 项目名称
|
|
||||||
|
|
||||||
- **发布日期**: 2025-12-12
|
|
||||||
- **发布时间**: 2025-12-12 10:35:00
|
|
||||||
- **预算金额**: 5000 万元
|
|
||||||
- **链接**: https://...
|
|
||||||
```
|
|
||||||
|
|
||||||
## API 接口文档
|
|
||||||
|
|
||||||
服务器启动后提供以下 RESTful API 接口:
|
|
||||||
|
|
||||||
### 1. 获取公告列表
|
|
||||||
|
|
||||||
```
|
|
||||||
GET /api/list?url=<列表页URL>&page=<页码>
|
|
||||||
```
|
|
||||||
|
|
||||||
参数:
|
|
||||||
|
|
||||||
- `url` (可选): 列表页 URL,默认为官网首页
|
|
||||||
- `page` (可选): 页码,默认为 1
|
|
||||||
|
|
||||||
### 2. 按时间范围获取列表
|
|
||||||
|
|
||||||
```
|
|
||||||
POST /api/list-daterange
|
|
||||||
Content-Type: application/json
|
|
||||||
|
|
||||||
{
|
|
||||||
"startDate": "2025-11-01",
|
|
||||||
"endDate": "2025-12-31",
|
|
||||||
"maxPages": 23
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 3. 批量获取详情
|
|
||||||
|
|
||||||
```
|
|
||||||
POST /api/details
|
|
||||||
Content-Type: application/json
|
|
||||||
|
|
||||||
{
|
|
||||||
"items": [{ "title": "...", "href": "...", "date": "..." }],
|
|
||||||
"limit": 10
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 4. 生成报告
|
|
||||||
|
|
||||||
```
|
|
||||||
POST /api/report
|
|
||||||
Content-Type: application/json
|
|
||||||
|
|
||||||
{
|
|
||||||
"url": "https://gjzx.nanjing.gov.cn/gggs/",
|
|
||||||
"limit": 15,
|
|
||||||
"threshold": 50
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 5. 按时间范围生成报告
|
|
||||||
|
|
||||||
```
|
|
||||||
POST /api/report-daterange
|
|
||||||
Content-Type: application/json
|
|
||||||
|
|
||||||
{
|
|
||||||
"startDate": "2025-11-01",
|
|
||||||
"endDate": "2025-12-31",
|
|
||||||
"threshold": 50,
|
|
||||||
"maxPages": 23
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 6. 获取配置
|
|
||||||
|
|
||||||
```
|
|
||||||
GET /api/config
|
|
||||||
```
|
|
||||||
|
|
||||||
返回当前配置信息（密码会被隐藏）
|
|
||||||
|
|
||||||
### 7. 更新配置
|
|
||||||
|
|
||||||
```
|
|
||||||
POST /api/config
|
|
||||||
Content-Type: application/json
|
|
||||||
|
|
||||||
{
|
|
||||||
"scheduler": {
|
|
||||||
"enabled": true,
|
|
||||||
"cronTime": "0 9 * * *",
|
|
||||||
"threshold": 100000,
|
|
||||||
"timeRange": "today"
|
|
||||||
},
|
|
||||||
"email": {
|
|
||||||
"smtpHost": "smtp.qq.com",
|
|
||||||
"smtpPort": 587,
|
|
||||||
"smtpUser": "your-email@qq.com",
|
|
||||||
"smtpPass": "your-password",
|
|
||||||
"recipients": "recipient@example.com"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 8. 获取定时任务状态
|
|
||||||
|
|
||||||
```
|
|
||||||
GET /api/scheduler/status
|
|
||||||
```
|
|
||||||
|
|
||||||
### 9. 手动触发定时任务
|
|
||||||
|
|
||||||
```
|
|
||||||
POST /api/run-scheduled-task
|
|
||||||
```
|
|
||||||
|
|
||||||
## 定时任务配置
|
|
||||||
|
|
||||||
### 通过 Web 界面配置（推荐）
|
|
||||||
|
|
||||||
1. 访问 `http://localhost:5000` （或您配置的端口）
|
|
||||||
2. 切换到 **"定时任务"** 标签
|
|
||||||
3. 配置以下选项：
|
|
||||||
- **启用定时任务**：勾选启用
|
|
||||||
- **执行时间**：选择预设时间或自定义 Cron 表达式
|
|
||||||
- **时间范围**：今日/本周/本月
|
|
||||||
- **金额阈值**：设置最低金额（单位：万元）
|
|
||||||
4. 切换到 **"邮件配置"** 标签
|
|
||||||
5. 配置 SMTP 邮件服务器信息
|
|
||||||
6. 点击"测试连接"验证配置
|
|
||||||
7. 点击"保存配置"，定时任务自动生效
|
|
||||||
|
|
||||||
### 通过配置文件
|
|
||||||
|
|
||||||
编辑 `config.json`：
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"scheduler": {
|
|
||||||
"enabled": true, // 是否启用
|
|
||||||
"cronTime": "0 9 * * *", // Cron表达式：每天9点
|
|
||||||
"threshold": 100000, // 金额阈值（万元，10亿）
|
|
||||||
"description": "每天9点采集大于10亿的项目",
|
|
||||||
"timeRange": "today" // 采集范围: today/thisWeek/thisMonth
|
|
||||||
},
|
|
||||||
"email": {
|
|
||||||
"smtpHost": "smtp.qq.com", // SMTP服务器
|
|
||||||
"smtpPort": 587, // 端口
|
|
||||||
"smtpUser": "your@qq.com", // 发件邮箱
|
|
||||||
"smtpPass": "授权码", // QQ邮箱授权码
|
|
||||||
"recipients": "to@qq.com" // 收件人（多个用逗号分隔）
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Cron 表达式说明
|
|
||||||
|
|
||||||
格式：`分 时 日 月 周`
|
|
||||||
|
|
||||||
常用示例：
|
|
||||||
- `0 9 * * *` - 每天 9:00
|
|
||||||
- `0 9,18 * * *` - 每天 9:00 和 18:00
|
|
||||||
- `0 9 * * 1` - 每周一 9:00
|
|
||||||
- `0 9 1 * *` - 每月1号 9:00
|
|
||||||
- `0 */6 * * *` - 每 6 小时
|
|
||||||
|
|
||||||
### 邮件服务配置参考
|
|
||||||
|
|
||||||
**QQ 邮箱：**
|
|
||||||
- SMTP: `smtp.qq.com`
|
|
||||||
- 端口: `587`
|
|
||||||
- 密码: 使用授权码（在 QQ 邮箱设置中生成）
|
|
||||||
|
|
||||||
**163 邮箱：**
|
|
||||||
- SMTP: `smtp.163.com`
|
|
||||||
- 端口: `465`
|
|
||||||
- 密码: 使用授权码
|
|
||||||
|
|
||||||
**Gmail：**
|
|
||||||
- SMTP: `smtp.gmail.com`
|
|
||||||
- 端口: `587`
|
|
||||||
- 需要开启"不够安全的应用访问"
|
|
||||||
|
|
||||||
## 服务器部署
|
|
||||||
|
|
||||||
### 方法 1：使用 PM2（推荐）
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# 安装 PM2
|
npm run dev
|
||||||
npm install -g pm2
|
npm run build
|
||||||
|
npm run preview
|
||||||
# 启动服务
|
npm start
|
||||||
pm2 start src/server.js --name gjzx-scraper
|
|
||||||
|
|
||||||
# 查看状态
|
|
||||||
pm2 status
|
|
||||||
|
|
||||||
# 查看日志
|
|
||||||
pm2 logs gjzx-scraper
|
|
||||||
|
|
||||||
# 设置开机自启
|
|
||||||
pm2 startup
|
|
||||||
pm2 save
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 方法 2：使用 systemd
|
脚本说明：
|
||||||
|
|
||||||
创建服务文件 `/etc/systemd/system/gjzx-scraper.service`：
|
- `npm run dev`：开发模式，前后端同时启动
|
||||||
|
- `npm run build`：构建前端生产包
|
||||||
|
- `npm run preview`：本地预览前端构建结果
|
||||||
|
- `npm start`：启动后端服务，并托管前端构建产物
|
||||||
|
|
||||||
```ini
|
## 页面说明
|
||||||
[Unit]
|
|
||||||
Description=GJZX Scraper Service
|
|
||||||
After=network.target
|
|
||||||
|
|
||||||
[Service]
|
### 任务配置
|
||||||
Type=simple
|
|
||||||
User=your-user
|
|
||||||
WorkingDirectory=/path/to/tool-node
|
|
||||||
ExecStart=/usr/bin/node src/server.js
|
|
||||||
Restart=always
|
|
||||||
RestartSec=10
|
|
||||||
|
|
||||||
[Install]
|
- 管理抓取任务
|
||||||
WantedBy=multi-user.target
|
- 支持单独运行和批量运行
|
||||||
```
|
- 支持查看运行状态
|
||||||
|
|
||||||
启动服务：
|
### 抓取结果
|
||||||
|
|
||||||
```bash
|
- 查看每次抓取生成的记录
|
||||||
sudo systemctl enable gjzx-scraper
|
- 支持按条件筛选
|
||||||
sudo systemctl start gjzx-scraper
|
- 支持删除结果
|
||||||
sudo systemctl status gjzx-scraper
|
|
||||||
```
|
|
||||||
|
|
||||||
### 注意事项
|
### 项目管理
|
||||||
|
|
||||||
- ✅ **无需数据库**：项目采用无数据库架构，轻量部署
|
- 对抓取出的项目做去重查询
|
||||||
- ✅ **配置持久化**：所有配置保存在 `config.json` 文件中
|
- 支持金额和日期范围过滤
|
||||||
- ✅ **进程保活**：使用 PM2 或 systemd 确保进程持续运行
|
|
||||||
- ⚠️ **防火墙**：确保配置的端口可访问（默认 5000）
|
### 系统设置
|
||||||
- ⚠️ **配置安全**：不要将 `config.json` 提交到公开仓库
|
|
||||||
|
- 配置 Agent 服务地址
|
||||||
|
- 配置定时任务
|
||||||
|
- 配置邮件发送参数
|
||||||
|
|
||||||
## 技术栈
|
## 技术栈
|
||||||
|
|
||||||
- **后端**: Node.js + Express
|
- 前端：Vue 3、Vite、Vue Router、Axios、Element Plus
|
||||||
- **爬虫**: Axios + Cheerio
|
- 后端：Express
|
||||||
- **定时任务**: node-cron
|
- 数据库：better-sqlite3
|
||||||
- **邮件服务**: nodemailer
|
- 调度：node-cron
|
||||||
- **前端**: 原生 HTML/CSS/JavaScript
|
- 邮件：nodemailer
|
||||||
- **编码处理**: iconv-lite (支持 GBK/UTF-8)
|
|
||||||
- **文档导出**: docx.js
|
|
||||||
- **架构**: 无数据库设计
|
|
||||||
|
|
||||||
## 项目结构
|
## 项目结构
|
||||||
|
|
||||||
```
|
```text
|
||||||
.
|
.
|
||||||
├── src/
|
├─ client/ # Vue 3 前端源码
|
||||||
│ ├── server.js # Web服务器及API
|
│ ├─ index.html
|
||||||
│ ├── scheduler.js # 定时任务调度器
|
│ └─ src/
|
||||||
│ └── emailService.js # 邮件发送服务
|
│ ├─ api/
|
||||||
├── public/
|
│ ├─ components/
|
||||||
│ ├── index.html # Web界面
|
│ ├─ pages/
|
||||||
│ └── app.js # 前端逻辑
|
│ ├─ router/
|
||||||
├── config.json # 配置文件（不提交到Git）
|
│ ├─ App.vue
|
||||||
├── config.example.json # 配置示例
|
│ ├─ main.js
|
||||||
├── package.json
|
│ └─ styles.css
|
||||||
└── README.md
|
├─ dist/ # Vite 构建产物
|
||||||
|
├─ src/ # Express 服务端
|
||||||
|
│ ├─ server.js
|
||||||
|
│ ├─ scheduler.js
|
||||||
|
│ ├─ resultStore.js
|
||||||
|
│ ├─ agentService.js
|
||||||
|
│ └─ emailService.js
|
||||||
|
├─ data/ # SQLite 数据文件目录
|
||||||
|
├─ config.json # 运行配置
|
||||||
|
├─ config.example.json # 配置示例
|
||||||
|
├─ package.json
|
||||||
|
├─ vite.config.js
|
||||||
|
└─ README.md
|
||||||
```
|
```
|
||||||
|
|
||||||
## 架构特点
|
## 数据说明
|
||||||
|
|
||||||
### 无数据库设计
|
- 任务数据和抓取结果保存在 SQLite
|
||||||
|
- 默认数据库路径位于 `data/results.sqlite`
|
||||||
|
- 配置数据保存在根目录 `config.json`
|
||||||
|
|
||||||
本项目采用**无数据库架构**，具有以下特点：
|
## 部署建议
|
||||||
|
|
||||||
- ✅ **轻量部署**：无需安装和配置数据库
|
- 使用 PM2 或 systemd 保持进程常驻
|
||||||
- ✅ **实时数据**：每次从源站实时抓取最新数据
|
- 通过反向代理暴露 `5000` 端口
|
||||||
- ✅ **配置简单**：只需配置 config.json 文件
|
- 不要把 `config.json`、`data/`、`.env` 提交到公开仓库
|
||||||
- ✅ **邮件归档**：报告通过邮件发送，邮箱即为历史记录
|
|
||||||
- ✅ **低资源消耗**：内存占用小，适合小型服务器
|
|
||||||
|
|
||||||
### 数据流程
|
## 备注
|
||||||
|
|
||||||
```
|
- 旧版 `public/` 页面已不再作为当前主前端入口
|
||||||
定时触发 → 抓取网站数据 → 解析提取 → 筛选过滤 → 生成报告 → 发送邮件
|
- 当前主前端以 `client/` 目录为准
|
||||||
↑ ↓
|
|
||||||
└──────────────────── 配置文件 ──────────────────────────┘
|
|
||||||
```
|
|
||||||
|
|
||||||
## 注意事项
|
|
||||||
|
|
||||||
1. **采集速度**：已限制为每条延迟 500ms-1s，避免请求过快
|
|
||||||
2. **域名支持**：仅支持 gjzx.nanjing.gov.cn 域名的详情页解析
|
|
||||||
3. **金额提取**：基于正则匹配，支持多种格式（预算金额、最高限价等）
|
|
||||||
4. **端口配置**：Web 服务器默认端口 5000，支持通过环境变量 PORT 修改
|
|
||||||
5. **智能停止**：按时间范围采集会在检测到所有公告早于起始日期时自动停止
|
|
||||||
6. **编码处理**：自动识别，支持 GBK 和 UTF-8 网页
|
|
||||||
7. **配置安全**：config.json 包含敏感信息，已加入 .gitignore，不要提交到公开仓库
|
|
||||||
8. **进程保活**：部署时使用 PM2 或 systemd 确保定时任务持续运行
|
|
||||||
|
|
||||||
## 核心功能说明
|
|
||||||
|
|
||||||
### 时间范围采集逻辑
|
|
||||||
|
|
||||||
按时间范围采集时,程序会:
|
|
||||||
|
|
||||||
1. 从第一页开始顺序采集
|
|
||||||
2. 检查每页公告的日期是否在指定范围内
|
|
||||||
3. 如果某页所有公告都早于起始日期,自动停止采集
|
|
||||||
4. 支持设置最大页数限制,避免过度采集
|
|
||||||
|
|
||||||
### 金额提取规则
|
|
||||||
|
|
||||||
支持识别以下格式:
|
|
||||||
|
|
||||||
- 预算金额: XX 万元
|
|
||||||
- 最高限价: XX 万元
|
|
||||||
- 预算: XX 万元
|
|
||||||
- 金额: XX 万元
|
|
||||||
- 直接数字: XX 万元
|
|
||||||
|
|
||||||
### 编码处理
|
|
||||||
|
|
||||||
自动识别网页编码:
|
|
||||||
|
|
||||||
- 优先读取 Content-Type 中的 charset
|
|
||||||
- 自动处理 GBK、GB2312 编码
|
|
||||||
- 默认使用 UTF-8
|
|
||||||
|
|
||||||
## 常见问题
|
|
||||||
|
|
||||||
### Q: 为什么采集速度比较慢？
|
|
||||||
|
|
||||||
A: 为了避免对服务器造成过大压力，程序限制了请求频率（每条延迟 500ms-1s）。这是一个负责任的爬虫设计。
|
|
||||||
|
|
||||||
### Q: 如何采集指定日期范围的公告？
|
|
||||||
|
|
||||||
A: 在 Web 界面的"详情采集"和"生成报告"标签中勾选"按时间范围采集"，然后输入起始和结束日期即可。
|
|
||||||
|
|
||||||
### Q: 导出的报告在哪里？
|
|
||||||
|
|
||||||
A: 点击"导出 Word"或"导出 Markdown"按钮后会自动下载到浏览器的默认下载目录。
|
|
||||||
|
|
||||||
### Q: 可以采集其他网站吗？
|
|
||||||
|
|
||||||
A: 需要修改 server.js 中的 BASE_URL 和相应的解析函数，因为不同网站的 HTML 结构不同。
|
|
||||||
|
|
||||||
### Q: 需要安装数据库吗？
|
|
||||||
|
|
||||||
A: **不需要！** 本项目采用无数据库架构，只需安装 Node.js 依赖即可运行。所有配置保存在 config.json 文件中，报告通过邮件发送。
|
|
||||||
|
|
||||||
### Q: 定时任务配置后不生效怎么办？
|
|
||||||
|
|
||||||
A: 请检查以下几点：
|
|
||||||
1. `config.json` 中 `scheduler.enabled` 是否为 `true`
|
|
||||||
2. 邮件配置是否正确（SMTP 服务器、用户名、密码）
|
|
||||||
3. Node.js 进程是否持续运行（使用 PM2 查看状态）
|
|
||||||
4. 查看服务器日志是否有错误信息
|
|
||||||
|
|
||||||
### Q: 如何修改定时任务的执行时间？
|
|
||||||
|
|
||||||
A: 有两种方式：
|
|
||||||
1. **Web 界面**（推荐）：访问网页，切换到"定时任务"标签，选择预设时间或自定义 Cron 表达式，点击保存
|
|
||||||
2. **配置文件**：编辑 `config.json` 中的 `scheduler.cronTime` 字段
|
|
||||||
|
|
||||||
### Q: 邮件发送失败怎么办？
|
|
||||||
|
|
||||||
A: 常见原因：
|
|
||||||
1. **QQ 邮箱**：需要使用授权码，不是登录密码（在 QQ 邮箱设置 → 账户 → POP3/SMTP 服务中生成）
|
|
||||||
2. **端口问题**：QQ 邮箱使用 587，某些邮箱可能需要 465（SSL）
|
|
||||||
3. **防火墙**：确保服务器可以访问 SMTP 端口
|
|
||||||
4. **测试连接**：在"邮件配置"标签中使用"测试连接"功能验证配置
|
|
||||||
|
|
||||||
### Q: 如何查看定时任务运行日志？
|
|
||||||
|
|
||||||
A: 如果使用 PM2 部署：
|
|
||||||
```bash
|
|
||||||
pm2 logs gjzx-scraper
|
|
||||||
```
|
|
||||||
|
|
||||||
如果使用 systemd：
|
|
||||||
```bash
|
|
||||||
sudo journalctl -u gjzx-scraper -f
|
|
||||||
```
|
|
||||||
|
|
||||||
### Q: 服务器重启后定时任务还会运行吗？
|
|
||||||
|
|
||||||
A: 需要设置开机自启：
|
|
||||||
- **PM2 方式**：执行 `pm2 startup` 和 `pm2 save`
|
|
||||||
- **systemd 方式**：执行 `sudo systemctl enable gjzx-scraper`
|
|
||||||
|
|
||||||
### Q: 可以设置多个定时任务吗？
|
|
||||||
|
|
||||||
A: 当前版本只支持一个定时任务。如需多个任务，可以：
|
|
||||||
1. 使用 Cron 表达式设置多个时间点（如 `0 9,18 * * *` 表示每天 9:00 和 18:00）
|
|
||||||
2. 部署多个实例，使用不同的配置文件和端口
|
|
||||||
|
|
||||||
## 更新日志
|
|
||||||
|
|
||||||
### v1.1.0 (2025-12-15)
|
|
||||||
|
|
||||||
- ✨ 新增定时任务功能（node-cron）
|
|
||||||
- ✨ 新增邮件推送服务（nodemailer）
|
|
||||||
- ✨ 新增 Web 配置界面（定时任务 + 邮件配置）
|
|
||||||
- ✨ 支持多时间范围（今日/本周/本月）
|
|
||||||
- ✨ 配置 API（读取/更新配置）
|
|
||||||
- ✨ 定时任务状态查询
|
|
||||||
- ✨ 手动触发任务功能
|
|
||||||
- 📝 完善文档，新增部署指南
|
|
||||||
|
|
||||||
### v1.0.0 (2025-12-12)
|
|
||||||
|
|
||||||
- Web 可视化界面
|
|
||||||
- 支持按时间范围采集
|
|
||||||
- 支持分页浏览
|
|
||||||
- 支持导出 Word/Markdown 报告
|
|
||||||
- RESTful API 接口
|
|
||||||
- 自动编码识别
|
|
||||||
- 智能金额提取
|
|
||||||
|
|
||||||
## License
|
|
||||||
|
|
||||||
MIT
|
|
||||||
|
|||||||
12
client/index.html
Normal file
12
client/index.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>公告抓取与分析工具</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
10
client/src/App.vue
Normal file
10
client/src/App.vue
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<script setup>
|
||||||
|
import zhCn from 'element-plus/es/locale/lang/zh-cn';
|
||||||
|
import AppShell from './components/AppShell.vue';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-config-provider :locale="zhCn">
|
||||||
|
<AppShell />
|
||||||
|
</el-config-provider>
|
||||||
|
</template>
|
||||||
24
client/src/api/http.js
Normal file
24
client/src/api/http.js
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
import axios from 'axios';
|
||||||
|
|
||||||
|
const http = axios.create({
|
||||||
|
baseURL: '/api',
|
||||||
|
timeout: 30000,
|
||||||
|
});
|
||||||
|
|
||||||
|
http.interceptors.response.use(
|
||||||
|
(response) => {
|
||||||
|
const payload = response.data;
|
||||||
|
|
||||||
|
if (payload && payload.success === false) {
|
||||||
|
return Promise.reject(new Error(payload.error || '请求失败'));
|
||||||
|
}
|
||||||
|
|
||||||
|
return payload;
|
||||||
|
},
|
||||||
|
(error) => {
|
||||||
|
const message = error.response?.data?.error || error.message || '请求失败';
|
||||||
|
return Promise.reject(new Error(message));
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
export default http;
|
||||||
25
client/src/api/results.js
Normal file
25
client/src/api/results.js
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
import http from './http';
|
||||||
|
|
||||||
|
export function fetchResults(params = {}) {
|
||||||
|
return http.get('/results', { params }).then((payload) => payload);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchResultFilters(params = {}) {
|
||||||
|
return http.get('/results/filters', { params }).then((payload) => payload.data || {});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function deleteResult(id) {
|
||||||
|
return http.delete(`/results/${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function clearResults() {
|
||||||
|
return http.delete('/results');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchProjects(params = {}) {
|
||||||
|
return http.get('/projects', { params }).then((payload) => payload);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchProjectFilters() {
|
||||||
|
return http.get('/projects/filters').then((payload) => payload.data || {});
|
||||||
|
}
|
||||||
17
client/src/api/settings.js
Normal file
17
client/src/api/settings.js
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
import http from './http';
|
||||||
|
|
||||||
|
export function fetchConfig() {
|
||||||
|
return http.get('/config').then((payload) => payload.data || {});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function saveConfig(payload) {
|
||||||
|
return http.post('/config', payload);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchSchedulerStatus() {
|
||||||
|
return http.get('/scheduler/status').then((payload) => payload.data || {});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function triggerScheduledTask() {
|
||||||
|
return http.post('/run-scheduled-task');
|
||||||
|
}
|
||||||
34
client/src/api/tasks.js
Normal file
34
client/src/api/tasks.js
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
import http from './http';
|
||||||
|
|
||||||
|
export function fetchTasks() {
|
||||||
|
return http.get('/tasks').then((payload) => payload.data || []);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function createTask(payload) {
|
||||||
|
return http.post('/tasks', payload).then((response) => response.data);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateTask(id, payload) {
|
||||||
|
return http.put(`/tasks/${id}`, payload).then((response) => response.data);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function deleteTask(id) {
|
||||||
|
return http.delete(`/tasks/${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function runTask(id) {
|
||||||
|
return http.post(`/tasks/${id}/run`);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function runAllTasks(ids = []) {
|
||||||
|
const body = ids.length ? { ids } : {};
|
||||||
|
return http.post('/tasks/run', body);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function toggleTask(id, enabled) {
|
||||||
|
return http.put(`/tasks/${id}`, { enabled }).then((response) => response.data);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchTaskStatus() {
|
||||||
|
return http.get('/tasks/status').then((payload) => payload.data || { isRunning: false });
|
||||||
|
}
|
||||||
41
client/src/components/AppShell.vue
Normal file
41
client/src/components/AppShell.vue
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
|
||||||
|
const subtitle = computed(() => route.meta?.subtitle || '把抓取任务、分析结果和调度配置收在同一套前端工作台里。');
|
||||||
|
|
||||||
|
const menuItems = [
|
||||||
|
{ index: '/tasks', label: '任务配置' },
|
||||||
|
{ index: '/results', label: '抓取结果' },
|
||||||
|
{ index: '/projects', label: '项目管理' },
|
||||||
|
{ index: '/settings', label: '系统设置' },
|
||||||
|
];
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="app-shell">
|
||||||
|
<div class="app-frame">
|
||||||
|
<header class="app-topbar">
|
||||||
|
<div class="app-brand">
|
||||||
|
<div class="app-brand__mark">公</div>
|
||||||
|
<div class="app-brand__text">
|
||||||
|
<h1>公告抓取与分析工具</h1>
|
||||||
|
<p>{{ subtitle }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<el-menu :default-active="route.path" class="app-menu" mode="horizontal" router>
|
||||||
|
<el-menu-item v-for="item in menuItems" :key="item.index" :index="item.index">
|
||||||
|
{{ item.label }}
|
||||||
|
</el-menu-item>
|
||||||
|
</el-menu>
|
||||||
|
|
||||||
|
<main class="app-main">
|
||||||
|
<RouterView />
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
55
client/src/components/ResultRecordCard.vue
Normal file
55
client/src/components/ResultRecordCard.vue
Normal file
@@ -0,0 +1,55 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue';
|
||||||
|
import { formatDateTime, formatYuan, pickResultLink, pickResultName } from '@/utils/format';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
record: {
|
||||||
|
type: Object,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['delete']);
|
||||||
|
|
||||||
|
const items = computed(() => props.record.data?.results || []);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-card shadow="hover" class="result-card-plus">
|
||||||
|
<template #header>
|
||||||
|
<div class="result-card-plus__header">
|
||||||
|
<div>
|
||||||
|
<div class="result-card-plus__title">{{ record.city || '未命名城市' }}</div>
|
||||||
|
<div class="result-card-plus__meta">
|
||||||
|
<el-tag size="small" type="primary">{{ items.length }} 条结果</el-tag>
|
||||||
|
<el-tag v-if="record.error" size="small" type="danger">执行失败</el-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="result-card-plus__time">{{ formatDateTime(record.scrapedAt) }}</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-alert v-if="record.error" :title="`错误信息：${record.error}`" type="error" :closable="false" show-icon />
|
||||||
|
|
||||||
|
<div v-else-if="items.length" class="result-card-plus__list">
|
||||||
|
<div v-for="(item, index) in items" :key="`${record.id}-${index}`" class="result-card-plus__item">
|
||||||
|
<div class="result-card-plus__type">{{ item.type || '-' }}</div>
|
||||||
|
<div class="result-card-plus__name">{{ pickResultName(item) }}</div>
|
||||||
|
<div class="result-card-plus__amount">{{ formatYuan(item.amount_yuan) }}</div>
|
||||||
|
<div class="result-card-plus__date">{{ item.date || '-' }}</div>
|
||||||
|
<div class="result-card-plus__action">
|
||||||
|
<el-link v-if="pickResultLink(item)" :href="pickResultLink(item)" target="_blank" type="primary">查看详情</el-link>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-empty v-else description="当前记录里没有可展示的数据" :image-size="88" />
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<div class="result-card-plus__footer">
|
||||||
|
<el-button type="danger" plain @click="emit('delete', record)">删除记录</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
105
client/src/components/TaskDialog.vue
Normal file
105
client/src/components/TaskDialog.vue
Normal file
@@ -0,0 +1,105 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed, reactive, watch } from 'vue';
|
||||||
|
import { TASK_MODE_OPTIONS } from '@/constants/taskModes';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
task: {
|
||||||
|
type: Object,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue', 'submit']);
|
||||||
|
|
||||||
|
const form = reactive({
|
||||||
|
city: '',
|
||||||
|
plateName: '',
|
||||||
|
prompt: '',
|
||||||
|
mode: TASK_MODE_OPTIONS[0],
|
||||||
|
enabled: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
const dialogTitle = computed(() => (props.task?.id ? '编辑任务' : '新增任务'));
|
||||||
|
const modeOptions = computed(() => {
|
||||||
|
const set = new Set(TASK_MODE_OPTIONS);
|
||||||
|
if (props.task?.mode) set.add(props.task.mode);
|
||||||
|
return [...set];
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => [props.modelValue, props.task],
|
||||||
|
() => {
|
||||||
|
form.city = props.task?.city || '';
|
||||||
|
form.plateName = props.task?.plateName || '';
|
||||||
|
form.prompt = props.task?.prompt || '';
|
||||||
|
form.mode = props.task?.mode || TASK_MODE_OPTIONS[0];
|
||||||
|
form.enabled = props.task?.enabled ?? true;
|
||||||
|
},
|
||||||
|
{ immediate: true },
|
||||||
|
);
|
||||||
|
|
||||||
|
function close() {
|
||||||
|
emit('update:modelValue', false);
|
||||||
|
}
|
||||||
|
|
||||||
|
function submit() {
|
||||||
|
emit('submit', {
|
||||||
|
city: form.city.trim(),
|
||||||
|
plateName: form.plateName.trim(),
|
||||||
|
prompt: form.prompt.trim(),
|
||||||
|
mode: form.mode.trim() || TASK_MODE_OPTIONS[0],
|
||||||
|
enabled: form.enabled,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-dialog :model-value="modelValue" :title="dialogTitle" width="760px" destroy-on-close @close="close">
|
||||||
|
<el-form label-position="top">
|
||||||
|
<el-form-item label="城市名称">
|
||||||
|
<el-input v-model="form.city" placeholder="如：南京市" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="板块名称">
|
||||||
|
<el-input v-model="form.plateName" placeholder="如：工程" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="提示词">
|
||||||
|
<el-input
|
||||||
|
v-model="form.prompt"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 6, maxRows: 12 }"
|
||||||
|
placeholder="请访问目标网站，抓取今天的招标公告和中标公告信息……"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="模型">
|
||||||
|
<el-select v-model="form.mode" placeholder="选择模型" style="width: 100%;">
|
||||||
|
<el-option v-for="option in modeOptions" :key="option" :label="option" :value="option" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="状态">
|
||||||
|
<el-switch v-model="form.enabled" inline-prompt active-text="启用" inactive-text="禁用" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-alert title="建议把目标网址、筛选规则和字段要求都写进提示词里，后续维护会更稳定。" type="info" :closable="false" show-icon />
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="close">取消</el-button>
|
||||||
|
<el-button type="primary" @click="submit">保存任务</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
10
client/src/constants/taskModes.js
Normal file
10
client/src/constants/taskModes.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
export const TASK_MODE_OPTIONS = [
|
||||||
|
'qwen3.5-plus',
|
||||||
|
'qwen3-max-2026-01-23',
|
||||||
|
'qwen3-coder-next',
|
||||||
|
'qwen3-coder-plus',
|
||||||
|
'glm-5',
|
||||||
|
'glm-4.7',
|
||||||
|
'kimi-k2.5',
|
||||||
|
'MiniMax-M2.5',
|
||||||
|
];
|
||||||
6
client/src/main.js
Normal file
6
client/src/main.js
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
import { createApp } from 'vue';
|
||||||
|
import App from './App.vue';
|
||||||
|
import router from './router';
|
||||||
|
import './styles.css';
|
||||||
|
|
||||||
|
createApp(App).use(router).mount('#app');
|
||||||
233
client/src/pages/ProjectsPage.vue
Normal file
233
client/src/pages/ProjectsPage.vue
Normal file
@@ -0,0 +1,233 @@
|
|||||||
|
<script setup>
|
||||||
|
import { onMounted, reactive, ref } from 'vue';
|
||||||
|
import { ElMessage } from 'element-plus';
|
||||||
|
import { fetchProjectFilters, fetchProjects } from '@/api/results';
|
||||||
|
import { formatYuan } from '@/utils/format';
|
||||||
|
|
||||||
|
const form = reactive({
|
||||||
|
city: '',
|
||||||
|
section: '',
|
||||||
|
projectName: '',
|
||||||
|
minAmount: '',
|
||||||
|
maxAmount: '',
|
||||||
|
startDate: '',
|
||||||
|
endDate: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const activeFilters = reactive({
|
||||||
|
city: '',
|
||||||
|
section: '',
|
||||||
|
projectName: '',
|
||||||
|
minAmount: '',
|
||||||
|
maxAmount: '',
|
||||||
|
startDate: '',
|
||||||
|
endDate: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const options = reactive({
|
||||||
|
cities: [],
|
||||||
|
sections: [],
|
||||||
|
});
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
records: [],
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
total: 0,
|
||||||
|
loading: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
const summaryText = ref('加载中…');
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await Promise.all([loadFilters(), loadProjects()]);
|
||||||
|
});
|
||||||
|
|
||||||
|
async function loadFilters() {
|
||||||
|
try {
|
||||||
|
const data = await fetchProjectFilters();
|
||||||
|
options.cities = data.cities || [];
|
||||||
|
options.sections = data.sections || [];
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`项目筛选项加载失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function validateForm() {
|
||||||
|
if (form.minAmount && form.maxAmount && Number(form.minAmount) > Number(form.maxAmount)) {
|
||||||
|
throw new Error('最小金额不能大于最大金额');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (form.startDate && form.endDate && form.startDate > form.endDate) {
|
||||||
|
throw new Error('开始日期不能晚于结束日期');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function syncActiveFilters() {
|
||||||
|
Object.assign(activeFilters, form);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadProjects() {
|
||||||
|
state.loading = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const payload = await fetchProjects({
|
||||||
|
...activeFilters,
|
||||||
|
page: state.page,
|
||||||
|
pageSize: state.pageSize,
|
||||||
|
});
|
||||||
|
|
||||||
|
state.records = payload.data || [];
|
||||||
|
state.total = payload.total || 0;
|
||||||
|
state.page = payload.page || 1;
|
||||||
|
|
||||||
|
if (!state.records.length) {
|
||||||
|
summaryText.value = '当前筛选条件下没有项目';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const startIndex = (state.page - 1) * state.pageSize + 1;
|
||||||
|
const endIndex = Math.min(state.page * state.pageSize, state.total);
|
||||||
|
summaryText.value = `显示第 ${startIndex} 至 ${endIndex} 条记录，共 ${state.total} 条`;
|
||||||
|
} catch (error) {
|
||||||
|
state.records = [];
|
||||||
|
state.total = 0;
|
||||||
|
summaryText.value = `项目加载失败：${error.message}`;
|
||||||
|
ElMessage.error(`项目加载失败：${error.message}`);
|
||||||
|
} finally {
|
||||||
|
state.loading = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function search() {
|
||||||
|
try {
|
||||||
|
validateForm();
|
||||||
|
syncActiveFilters();
|
||||||
|
state.page = 1;
|
||||||
|
await loadProjects();
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(error.message);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function reset() {
|
||||||
|
Object.keys(form).forEach((key) => {
|
||||||
|
form[key] = '';
|
||||||
|
activeFilters[key] = '';
|
||||||
|
});
|
||||||
|
state.page = 1;
|
||||||
|
await loadProjects();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function changePage(page) {
|
||||||
|
state.page = page;
|
||||||
|
await loadProjects();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<section class="page-grid">
|
||||||
|
<header class="page-head">
|
||||||
|
<div>
|
||||||
|
<h2>项目管理</h2>
|
||||||
|
<p>用 Element Plus 表单和表格组织项目去重查询，适合继续扩展导出、排序和列配置。</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<el-form label-position="top">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="城市">
|
||||||
|
<el-select v-model="form.city" placeholder="全部城市" clearable style="width: 100%;">
|
||||||
|
<el-option v-for="item in options.cities" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="板块">
|
||||||
|
<el-select v-model="form.section" placeholder="全部板块" clearable style="width: 100%;">
|
||||||
|
<el-option v-for="item in options.sections" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="项目名称">
|
||||||
|
<el-input v-model="form.projectName" placeholder="输入项目名关键字" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="最小金额">
|
||||||
|
<el-input-number v-model="form.minAmount" :min="0" :precision="2" :controls="false" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="最大金额">
|
||||||
|
<el-input-number v-model="form.maxAmount" :min="0" :precision="2" :controls="false" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="开始日期">
|
||||||
|
<el-date-picker v-model="form.startDate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-form-item label="结束日期">
|
||||||
|
<el-date-picker v-model="form.endDate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<div class="toolbar">
|
||||||
|
<div class="summary-text">按项目名称去重后展示，方便快速判断有哪些有效项目。</div>
|
||||||
|
<div class="toolbar__group">
|
||||||
|
<el-button @click="reset">重置</el-button>
|
||||||
|
<el-button type="primary" @click="search">查询项目</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<template #header>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span>{{ summaryText }}</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-table v-loading="state.loading" :data="state.records" style="width: 100%;" empty-text="暂无项目数据">
|
||||||
|
<el-table-column prop="city" label="城市" min-width="120" />
|
||||||
|
<el-table-column label="板块" min-width="140">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.section || row.type || '-' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="projectName" label="项目名称" min-width="280" show-overflow-tooltip />
|
||||||
|
<el-table-column label="金额" min-width="150">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ formatYuan(row.amountYuan) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="date" label="发布日期" min-width="140" />
|
||||||
|
<el-table-column label="详情" min-width="120" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-link v-if="row.detailLink" :href="row.detailLink" type="primary" target="_blank">查看详情</el-link>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<div class="pagination-wrap">
|
||||||
|
<el-pagination
|
||||||
|
v-if="state.total"
|
||||||
|
background
|
||||||
|
layout="total, prev, pager, next"
|
||||||
|
:current-page="state.page"
|
||||||
|
:page-size="state.pageSize"
|
||||||
|
:total="state.total"
|
||||||
|
@current-change="changePage"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
200
client/src/pages/ResultsPage.vue
Normal file
200
client/src/pages/ResultsPage.vue
Normal file
@@ -0,0 +1,200 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, reactive } from 'vue';
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||||
|
import ResultRecordCard from '@/components/ResultRecordCard.vue';
|
||||||
|
import { deleteResult, fetchResultFilters, fetchResults } from '@/api/results';
|
||||||
|
|
||||||
|
const filters = reactive({
|
||||||
|
city: '',
|
||||||
|
section: '',
|
||||||
|
type: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const options = reactive({
|
||||||
|
cities: [],
|
||||||
|
sections: [],
|
||||||
|
types: [],
|
||||||
|
});
|
||||||
|
|
||||||
|
const stats = reactive({
|
||||||
|
total: 0,
|
||||||
|
success: 0,
|
||||||
|
failed: 0,
|
||||||
|
cities: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
records: [],
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
total: 0,
|
||||||
|
loading: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
const hasRecords = computed(() => state.records.length > 0);
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await refreshAll();
|
||||||
|
});
|
||||||
|
|
||||||
|
async function loadFilters() {
|
||||||
|
const data = await fetchResultFilters();
|
||||||
|
options.cities = data.cities || [];
|
||||||
|
options.sections = data.sections || [];
|
||||||
|
options.types = data.types || [];
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadStats() {
|
||||||
|
const payload = await fetchResults({ page: 1, pageSize: 500 });
|
||||||
|
const items = payload.data || [];
|
||||||
|
stats.total = payload.total || 0;
|
||||||
|
stats.success = items.filter((item) => !item.error).length;
|
||||||
|
stats.failed = items.filter((item) => item.error).length;
|
||||||
|
stats.cities = new Set(items.map((item) => item.city).filter(Boolean)).size;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadRecords() {
|
||||||
|
state.loading = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const payload = await fetchResults({
|
||||||
|
page: state.page,
|
||||||
|
pageSize: state.pageSize,
|
||||||
|
city: filters.city || undefined,
|
||||||
|
section: filters.section || undefined,
|
||||||
|
type: filters.type || undefined,
|
||||||
|
});
|
||||||
|
|
||||||
|
state.records = payload.data || [];
|
||||||
|
state.total = payload.total || 0;
|
||||||
|
state.page = payload.page || 1;
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`结果加载失败：${error.message}`);
|
||||||
|
state.records = [];
|
||||||
|
state.total = 0;
|
||||||
|
} finally {
|
||||||
|
state.loading = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function refreshAll() {
|
||||||
|
try {
|
||||||
|
await Promise.all([loadFilters(), loadStats(), loadRecords()]);
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`页面刷新失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function applyFilters() {
|
||||||
|
state.page = 1;
|
||||||
|
await loadRecords();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function changePage(page) {
|
||||||
|
state.page = page;
|
||||||
|
await loadRecords();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleDelete(record) {
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm('确定要删除这条抓取记录吗？', '删除确认', {
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
await deleteResult(record.id);
|
||||||
|
ElMessage.success('抓取记录已删除');
|
||||||
|
await refreshAll();
|
||||||
|
} catch (error) {
|
||||||
|
if (error !== 'cancel' && error !== 'close') {
|
||||||
|
ElMessage.error(`删除失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function resetFilters() {
|
||||||
|
filters.city = '';
|
||||||
|
filters.section = '';
|
||||||
|
filters.type = '';
|
||||||
|
applyFilters();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<section class="page-grid">
|
||||||
|
<header class="page-head">
|
||||||
|
<div>
|
||||||
|
<h2>抓取结果</h2>
|
||||||
|
<p>结果页已经切到 Element Plus 组件风格，适合继续加更复杂的筛选、导出和批量操作。</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-statistic title="总记录数" :value="stats.total" />
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-statistic title="成功条数" :value="stats.success" />
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-statistic title="失败条数" :value="stats.failed" />
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12" :lg="6">
|
||||||
|
<el-statistic title="来源城市" :value="stats.cities" />
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<el-form label-position="top">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="8">
|
||||||
|
<el-form-item label="城市">
|
||||||
|
<el-select v-model="filters.city" placeholder="全部城市" clearable style="width: 100%;" @change="applyFilters">
|
||||||
|
<el-option v-for="item in options.cities" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="8">
|
||||||
|
<el-form-item label="板块">
|
||||||
|
<el-select v-model="filters.section" placeholder="全部板块" clearable style="width: 100%;" @change="applyFilters">
|
||||||
|
<el-option v-for="item in options.sections" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="8">
|
||||||
|
<el-form-item label="类型">
|
||||||
|
<el-select v-model="filters.type" placeholder="全部类型" clearable style="width: 100%;" @change="applyFilters">
|
||||||
|
<el-option v-for="item in options.types" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<div class="toolbar">
|
||||||
|
<div class="summary-text">当前页展示 {{ state.records.length }} 条记录。</div>
|
||||||
|
<div class="toolbar__group">
|
||||||
|
<el-button @click="resetFilters">重置筛选</el-button>
|
||||||
|
<el-button type="primary" @click="refreshAll">刷新数据</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<div v-loading="state.loading" class="page-grid">
|
||||||
|
<template v-if="hasRecords">
|
||||||
|
<ResultRecordCard v-for="item in state.records" :key="item.id" :record="item" @delete="handleDelete" />
|
||||||
|
</template>
|
||||||
|
<el-empty v-else description="暂无抓取结果" :image-size="96" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination-wrap">
|
||||||
|
<el-pagination
|
||||||
|
v-if="state.total"
|
||||||
|
background
|
||||||
|
layout="total, prev, pager, next"
|
||||||
|
:current-page="state.page"
|
||||||
|
:page-size="state.pageSize"
|
||||||
|
:total="state.total"
|
||||||
|
@current-change="changePage"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
228
client/src/pages/SettingsPage.vue
Normal file
228
client/src/pages/SettingsPage.vue
Normal file
@@ -0,0 +1,228 @@
|
|||||||
|
<script setup>
|
||||||
|
import { onMounted, reactive, ref } from 'vue';
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||||
|
import { fetchConfig, fetchSchedulerStatus, saveConfig, triggerScheduledTask } from '@/api/settings';
|
||||||
|
|
||||||
|
const loading = ref(true);
|
||||||
|
const saveStatus = ref('');
|
||||||
|
const schedulerText = ref('未获取');
|
||||||
|
|
||||||
|
const form = reactive({
|
||||||
|
agent: {
|
||||||
|
baseUrl: '',
|
||||||
|
pollInterval: 3000,
|
||||||
|
timeout: 300000,
|
||||||
|
},
|
||||||
|
scheduler: {
|
||||||
|
enabled: false,
|
||||||
|
cronTime: '0 9 * * *',
|
||||||
|
description: '',
|
||||||
|
},
|
||||||
|
email: {
|
||||||
|
smtpHost: '',
|
||||||
|
smtpPort: 587,
|
||||||
|
smtpUser: '',
|
||||||
|
smtpPass: '',
|
||||||
|
recipients: '',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await refresh();
|
||||||
|
});
|
||||||
|
|
||||||
|
async function refresh() {
|
||||||
|
loading.value = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const [config, schedulerStatus] = await Promise.all([fetchConfig(), fetchSchedulerStatus()]);
|
||||||
|
|
||||||
|
form.agent.baseUrl = config.agent?.baseUrl || '';
|
||||||
|
form.agent.pollInterval = config.agent?.pollInterval || 3000;
|
||||||
|
form.agent.timeout = config.agent?.timeout || 300000;
|
||||||
|
|
||||||
|
form.scheduler.enabled = config.scheduler?.enabled ?? false;
|
||||||
|
form.scheduler.cronTime = config.scheduler?.cronTime || '0 9 * * *';
|
||||||
|
form.scheduler.description = config.scheduler?.description || '';
|
||||||
|
|
||||||
|
form.email.smtpHost = config.email?.smtpHost || '';
|
||||||
|
form.email.smtpPort = config.email?.smtpPort || 587;
|
||||||
|
form.email.smtpUser = config.email?.smtpUser || '';
|
||||||
|
form.email.smtpPass = config.email?.smtpPass || '';
|
||||||
|
form.email.recipients = config.email?.recipients || '';
|
||||||
|
|
||||||
|
schedulerText.value = schedulerStatus.isRunning
|
||||||
|
? `运行中（启用任务 ${schedulerStatus.enabledTasks || 0} 个）`
|
||||||
|
: `未运行（启用任务 ${schedulerStatus.enabledTasks || 0} 个）`;
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`设置加载失败：${error.message}`);
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleSave() {
|
||||||
|
try {
|
||||||
|
await saveConfig({
|
||||||
|
agent: {
|
||||||
|
baseUrl: form.agent.baseUrl.trim(),
|
||||||
|
pollInterval: Number(form.agent.pollInterval) || 3000,
|
||||||
|
timeout: Number(form.agent.timeout) || 300000,
|
||||||
|
},
|
||||||
|
scheduler: {
|
||||||
|
enabled: Boolean(form.scheduler.enabled),
|
||||||
|
cronTime: form.scheduler.cronTime.trim() || '0 9 * * *',
|
||||||
|
description: form.scheduler.description.trim(),
|
||||||
|
},
|
||||||
|
email: {
|
||||||
|
smtpHost: form.email.smtpHost.trim(),
|
||||||
|
smtpPort: Number(form.email.smtpPort) || 587,
|
||||||
|
smtpUser: form.email.smtpUser.trim(),
|
||||||
|
smtpPass: form.email.smtpPass.trim(),
|
||||||
|
recipients: form.email.recipients.trim(),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
saveStatus.value = '设置已保存';
|
||||||
|
ElMessage.success('系统设置已保存');
|
||||||
|
await refresh();
|
||||||
|
setTimeout(() => {
|
||||||
|
saveStatus.value = '';
|
||||||
|
}, 3000);
|
||||||
|
} catch (error) {
|
||||||
|
saveStatus.value = '';
|
||||||
|
ElMessage.error(`保存失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleTriggerScheduler() {
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm('确定要立即执行一次定时任务吗？', '执行确认', {
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
const payload = await triggerScheduledTask();
|
||||||
|
ElMessage.success(payload.message || '定时任务已在后台触发');
|
||||||
|
await refresh();
|
||||||
|
} catch (error) {
|
||||||
|
if (error !== 'cancel' && error !== 'close') {
|
||||||
|
ElMessage.error(`触发失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<section class="page-grid">
|
||||||
|
<header class="page-head">
|
||||||
|
<div>
|
||||||
|
<h2>系统设置</h2>
|
||||||
|
<p>这一页已经改用 Element Plus 表单和卡片来管理 Agent、定时任务和邮件配置。</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div v-loading="loading" class="page-grid">
|
||||||
|
<el-card shadow="never">
|
||||||
|
<template #header>
|
||||||
|
<span>Agent 服务配置</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-form label-position="top">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="24">
|
||||||
|
<el-form-item label="Agent 服务地址">
|
||||||
|
<el-input v-model="form.agent.baseUrl" placeholder="http://127.0.0.1:18625" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="轮询间隔（毫秒）">
|
||||||
|
<el-input-number v-model="form.agent.pollInterval" :min="1000" :step="100" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="超时时间（毫秒）">
|
||||||
|
<el-input-number v-model="form.agent.timeout" :min="1000" :step="1000" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<template #header>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span>定时任务</span>
|
||||||
|
<el-tag type="info">{{ schedulerText }}</el-tag>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-form label-position="top">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="8">
|
||||||
|
<el-form-item label="是否启用">
|
||||||
|
<el-switch v-model="form.scheduler.enabled" inline-prompt active-text="启用" inactive-text="禁用" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="8">
|
||||||
|
<el-form-item label="Cron 表达式">
|
||||||
|
<el-input v-model="form.scheduler.cronTime" placeholder="0 9 * * *" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="8">
|
||||||
|
<el-form-item label="描述">
|
||||||
|
<el-input v-model="form.scheduler.description" placeholder="每天 9 点执行" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-button @click="handleTriggerScheduler">立即执行一次</el-button>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<template #header>
|
||||||
|
<span>邮件配置</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-form label-position="top">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="SMTP 服务地址">
|
||||||
|
<el-input v-model="form.email.smtpHost" placeholder="smtp.qq.com" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="端口">
|
||||||
|
<el-input-number v-model="form.email.smtpPort" :min="1" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="用户名">
|
||||||
|
<el-input v-model="form.email.smtpUser" placeholder="your-email@example.com" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="密码或授权码">
|
||||||
|
<el-input v-model="form.email.smtpPass" type="password" show-password placeholder="留空会沿用已保存的掩码值" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="24">
|
||||||
|
<el-form-item label="收件人">
|
||||||
|
<el-input v-model="form.email.recipients" placeholder="a@example.com, b@example.com" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<div class="toolbar">
|
||||||
|
<div class="summary-text">保存后会自动刷新定时任务配置。</div>
|
||||||
|
<div class="toolbar__group">
|
||||||
|
<span v-if="saveStatus" class="summary-text" style="color: var(--el-color-success);">{{ saveStatus }}</span>
|
||||||
|
<el-button type="primary" @click="handleSave">保存全部设置</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
347
client/src/pages/TasksPage.vue
Normal file
347
client/src/pages/TasksPage.vue
Normal file
@@ -0,0 +1,347 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||||
|
import TaskDialog from '@/components/TaskDialog.vue';
|
||||||
|
import {
|
||||||
|
createTask,
|
||||||
|
deleteTask,
|
||||||
|
fetchTasks,
|
||||||
|
fetchTaskStatus,
|
||||||
|
runAllTasks,
|
||||||
|
runTask,
|
||||||
|
toggleTask,
|
||||||
|
updateTask,
|
||||||
|
} from '@/api/tasks';
|
||||||
|
import { formatElapsed } from '@/utils/format';
|
||||||
|
|
||||||
|
const tasks = ref([]);
|
||||||
|
const isLoading = ref(true);
|
||||||
|
const dialogOpen = ref(false);
|
||||||
|
const editingTask = ref(null);
|
||||||
|
|
||||||
|
const filters = reactive({
|
||||||
|
city: '',
|
||||||
|
plate: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const pagination = reactive({
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
});
|
||||||
|
|
||||||
|
const runner = reactive({
|
||||||
|
timer: null,
|
||||||
|
polling: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
const status = reactive({
|
||||||
|
visible: false,
|
||||||
|
type: 'info',
|
||||||
|
message: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const filteredTasks = computed(() => {
|
||||||
|
const cityKeyword = filters.city.trim().toLowerCase();
|
||||||
|
const plateKeyword = filters.plate.trim().toLowerCase();
|
||||||
|
|
||||||
|
return tasks.value.filter((task) => {
|
||||||
|
const city = (task.city || '').toLowerCase();
|
||||||
|
const plate = (task.plateName || '').toLowerCase();
|
||||||
|
return (!cityKeyword || city.includes(cityKeyword)) && (!plateKeyword || plate.includes(plateKeyword));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
const enabledCount = computed(() => tasks.value.filter((item) => item.enabled).length);
|
||||||
|
const pagedTasks = computed(() => {
|
||||||
|
const start = (pagination.page - 1) * pagination.pageSize;
|
||||||
|
return filteredTasks.value.slice(start, start + pagination.pageSize);
|
||||||
|
});
|
||||||
|
|
||||||
|
const summaryText = computed(
|
||||||
|
() => `共 ${tasks.value.length} 个任务，已启用 ${enabledCount.value} 个，筛选后 ${filteredTasks.value.length} 个`,
|
||||||
|
);
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => [filters.city, filters.plate],
|
||||||
|
() => {
|
||||||
|
pagination.page = 1;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await loadTasks();
|
||||||
|
await restoreRunningStatus();
|
||||||
|
});
|
||||||
|
|
||||||
|
onBeforeUnmount(() => {
|
||||||
|
stopPolling();
|
||||||
|
});
|
||||||
|
|
||||||
|
async function loadTasks() {
|
||||||
|
isLoading.value = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
tasks.value = await fetchTasks();
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`任务加载失败：${error.message}`);
|
||||||
|
} finally {
|
||||||
|
isLoading.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function openCreateDialog() {
|
||||||
|
editingTask.value = null;
|
||||||
|
dialogOpen.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function openEditDialog(task) {
|
||||||
|
editingTask.value = task;
|
||||||
|
dialogOpen.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateStatus(type, message) {
|
||||||
|
status.visible = true;
|
||||||
|
status.type = type;
|
||||||
|
status.message = message;
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopPolling() {
|
||||||
|
if (runner.timer) {
|
||||||
|
clearInterval(runner.timer);
|
||||||
|
runner.timer = null;
|
||||||
|
}
|
||||||
|
runner.polling = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyRunStatus(data) {
|
||||||
|
if (!data?.isRunning && !data?.finished) {
|
||||||
|
stopPolling();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.finished) {
|
||||||
|
stopPolling();
|
||||||
|
|
||||||
|
if (data.error) {
|
||||||
|
updateStatus('error', `运行失败：${data.error}`);
|
||||||
|
ElMessage.error(`任务执行失败：${data.error}`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const results = data.results || [];
|
||||||
|
if (results.length <= 1) {
|
||||||
|
const total = results[0]?.data?.total ?? 0;
|
||||||
|
updateStatus('success', `运行完成，抓取到 ${total} 条结果。`);
|
||||||
|
ElMessage.success(`任务完成，抓取到 ${total} 条结果`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const successCount = results.filter((item) => !item.error).length;
|
||||||
|
const failCount = results.filter((item) => item.error).length;
|
||||||
|
updateStatus('success', `批量运行完成，成功 ${successCount} 个，失败 ${failCount} 个。`);
|
||||||
|
ElMessage.success(`批量运行完成，成功 ${successCount} 个`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
updateStatus(
|
||||||
|
'info',
|
||||||
|
`正在执行：${data.city || '任务'}（${data.current || 0}/${data.total || 0}），已用时 ${formatElapsed(data.elapsed)}`,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function pollStatus() {
|
||||||
|
try {
|
||||||
|
const data = await fetchTaskStatus();
|
||||||
|
applyRunStatus(data);
|
||||||
|
if (data.finished) {
|
||||||
|
await loadTasks();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
stopPolling();
|
||||||
|
updateStatus('error', `状态轮询失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function startPolling() {
|
||||||
|
stopPolling();
|
||||||
|
runner.polling = true;
|
||||||
|
runner.timer = setInterval(pollStatus, 2000);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function restoreRunningStatus() {
|
||||||
|
try {
|
||||||
|
const data = await fetchTaskStatus();
|
||||||
|
applyRunStatus(data);
|
||||||
|
if (data.isRunning) {
|
||||||
|
startPolling();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`任务状态恢复失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function submitTask(payload) {
|
||||||
|
try {
|
||||||
|
if (editingTask.value?.id) {
|
||||||
|
await updateTask(editingTask.value.id, payload);
|
||||||
|
ElMessage.success('任务已更新');
|
||||||
|
} else {
|
||||||
|
await createTask(payload);
|
||||||
|
ElMessage.success('任务已创建');
|
||||||
|
}
|
||||||
|
|
||||||
|
dialogOpen.value = false;
|
||||||
|
await loadTasks();
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`保存失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleDelete(task) {
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm(`确定要删除“${task.city || '未命名任务'}”吗？`, '删除确认', {
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
await deleteTask(task.id);
|
||||||
|
ElMessage.success('任务已删除');
|
||||||
|
await loadTasks();
|
||||||
|
} catch (error) {
|
||||||
|
if (error !== 'cancel' && error !== 'close') {
|
||||||
|
ElMessage.error(`删除失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleToggle(task, enabled) {
|
||||||
|
try {
|
||||||
|
await toggleTask(task.id, enabled);
|
||||||
|
ElMessage.success(enabled ? '任务已启用' : '任务已禁用');
|
||||||
|
await loadTasks();
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error(`状态更新失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleRun(task) {
|
||||||
|
if (runner.polling) {
|
||||||
|
ElMessage.info('当前已有任务在运行，请稍后再试');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await runTask(task.id);
|
||||||
|
updateStatus('info', `已开始运行任务：${task.city}`);
|
||||||
|
ElMessage.success(`已开始运行：${task.city}`);
|
||||||
|
startPolling();
|
||||||
|
} catch (error) {
|
||||||
|
updateStatus('error', `启动失败：${error.message}`);
|
||||||
|
ElMessage.error(`启动失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleRunAll() {
|
||||||
|
if (!enabledCount.value) {
|
||||||
|
ElMessage.info('没有已启用的任务可以运行');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm(`确定要运行全部 ${enabledCount.value} 个已启用任务吗？`, '批量执行确认', {
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
await runAllTasks();
|
||||||
|
updateStatus('info', '已开始运行全部启用任务，请稍候…');
|
||||||
|
ElMessage.success('已开始运行全部启用任务');
|
||||||
|
startPolling();
|
||||||
|
} catch (error) {
|
||||||
|
if (error !== 'cancel' && error !== 'close') {
|
||||||
|
updateStatus('error', `批量启动失败：${error.message}`);
|
||||||
|
ElMessage.error(`批量启动失败：${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<section class="page-grid">
|
||||||
|
<header class="page-head">
|
||||||
|
<div>
|
||||||
|
<h2>任务配置</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-card shadow="never">
|
||||||
|
<div class="toolbar">
|
||||||
|
<div class="toolbar__group">
|
||||||
|
<el-button type="primary" @click="openCreateDialog">新增任务</el-button>
|
||||||
|
<el-button type="success" :disabled="runner.polling" @click="handleRunAll">运行全部启用</el-button>
|
||||||
|
</div>
|
||||||
|
<div class="summary-text">{{ summaryText }}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-form label-position="top" class="filter-form">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="搜索城市">
|
||||||
|
<el-input v-model="filters.city" placeholder="输入城市关键字" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="12">
|
||||||
|
<el-form-item label="搜索板块">
|
||||||
|
<el-input v-model="filters.plate" placeholder="输入板块关键字" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-alert v-if="status.visible" :title="status.message" :type="status.type" :closable="false" show-icon />
|
||||||
|
|
||||||
|
<el-table v-loading="isLoading" :data="pagedTasks" style="width: 100%; margin-top: 18px;" empty-text="没有匹配的任务">
|
||||||
|
<el-table-column prop="city" label="城市" min-width="120" />
|
||||||
|
<el-table-column prop="plateName" label="板块" min-width="120" />
|
||||||
|
<el-table-column label="提示词" min-width="280">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div class="table-prompt">{{ row.prompt || '-' }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="模型" min-width="160">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag type="info">{{ row.mode || 'qwen3.5-plus' }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="状态" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag :type="row.enabled ? 'success' : 'danger'">{{ row.enabled ? '启用' : '禁用' }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" min-width="260" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div class="table-actions">
|
||||||
|
<el-button size="small" @click="openEditDialog(row)">编辑</el-button>
|
||||||
|
<el-button size="small" type="primary" :disabled="runner.polling" @click="handleRun(row)">运行</el-button>
|
||||||
|
<el-button size="small" plain @click="handleToggle(row, !row.enabled)">{{ row.enabled ? '禁用' : '启用' }}</el-button>
|
||||||
|
<el-button size="small" type="danger" plain @click="handleDelete(row)">删除</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<div class="pagination-wrap">
|
||||||
|
<el-pagination
|
||||||
|
v-if="filteredTasks.length"
|
||||||
|
background
|
||||||
|
layout="total, prev, pager, next"
|
||||||
|
:current-page="pagination.page"
|
||||||
|
:page-size="pagination.pageSize"
|
||||||
|
:total="filteredTasks.length"
|
||||||
|
@current-change="pagination.page = $event"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<TaskDialog v-model="dialogOpen" :task="editingTask" @submit="submitTask" />
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
56
client/src/router/index.js
Normal file
56
client/src/router/index.js
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
import { createRouter, createWebHistory } from 'vue-router';
|
||||||
|
|
||||||
|
const routes = [
|
||||||
|
{
|
||||||
|
path: '/',
|
||||||
|
redirect: '/tasks',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/tasks',
|
||||||
|
name: 'tasks',
|
||||||
|
component: () => import('@/pages/TasksPage.vue'),
|
||||||
|
meta: {
|
||||||
|
title: '任务配置',
|
||||||
|
subtitle: '管理城市任务、切换模型，并手动触发抓取流程。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/results',
|
||||||
|
name: 'results',
|
||||||
|
component: () => import('@/pages/ResultsPage.vue'),
|
||||||
|
meta: {
|
||||||
|
title: '抓取结果',
|
||||||
|
subtitle: '查看抓取记录、按条件筛选，并快速定位失败任务。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/projects',
|
||||||
|
name: 'projects',
|
||||||
|
component: () => import('@/pages/ProjectsPage.vue'),
|
||||||
|
meta: {
|
||||||
|
title: '项目管理',
|
||||||
|
subtitle: '对抓取出的项目去重、筛选与金额范围查询。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/settings',
|
||||||
|
name: 'settings',
|
||||||
|
component: () => import('@/pages/SettingsPage.vue'),
|
||||||
|
meta: {
|
||||||
|
title: '系统设置',
|
||||||
|
subtitle: '维护 Agent、定时任务与邮件推送配置。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const router = createRouter({
|
||||||
|
history: createWebHistory(),
|
||||||
|
routes,
|
||||||
|
});
|
||||||
|
|
||||||
|
router.afterEach((to) => {
|
||||||
|
const title = to.meta?.title ? `${to.meta.title} | 公告抓取与分析工具` : '公告抓取与分析工具';
|
||||||
|
document.title = title;
|
||||||
|
});
|
||||||
|
|
||||||
|
export default router;
|
||||||
383
client/src/styles.css
Normal file
383
client/src/styles.css
Normal file
@@ -0,0 +1,383 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&family=IBM+Plex+Mono:wght@500&display=swap');
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--bg-top: #edf7ff;
|
||||||
|
--bg-mid: #f8fcf8;
|
||||||
|
--bg-bottom: #fff8ef;
|
||||||
|
--line: rgba(15, 34, 52, 0.1);
|
||||||
|
--text: #11263a;
|
||||||
|
--muted: #60758a;
|
||||||
|
--shadow-lg: 0 24px 54px rgba(11, 42, 68, 0.14);
|
||||||
|
--shadow-md: 0 12px 28px rgba(11, 42, 68, 0.08);
|
||||||
|
--radius-lg: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
#app {
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Plus Jakarta Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||||
|
color: var(--text);
|
||||||
|
background:
|
||||||
|
radial-gradient(880px 520px at -8% -12%, rgba(13, 108, 184, 0.2), transparent 58%),
|
||||||
|
radial-gradient(760px 440px at 110% -10%, rgba(15, 157, 140, 0.18), transparent 52%),
|
||||||
|
radial-gradient(900px 520px at 60% 118%, rgba(215, 139, 30, 0.12), transparent 56%),
|
||||||
|
linear-gradient(160deg, var(--bg-top) 0%, var(--bg-mid) 52%, var(--bg-bottom) 100%);
|
||||||
|
--el-color-primary: #0d6cb8;
|
||||||
|
--el-border-radius-base: 12px;
|
||||||
|
--el-font-family: 'Plus Jakarta Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-shell {
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-frame {
|
||||||
|
max-width: 1480px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: rgba(255, 255, 255, 0.68);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
backdrop-filter: blur(22px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-topbar {
|
||||||
|
padding: 24px 28px;
|
||||||
|
color: #eff8ff;
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at top right, rgba(255, 255, 255, 0.2), transparent 26%),
|
||||||
|
linear-gradient(125deg, #0c639f 0%, #0f85a2 55%, #17a86b 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-brand {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-brand__mark {
|
||||||
|
width: 54px;
|
||||||
|
height: 54px;
|
||||||
|
border-radius: 16px;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
color: #0d4c6e;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 800;
|
||||||
|
background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 248, 255, 0.84));
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-brand__text h1 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-brand__text p {
|
||||||
|
margin: 6px 0 0;
|
||||||
|
font-size: 13px;
|
||||||
|
opacity: 0.92;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-menu.el-menu {
|
||||||
|
padding: 10px 10px 0;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
background: rgba(255, 255, 255, 0.26);
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-menu.el-menu--horizontal > .el-menu-item {
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
border-bottom: 0;
|
||||||
|
margin: 0 8px 10px 0;
|
||||||
|
border-radius: 14px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-menu.el-menu--horizontal > .el-menu-item.is-active {
|
||||||
|
color: var(--el-color-primary);
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-main {
|
||||||
|
padding: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-head {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 20px;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-head h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-head p {
|
||||||
|
margin: 8px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar__group {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary-text {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-panel.el-card {
|
||||||
|
border: 0;
|
||||||
|
color: #f7fcff;
|
||||||
|
background: linear-gradient(140deg, rgba(13, 108, 184, 0.95), rgba(15, 157, 140, 0.92));
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-panel .el-card__body {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-panel .el-card__body::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
right: -70px;
|
||||||
|
top: -80px;
|
||||||
|
width: 240px;
|
||||||
|
height: 240px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-panel h3,
|
||||||
|
.hero-panel p {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-panel h3 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-panel p {
|
||||||
|
margin: 8px 0 0;
|
||||||
|
max-width: 760px;
|
||||||
|
opacity: 0.92;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-form {
|
||||||
|
margin-top: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-prompt {
|
||||||
|
display: -webkit-box;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-wrap {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus {
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__meta {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
margin-top: 8px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__time {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 13px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__list {
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__item {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 110px 1.6fr 150px 120px auto;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
border-bottom: 1px solid rgba(15, 34, 52, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__item:last-child {
|
||||||
|
border-bottom: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__type {
|
||||||
|
color: var(--el-color-primary);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__name {
|
||||||
|
min-width: 0;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__amount {
|
||||||
|
color: #99591a;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__date {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 13px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__action {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-card {
|
||||||
|
--el-card-border-color: rgba(15, 34, 52, 0.08);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-statistic {
|
||||||
|
padding: 18px;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: rgba(255, 255, 255, 0.76);
|
||||||
|
border: 1px solid rgba(15, 34, 52, 0.08);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-statistic__head {
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table,
|
||||||
|
.el-table tr,
|
||||||
|
.el-table th.el-table__cell,
|
||||||
|
.el-table td.el-table__cell {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-empty {
|
||||||
|
padding: 36px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1120px) {
|
||||||
|
.result-card-plus__item {
|
||||||
|
grid-template-columns: 90px 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card-plus__amount,
|
||||||
|
.result-card-plus__date,
|
||||||
|
.result-card-plus__action {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 840px) {
|
||||||
|
.app-shell {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-main,
|
||||||
|
.app-topbar {
|
||||||
|
padding: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-head {
|
||||||
|
align-items: flex-start;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-menu.el-menu--horizontal {
|
||||||
|
display: block;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-menu.el-menu--horizontal > .el-menu-item {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
26
client/src/utils/format.js
Normal file
26
client/src/utils/format.js
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
export function formatDateTime(value) {
|
||||||
|
if (!value) return '-';
|
||||||
|
const date = new Date(value);
|
||||||
|
if (Number.isNaN(date.getTime())) return value;
|
||||||
|
return date.toLocaleString('zh-CN');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatYuan(value) {
|
||||||
|
if (typeof value !== 'number' || !Number.isFinite(value)) return '-';
|
||||||
|
return `${value.toLocaleString('zh-CN', { maximumFractionDigits: 2 })} 元`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatElapsed(totalSeconds) {
|
||||||
|
const seconds = Number(totalSeconds) || 0;
|
||||||
|
const minutes = Math.floor(seconds / 60);
|
||||||
|
const remainder = seconds % 60;
|
||||||
|
return minutes > 0 ? `${minutes} 分 ${remainder} 秒` : `${remainder} 秒`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function pickResultName(item = {}) {
|
||||||
|
return item.project_name || item.projectName || item.title || item.name || item.bidName || '-';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function pickResultLink(item = {}) {
|
||||||
|
return item.detail_link || item.target_link || item.url || item.href || '';
|
||||||
|
}
|
||||||
2391
package-lock.json
generated
2391
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
18
package.json
18
package.json
@@ -2,19 +2,35 @@
|
|||||||
"name": "njggzy-scraper",
|
"name": "njggzy-scraper",
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"description": "南京公共资源交易平台 - 合同估算价采集工具",
|
"description": "公告抓取与分析工具",
|
||||||
"main": "src/server.js",
|
"main": "src/server.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
"dev": "concurrently \"npm:dev:server\" \"npm:dev:client\"",
|
||||||
|
"dev:server": "node src/server.js",
|
||||||
|
"dev:client": "vite --config vite.config.js",
|
||||||
|
"build": "vite build --config vite.config.js",
|
||||||
|
"preview": "vite preview --config vite.config.js",
|
||||||
"start": "node src/server.js"
|
"start": "node src/server.js"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@mendable/firecrawl-js": "latest",
|
"@mendable/firecrawl-js": "latest",
|
||||||
|
"axios": "^1.11.0",
|
||||||
"better-sqlite3": "^12.8.0",
|
"better-sqlite3": "^12.8.0",
|
||||||
"cors": "^2.8.5",
|
"cors": "^2.8.5",
|
||||||
"dotenv": "^17.2.3",
|
"dotenv": "^17.2.3",
|
||||||
|
"element-plus": "^2.11.4",
|
||||||
"express": "^5.2.1",
|
"express": "^5.2.1",
|
||||||
"node-cron": "^4.2.1",
|
"node-cron": "^4.2.1",
|
||||||
"nodemailer": "^7.0.11",
|
"nodemailer": "^7.0.11",
|
||||||
|
"vue": "^3.5.18",
|
||||||
|
"vue-router": "^4.5.1",
|
||||||
"zod": "^3.24.2"
|
"zod": "^3.24.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@vitejs/plugin-vue": "^6.0.1",
|
||||||
|
"concurrently": "^9.2.1",
|
||||||
|
"unplugin-auto-import": "^20.2.0",
|
||||||
|
"unplugin-vue-components": "^29.0.0",
|
||||||
|
"vite": "^7.1.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,9 @@
|
|||||||
import 'dotenv/config';
|
import 'dotenv/config';
|
||||||
import express from 'express';
|
import express from 'express';
|
||||||
import cors from 'cors';
|
import cors from 'cors';
|
||||||
|
import { existsSync } from 'node:fs';
|
||||||
|
import { dirname, join } from 'node:path';
|
||||||
|
import { fileURLToPath } from 'node:url';
|
||||||
import {
|
import {
|
||||||
initResultsStore,
|
initResultsStore,
|
||||||
loadConfig,
|
loadConfig,
|
||||||
@@ -21,6 +24,12 @@ import {
|
|||||||
import { initScheduler, runTaskNow, reloadScheduler, getSchedulerStatus } from './scheduler.js';
|
import { initScheduler, runTaskNow, reloadScheduler, getSchedulerStatus } from './scheduler.js';
|
||||||
import { runAgentTask } from './agentService.js';
|
import { runAgentTask } from './agentService.js';
|
||||||
|
|
||||||
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
|
const __dirname = dirname(__filename);
|
||||||
|
const DIST_DIR = join(__dirname, '..', 'dist');
|
||||||
|
const DIST_INDEX = join(DIST_DIR, 'index.html');
|
||||||
|
const HAS_DIST = existsSync(DIST_INDEX);
|
||||||
|
|
||||||
const app = express();
|
const app = express();
|
||||||
const PORT = process.env.PORT || 5000;
|
const PORT = process.env.PORT || 5000;
|
||||||
const DEFAULT_TASK_MODE = 'qwen3.5-plus';
|
const DEFAULT_TASK_MODE = 'qwen3.5-plus';
|
||||||
@@ -29,7 +38,10 @@ const MASKED_PASSWORD = '***已配置***';
|
|||||||
app.use(cors());
|
app.use(cors());
|
||||||
app.use(express.json({ limit: '50mb' }));
|
app.use(express.json({ limit: '50mb' }));
|
||||||
app.use(express.urlencoded({ limit: '50mb', extended: true }));
|
app.use(express.urlencoded({ limit: '50mb', extended: true }));
|
||||||
app.use(express.static('public'));
|
|
||||||
|
if (HAS_DIST) {
|
||||||
|
app.use(express.static(DIST_DIR));
|
||||||
|
}
|
||||||
|
|
||||||
function normalizeTaskMode(value) {
|
function normalizeTaskMode(value) {
|
||||||
if (typeof value === 'string' && value.trim()) return value.trim();
|
if (typeof value === 'string' && value.trim()) return value.trim();
|
||||||
@@ -64,12 +76,14 @@ function buildTaskPayload(body = {}, { partial = false } = {}) {
|
|||||||
|
|
||||||
function maskConfigSecrets(config) {
|
function maskConfigSecrets(config) {
|
||||||
const next = { ...config };
|
const next = { ...config };
|
||||||
|
|
||||||
if (config.email) {
|
if (config.email) {
|
||||||
next.email = {
|
next.email = {
|
||||||
...config.email,
|
...config.email,
|
||||||
smtpPass: config.email.smtpPass ? MASKED_PASSWORD : '',
|
smtpPass: config.email.smtpPass ? MASKED_PASSWORD : '',
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
return next;
|
return next;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -133,7 +147,7 @@ function runTaskInBackground(task) {
|
|||||||
runningStatus = { ...runningStatus, finished: true, result: record, current: 1 };
|
runningStatus = { ...runningStatus, finished: true, result: record, current: 1 };
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error('任务执行失败:', error.message);
|
console.error('Task failed:', error.message);
|
||||||
runningStatus = { ...runningStatus, finished: true, error: error.message, current: 1 };
|
runningStatus = { ...runningStatus, finished: true, error: error.message, current: 1 };
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
@@ -199,8 +213,9 @@ app.delete('/api/results/:id', (req, res) => {
|
|||||||
try {
|
try {
|
||||||
const deleted = deleteResultById(req.params.id);
|
const deleted = deleteResultById(req.params.id);
|
||||||
if (!deleted) {
|
if (!deleted) {
|
||||||
return res.status(404).json({ success: false, error: '未找到结果' });
|
return res.status(404).json({ success: false, error: '未找到该结果' });
|
||||||
}
|
}
|
||||||
|
|
||||||
res.json({ success: true });
|
res.json({ success: true });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.status(500).json({ success: false, error: error.message });
|
res.status(500).json({ success: false, error: error.message });
|
||||||
@@ -216,9 +231,9 @@ app.delete('/api/results', (_req, res) => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
app.get('/api/results/filters', (_req, res) => {
|
app.get('/api/results/filters', (req, res) => {
|
||||||
try {
|
try {
|
||||||
const projectMode = _req.query.view === 'projects';
|
const projectMode = req.query.view === 'projects';
|
||||||
res.json({ success: true, data: getResultFilters({ projectMode }) });
|
res.json({ success: true, data: getResultFilters({ projectMode }) });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.status(500).json({ success: false, error: error.message });
|
res.status(500).json({ success: false, error: error.message });
|
||||||
@@ -238,6 +253,7 @@ app.get('/api/projects', (req, res) => {
|
|||||||
page = 1,
|
page = 1,
|
||||||
pageSize = 20,
|
pageSize = 20,
|
||||||
} = req.query;
|
} = req.query;
|
||||||
|
|
||||||
const result = listProjects({
|
const result = listProjects({
|
||||||
city,
|
city,
|
||||||
section,
|
section,
|
||||||
@@ -250,6 +266,7 @@ app.get('/api/projects', (req, res) => {
|
|||||||
pageSize,
|
pageSize,
|
||||||
dedupeByName: true,
|
dedupeByName: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
res.json({ success: true, ...result });
|
res.json({ success: true, ...result });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.status(500).json({ success: false, error: error.message });
|
res.status(500).json({ success: false, error: error.message });
|
||||||
@@ -287,6 +304,7 @@ app.put('/api/tasks/:id', (req, res) => {
|
|||||||
if (!task) {
|
if (!task) {
|
||||||
return res.status(404).json({ success: false, error: '未找到该任务' });
|
return res.status(404).json({ success: false, error: '未找到该任务' });
|
||||||
}
|
}
|
||||||
|
|
||||||
res.json({ success: true, data: task });
|
res.json({ success: true, data: task });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.status(500).json({ success: false, error: error.message });
|
res.status(500).json({ success: false, error: error.message });
|
||||||
@@ -299,6 +317,7 @@ app.delete('/api/tasks/:id', (req, res) => {
|
|||||||
if (!deleted) {
|
if (!deleted) {
|
||||||
return res.status(404).json({ success: false, error: '未找到该任务' });
|
return res.status(404).json({ success: false, error: '未找到该任务' });
|
||||||
}
|
}
|
||||||
|
|
||||||
res.json({ success: true });
|
res.json({ success: true });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.status(500).json({ success: false, error: error.message });
|
res.status(500).json({ success: false, error: error.message });
|
||||||
@@ -397,12 +416,15 @@ app.post('/api/config', (req, res) => {
|
|||||||
app.post('/api/send-email', async (req, res) => {
|
app.post('/api/send-email', async (req, res) => {
|
||||||
try {
|
try {
|
||||||
const { emailConfig, report } = req.body;
|
const { emailConfig, report } = req.body;
|
||||||
|
|
||||||
if (!emailConfig?.smtpHost || !emailConfig?.smtpUser || !emailConfig?.smtpPass) {
|
if (!emailConfig?.smtpHost || !emailConfig?.smtpUser || !emailConfig?.smtpPass) {
|
||||||
return res.status(400).json({ success: false, error: '邮件配置不完整' });
|
return res.status(400).json({ success: false, error: '邮件配置不完整' });
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!emailConfig.recipients?.trim()) {
|
if (!emailConfig.recipients?.trim()) {
|
||||||
return res.status(400).json({ success: false, error: '请指定收件人' });
|
return res.status(400).json({ success: false, error: '请指定收件人' });
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!report) {
|
if (!report) {
|
||||||
return res.status(400).json({ success: false, error: '没有报告数据' });
|
return res.status(400).json({ success: false, error: '没有报告数据' });
|
||||||
}
|
}
|
||||||
@@ -425,13 +447,26 @@ app.get('/api/scheduler/status', (_req, res) => {
|
|||||||
|
|
||||||
app.post('/api/run-scheduled-task', (_req, res) => {
|
app.post('/api/run-scheduled-task', (_req, res) => {
|
||||||
try {
|
try {
|
||||||
runTaskNow().catch((error) => console.error('定时任务执行失败:', error));
|
runTaskNow().catch((error) => console.error('Scheduled task failed:', error));
|
||||||
res.json({ success: true, message: '定时任务已在后台触发' });
|
res.json({ success: true, message: '定时任务已在后台触发' });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.status(500).json({ success: false, error: error.message });
|
res.status(500).json({ success: false, error: error.message });
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
app.get('/results.html', (_req, res) => {
|
||||||
|
res.redirect('/results');
|
||||||
|
});
|
||||||
|
|
||||||
|
app.use((req, res, next) => {
|
||||||
|
if (!HAS_DIST) return next();
|
||||||
|
if (req.method !== 'GET') return next();
|
||||||
|
if (req.path.startsWith('/api')) return next();
|
||||||
|
if (req.path.includes('.')) return next();
|
||||||
|
|
||||||
|
res.sendFile(DIST_INDEX);
|
||||||
|
});
|
||||||
|
|
||||||
initResultsStore();
|
initResultsStore();
|
||||||
|
|
||||||
app.listen(PORT, () => {
|
app.listen(PORT, () => {
|
||||||
|
|||||||
49
vite.config.js
Normal file
49
vite.config.js
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
import { defineConfig } from 'vite';
|
||||||
|
import vue from '@vitejs/plugin-vue';
|
||||||
|
import { fileURLToPath, URL } from 'node:url';
|
||||||
|
import AutoImport from 'unplugin-auto-import/vite';
|
||||||
|
import Components from 'unplugin-vue-components/vite';
|
||||||
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
root: 'client',
|
||||||
|
plugins: [
|
||||||
|
vue(),
|
||||||
|
AutoImport({
|
||||||
|
imports: ['vue', 'vue-router'],
|
||||||
|
resolvers: [ElementPlusResolver()],
|
||||||
|
}),
|
||||||
|
Components({
|
||||||
|
resolvers: [ElementPlusResolver()],
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': fileURLToPath(new URL('./client/src', import.meta.url)),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
host: '0.0.0.0',
|
||||||
|
port: 5173,
|
||||||
|
proxy: {
|
||||||
|
'/api': {
|
||||||
|
target: 'http://localhost:5000',
|
||||||
|
changeOrigin: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
outDir: '../dist',
|
||||||
|
emptyOutDir: true,
|
||||||
|
rollupOptions: {
|
||||||
|
output: {
|
||||||
|
manualChunks(id) {
|
||||||
|
if (!id.includes('node_modules')) return;
|
||||||
|
if (id.includes('element-plus')) return 'element-plus';
|
||||||
|
if (id.includes('/vue/') || id.includes('@vue')) return 'vue-vendor';
|
||||||
|
if (id.includes('axios')) return 'http-vendor';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user