From 8adeefe4a919865c03cdbeb3589dd929f421b6a8 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <caoxiaozhu@users.noreply.github.com>
Date: Thu, 14 May 2026 07:16:22 +0000
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E6=9B=B4=E6=96=B0TableEmptyState?=
 =?UTF-8?q?=E7=A9=BA=E7=8A=B6=E6=80=81=E7=BB=84=E4=BB=B6=E5=92=8CRequestsV?=
 =?UTF-8?q?iew=E8=84=9A=E6=9C=AC=EF=BC=8C=E5=A2=9E=E5=BC=BA=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E7=A9=BA=E7=8A=B6=E6=80=81=E5=B1=95=E7=A4=BA=E5=92=8C?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E5=88=97=E8=A1=A8=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/shared/TableEmptyState.vue | 15 ++++++++-------
 web/src/views/scripts/RequestsView.js         |  4 ++--
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/web/src/components/shared/TableEmptyState.vue b/web/src/components/shared/TableEmptyState.vue
index 81ef71a..e787909 100644
--- a/web/src/components/shared/TableEmptyState.vue
+++ b/web/src/components/shared/TableEmptyState.vue
@@ -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 {
diff --git a/web/src/views/scripts/RequestsView.js b/web/src/views/scripts/RequestsView.js
index 11a0e22..624ae6e 100644
--- a/web/src/views/scripts/RequestsView.js
+++ b/web/src/views/scripts/RequestsView.js
@@ -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: ['保存草稿后会自动回到这里', '支持草稿、待提交、审批中和已完成全流程管理']