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:
yueli
2026-09-10 15:47:07 +08:00
parent 29fc00a818
commit dc4a0ae7a0
4 changed files with 10 additions and 4 deletions

View File

@ -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'
}

View File

@ -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'
}

View File

@ -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 || '-'

View File

@ -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'
}