feat: 新增数字员工管理页面与工作台首页重构
后端优化 agent 资产种子初始化和常量配置,前端新增数字员工 视图和调度对话框组件,重构个人工作台首页布局和洞察面板, 完善审计页面数字员工详情和运行时模型,优化侧边栏导航和图 标配置,新增工作台摘要和工作台数据模块,补充单元测试。
This commit is contained in:
135
web/src/assets/styles/components/personal-workbench-insights.css
Normal file
135
web/src/assets/styles/components/personal-workbench-insights.css
Normal file
@@ -0,0 +1,135 @@
|
||||
.side-column {
|
||||
display: grid;
|
||||
grid-template-rows: minmax(0, 0.94fr) minmax(0, 1fr);
|
||||
gap: 14px;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.side-panel {
|
||||
padding: 10px 12px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.side-panel .section-head {
|
||||
min-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.side-panel .section-head h2 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.side-card-head {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.detail-action {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
min-height: 24px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--workbench-muted);
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.detail-action:hover {
|
||||
color: var(--workbench-primary-active);
|
||||
}
|
||||
|
||||
.detail-action i {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.expense-stats-panel,
|
||||
.usage-profile-panel {
|
||||
min-height: 0;
|
||||
display: grid;
|
||||
grid-template-rows: auto minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.insight-metric-list,
|
||||
.insight-profile-list {
|
||||
min-height: 0;
|
||||
display: grid;
|
||||
grid-auto-rows: minmax(0, 1fr);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.insight-metric-row,
|
||||
.insight-profile-card {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-height: 0;
|
||||
padding: 6px 0;
|
||||
border-top: 1px solid var(--workbench-line-soft);
|
||||
}
|
||||
|
||||
.insight-metric-row:first-child,
|
||||
.insight-profile-card:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.insight-metric-label,
|
||||
.insight-profile-label {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--workbench-muted);
|
||||
font-size: 12px;
|
||||
font-weight: 650;
|
||||
line-height: 1.2;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.insight-metric-value,
|
||||
.insight-profile-value {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--workbench-ink);
|
||||
font-size: 14px;
|
||||
font-weight: 850;
|
||||
line-height: 1.15;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.insight-metric-value small,
|
||||
.insight-profile-value small {
|
||||
margin-left: 2px;
|
||||
color: var(--workbench-muted);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.insight-metric-row--amount .insight-metric-value {
|
||||
color: var(--workbench-primary-active);
|
||||
}
|
||||
|
||||
.insight-metric-row--warning .insight-metric-value {
|
||||
color: var(--warning);
|
||||
}
|
||||
|
||||
.insight-metric-row--info .insight-metric-value {
|
||||
color: var(--workbench-chart-blue);
|
||||
}
|
||||
|
||||
.insight-profile-icon,
|
||||
.insight-profile-hint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.insight-profile-copy {
|
||||
min-width: 0;
|
||||
display: contents;
|
||||
}
|
||||
Reference in New Issue
Block a user