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

feat: 引入 ECharts 统一图表并完善员工画像标签分页

Browse Source 
后端优化员工行为画像服务和辅助函数，完善系统设置模型和
配置持久化，前端引入 ECharts 替换所有图表组件实现统一
渲染，新增员工画像标签分页器和数字员工工作记录组件，优
化工作台响应式布局和登录页过渡动画，完善预算中心和数字
员工页面样式细节。
This commit is contained in:
caoxiaozhu
2026-05-28 16:24:59 +08:00
parent 8a4a777be7
commit e384318046
53 changed files with 4698 additions and 2468 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/components/travel/BudgetAssistantReport.vue
View File

@@ -113,19 +113,19 @@ const summaryCards = computed(() => [
label: '上季度开销',
value: props.report.summary?.totalSpend || '—',
hint: '按四类预算口径汇总',
color: 'var(--chart-blue)'
color: 'var(--theme-secondary)'
},
{
label: '预算使用率',
value: props.report.summary?.usageRate || '—',
hint: '未触达风险线',
color: 'var(--chart-amber)'
color: 'var(--warning)'
},
{
label: '建议编制额',
value: props.report.summary?.recommendedTotal || '—',
hint: '含业务增长预留',
color: 'var(--chart-purple)'
color: 'var(--info)'
}
])
</script>
@@ -145,9 +145,9 @@ const summaryCards = computed(() => [
.budget-report-action-panel,
.budget-report-summary-card {
border: 1px solid #dbe4ee;
border-radius: 8px;
border-radius: 4px;
background: #fff;
box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.budget-report-head {
@@ -187,7 +187,7 @@ const summaryCards = computed(() => [
align-items: center;
gap: 5px;
padding: 0 10px;
border-radius: 999px;
border-radius: 4px;
background: var(--theme-primary-soft);
color: var(--theme-primary-active);
font-size: 12px;
@@ -291,7 +291,7 @@ const summaryCards = computed(() => [
padding: 12px;
border: 1px solid #e2e8f0;
border-left: 3px solid var(--accent);
border-radius: 8px;
border-radius: 4px;
background: #fbfdff;
animation: budgetReportItemIn 460ms var(--ease, ease) both;
animation-delay: var(--delay, 0ms);
@@ -326,7 +326,7 @@ const summaryCards = computed(() => [
.budget-report-expense-card header em {
margin-left: auto;
padding: 1px 7px;
border-radius: 999px;
border-radius: 4px;
font-size: 11px;
font-style: normal;
font-weight: 850;
@@ -357,7 +357,7 @@ const summaryCards = computed(() => [
display: inline-flex;
align-items: center;
padding: 0 7px;
border-radius: 6px;
border-radius: 4px;
background: #f1f5f9;
color: #475569;
font-size: 11px;
@@ -389,7 +389,7 @@ const summaryCards = computed(() => [
.budget-report-expense-card li {
padding: 2px 7px;
border-radius: 999px;
border-radius: 4px;
background: #fff;
border: 1px solid #e2e8f0;
}