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; }
|
.hint { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; color: #64748b; font-size: 13px; }
|
||||||
|
|
||||||
.table-wrap {
|
.table-wrap {
|
||||||
min-height: 0;
|
min-height: 400px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
border: 1px solid #edf2f7;
|
border: 1px solid #edf2f7;
|
||||||
border-radius: 10px;
|
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; }
|
table { width: 100%; min-width: 1180px; border-collapse: collapse; table-layout: fixed; }
|
||||||
|
|||||||
@@ -312,10 +312,14 @@
|
|||||||
.table-wrap {
|
.table-wrap {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 0;
|
min-height: 400px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid #edf2f7;
|
border: 1px solid #edf2f7;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-state,
|
.table-state,
|
||||||
|
|||||||
@@ -324,12 +324,16 @@
|
|||||||
|
|
||||||
.table-wrap {
|
.table-wrap {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
min-height: 0;
|
min-height: 400px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
border: 1px solid #edf2f7;
|
border: 1px solid #edf2f7;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-foot {
|
.list-foot {
|
||||||
|
|||||||
@@ -283,12 +283,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.table-wrap {
|
.table-wrap {
|
||||||
min-height: 0;
|
min-height: 400px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
border: 1px solid #edf2f7;
|
border: 1px solid #edf2f7;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-state {
|
.table-state {
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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: ['保存草稿后会自动回到这里', '支持草稿、待提交、审批中和已完成全流程管理']
|
||||||
|
|||||||
Reference in New Issue
Block a user