2 Commits

6 changed files with 30 additions and 13 deletions

View File

@@ -77,12 +77,16 @@
.hint { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; color: #64748b; font-size: 13px; }
.table-wrap {
min-height: 0;
min-height: 400px;
margin-top: 10px;
overflow-x: auto;
overflow-y: auto;
border: 1px solid #edf2f7;
border-radius: 10px;
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
display: flex;
align-items: center;
justify-content: center;
}
table { width: 100%; min-width: 1180px; border-collapse: collapse; table-layout: fixed; }

View File

@@ -312,10 +312,14 @@
.table-wrap {
flex: 1 1 auto;
position: relative;
min-height: 0;
min-height: 400px;
overflow: auto;
border: 1px solid #edf2f7;
border-radius: 12px;
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
display: flex;
align-items: center;
justify-content: center;
}
.table-state,

View File

@@ -324,12 +324,16 @@
.table-wrap {
flex: 1 1 auto;
min-height: 0;
min-height: 400px;
overflow-x: auto;
overflow-y: auto;
margin-top: 10px;
border: 1px solid #edf2f7;
border-radius: 12px;
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
display: flex;
align-items: center;
justify-content: center;
}
.list-foot {

View File

@@ -283,12 +283,16 @@
}
.table-wrap {
min-height: 0;
min-height: 400px;
margin-top: 10px;
overflow-x: auto;
overflow-y: auto;
border: 1px solid #edf2f7;
border-radius: 10px;
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
display: flex;
align-items: center;
justify-content: center;
}
.table-state {

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: ['保存草稿后会自动回到这里', '支持草稿、待提交、审批中和已完成全流程管理']