面向西北的煤矿、化工、电力蓝领垂直招工平台。
以"稳重专业 · 工业简约"为基调，让一线工友看得清、点得准、信得过。
工友找活的全部主链路：底部固定 5 个 Tab —— 招工 · 找活 · 需求 · 消息 · 我的。招工为深色 Hero + 金刚区 + 工种宫格 + 推荐流的四段式结构，首页右上可「求职 / 招工」一键切换双视角（招工方直达找人才 · 发需求 · 候选人沟通），官方公告置于内容流首位，从行业频道进入，搜索或浏览热门工种与为你推荐， 查看岗位详情与企业主页，解锁企业联系方式并投递；找活是个人 / 班组 / 公司实名发布的找活广场，用工方直接来挑人；需求是求购 · 出售 · 租赁 · 求助四类供需大厅，可就地发布与响应。 另配 12 个蓝领工具箱——工资计算器、证书到期管家、单位换算、职业健康等上工场景能力。
平台运营的完整闭环：数据看板掌握供需与解锁收入，岗位审核把控发布质量， 企业与工人侧做资质与实名核验，财务流水对账解锁收入与充值退款， 公告与系统设置完成内容与参数运营，操作日志保证每个管理动作可审计。
访客无需登录即可使用的招聘网站前台：招工（大搜索 Hero + 行业入口 + 精选岗位 + 7 维筛选 × 4 种排序 × 真分页的职位搜索 + 岗位详情 + 企业主页）、找活广场（个人 / 班组 / 公司实名名片，用工方直接发邀约）、供需大厅（求购 · 出售 · 租赁 · 求助四类对接与响应报价）。 验证码登录 / 注册后，求职工作台与企业招聘工作台在门户内直接打开（同一数据仓实时同步）， 顶栏一键往返「逛门户 ⇄ 干活」。
先定人、定场景、定问题，再定视觉
深海蓝承载信任，金色只做"钱"的语言，红绿只做状态
切频道时仅主题色与内容池变化，骨架与导航保持一致
移动端正文字号 16px 起步（常规 App 为 14px），保证一线工友与年长用户可读
克制装饰，圆角适中；一套 4px 基数间距贯穿两端
两端共用同一套基础组件，规格一致、语义一致
全部为内联 SVG 线性图标，1.8px 描边，currentColor 跟随文字色，一套两端共用
六端共 97 屏：工人端 36 · 门户 14 · 平台后台 18 · 企业端 11 · 求职端 10 · 数据看板 8，覆盖"找工作 → 投递 → 面试 → 录用入职 → 沟通 → 认证 → 作业工具 → 运营管控 → 数据决策"全闭环
| 端 | 模块 | 页面 |
|---|---|---|
| H5 工人端 36 屏 | 入口 | 品牌登录（手机号 + 验证码 + 协议） |
| 招工 Tab 1 | 招工大厅（深色 Hero：定位 / 求职·招工双视角切换 / 搜索框 / 行业切换卡 / 4 项平台数据 → 官方公告条 → 证书提醒 / 发需求引导 → 8 入口金刚区（求职·招工两套）→ 热门工种宫格（找岗 / 挑人）→ 为你推荐（岗位 / 人才名片）→ 急招专场 · 反诈提示）· 搜索（实时联想 + 结果态 + 空态）· 岗位列表（地区·薪资·行业·经验筛选）· 岗位详情（介绍 / 薪资福利 / 任职要求 / 企业信息 / 解锁联系方式）· 企业主页（介绍 / 资质 / 福利 / 环境 / 在招岗位 / 工友评价） | |
| 找活 Tab 2 | 找活广场（「全部 / 个人 / 班组 / 公司」四格分段 + 关键词实时过滤 + 工种快捷词；名片卡展示主体类型 / 持证 / 期望薪资 / 可到岗 / 实名核验）· 找活名片（证件核验清单 / 擅长技能 / 自我介绍 / 从业经历时间线 / 浏览与联系数 / 发出用工邀约） | |
| 需求 Tab 3 | 需求大厅（「求购 / 出售 / 租赁 / 求助」四格分段 + 关键词实时过滤；卡片含参数三组 / 发布方核验 / 响应数 / 截止时间）· 需求详情（需求参数 / 详细说明 / 交易条件 / 发布方 / 响应报价列表）· 发布（找活名片 · 需求 双页签表单：主体或类型选择 + 分组字段 + 快捷标签） | |
| 消息 Tab 4 | 消息（全部 / 沟通 / 投递 / 系统 分组）· 沟通会话（可发送 + 快捷短语 + 自动回复） | |
| 我的 Tab 5 | 个人中心（头像 / 账号余额 / 工具箱 / 投递记录 / 收藏岗位 / 我的消息 / 实名认证 · 求职状态可切换）· 我的简历（基本信息 / 求职意向 / 技能标签 / 证书墙 / 从业经历）· 浏览足迹（最近浏览 · 一键清空）· 账号余额（套餐选择 / 充值真实入账 / 收支明细筛选）· 投递记录（状态分组 / 确认面试 / 撤回投递）· 收藏岗位 · 实名认证 · 设置（通知 / 大字模式 / 隐私开关 / 退出登录） | |
| 工具箱 12 个工具 / 6 屏 | 全部工具（作业工具 / 权益保障 / 生活服务三组）· 工资计算器（日薪制 / 月薪制 + 津贴勾选 + 加班倍数 → 预估到手并与行业区间对比）· 证书管家（特种作业证核验状态 / 有效期进度 / 90 天复审预警 / 换证流程与材料）· 单位换算（长度·进尺 / 质量·装车 / 压力·管路 / 体积·风量 / 发热量·煤质）· 职业健康（危害因素接触 / 岗前·在岗·离岗体检 / 体检档案 / 防治要点）· 工具详情页（补贴测算 · 安全习题 · 合同范本 · 维权举报 · 附近矿区 · 社保查询 · 防骗指南 · 帮助客服） | |
| 平台内容 | 平台公告 · 公告详情（正文 / 注意事项 / 相关公告） | |
| 扩展页 7 屏 | 我的发布（我发布的找活名片 / 需求，可编辑 · 置顶 · 下架，浏览量实时统计）· 我的需求（招工方视角：我发的用工需求 + 收到的响应，可一键转聊）· 电子工资条（按月查看应发 / 扣款 / 实发，条目可展开，支持异议申诉）· 简历分享（生成分享链接与二维码，可设有效期与是否隐藏手机号）· 面试邀约（邀约详情：时间 / 地点 / 联系人 / 导航与日历，确认 · 改期 · 婉拒）· 举报（收费招聘 / 虚假岗位 / 中介冒充 / 辱骂骚扰 / 其他，可附证据与联系方式）· 文档页（用户协议 / 隐私政策 / 平台规则，正文可锚点定位） | |
| PC 管理后台 18 屏 | 概览 | 数据看板（供需指标 · 解锁收入趋势 · 行业分布 · 地区排名 · 待办） |
| 岗位 | 岗位审核队列 · 岗位管理（上架 / 下架 / 刷新 / 置顶） | |
| 企业 | 企业认证（资质核验 · 驳回与冻结 · 认证记录时间线 · 年审提醒）· 企业管理（全部企业档案 / 经营数据表现 / 在招岗位 / 发布权限冻结与恢复） | |
| 工人 | 工人管理 · 实名审核（身份比对 / 人脸活体 / 证书查验） | |
| 财务 | 财务流水（解锁收入 / 充值 / 退款对账，按类型筛选） | |
| 运营 · 系统 | 公告管理（编辑 · 置顶 · 发布）· 系统设置（规则开关 · 角色权限）· 操作日志（审计留痕） | |
| 内容治理 2 屏 | 举报处置（按状态 / 优先级 / 举报对象分类，处置动作含下架内容 · 封禁账号 · 警告 · 不予受理，结果回写举报单并联动岗位与账号状态）· UGC 审核（工友评价 / 企业简介 / 找活名片 / 需求描述等内容抽样审核，可查看上下文后通过或驳回） | |
| 交易与客服 2 屏 | 订单管理（解锁订单 / 退款单 / 发票三视图，退款受理后同步财务流水与订单状态）· 工单管理（工友与企业提交的工单会话流，支持快捷回复 · 指派 · 关闭 · 重新打开） | |
| 运营与导出 2 屏 | 消息推送（按行业 / 用户群受众选渠道，模板与排期，发送后真实生成发送量 / 打开量）· 运营位管理（首页 Banner · 急招专场 · 工种入口三组位的投放开关与排期）· 数据导出（岗位 / 举报 / 账单等 6 个数据集，导出任务生成真实 CSV 下载） | |
| PC 招聘门户 14 屏 | 招聘前台 | 门户首页（大搜索 Hero / 行业入口 / 精选岗位 / 运营位）· 职位搜索（7 维筛选 × 4 种排序 × 真分页）· 职位详情 · 企业名录 · 企业主页 · 找活广场 · 找活名片详情 · 供需大厅 · 需求详情 · 登录 / 注册 · 页面不存在（404 兜底） |
| 关于与帮助 3 屏 | 关于矿农网（平台定位 / 四项坚持 / 发展历程 / 荣誉信用 / 资质公示（营业执照 · 人力资源服务许可证 · 增值电信业务许可证 · 网络招聘信用等级，可锚点直达）/ 联系我们（运营主体 · 服务通道 · 交通指引））· 帮助中心（12 个高频问题 / 7 个分类 / 关键词实时过滤 / 热门问题直达 / 安全与反诈专区）· 协议与规则（用户服务协议 · 隐私政策 · 平台招聘规则三篇互跳，左侧目录锚点定位，含版本号与生效日期） | |
| 集成工作台 | 在门户内直接打开个人求职工作台与企业招聘工作台（与独立端共用同一数据仓），顶栏一键往返 | |
| PC 企业端 11 屏 | 招聘主线 | 企业看板 · 岗位管理（4 步发布向导）· 候选人管理（投递状态机：待查看 → 已查看 → 已邀约 → 已确认 → 面试完成 → 已录用 / 不合适）· 面试管理 · 人才库（直发用工邀约）· 需求大厅 · 消息 · 企业主页装修 · 认证与资质 · 设置 |
| 录用与入职 | 5 个页签台账（全部 / 待确认 / 待报到 / 试用期 / 已结束）· 面试已完成待发录用区 · 发放录用通知（薪资 / 试用期 / 报到日期地点 / 带教人 / 入职材料）· 入职详情抽屉（录用条件 · 材料逐项勾选 · 流程时间线）· 状态流转：提醒确认 → 确认已报到 → 转入试用期 → 转正评估 / 离职 / 重新发录用 | |
| PC 求职端 10 屏 | 求职主线 | 求职看板 · 职位搜索 · 投递记录（含「面试已完成」状态）· 面试安排 · 收藏 · 找活名片 · 需求大厅 · 消息 · 我的简历 · 设置 |
| 状态同步 | 投递状态与面试安排、企业端候选人台账、门户职位详情三向实时同步（同一数据仓） | |
| 数据看板 8 屏 | 总览 · 招工 · 找活 · 需求 · 消息 · 用户 · 转化漏斗（待查看 → 企业已查看 → 已邀约 → 已确认 → 面试完成 → 已录用）· 可导出报表 |
高保真原型中真正可点通的部分 —— 不是静态图，每条链路都能走到底
| 端 | 交互 | 行为 |
|---|---|---|
| H5 工人端 | 首页 | 金刚区 8 个入口全部落到真实去处：急招专区 / 高薪岗位进列表页并按「急招优先 / 薪资最高」重排，国企直招 / 包吃住 / 班车接送带关键词进搜索，持证优先进证书管家，井下补贴进补贴测算，全部工种进列表；Hero 行业卡一键切频道（副标题与 4 项平台数据同步刷新）；定位与「为你推荐」筛选条跳到列表页并直接展开对应筛选面板；证书提醒条按本行业最近到期 / 待复审的那本证动态出文案 |
| 搜索 | 输入即实时联想 + 出结果；按「岗位名 > 企业/地区/标签 > 工种 > 行业」分级召回并排序；无结果时给出替代词与浏览入口；历史自动记录、可清空 | |
| 登录 | 手机号 11 位校验、验证码 4-6 位校验、60 秒重发倒计时、协议勾选；条件不满足时按钮给出明确提示 | |
| 会话 | 可输入并发送消息，追加气泡后自动滚到底部；对方按关键词自动回复；内置 5 条快捷短语 | |
| 筛选 / 排序 | 地区·薪资·行业·经验四个筛选面板联动过滤，四种排序真实生效，筛选状态在列表与筛选栏同步 | |
| 解锁联系方式 | 弹出确认层 → 校验余额 → 扣费 → 详情页与操作条切换为已解锁态 | |
| 页签与分组 | 消息（全部/沟通/投递/系统）、投递记录（5 个状态）、收支明细（全部/收入/支出）均真实过滤，计数来自数据 | |
| 工资计算器 | 日薪制 / 月薪制切换；日薪、出勤天数、加班时数用滑块 + 步进按钮调节；加班倍数 1.5 / 2 / 3 倍切换；津贴逐项勾选；实时算出应发、五险一金、个税与到手，并与本地行业薪资区间做位置对比 | |
| 换算与证书 | 单位换算：切换单位即把同一数值换算成其余全部单位，内置 5 类 23 个单位；证书管家：按发证 / 有效期 / 复审日动态计算倒计时，90 天内预警、逾期标红，进度条随剩余有效期收缩 | |
| 找活广场 | 「全部 / 个人 / 班组 / 公司」分段切换真实过滤（本行业共 6 张：个人 3 / 班组 2 / 公司 1）；搜索框输入即过滤，命中范围覆盖姓名、工种、地区、简介、技能、证件与标签，只重绘列表体所以输入框不失焦；工种快捷词点击填入关键词、再点取消；名片卡进详情，可收藏（与岗位收藏分开记账），「发出用工邀约」有结果反馈 | |
| 需求大厅 | 「求购 / 出售 / 租赁 / 求助」分段切换真实过滤，四类卡片各带类型色条与状态徽章（紧急单标红）；搜索实时过滤标题、简述、发布方、参数与交易条件；点卡片进需求详情（参数 / 详细说明 / 交易条件 / 发布方 / 3 条响应报价 / 收藏）；两个大厅的发布入口会跳到发布页并预选对应页签；提交即真实发布——找活名片 / 需求写入对应大厅首位（标「待核验 / 审核中」），补充说明标签原地勾选；会话「+」面板发送图片 / 位置 / 简历真实插入气泡（简历卡不含邀约按钮）；工具文档页星标真实收藏并联动「全部工具」列表 | |
| 余额与充值 | 充值套餐点击原地选中（不重绘不跳顶），支付按钮文案跟随；确认支付真实入账——余额增加、账单头插记录、个人中心钱包卡同步 | |
| 我的模块 | 面试邀约「确认参加 / 申请改期」在消息卡与会话气泡间共享状态；投递记录可确认面试 / 撤回 / 跳沟通；求职状态一键循环切换；我的简历（技能 / 证书墙 / 从业经历）、浏览足迹（可清空）、设置（开关原地翻转 / 退出登录回登录页）均真实可用 | |
| PC 管理后台 | 侧栏路由 | 18 个页面真实切换，面包屑与选中态同步 |
| 行内抽屉 | 点击表格任意行打开对应详情抽屉（岗位 / 企业 / 工人 / 实名 / 公告），含比对信息与审核动作 | |
| 审核与处置动作 | 岗位通过 / 驳回联动上下线，实名通过 / 驳回同步工人档案，企业认证通过 / 驳回 / 冻结 / 年审提醒追加认证记录，工人封禁 / 解封 / 标记异常改状态徽标——全部直接改数据，表格与抽屉随之变化 | |
| 搜索与档案 | 工人 / 企业 / 岗位 / 财务 / 公告 / 日志六处搜索框可真实输入（防失焦回焦），行业 / 支付方式 / 状态 / 角色筛选一键循环；工人档案抽屉含求职意向 / 最近投递 / 操作留痕，企业管理页含经营数据 / 在招岗位 / 认证记录时间线 | |
| 财务与运营动作 | 账单「退款」真实改为退款中（徽标与操作列同步、不可重复退）；公告下架 / 发布真实翻转；常用意见一键填入审核意见框；证书「查验」原地变已比对；批量年审提醒真实追加认证记录；导出按钮生成真实 CSV 下载；无数据支撑的批量 / 高级筛选假按钮已全部移除 | |
| 页签筛选 | 工人管理、实名审核、财务流水、操作日志、举报处置、订单管理的页签均按状态或模块真实过滤 | |
| 举报处置 | 下架 / 封禁 / 警告 / 不予受理四个动作直接改数据：核实内容违规即把对应岗位置为下线、UGC 内容剔除，涉及账号的同步封禁工人或企业，处置结论与大写处置人回写举报单，列表状态随即变化；已处置的不可重复处置 | |
| 推送与运营位 | 推送表单可切受众 / 渠道（多选）/ 排期，标题与正文输入只重绘预览卡不整页刷新；点「立即发送」或「排期」真实写入推送任务表并结算发送量 / 打开量；运营位开关按钮直接翻转投放状态、写回排期 | |
| 订单与工单 | 退款受理真实改写退款单与订单状态并同步财务流水；发票开具 / 驳回同步订单；工单支持输入回复（读取回复框 → 追加会话 → 状态流转），关闭 / 重新打开真实改状态 | |
| 数据导出 | 6 个数据集均可触发导出，生成带时间戳的真实 CSV 文件并追加导出任务记录（含记录数 / 耗时），可从任务列表再次下载 | |
| PC 企业端 | 候选人状态机 | 投递状态全链路真实流转：待查看 → 已查看 → 已邀约 → 已确认 → 面试完成 → 已录用 / 不合适；「面试完成」与「已录用」分开，完成面试后进入「等待发放录用」区，由企业端单独发放录用通知 |
| 录用与入职 | 发放录用通知会真实生成入职台账记录并向候选人会话推送消息（用户端 / 移动端同步可见）；后续「提醒确认 / 确认已报到 / 转入试用期 / 转正评估 / 离职 / 重新发录用」均改台账状态并继续推送会话；入职材料可逐项勾选 | |
| 导出与复位 | 录用台账可导出 CSV；演示复位会同时还原投递与入职台账到初始基线 | |
| PC 招聘门户 | 前台链路 | 7 维筛选 × 4 种排序 × 真分页全部真实生效；搜索框输入只重绘列表体与公司网格，不失焦不回顶；登录 / 注册含 11 位手机号校验、4–6 位验证码校验、60 秒重发倒计时；投递真实写入数据仓，企业端招聘后台立即可见 |
| 关于与帮助 | 页脚「关于与帮助」六条链接全部可达：资质公示与联系我们带锚点高亮定位；帮助中心 7 个分类切换与关键词检索均为真实过滤（问答正文一起检索），输入只重绘问答列表体，展开收起原地生效；三份协议可互跳、左侧目录点击锚点定位并高亮，联系方式可一键复制（真实写入剪贴板），协议支持调起浏览器打印 / 另存为 PDF |
六条硬规则，保证六端 97 屏长得像"同一个产品"
列表卡片、详情页、后台表格中，薪资一律用金色 DIN 等宽数字，字号不低于同行文字 +2px，且加粗到 800。工友扫一眼就要得到答案。
移动端正文字号 16px 起步、行高 1.6；不做多列密集排版。信息密度靠"折叠 + 分层"解决，而不是缩小字号。
深海蓝 #0F3A80 只用于品牌头、主按钮、选中的导航项与强调文字，大面积底色保持白色。避免整屏深色造成户外看不清。
"企业认证"标签随岗位卡片常驻；详情页固定反诈提示位；后台把企业资质与工人实名做成独立审核队列 —— 信任是产品的核心功能，不是装饰。
卡片 12px、按钮 10px、标签 4px；不使用超大圆角、渐变糖果色、插画表情。工业感来自秩序与克制，不是装饰。
煤矿 / 化工 / 电力共用同一套布局与交互，仅主题色与内容池变化。用户跨行业流动时无需重新学习界面。