YG-Soft/X-Financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/shared/TableEmptyState.vue
View File

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

4
web/src/views/scripts/RequestsView.js
View File

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