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

feat: 优化差旅报销预审流程与个人工作台 UI 体系

Browse Source 
- 完善 user_agent_application 申请差旅报销预审槽位与消息组装
- 增强预算助理报告与风险建议卡片交互
- 重构登录页视觉样式与移动端响应式适配
- 优化个人工作台、文档中心、政策中心、员工管理等页面布局
- 拆分 travelRequestDetailPreReviewModel 为 advice/submit 模型
- 补充报销草稿、风险复核、Item Sync 与模板执行器测试覆盖
This commit is contained in:
caoxiaozhu
2026-06-02 14:01:51 +08:00
parent 92444e7eae
commit ca691f3ee0
107 changed files with 5663 additions and 1542 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/src/assets/styles/components/personal-workbench.css
View File

@@ -53,19 +53,25 @@
.workbench :where(button:disabled) { cursor: not-allowed; opacity: 0.7; }
.assistant-hero {
--assistant-art-width: min(680px, 46vw);
--assistant-art-x: 56px;
--assistant-art-y: -12px;
--assistant-bg-position: center right;
--assistant-bg-size: cover;
--assistant-readability-mask:
linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.86) 42%, rgba(255, 255, 255, 0.44) 68%, rgba(255, 255, 255, 0.18) 100%);
--assistant-theme-tint:
linear-gradient(135deg, rgba(var(--theme-primary-rgb, 58, 124, 165), 0.2) 0%, rgba(var(--theme-primary-rgb, 58, 124, 165), 0.07) 52%, rgba(var(--theme-primary-rgb, 58, 124, 165), 0.16) 100%);
position: relative;
z-index: 2;
min-height: 0;
overflow: visible;
overflow: hidden;
padding: var(--hero-padding-top) 20px var(--hero-padding-bottom) 52px;
border: 1px solid color-mix(in srgb, var(--workbench-primary) 14%, var(--workbench-line));
border-radius: 4px;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 44%, rgba(255, 255, 255, 0.2) 66%, rgba(255, 255, 255, 0.05) 100%),
linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, color-mix(in srgb, var(--workbench-primary-soft) 40%, rgba(255, 255, 255, 0.5)) 62%, color-mix(in srgb, var(--workbench-secondary) 15%, rgba(255, 255, 255, 0.1)) 100%);
var(--assistant-readability-mask),
var(--assistant-theme-tint),
var(--assistant-bg-image) var(--assistant-bg-position) / var(--assistant-bg-size) no-repeat;
background-color: color-mix(in srgb, var(--workbench-primary-soft) 42%, #ffffff);
background-blend-mode: normal, color, luminosity;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6);
@@ -73,15 +79,7 @@
}
.assistant-hero::after {
content: "";
position: absolute;
right: var(--assistant-art-x);
bottom: var(--assistant-art-y);
width: var(--assistant-art-width);
height: calc(100% + 28px);
background: var(--assistant-bg-image) right bottom / auto 112% no-repeat;
pointer-events: none;
z-index: 2;
content: none;
}
.assistant-hero::before {
@@ -90,7 +88,8 @@
inset: 0;
border-radius: inherit;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.08) 42%, transparent 58%);
linear-gradient(90deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.08) 42%, transparent 60%),
linear-gradient(135deg, rgba(var(--theme-primary-rgb, 58, 124, 165), 0.08), transparent 56%);
pointer-events: none;
z-index: 1;
}
@@ -317,7 +316,6 @@
.capability-card {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: 40px minmax(0, 1fr) 10px;
align-items: center;
@@ -331,6 +329,11 @@
background: var(--workbench-surface);
text-align: left;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
transition:
border-color 180ms var(--ease),
box-shadow 180ms var(--ease),
color 180ms var(--ease),
transform 180ms var(--ease);
}
.capability-card::after {