输入框
输入框使用 Element 的 el-input 结构，闭合态 32px 高、14px 字号；普通输入框 placeholder 固定为“请输入”，字段名、范围说明和错误提示不写进 placeholder。
首页
数据日报 ×
后台存取款记录 ×
0隐藏 / 1-99显示实际数字 / 100+显示99+账号:
会员账号
代理信息:
总代账号
取款钱包:
全部
调整类型:
全部
订单状态:
全部
调整金额:
时间:
到账时间
-
所属商户:
全部
所属币种:
USDT
单号信息 |
账号信息 |
资金信息 |
订单状态 |
申请与到账 |
备注信息 |
操作 |
|---|
第二页：组件级颗粒度规范
表单基础
下拉框
下拉框分两类：通用筛选默认可为“全部”；业务默认值不一定是全部，可按真实默认展示值A、值B、值C等枚举。
默认全部全部默认具体值值A
时间范围
时间范围闭合态为起始 / 截止分段；点击开始或结束时间后弹出 Element 日期范围面板和 DX 760px 双月样式，左侧竖排展示快捷筛选方式。
-点击时间查看左侧快捷筛选弹窗
表单控件与操作
开关按钮
开关用于启用 / 禁用、开启 / 关闭这类二元配置；切换后是否立即保存按真实业务决定，需要确认时进入二次确认。
开启关闭
单选 / 复选
互斥选择用单选，多个并存条件用复选；批量选择、列设置、权限点都要保留 checked、unchecked、disabled、indeterminate 等状态。列设置里系统初始化默认固定项 checked + disabled 且不可取消；用户后续固定项默认 checked，但 checkbox 可操作，支持取消勾选隐藏和重新勾选显示。
文本域 / 备注
备注、拒绝原因、审核意见使用文本域；支持字数限制和错误提示，不把长备注塞进单行输入框，placeholder 同样使用“请输入”。
0 / 200
保存 / 提交 / 取消
保存和提交使用主按钮；提交确定用于最终确认提交动作；取消只关闭或回退，不保存数据；提交中按钮进入 loading / disabled，防重复提交。
重置 / 清空
当前体系不单独新增“清空”按钮，重置用于恢复默认或清空当前筛选 / 表单输入；不改变原有业务逻辑，真实页面已有重置就继续使用重置。
重置承接清空当前输入
新增行 / 删除行
配置表单里有两种形态：第一行是文字动作新增 / 删除；第二行是圆形加号 / 减号图标，图标必须在圆心居中；删除行按业务决定是否二次确认。
上传 / 下载 / 预览
附件类表单入口区分上传、下载和预览；上传失败要给错误反馈，预览只在真实附件存在时展示。
上传文件
只读 / 禁用字段
只读 / 禁用有边框态和纯文字态。只读用于展示不可编辑值，禁用表示当前状态不可操作；二者都不能伪装成普通输入框。
系统生成，不可编辑只读文字：平台审核中禁用文字：不可再次提交
就近校验 / 错误态
必填、格式、范围、跨字段错误在字段附近展示；错误态只标记当前字段，不把整张表单变红。
请输入有效金额
表达与入口
查看详情 / 超链接
查看详情、账号、商户、订单等可跳转或弹窗入口使用蓝色文字链接态；没有真实详情能力时不得为了样板新增详情入口。
点击进入详情或弹窗
文字状态色
状态只用文字颜色表达，不加胶囊、不加背景、不加边框；真实状态名不为了统一颜色而改名。
订单状态审核通过出款状态处理中审核结果二审拒绝
主值链接态
列表主值可点击时用蓝色文本，不额外加胶囊或按钮底色；有说明时说明符号紧跟主值，复制按钮放在右侧独立热区。
行内文字动作
编辑、删除、查看、撤销等行内动作使用纯文本链接；主操作最多展示两到三个，其他进入更多菜单。
按钮与弹窗
查询 / 重置 / 设置按钮
查询、重置、设置都必须是图标 + 文字，14px / 400；它们是筛选区动作组，视觉落在最后一行右下角。
关闭按钮
关闭按钮是弹窗右上角图标按钮，命中热区 36px，内部 close SVG 16px；点击关闭不执行业务提交。
确认 / 取消按钮
这里只表达底部动作按钮：确认按钮用主色，取消按钮为默认按钮；弹窗标题、右上关闭按钮已在其他组件说明，不在本卡片重复展示。
危险动作按钮
删除、拒绝、撤销、强制下线等危险动作使用红色文字动作，执行前进入二次确认；不使用红色胶囊。
状态与颜色
成功 / 通过类状态
审核通过、充值成功、出款成功、风控通过等语义归为成功类，使用 #67C23A 文字色，不做背景胶囊。
审核通过成功类充值成功成功类出款成功成功类
失败 / 拒绝类状态
一审拒绝、二审拒绝、支付失败、风控拒绝等语义归为失败/拒绝类，使用 #F56C6C 文字色。
一审拒绝拒绝类二审拒绝拒绝类支付失败失败类
处理中 / 待处理类状态
待一审、待二审、处理中、二审处理中、待出款、待风控等语义按当前业务阶段选择蓝色或橙色文字；不要用同一个颜色覆盖所有等待态。
待二审待处理二审处理中处理中处理中处理中
取消 / 超时 / 禁用类状态
已取消、已关闭、已过期、超时未处理、无权限等非成功非失败状态使用中性色或按业务风险升级；禁用态还要阻止点击。
已取消中性超时未处理风险无权限禁用
数据展示
货币符号
币种短标跟随同源 mark：USDT 列表内优先展示 ₮，完整币种值放 title / data；货币符号不加胶囊、背景、边框。
₮$2,600.00
订单号样式
长单号前 6 后 6 中间省略；复制和 hover 全量 tooltip 都保留完整值，tooltip 黑底白字且只显示完整单号。
CR2026...092570
链接 / 复制 / 说明符号
可点击账号用蓝色文本；有说明时说明符号放在账号后面，复制按钮放在右侧独立热区，复制按钮只复制对应字段。
字段文描 / 分隔符
列表单元格内的字段名和值之间使用中文冒号，冒号紧跟字段名；字段有说明符号时顺序为字段名、说明符号、冒号、字段值。列设置、导出说明、合并列子字段说明不是字段名和值的文描结构，不使用冒号，不写“字段多时显示”等规则说明，只展示斜杠分隔的真实字段清单。
取款钱包：现金钱包平台审核状态：待审核
多字段 / 斜杠分割
列设置、导出说明、合并列子字段说明使用斜杠分割；斜杠只表达字段组合关系，不改变真实字段名，也不强行用于普通单元格值。例如账号信息直接写“账号 / 所属币种 / 直属上级 / 总代账号 / 所属商户”。
申请时间 / 到账时间 / 审核用时 / 申请人多字段说明用 /
固定列宽折行
没有斜杠分割的长文本，在固定列宽内按内容自然折行；不缩小字号、不压缩内距、不撑破列宽，必要时用 tooltip 承接全文。
三方回调失败：账户余额不足，渠道返回码 E203，请联系三方确认后重试。
数值精度 / 单位
金额、比例、汇率、手续费按真实业务精度展示；字段样例用“字段名：数值”三段结构，冒号紧跟字段名，数值在值区域右对齐。
调整金额：$2,600.00汇率：7.1264
空值 / 占位
无数据值统一用 -，不写空字符串、不写 null / undefined；字段名、冒号、占位值按三段结构左对齐，冒号紧跟字段名，不因字段名长短制造大空白。
审核人：-回调备注：-
筛选与列表工具
筛选展开 / 收起
筛选区默认最多两行；筛选项加动作区实际超过两行时才展示“展开”，展开后提供“收起”，不得写成查看更多 / 收起查看。
超过两行才渲染入口
导出
导出入口使用图标按钮，字段沿用真实页面导出配置；导出字段默认勾选状态以产品配置和真实后台导出配置为准，允许存在默认勾选和默认不勾选字段。包含单号信息、账号信息等固定列对应字段时也允许取消勾选，不做 disabled。合并列导出说明使用斜杠列出真实子字段，实际 Excel 结果按子字段展开，不使用一级合并标题替代二级字段。不在导出组件卡片内额外展示提交成功文描，不为了样板新增导出字段。
单号信息（默认勾选）备注信息（默认不勾选）
操作列不导出
操作列、更多菜单、查看、编辑、删除、复制按钮等都是页面行为入口，不是业务数据字段。导出弹窗不展示“操作”字段，也不把主操作 / 更多操作写成导出说明；如真实业务需要导出处理结果，应使用对应业务字段名称承接。
操作列不进入导出字段
列设置
列设置入口使用列表图标按钮；标题保持“列设置”，顶部全选 / 恢复默认并排；内容按固定在左侧、不固定、固定在右侧纵向分组。系统初始化默认固定在左侧 / 右侧的字段必须 checked 且不可取消，不支持移出、切换或拖动；用户从不固定区固定过去的字段默认勾选展示，checkbox 可操作，可取消勾选隐藏 / 重新勾选显示，也可移出固定或切换到另一侧。不固定字段通过拖动排序，右侧向上箭头固定到左侧，向下箭头固定到右侧。
默认固定：不可取消 / 不可移出不固定：拖动排序 + 固定左 / 固定右后续固定：可取消 / 可移出 / 可切换
分页组件
分页使用 Element / DXadmin 原始结构，包含 total、sizes、prev、pager、next、jumper；底部对齐，不在工具栏额外复制总数。
共 126 条100条/页1前往页
表格行高 / 密度
列表标题 14px / 600，内容 14px / 400；普通行保持稳定密度，有说明或折行时增加行高，不通过压缩字号解决拥挤。
标题14px / 600内容14px / 400，允许折行
禁用态 / 原因
按钮、复选框、下拉项禁用时不仅置灰，还要阻止点击；禁用原因可通过 tooltip 或临近说明承接。
hover 看禁用原因
反馈与浮层
Tooltip
tooltip 使用黑底白字，用于完整值、说明符号、禁用原因；不使用浏览器原生 title 气泡。
移入查看提示
消息提示
复制成功、保存成功、提交成功等轻反馈使用 message / toast；不阻断页面操作，不替代二次确认，不在模板里写死导出提交类文描。
保存成功
Loading / 提交中
查询、保存、审核、导出提交中必须防重复点击；结束后恢复可操作态，失败时给出重试或错误反馈。
下拉层级
下拉、更多菜单、日期面板、tooltip 必须高于表格滚动层和固定列；横向滚动时不能被遮挡或错位，并与触发按钮中心线对齐。
第三页：运营后台交互场景补充
列表动作
批量操作条
批量操作条展示已选数量、批量通过和批量拒绝；未选中任何记录时两个批量动作禁用，单选或全选后两个批量动作都可点击并进入二次确认。
二次确认
删除记录、撤销审核、批量通过、批量拒绝等会改变状态或数据的动作先确认；标题使用“动作 + 对象 + 确认”。
权限 / 条件禁用
无权限、他人锁单、状态不允许时按钮置灰；原因通过 tooltip 或说明文案承接。
信息读取
表头排序
金额、时间、数量类字段可排序；点击在升序、降序、默认之间切换，排序字段必须和后端字段一致。
长文本 / 备注
备注、三方返回、失败原因默认省略；当前样例仅通过 hover 展示全文，不提供详情入口。
三方回调失败：账户...
脱敏值 / 两种场景
脱敏值统一放在同一栏位说明：无小眼睛时只展示脱敏值；有小眼睛时点击后先做谷歌密码验证，验证通过后才能查看非脱敏值。
无小眼睛138****5678
小眼睛解锁622202******8899
反馈状态
加载 / 防重复
查询、保存、导出提交中展示 loading，按钮禁用，防止重复提交。
空状态
空状态有两种业务语义：筛选暂无匹配记录用于用户设置筛选后无结果，可提供重置筛选；暂无数据用于首次进入、真实无数据或接口返回空，不应误判为筛选无结果。
筛选暂无匹配记录 / 暂无数据
异常 / 重试
接口失败、超时、权限失效时给出错误状态和重试入口，不把错误吞成空列表。
加载失败
表单流程
表单校验
新增、编辑弹窗需要必填、长度、格式、金额范围和跨字段校验；错误就近展示。
商户名称不能为空
级联 / 多选
商户、代理层级、地区、游戏分类常用级联或多选；已选项过多时折叠成 tag。
未提交离开
审核弹窗中已填写处理意见但未提交时，关闭审核或切换订单前需要确认，避免丢失已填内容。
运营流程
锁单 / 协同
审核、出款、风控处理需要锁定人、锁定时间、他人锁定禁用和解锁逻辑。
anxin777 锁定中 02:18
异步任务
仅供参考：批量导入、批处理、同步三方状态等后续可能由产品补充专项规范。本期导出任务不按该示例样式执行，不扩大为进度、结果、失败明细等新增需求。
后续产品补规范
自动刷新
仅作参考：待审核、告警、出款等实时页面可有自动刷新机制；真实页面已有数据刷新时间时，到点自动刷新即可。
数据刷新时间：12:30:00到点自动刷新