style: 统一申请单状态配色(四个页面一致)
配色方案 -------- 0 待审批 → 蓝(primary,待处理) 1 已通过 → 绿(success,正向结果) 2 已驳回 → 红(danger) 3 已完成 → 灰(info,终态、不再需要关注) 4 已撤回 → 黄(warning,需留意但非错误) 范围 ---- 「我的申请单」新页面按上述配色实现后,发现出库/借库/报废三个审批页 仍是旧配色(0:warning, 3:info, 4:info)—— 同一套状态码在两个页面 显示不同颜色,用户来回切换会困惑。故一并统一。 改动:my-requests/index.vue(新配色)+ 三个审批页的 statusTagType。 补充:el-tag 的 primary 类型已核实可用 —— Element Plus 2.13.1 的 tagProps 中 primary 为默认值,theme-chalk/el-tag.css 含 .el-tag--primary 的蓝色样式定义;vue-tsc 类型检查通过。
This commit is contained in:
@ -340,7 +340,7 @@ const statusText = (status: number) => {
|
||||
|
||||
const statusTagType = (status: number) => {
|
||||
const map: Record<number, string> = {
|
||||
0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info'
|
||||
0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning'
|
||||
}
|
||||
return map[status] ?? 'info'
|
||||
}
|
||||
|
||||
@ -146,9 +146,15 @@ const statusText = (s: number) => {
|
||||
}
|
||||
return map[s] ?? '-'
|
||||
}
|
||||
// 状态配色:
|
||||
// 0 待审批 → 蓝(primary,待处理)
|
||||
// 1 已通过 → 绿(success,正向结果)
|
||||
// 2 已驳回 → 红(danger)
|
||||
// 3 已完成 → 灰(info,终态、不再需要关注)
|
||||
// 4 已撤回 → 黄(warning,需留意但非错误)
|
||||
const statusTagType = (s: number) => {
|
||||
const map: Record<number, string> = {
|
||||
0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info',
|
||||
0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning',
|
||||
}
|
||||
return map[s] ?? 'info'
|
||||
}
|
||||
|
||||
@ -217,7 +217,7 @@ const statusText = (status: number) => {
|
||||
return map[status] ?? '-'
|
||||
}
|
||||
const statusTagType = (status: number) => {
|
||||
const map: Record<number, string> = { 0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info' }
|
||||
const map: Record<number, string> = { 0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning' }
|
||||
return map[status] ?? 'info'
|
||||
}
|
||||
const sourceLabel = (st: string) => ({ stock_buy: '采购件', stock_semi: '半成品', stock_product: '成品' } as any)[st] || st || '-'
|
||||
|
||||
@ -228,7 +228,7 @@ const statusText = (status: number) => {
|
||||
|
||||
const statusTagType = (status: number) => {
|
||||
const map: Record<number, string> = {
|
||||
0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info'
|
||||
0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning'
|
||||
}
|
||||
return map[status] ?? 'info'
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user