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:
@ -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 () => {
|
||||
|
||||
Reference in New Issue
Block a user