Compare commits
2 Commits
4a72b977ba
...
8adeefe4a9
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8adeefe4a9 | ||
|
|
7df62edb78 |
@@ -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; }
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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