| | |
| | | page.size = obj.limit; |
| | | getList(); |
| | | }; |
| | | // 领用人显示昵称:优先按用户ID映射,回退到登录名匹配 |
| | | const resolveUsageUserName = row => { |
| | | const user = |
| | | row.usageUser != null |
| | | ? userList.value.find( |
| | | item => Number(item.userId) === Number(row.usageUser) |
| | | ) |
| | | : userList.value.find(item => item.userName === row.usageUserName); |
| | | return user?.nickName || row.usageUserName || ""; |
| | | }; |
| | | const getList = () => { |
| | | tableLoading.value = true; |
| | | const { total, ...queryPage } = page; |
| | | listCustomer({ ...searchForm.value, ...queryPage }).then(res => { |
| | | tableLoading.value = false; |
| | | tableData.value = res.data.records; |
| | | tableData.value = (res.data.records || []).map(row => ({ |
| | | ...row, |
| | | usageUserName: resolveUsageUserName(row), |
| | | })); |
| | | page.total = res.data.total; |
| | | }); |
| | | }; |
| | |
| | | return `${year}-${month}-${day}`; |
| | | } |
| | | |
| | | onMounted(() => { |
| | | onMounted(async () => { |
| | | try { |
| | | await ensureUserList(); |
| | | } catch (error) { |
| | | // 用户列表加载失败时仍展示数据,领用人回退为接口返回值 |
| | | } |
| | | getList(); |
| | | }); |
| | | </script> |