更新角色管理相关内容

This commit is contained in:
2026-09-09 15:04:34 +08:00
parent de7225b61e
commit fef0233cc4
24 changed files with 1442 additions and 116 deletions
@@ -434,7 +434,7 @@ async function removeScheme(row) {
onMounted(async () => { await Promise.all([loadEmployees(), loadSchemes(), loadDashboard(), loadPayrolls()]) })
</script>
<style scoped>
<style lang="less" scoped>
.compensation-page { padding: 16px 20px 28px; }
.page-header, .header-actions, .filter-bar, .dashboard-toolbar, .scheme-toolbar, .section-title, .detail-head, .detail-head > div, .custom-item { display: flex; align-items: center; }
.page-header { justify-content: space-between; margin-bottom: 16px; }
@@ -457,4 +457,64 @@ onMounted(async () => { await Promise.all([loadEmployees(), loadSchemes(), loadD
.scheme-toolbar { justify-content: flex-end; margin-bottom: 12px; }.scheme-form { margin-top: 18px; padding-top: 18px; border-top: 1px solid #ebeef5; }.scheme-actions { display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 1000px) { .stats-row { grid-template-columns: repeat(2, 1fr); }.salary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .page-header { align-items: flex-start; gap: 12px; flex-direction: column; }.stats-row, .form-grid, .salary-grid { grid-template-columns: 1fr; }.custom-item { flex-wrap: wrap; }.amount-summary { grid-template-columns: 1fr; gap: 10px; }.amount-summary div { border: none; }.detail-summary { grid-template-columns: 1fr; } }
// ===== 暗色主题适配 =====
html.dark & {
.page-header p {
color: var(--el-text-color-secondary);
}
.dashboard-toolbar {
color: var(--el-text-color-regular);
}
.stat-card {
background: var(--el-bg-color);
border-color: var(--el-border-color-lighter);
.stat-label,
.stat-sub {
color: var(--el-text-color-secondary);
}
.stat-value {
color: var(--el-text-color-primary);
}
}
.table-card {
background: var(--el-bg-color);
border-color: var(--el-border-color-lighter);
}
.section-title {
color: var(--el-text-color-primary);
}
.salary-section {
border-top-color: var(--el-border-color-lighter);
}
.scheme-form {
border-top-color: var(--el-border-color-lighter);
}
.detail-head {
border-bottom-color: var(--el-border-color-lighter);
span {
color: var(--el-text-color-secondary);
}
}
.detail-summary {
span {
color: var(--el-text-color-secondary);
}
strong {
color: var(--el-text-color-primary);
}
}
.detail-remark {
color: var(--el-text-color-regular);
background: var(--el-fill-color-light);
}
.amount-summary {
background: var(--el-fill-color-light);
div {
border-right-color: var(--el-border-color-lighter);
}
}
}
</style>