diff --git a/inventory-web/src/views/transaction/records.vue b/inventory-web/src/views/transaction/records.vue index e08f9f4..18e7f66 100644 --- a/inventory-web/src/views/transaction/records.vue +++ b/inventory-web/src/views/transaction/records.vue @@ -17,7 +17,6 @@ stripe style="margin-top:20px" v-loading="loading" - :row-class-name="tableRowClassName" > @@ -50,11 +49,14 @@ 无限期
- 预计 - {{ formatExpectedTime(row.expected_return_time).text }} - - {{ formatExpectedTime(row.expected_return_time).diffText }} - + 预计 {{ formatExpectedTime(row.expected_return_time).text }} + + {{ formatExpectedTime(row.expected_return_time).diffText }} +
@@ -200,53 +202,8 @@ const formatExpectedTime = (timeStr: string) => { return { text: displayTime, diffText, style } } -// ★ 新增:表格行样式逻辑(交通灯预警) -const tableRowClassName = ({ row }: { row: any }) => { - // 如果已归还,不标颜色 - if (row.status === 'returned') return '' - if (!row.expected_return_time) return '' - - const expected = dayjs(row.expected_return_time).startOf('day') - const today = dayjs().startOf('day') - const diffDays = expected.diff(today, 'day') - - if (diffDays < 0) { - return 'danger-row' // 逾期 - 红色 - } else if (diffDays <= 1) { - return 'warning-row' // 极其紧急(0-1天)- 黄色 - } else if (diffDays <= 7) { - return 'success-row' // 即将到期(2-7天)- 绿色 - } - return '' -} - onMounted(fetchData)