feat(my-requests): 主列表展示数量,移除类型列

问题
----
主列表只有「物料数 N 种」(种类数),具体数量藏在展开行的明细表里,
不展开就看不到。

改动
----
· 移除「类型」列(type_label);
· 新增「数量」列,紧跟申请单号,橙色加粗;
· 新增 totalQty() 汇总单据总数量。

totalQty 只认 quantity 字段,无需按 type 分支 —— 因为聚合端点已做字段
归一化(报废的 scrap_qty → quantity)。这正是当初做归一化的价值。
数值经 Number(sum.toFixed(4)) 处理,去掉 1.0000 这类无意义的小数尾巴。

顺带移除已无引用的 typeTagType()。
This commit is contained in:
yueli
2026-09-10 15:57:15 +08:00
parent dc4a0ae7a0
commit 851c3a9c1f

View File

@ -49,14 +49,18 @@
</template>
</el-table-column>
<el-table-column label="类型" width="100" align="center">
<el-table-column prop="request_no" label="申请单号" min-width="190" show-overflow-tooltip />
<!-- 数量前置并直接展示原先只显示N 种类数具体数量
藏在展开行的明细表里主列表看不到 -->
<el-table-column label="数量" width="90" align="center">
<template #default="{ row }">
<el-tag size="small" :type="typeTagType(row.type)">{{ row.type_label }}</el-tag>
<span style="color: #E6A23C; font-weight: bold; font-size: 15px;">
{{ totalQty(row) }}
</span>
</template>
</el-table-column>
<el-table-column prop="request_no" label="申请单号" min-width="190" show-overflow-tooltip />
<el-table-column label="物料数" width="80" align="center">
<template #default="{ row }">{{ row.items?.length || 0 }} </template>
</el-table-column>
@ -158,11 +162,16 @@ const statusTagType = (s: number) => {
}
return map[s] ?? 'info'
}
const typeTagType = (t: string) => {
const map: Record<string, string> = {
outbound: 'primary', borrow: 'warning', scrap: 'danger',
}
return map[t] || 'info'
// 单据的总数量 = 各明细数量之和
//
// 数量字段已由后端归一化(报废的 scrap_qty → quantity此处只认 quantity
// 无需按 type 分支处理 —— 这正是聚合端点做字段归一化的意义。
const totalQty = (row: any): string => {
const items = row?.items || []
if (!items.length) return '-'
const sum = items.reduce((acc: number, it: any) => acc + (Number(it.quantity) || 0), 0)
// 去掉无意义的小数尾巴1.0000 → 1
return String(Number(sum.toFixed(4)))
}
const fetchData = async () => {