岗位角色
决定人员适用的计提公式模板与参数;新增岗位无需改代码
| 靛蓝 | #2E4BA8 | index.css:--ys-indigo / --el-color-primary | 已落地 |
| 靛蓝亮端 | #3A58BC | 仅设计稿(按钮微渐变上端) | 设计值 |
| 深靛蓝 | #223A85 | index.css:--ys-indigo-deep(EP dark-2 为 #253C86) | 已落地 |
| EP 色阶 | light-3…9 / dark-2 | index.css:--el-color-primary-light-3/5/7/8/9、--el-color-primary-dark-2 | 已落地 |
| 墨 / 次墨 / 弱墨 | #1C2333 · #5B6577 · #9AA3B2 | index.css:--ys-ink / --ys-ink-2 / --ys-ink-3 | 已落地 |
| 界线 | rgba(28,35,51,.09) | index.css:--ys-line | 已落地 |
| 纸白 / 雾灰 | #FFFFFF→#FCFCFE · #F4F5F8 | index.css:--ys-paper / --ys-mist | 已落地 |
| 语义色 | #1E9E6A · #C98A1B · #C94F4F | index.css:--el-color-success/warning/danger/error 全阶覆盖 | 已落地 |
| 确认框琥珀 | #B7791F(底 #FBF3E4) | index.css:.ys-confirm-box 图标与底色 | 已落地 |
| 菜单图标 | 16px 线性 · 静止 0.7 | menuIcons.ts 注册表(Element Plus 图标库,具名导入可摇树) | 已落地 |
index.css 的 :root 覆盖
--el-color-success/warning/danger/error 及其 light-3/5/7/8/9、dark-2 与 -rgb 变体,
色阶同样按 Element Plus「主色与白色混合」公式预计算——-rgb 一并覆盖,否则半透明底色仍是旧的黄绿色。
components/layout/menuIcons.ts,路由只写 meta.icon;视觉口径不变
(16px、静止 0.7 / 激活 1、右间距 9px),并统一取线性变体、禁用 *-filled——
同一层级混用实心与线性图标会让菜单不像一套语言。
| 回款日期 | 回款金额(元) | 回款天数 | 计提比例 | 绩效金额(元) |
|---|---|---|---|---|
| 2026-01-10 | 386,200.00 | 27 | 9.7‰ | 14,062.31 |
| 2026-02-18 | 1,240,000.00 | 361 | 4‰ | 19,840.00 |
| 合计 | 1,626,200.00 | — | — | 33,902.31 |
| 首页 | 首页(工作台:总览 / 待办 / 预警 / 动态) | 顶层项 · 管理员 / 财务 / 领导 |
| 系统管理 | 用户管理、角色管理、岗位角色、计提参数、公司信息、审批管理、日志查询 | 可折叠组 · 当前组自动展开 |
| 基础数据 | 人员管理、产品管理、客户管理 | 可折叠组 · 登录即可见 |
| 业务数据 | 业务管理、发货管理、回款管理、客户评级计算器 | 可折叠组 · 登录即可见 |
| 绩效工资 | 绩效台账、月度结算 | 可折叠组 · 月结写权限限管理员与营销后勤 |
| 报表统计 | 个人绩效明细、部门绩效汇总、业务统计、回款统计 | 可折叠组 · 限管理员 / 财务 / 领导 |
| 不进菜单 | 报表打印视图(独立顶层路由) | 浏览器打印只出报表本身 |
meta.icon 只写语义 key,图标注册在 menuIcons.ts。
本稿画的是手绘线性稿,实际取自 Element Plus 图标库的线性变体——形状以图标库为准,
尺寸、透明度与间距口径保持一致。
b-full)。
卡片入场 45ms 交错上浮(320ms),悬停抬升 2px、影加深。
待办与预警的列表在卡内滚动(上限 178px)——条目再多也不撑开网格,行高恒定。
| 页面 / 卡片入场 | 淡入 + 上浮 6px,45ms 交错 | 320ms |
| 按钮悬停 / 按下 | 抬升 1px、影加深 / 回落内阴影 | 150ms |
| 卡片悬停 | 抬升 2px、阴影加深 | 180ms |
| 输入聚焦 | 靛蓝描边 + 3px 柔光外环 | 150ms |
| 弹层 / 抽屉 | 淡入 + 上移 4px | 160ms |
| 表格行 | 底色渐显(无位移) | 120ms |
| 数据刷新 | 数字不做滚动动画(核对场景,动即干扰) | — |
| 无障碍 | prefers-reduced-motion 时全部关闭 | — |
| 按钮 | 提交 | 保存变更 · 录入回款 |
| 空态 | 暂无数据 | 还没有岗位角色,点「新增岗位」创建第一个 |
| 错误 | 操作失败 | 岗位编码已存在,请换一个 |
| 危险确认 | 确定删除吗? | 删除后无法恢复,该岗位下的人员需重新归属 |
| 成功提示 | 操作成功 | 岗位已创建 · 参数 11-01 起生效 |
| 页面描述 | 本页面用于管理 | 决定人员适用的计提公式模板与参数;新增岗位无需改代码 |
| 审批单号 | 类型 | 版本 | 引用单号 | 状态 | 提交人 | 提交时间 |
|---|---|---|---|---|---|---|
| YS202610 | 月度结算 | v2 | 2026-10 | 待财务复核 | 张岚 | 10-21 14:32 |
| SP20261003 | 二次分配方案 | v1 | BS20261018 | 待领导审核 | 王浩 | 10-21 11:08 |
| AD20261007 | 调整单 | v3 | BS20261009 | 已通过 | 李敏 | 10-20 17:45 |
| YS202609 | 月度结算 | v1 | 2026-09 | 已驳回 | 张岚 | 09-28 10:12 |
| 合同编号 | 发货日 | 回款日 | 回款天数 | 产品类别 | 客户类型 | 岗位 | 计提比例 | 权重R | 绩效 | 应付 |
|---|---|---|---|---|---|---|---|---|---|---|
| BS20261018 | 2026-10-08 | 2026-10-21 | 13 | 市政水利 | 市政单位 | 营销员 | 5‰ | 0.85 | 4,320.00 | 3,928.00 |
| BS20261021 | 2026-10-11 | 2026-10-22 | 11 | 轨道交通 | 建设单位 | 营销员 | 5‰ | 0.85 | 2,100.00 | 1,910.00 |
| BS20261009 | 2026-09-26 | 2026-10-09 | 13 | 市政水利 | 市政单位 | 营销经理 | 5‰ | 0.12 | 1,860.00 | 1,690.00 |
| BS20261012 | 2026-10-02 | 2026-10-15 | 13 | 混合业务 | 经销单位 | 信息员 | 1‰ | 1.00 | 860.00 | 782.00 |
| 团队 | 人数 | 绩效合计 | 应付合计 |
|---|---|---|---|
| 市政一部 | 12 | 96,412.30 | 87,735.99 |
| 市政二部 | 9 | 71,845.16 | 65,379.60 |
| 轨道交通组 | 7 | 54,102.44 | 49,233.22 |
| 客户类型 | 笔数 | 绩效合计 | 占比 |
|---|---|---|---|
| 市政单位 | 46 | 132,806.90 | 49.5% |
| 建设单位 | 31 | 82,904.55 | 30.9% |
| 经销单位 | 18 | 52,718.71 | 19.6% |
| 台账绩效合计 | 268,430.16 元 |
| 调整单影响 | −3,120.00 元 |
| 月结应付合计 | 241,876.40 元 |