feat(web): 更新TableEmptyState空状态组件和RequestsView脚本,增强表格空状态展示和请求列表逻辑

This commit is contained in:
caoxiaozhu
2026-05-14 07:16:22 +00:00
parent 7df62edb78
commit 8adeefe4a9
2 changed files with 10 additions and 9 deletions

View File

@@ -71,16 +71,15 @@ defineEmits(['action'])
--accent-soft: rgba(16, 185, 129, 0.16);
--accent-line: rgba(16, 185, 129, 0.24);
--accent-mist: rgba(16, 185, 129, 0.08);
min-height: clamp(220px, 30vh, 296px);
display: grid;
align-content: center;
justify-items: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
padding: clamp(22px, 2vw, 28px);
text-align: center;
background:
radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
background: transparent;
width: 100%;
}
.table-empty-state.sky {
@@ -247,6 +246,7 @@ defineEmits(['action'])
font-size: clamp(18px, 1.6vw, 22px);
font-weight: 800;
line-height: 1.25;
text-align: center;
}
.table-empty-state__copy p {
@@ -255,6 +255,7 @@ defineEmits(['action'])
color: #5b6b83;
font-size: 13px;
line-height: 1.7;
text-align: center;
}
.table-empty-state__tips {

View File

@@ -127,8 +127,8 @@ export default {
title: '还没有任何报销单据',
desc: '首张草稿或已提交的报销单会自动出现在这里,后续可以继续补充、提交和跟踪进度。',
icon: 'mdi mdi-receipt-text-plus-outline',
actionLabel: '发起报销',
actionIcon: 'mdi mdi-plus-circle-outline',
actionLabel: '',
actionIcon: '',
tone: 'emerald',
artLabel: 'CLAIM',
tips: ['保存草稿后会自动回到这里', '支持草稿、待提交、审批中和已完成全流程管理']