From dc4a0ae7a0e9119773d57f51dba234bd2451a11c Mon Sep 17 00:00:00 2001 From: yueli Date: Thu, 10 Sep 2026 15:47:07 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E7=94=B3=E8=AF=B7?= =?UTF-8?q?=E5=8D=95=E7=8A=B6=E6=80=81=E9=85=8D=E8=89=B2=EF=BC=88=E5=9B=9B?= =?UTF-8?q?=E4=B8=AA=E9=A1=B5=E9=9D=A2=E4=B8=80=E8=87=B4=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 配色方案 -------- 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 类型检查通过。 --- inventory-web/src/views/borrow/approval/index.vue | 2 +- inventory-web/src/views/my-requests/index.vue | 8 +++++++- .../src/views/operation/scrap/approval/index.vue | 2 +- inventory-web/src/views/outbound/approval/index.vue | 2 +- 4 files changed, 10 insertions(+), 4 deletions(-) diff --git a/inventory-web/src/views/borrow/approval/index.vue b/inventory-web/src/views/borrow/approval/index.vue index 6eb8788..11e2d71 100644 --- a/inventory-web/src/views/borrow/approval/index.vue +++ b/inventory-web/src/views/borrow/approval/index.vue @@ -340,7 +340,7 @@ const statusText = (status: number) => { const statusTagType = (status: number) => { const map: Record = { - 0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info' + 0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning' } return map[status] ?? 'info' } diff --git a/inventory-web/src/views/my-requests/index.vue b/inventory-web/src/views/my-requests/index.vue index a22685c..a3053ee 100644 --- a/inventory-web/src/views/my-requests/index.vue +++ b/inventory-web/src/views/my-requests/index.vue @@ -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 = { - 0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info', + 0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning', } return map[s] ?? 'info' } diff --git a/inventory-web/src/views/operation/scrap/approval/index.vue b/inventory-web/src/views/operation/scrap/approval/index.vue index d1aa718..cf826c7 100644 --- a/inventory-web/src/views/operation/scrap/approval/index.vue +++ b/inventory-web/src/views/operation/scrap/approval/index.vue @@ -217,7 +217,7 @@ const statusText = (status: number) => { return map[status] ?? '-' } const statusTagType = (status: number) => { - const map: Record = { 0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info' } + const map: Record = { 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 || '-' diff --git a/inventory-web/src/views/outbound/approval/index.vue b/inventory-web/src/views/outbound/approval/index.vue index f25f5ac..f172d4b 100644 --- a/inventory-web/src/views/outbound/approval/index.vue +++ b/inventory-web/src/views/outbound/approval/index.vue @@ -228,7 +228,7 @@ const statusText = (status: number) => { const statusTagType = (status: number) => { const map: Record = { - 0: 'warning', 1: 'success', 2: 'danger', 3: 'info', 4: 'info' + 0: 'primary', 1: 'success', 2: 'danger', 3: 'info', 4: 'warning' } return map[status] ?? 'info' }