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

208
web/src/assets/styles/views/audit-view-part2.css
View File

@@ -1271,6 +1271,11 @@
}
@media (max-width: 860px) {
.skill-center {
height: auto;
min-height: 100%;
}
.skill-list,
.detail-card,
.side-card,
@@ -1278,6 +1283,25 @@
padding: 16px;
}
.skill-list {
height: auto;
min-height: 100%;
display: block;
overflow: visible;
}
.skill-list .status-tabs {
flex-wrap: nowrap;
padding-bottom: 10px;
overflow-x: auto;
scrollbar-width: thin;
}
.skill-list .status-tabs button {
flex: 0 0 auto;
white-space: nowrap;
}
.list-toolbar,
.card-head,
.detail-actions,
@@ -1306,6 +1330,102 @@
width: min(100vw - 64px, 320px);
}
.skill-list .table-wrap {
min-height: 0;
max-height: none;
display: block;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
}
.skill-list .table-wrap table,
.skill-list .table-wrap thead,
.skill-list .table-wrap tbody,
.skill-list .table-wrap tr,
.skill-list .table-wrap th,
.skill-list .table-wrap td {
display: block;
}
.skill-list .table-wrap table {
width: 100%;
min-width: 0;
border-collapse: separate;
}
.skill-list .table-wrap thead {
display: none;
}
.skill-list .table-wrap tbody {
display: grid;
gap: 10px;
}
.skill-list .table-wrap tr {
padding: 12px;
border: 1px solid #e2e8f0;
border-radius: 4px;
background: #fff;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}
.skill-list .table-wrap td,
.audit-asset-table td:first-child,
.audit-asset-table td:not(:first-child) {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-height: 30px;
padding: 7px 0;
border-bottom: 1px dashed #edf2f7;
color: #273142;
font-size: 13px;
line-height: 1.45;
text-align: left;
white-space: normal;
overflow: visible;
text-overflow: clip;
}
.skill-list .table-wrap td:last-child {
border-bottom: 0;
}
.skill-list .table-wrap td::before {
content: attr(data-label);
color: #64748b;
font-size: 12px;
font-weight: 800;
line-height: 1.6;
}
.skill-list .table-wrap td:first-child {
grid-template-columns: 1fr;
padding-top: 0;
}
.skill-list .table-wrap td:first-child::before {
display: none;
}
.skill-name-cell {
width: 100%;
}
.skill-name-cell span:last-child {
white-space: normal;
overflow: visible;
text-overflow: clip;
}
.list-foot {
justify-content: stretch;
}
.hero-stats,
.form-grid,
.contract-grid {
@@ -1618,3 +1738,91 @@
grid-column: span 1;
}
}
@media (max-width: 860px) {
.skill-center :deep(.skill-list .table-wrap) {
min-height: 0;
max-height: none;
display: block;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
}
.skill-center :deep(.skill-list .table-wrap table),
.skill-center :deep(.skill-list .table-wrap thead),
.skill-center :deep(.skill-list .table-wrap tbody),
.skill-center :deep(.skill-list .table-wrap tr),
.skill-center :deep(.skill-list .table-wrap th),
.skill-center :deep(.skill-list .table-wrap td) {
display: block;
}
.skill-center :deep(.skill-list .table-wrap table) {
width: 100%;
min-width: 0;
border-collapse: separate;
}
.skill-center :deep(.skill-list .table-wrap thead) {
display: none;
}
.skill-center :deep(.skill-list .table-wrap tbody) {
display: grid;
gap: 10px;
}
.skill-center :deep(.skill-list .table-wrap tr) {
padding: 12px;
border: 1px solid #e2e8f0;
border-radius: 4px;
background: #fff;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}
.skill-center :deep(.skill-list .table-wrap td) {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-height: 30px;
padding: 7px 0;
border-bottom: 1px dashed #edf2f7;
color: #273142;
font-size: 13px;
line-height: 1.45;
text-align: left;
white-space: normal;
overflow: visible;
text-overflow: clip;
}
.skill-center :deep(.skill-list .table-wrap td:last-child) {
border-bottom: 0;
}
.skill-center :deep(.skill-list .table-wrap td::before) {
content: attr(data-label);
color: #64748b;
font-size: 12px;
font-weight: 800;
line-height: 1.6;
}
.skill-center :deep(.skill-list .table-wrap td:first-child) {
grid-template-columns: 1fr;
padding-top: 0;
}
.skill-center :deep(.skill-list .table-wrap td:first-child::before) {
display: none;
}
.skill-center :deep(.skill-name-cell span:last-child) {
white-space: normal;
overflow: visible;
text-overflow: clip;
}
}