fix(purchase): 申请人显示只取中文名,去掉 /账号 后缀

- 新增 formatUserName: 韩善龙/hanshanlong → 韩善龙
- 列表批次主行申请人列、详情弹窗均应用
- 避免长账号名撑高行导致行高不一致
This commit is contained in:
yueli
2026-08-31 14:12:23 +08:00
parent 74271d53bc
commit 3cb44c8f18

View File

@ -91,7 +91,7 @@
<span style="font-weight: bold; color: #303133;">¥{{ Number(row.totalAmount).toFixed(2) }}</span> <span style="font-weight: bold; color: #303133;">¥{{ Number(row.totalAmount).toFixed(2) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="requesterName" label="申请人" width="100" /> <el-table-column label="申请人" width="100" :formatter="(row: any) => formatUserName(row.requesterName)" />
<el-table-column prop="purchaseDate" label="采购日期" width="110" /> <el-table-column prop="purchaseDate" label="采购日期" width="110" />
<el-table-column label="状态" width="140" align="center"> <el-table-column label="状态" width="140" align="center">
<template #default="{ row }"> <template #default="{ row }">
@ -292,7 +292,7 @@
<el-descriptions-item label="采购日期">{{ detail.purchase_date }}</el-descriptions-item> <el-descriptions-item label="采购日期">{{ detail.purchase_date }}</el-descriptions-item>
<el-descriptions-item v-if="userStore.hasPermission('inbound_purchase:unit_price')" label="单价">{{ detail.unit_price || '-' }}</el-descriptions-item> <el-descriptions-item v-if="userStore.hasPermission('inbound_purchase:unit_price')" label="单价">{{ detail.unit_price || '-' }}</el-descriptions-item>
<el-descriptions-item v-if="userStore.hasPermission('inbound_purchase:total_price')" label="总价">{{ detail.total_price || '-' }}</el-descriptions-item> <el-descriptions-item v-if="userStore.hasPermission('inbound_purchase:total_price')" label="总价">{{ detail.total_price || '-' }}</el-descriptions-item>
<el-descriptions-item label="申请人">{{ detail.requester_name }}</el-descriptions-item> <el-descriptions-item label="申请人">{{ formatUserName(detail.requester_name) }}</el-descriptions-item>
<el-descriptions-item label="审批人">{{ detail.approver_name || '-' }}</el-descriptions-item> <el-descriptions-item label="审批人">{{ detail.approver_name || '-' }}</el-descriptions-item>
<el-descriptions-item label="审批时间">{{ detail.approved_at || '-' }}</el-descriptions-item> <el-descriptions-item label="审批时间">{{ detail.approved_at || '-' }}</el-descriptions-item>
<el-descriptions-item label="商家链接"> <el-descriptions-item label="商家链接">
@ -720,6 +720,12 @@ const getImageUrl = (url: string) => {
const formatDate = (d: string) => d ? d.split(' ')[0] : '' const formatDate = (d: string) => d ? d.split(' ')[0] : ''
// ★ 格式化用户名:韩善龙/hanshanlong → 韩善龙(只取斜杠前的中文部分)
const formatUserName = (name: string): string => {
if (!name) return '-'
return name.split('/')[0].trim()
}
// --- 数据获取 --- // --- 数据获取 ---
const fetchData = async () => { const fetchData = async () => {
loading.value = true loading.value = true