配色方案 -------- 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 类型检查通过。
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.