# 数据分析页面优化方案 > 基于抢单系统工作流程的数据分析页面科学化重构方案 --- ## 一、现状分析 ### 1.1 项目工作流程 ``` ┌─────────────────────────────────────────────────────────────────────────────┐ │ 任务全生命周期 │ ├─────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌─────────┐ ┌─────────────┐ ┌─────────────┐ ┌────────┐ │ │ │ 发起需求 │ ──▸│ 需求部门审核 │ ──▸│ 接单部门审核 │ ──▸│ 抢单/指派│ │ │ │ (草稿) │ │ (待审核) │ │ (待审核) │ │ (待接单) │ │ │ └─────────┘ └─────────────┘ └─────────────┘ └────────┘ │ │ │ │ │ │ │ │ ▼ ▼ ▼ ▼ │ │ [需求方] [需求部门负责人] [接单部门负责人] [设计师] │ │ │ │ │ ┌────────────────┘ │ │ ▼ │ │ ┌─────────────┐ │ │ │ 任务处理中 │◀──────────────────┐ │ │ │ (进行中) │ │ │ │ └─────────────┘ │ │ │ │ │ │ │ ▼ │ │ │ ┌─────────────┐ 驳回 ┌─────────────┐ │ │ │ 交付评审 │ ──────────▸│ 重新处理 │ │ │ │ (待评审) │ │ │ │ │ └─────────────┘ └─────────────┘ │ │ │ │ │ ▼ │ │ ┌─────────────┐ │ │ │ 任务完结 │ │ │ │ (已完成) │ │ │ └─────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────────────────┘ ``` ### 1.2 当前数据分析页面存在的问题 | 问题类别 | 具体问题 | 影响 | |---------|---------|------| | **视角单一** | 仅从需求发起方角度统计，缺少接单方（设计师）维度 | 无法评估设计师绩效和产能 | | **流程效率缺失** | 没有审批时效、抢单速度、各环节耗时等指标 | 无法识别流程瓶颈 | | **子任务遗漏** | 仅统计主任务，没有流水线子任务数据 | 数据统计不完整 | | **绩效指标缺失** | 缺少设计师接单量、完成率、准时率等KPI | 无法进行绩效考核 | | **工作负载盲区** | 没有设计师工作量、任务积压、负载均衡分析 | 无法合理分配任务 | | **预警机制缺失** | 没有超时预警、积压预警、异常预警 | 风险无法及时发现 | | **维度不足** | 缺少部门对比、时段分析、类型效率对比 | 分析深度不够 | --- ## 二、优化方案 ### 2.1 数据分析架构设计 ``` ┌─────────────────────────────────────────────────────────────────────────────┐ │ 数据分析模块架构 │ ├─────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌──────────────────────────────────────────────────────────────────┐ │ │ │ 顶部：核心指标概览 │ │ │ │ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐│ │ │ │ │总任务数│ │待处理数│ │进行中 │ │已完成 │ │完成率 │ │准时率 ││ │ │ │ └────────┘ └────────┘ └────────┘ └────────┘ └────────┘ └────────┘│ │ │ └──────────────────────────────────────────────────────────────────┘ │ │ │ │ ┌────────────────────────┐ ┌────────────────────────────────────────┐ │ │ │ Tab 1: 需求分析 │ │ Tab 2: 设计师绩效 │ │ │ │ (需求方视角) │ │ (接单方视角) │ │ │ ├────────────────────────┤ ├────────────────────────────────────────┤ │ │ │ • 发起趋势 │ │ • 接单量/完成量排行 │ │ │ │ • 类型分布 │ │ • 完成率/准时率 │ │ │ │ • 部门需求量 │ │ • 平均处理时长 │ │ │ │ • 积分消耗 │ │ • 好评率/满意度 │ │ │ └────────────────────────┘ │ • 工作负载分析 │ │ │ └────────────────────────────────────────┘ │ │ │ │ ┌────────────────────────┐ ┌────────────────────────────────────────┐ │ │ │ Tab 3: 流程效率 │ │ Tab 4: 预警监控 │ │ │ │ (管理视角) │ │ (运营视角) │ │ │ ├────────────────────────┤ ├────────────────────────────────────────┤ │ │ │ • 各环节平均耗时 │ │ • 即将超时任务 │ │ │ │ • 审批效率 │ │ • 积压任务预警 │ │ │ │ • 抢单速度 │ │ • 负载不均预警 │ │ │ │ • 瓶颈分析 │ │ • 异常任务列表 │ │ │ └────────────────────────┘ └────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────────────────┘ ``` ### 2.2 新增统计指标详解 #### 2.2.1 核心概览指标（6个） | 指标 | 计算方式 | 说明 | |-----|---------|------| | **总任务数** | COUNT(所有任务) | 包括主任务和子任务 | | **待处理数** | COUNT(status IN ['pending', 'pending_demand_approval', 'pending_receiving_approval']) | 待审核+待接单 | | **进行中数** | COUNT(status = 'in_progress') | 正在处理的任务 | | **已完成数** | COUNT(status = 'completed') | 已完结的任务 | | **完成率** | 已完成数 / 总任务数 × 100% | 整体完成情况 | | **准时率** | 按时完成数 / 已完成数 × 100% | 任务时效性 | #### 2.2.2 需求分析指标（Tab 1） | 指标 | 说明 | 图表类型 | |-----|------|---------| | 需求发起趋势 | 每日/周/月发起的任务数量变化 | 折线图 | | 需求类型分布 | 各类型任务占比（主图详情、SKU图等） | 饼图 | | 部门需求量排行 | 各需求部门发起任务数排名 | 柱状图 | | 积分消耗趋势 | 积分使用量随时间变化 | 面积图 | | 平均任务积分 | 任务平均积分值 | 数值卡片 | | 高频需求者排行 | 发起任务最多的用户 | 表格 | #### 2.2.3 设计师绩效指标（Tab 2）- 新增 | 指标 | 计算方式 | 说明 | |-----|---------|------| | **接单量** | COUNT(receiver_id = 设计师ID) | 接收的任务总数 | | **完成量** | COUNT(receiver_id = 设计师ID AND status = 'completed') | 完成的任务数 | | **完成率** | 完成量 / 接单量 × 100% | 设计师任务完成比例 | | **准时完成率** | 按时完成数 / 完成量 × 100% | deadline内完成的比例 | | **平均处理时长** | AVG(完成时间 - 接单时间) | 任务平均处理时间 | | **当前负载** | COUNT(status = 'in_progress' AND receiver_id = 设计师ID) | 手上进行中任务数 | | **好评率** | 5星评价数 / 评价总数 × 100% | 客户满意度 | | **获得积分** | SUM(任务积分) | 累计获得的积分 | #### 2.2.4 流程效率指标（Tab 3）- 新增 | 指标 | 计算方式 | 说明 | |-----|---------|------| | **需求审批平均时长** | AVG(需求审核完成时间 - 任务创建时间) | 需求部门审核效率 | | **接单审批平均时长** | AVG(接单审核完成时间 - 需求审核完成时间) | 接单部门审核效率 | | **平均抢单时长** | AVG(抢单时间 - 发布到大厅时间) | 任务在大厅等待时间 | | **平均任务周期** | AVG(完成时间 - 创建时间) | 任务全流程耗时 | | **环节耗时占比** | 各环节时长 / 总时长 | 识别瓶颈环节 | | **驳回率** | 被驳回数 / 总审核数 × 100% | 任务质量指标 | | **一次通过率** | 首次提交即通过数 / 提交总数 | 设计质量指标 | #### 2.2.5 预警监控指标（Tab 4）- 新增 | 预警类型 | 触发条件 | 预警级别 | |---------|---------|---------| | **即将超时** | 剩余时间 < 预估工时 × 20% | 🟡 警告 | | **已超时** | 当前时间 > deadline | 🔴 紧急 | | **任务积压** | 待接单任务数 > 阈值 | 🟡 警告 | | **设计师过载** | 进行中任务数 > 5 | 🟡 警告 | | **审批滞后** | 待审核时间 > 24小时 | 🟡 警告 | | **长期未完成** | 进行中时间 > 预估工时 × 2 | 🔴 紧急 | --- ### 2.3 页面布局优化方案 ``` ┌─────────────────────────────────────────────────────────────────────────────┐ │ 数据分析中心 │ ├─────────────────────────────────────────────────────────────────────────────┤ │ [时间范围选择] ▼ [部门筛选] ▼ [任务类型] ▼ [导出报表] [刷新] │ ├─────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │ │ │ 总任务 │ │ 待处理 │ │ 进行中 │ │ 已完成 │ │ 完成率 │ │ 准时率 │ │ │ │ 156 │ │ 23 │ │ 45 │ │ 88 │ │ 56.4% │ │ 82.3% │ │ │ │ ↑12% │ │ ↓5% │ │ ↑8% │ │ ↑15% │ │ ↑2.1% │ │ ↑1.5% │ │ │ └────────┘ └────────┘ └────────┘ └────────┘ └────────┘ └────────┘ │ │ │ │ ┌─────────────────────────────────────────────────────────────────────┐ │ │ │ [需求分析] [设计师绩效] [流程效率] [预警监控] │ │ │ ├─────────────────────────────────────────────────────────────────────┤ │ │ │ │ │ │ │ ┌─────────────────────────────┐ ┌─────────────────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ 需求趋势图（折线） │ │ 类型分布图（饼图） │ │ │ │ │ │ │ │ │ │ │ │ │ └─────────────────────────────┘ └─────────────────────────────┘ │ │ │ │ │ │ │ │ ┌─────────────────────────────┐ ┌─────────────────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ 部门需求量（柱状图） │ │ 积分消耗（面积图） │ │ │ │ │ │ │ │ │ │ │ │ │ └─────────────────────────────┘ └─────────────────────────────┘ │ │ │ │ │ │ │ │ ┌───────────────────────────────────────────────────────────┐ │ │ │ │ │ 用户需求排行榜 │ │ │ │ │ │ 排名 | 用户名 | 部门 | 发起数 | 完成数 | 总积分 | 满意度 │ │ │ │ │ │ 1 | 张三 | 运营 | 25 | 22 | 450 | 4.8★ │ │ │ │ │ │ 2 | 李四 | 市场 | 20 | 18 | 380 | 4.6★ │ │ │ │ │ │ ... │ │ │ │ │ └───────────────────────────────────────────────────────────┘ │ │ │ │ │ │ │ └─────────────────────────────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────────────────┘ ``` --- ### 2.4 设计师绩效页面（新增） ``` ┌─────────────────────────────────────────────────────────────────────────────┐ │ 设计师绩效看板 │ ├─────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌───────────────────────────────────────────────────────────────────────┐ │ │ │ 设计师绩效排行榜 │ │ │ │ ┌────┬─────────┬────────┬──────┬──────┬────────┬────────┬────────┐ │ │ │ │ │排名│ 设计师 │ 所属部门│ 接单量│完成量│ 完成率 │ 准时率 │ 好评率 │ │ │ │ │ ├────┼─────────┼────────┼──────┼──────┼────────┼────────┼────────┤ │ │ │ │ │ 🥇 │ 南亭 │ 平面设计│ 28 │ 25 │ 89.3% │ 92.0% │ 96.0% │ │ │ │ │ │ 🥈 │ 小明 │ 平面设计│ 24 │ 20 │ 83.3% │ 85.0% │ 90.0% │ │ │ │ │ │ 🥉 │ 小红 │ 3D建模 │ 20 │ 18 │ 90.0% │ 88.9% │ 94.4% │ │ │ │ │ └────┴─────────┴────────┴──────┴──────┴────────┴────────┴────────┘ │ │ │ └───────────────────────────────────────────────────────────────────────┘ │ │ │ │ ┌─────────────────────────────┐ ┌─────────────────────────────────────┐ │ │ │ 设计师工作负载 │ │ 平均处理时长分布 │ │ │ │ ┌──────────────────────┐ │ │ ┌──────────────────────────────┐ │ │ │ │ │ 南亭 ████████ 8任务│ │ │ │ │ │ │ │ │ │ 小明 ██████ 6任务 │ │ │ │ [直方图/箱线图] │ │ │ │ │ │ 小红 ████ 4任务 │ │ │ │ │ │ │ │ │ │ 小李 ███ 3任务 │ │ │ │ 平均: 6.2h 中位数: 5.5h │ │ │ │ │ │ [负载均衡建议] │ │ │ │ │ │ │ │ │ └──────────────────────┘ │ │ └──────────────────────────────┘ │ │ │ └─────────────────────────────┘ └─────────────────────────────────────┘ │ │ │ │ ┌───────────────────────────────────────────────────────────────────────┐ │ │ │ 设计师详细绩效数据 │ │ │ │ ┌────────┬────────┬────────┬────────┬────────┬────────┬────────────┐ │ │ │ │ │ 设计师 │ 当前负载│ 本周完成│ 本月完成│ 获得积分│ 平均时长│ 满意度趋势│ │ │ │ │ ├────────┼────────┼────────┼────────┼────────┼────────┼────────────┤ │ │ │ │ │ 南亭 │ 3 任务 │ 8 │ 25 │ 500 │ 5.2h │ ↑ 4.9★ │ │ │ │ │ │ 小明 │ 6 任务 │ 5 │ 20 │ 400 │ 6.8h │ → 4.6★ │ │ │ │ │ │ [点击查看详情...] │ │ │ │ └────────┴────────┴────────┴────────┴────────┴────────┴────────────┘ │ │ │ └───────────────────────────────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────────────────┘ ``` --- ### 2.5 流程效率页面（新增） ``` ┌─────────────────────────────────────────────────────────────────────────────┐ │ 流程效率分析 │ ├─────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌───────────────────────────────────────────────────────────────────────┐ │ │ │ 任务流程平均耗时 │ │ │ │ │ │ │ │ 发起 ──▸ 需求审核 ──▸ 接单审核 ──▸ 抢单/指派 ──▸ 处理 ──▸ 完结 │ │ │ │ │ 2.5h │ 1.8h │ 0.5h │ 6.2h │ │ │ │ │ └─────────┴──────────┴────────────┴───────┘ │ │ │ │ │ │ │ │ 总平均耗时: 11.0 小时 瓶颈环节: 任务处理 (56.4%) │ │ │ │ │ │ │ └───────────────────────────────────────────────────────────────────────┘ │ │ │ │ ┌─────────────────────────────┐ ┌─────────────────────────────────────┐ │ │ │ 各环节耗时占比 │ │ 审批效率趋势 │ │ │ │ ┌──────────────────────┐ │ │ ┌──────────────────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ [饼图/环形图] │ │ │ │ [折线图] │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ • 需求审核 22.7% │ │ │ │ 需求审核时长趋势 │ │ │ │ │ │ • 接单审核 16.4% │ │ │ │ 接单审核时长趋势 │ │ │ │ │ │ • 任务处理 56.4% │ │ │ │ │ │ │ │ │ │ • 其他 4.5% │ │ │ └──────────────────────────────┘ │ │ │ │ └──────────────────────┘ │ └─────────────────────────────────────┘ │ │ └─────────────────────────────┘ │ │ │ │ ┌───────────────────────────────────────────────────────────────────────┐ │ │ │ 效率指标详情 │ │ │ │ ┌────────────┬──────────┬──────────┬──────────┬──────────┬──────────┐ │ │ │ │ │ 指标 │ 本周 │ 上周 │ 环比 │ 本月 │ 目标 │ │ │ │ │ ├────────────┼──────────┼──────────┼──────────┼──────────┼──────────┤ │ │ │ │ │ 需求审批时长│ 2.3h │ 2.8h │ ↓17.9% │ 2.5h │ < 4h │ │ │ │ │ │ 接单审批时长│ 1.6h │ 2.1h │ ↓23.8% │ 1.8h │ < 2h │ │ │ │ │ │ 平均抢单时长│ 0.4h │ 0.6h │ ↓33.3% │ 0.5h │ < 1h │ │ │ │ │ │ 平均处理时长│ 5.8h │ 6.5h │ ↓10.8% │ 6.2h │ < 8h │ │ │ │ │ │ 一次通过率 │ 85.0% │ 82.0% │ ↑3.7% │ 83.5% │ > 80% │ │ │ │ │ └────────────┴──────────┴──────────┴──────────┴──────────┴──────────┘ │ │ │ └───────────────────────────────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────────────────┘ ``` --- ### 2.6 预警监控页面（新增） ``` ┌─────────────────────────────────────────────────────────────────────────────┐ │ 预警监控中心 │ ├─────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │ │ │🔴 紧急 │ │🟡 警告 │ │🟢 正常 │ │📊 全部 │ │ │ │ 3 │ │ 8 │ │ 45 │ │ 56 │ │ │ └────────┘ └────────┘ └────────┘ └────────┘ │ │ │ │ ┌───────────────────────────────────────────────────────────────────────┐ │ │ │ 紧急预警 (3) │ │ │ │ ┌────────┬──────────────────┬──────────┬──────────┬──────────────────┐ │ │ │ │ │ 级别 │ 任务名称 │ 处理人 │ 预警原因 │ 操作 │ │ │ │ │ ├────────┼──────────────────┼──────────┼──────────┼──────────────────┤ │ │ │ │ │ 🔴紧急 │ SKU主图-产品A │ 南亭 │ 已超时8h │ [查看] [催办] │ │ │ │ │ │ 🔴紧急 │ 详情页-产品B │ 小明 │ 已超时4h │ [查看] [催办] │ │ │ │ │ │ 🔴紧急 │ 3D渲染-产品C │ - │ 48h未接单│ [查看] [指派] │ │ │ │ │ └────────┴──────────────────┴──────────┴──────────┴──────────────────┘ │ │ │ └───────────────────────────────────────────────────────────────────────┘ │ │ │ │ ┌───────────────────────────────────────────────────────────────────────┐ │ │ │ 警告预警 (8) │ │ │ │ ┌────────┬──────────────────┬──────────┬──────────┬──────────────────┐ │ │ │ │ │ 级别 │ 任务名称 │ 处理人 │ 预警原因 │ 操作 │ │ │ │ │ ├────────┼──────────────────┼──────────┼──────────┼──────────────────┤ │ │ │ │ │ 🟡警告 │ Banner设计 │ 小红 │ 即将超时 │ [查看] [提醒] │ │ │ │ │ │ 🟡警告 │ 产品包装设计 │ 小明 │ 负载过高(8)│ [查看] [分配] │ │ │ │ │ │ 🟡警告 │ 主图优化-D │ - │ 24h未接单│ [查看] [指派] │ │ │ │ │ │ 🟡警告 │ 详情页-E │ - │ 审批滞后 │ [查看] [催审] │ │ │ │ │ │ ... │ │ │ │ └────────┴──────────────────┴──────────┴──────────┴──────────────────┘ │ │ │ └───────────────────────────────────────────────────────────────────────┘ │ │ │ │ ┌─────────────────────────────┐ ┌─────────────────────────────────────┐ │ │ │ 预警趋势统计 │ │ 设计师负载分布 │ │ │ │ ┌──────────────────────┐ │ │ ┌──────────────────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ [趋势折线图] │ │ │ │ [柱状图/热力图] │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ 紧急预警趋势 │ │ │ │ 显示各设计师当前任务数 │ │ │ │ │ │ 警告预警趋势 │ │ │ │ 标红显示过载设计师 │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────┘ │ │ └──────────────────────────────┘ │ │ │ └─────────────────────────────┘ └─────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────────────────┘ ``` --- ## 三、实施计划 ### 3.1 开发优先级 | 阶段 | 内容 | 工作量 | 优先级 | |-----|------|-------|-------| | **P0** | 核心概览指标优化（6卡片） | 2天 | 🔴 最高 | | **P0** | 设计师绩效Tab（新增） | 3天 | 🔴 最高 | | **P1** | 流程效率Tab（新增） | 3天 | 🟡 高 | | **P1** | 预警监控Tab（新增） | 3天 | 🟡 高 | | **P2** | 需求分析Tab优化 | 2天 | 🟢 中 | | **P2** | 导出报表功能完善 | 1天 | 🟢 中 | | **P3** | 数据钻取功能 | 2天 | 🔵 低 | ### 3.2 后端API新增列表 | API | 说明 | 优先级 | |-----|------|-------| | `GET /api/analytics/designer-performance` | 设计师绩效数据 | P0 | | `GET /api/analytics/process-efficiency` | 流程效率统计 | P1 | | `GET /api/analytics/warnings` | 预警任务列表 | P1 | | `GET /api/analytics/workload` | 设计师工作负载 | P0 | | `GET /api/analytics/on-time-rate` | 准时完成率统计 | P0 | | `GET /api/analytics/approval-stats` | 审批效率统计 | P1 | ### 3.3 数据库优化建议 ```sql -- 1. 新增任务时间戳字段（用于流程效率分析） ALTER TABLE task ADD COLUMN demand_approved_time DATETIME COMMENT '需求审核通过时间'; ALTER TABLE task ADD COLUMN receiving_approved_time DATETIME COMMENT '接单审核通过时间'; ALTER TABLE task ADD COLUMN grabbed_time DATETIME COMMENT '抢单时间'; -- 2. 新增索引优化查询性能 CREATE INDEX idx_task_status_receiver ON task(status, receiver_id); CREATE INDEX idx_task_create_time ON task(create_time); CREATE INDEX idx_task_receiver_dept ON task(receiver_dept_id); ``` --- ## 四、预期收益 | 收益类型 | 具体收益 | |---------|---------| | **管理效率提升** | 快速识别流程瓶颈，优化审批效率 | | **资源配置优化** | 通过工作负载分析，合理分配任务 | | **绩效考核依据** | 设计师绩效数据量化，支持KPI考核 | | **风险预防** | 预警机制提前发现问题，减少超时 | | **决策支持** | 多维度数据分析，支持管理决策 | --- ## 五、技术实现要点 ### 5.1 前端技术栈 - **Vue 3 + TypeScript**：页面开发框架 - **Ant Design Vue**：UI组件库 - **ECharts**：图表可视化 - **Pinia**：状态管理 ### 5.2 后端技术栈 - **Spring Boot 3**：后端框架 - **MyBatis-Plus**：ORM框架 - **MySQL 8.0**：数据库 ### 5.3 关键实现点 1. **设计师绩效计算** - 需要关联 `task` 表和 `task_item` 表 - 需要计算准时率（对比 deadline 和实际完成时间） - 需要关联评价表获取好评率 2. **流程效率计算** - 需要记录各环节时间戳 - 需要新增字段存储审核通过时间、抢单时间等 3. **预警监控实现** - 可使用定时任务扫描预警条件 - 或在查询时实时计算预警状态 --- **文档版本**: v1.0 **创建时间**: 2026-01-04 **作者**: AI Assistant