feat(web): 更新TableEmptyState空状态组件和RequestsView脚本,增强表格空状态展示和请求列表逻辑
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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: ['保存草稿后会自动回到这里', '支持草稿、待提交、审批中和已完成全流程管理']
|
||||
|
||||
Reference in New Issue
Block a user