DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(cost): 修复图表全屏显示和默认选择问题

Browse Source 
- 添加默认选择所有图表项的逻辑
- 修复全屏图表对话框的高度设置
- 调整全屏图表的布局结构为flex布局
- 优化图表头部和主体的样式设置
This commit is contained in:
jhd
2026-07-13 09:50:12 +08:00
parent e74cd653e2
commit fdba2fb78d
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
klp-ui/src/views/cost/comprehensive.vue
View File

@@ -1321,6 +1321,8 @@ export default {
} }
} catch (e) { /* ignore */ } } catch (e) { /* ignore */ }
this.chartSelectedKeys = selected this.chartSelectedKeys = selected
// default: select all
if (!this.chartSelectedKeys.length) this.chartSelectedKeys = [...allKeys]
}, },
saveChartSelection() { saveChartSelection() {
if (!this.activeReport) return if (!this.activeReport) return
@@ -1440,9 +1442,9 @@ export default {
/deep/ .summary-row td .cell { color: #303133; } /deep/ .summary-row td .cell { color: #303133; }
.summary-label { font-weight: bold; color: #303133; padding: 0 5px; } .summary-label { font-weight: bold; color: #303133; padding: 0 5px; }
.summary-val { font-weight: bold; color: #303133; } .summary-val { font-weight: bold; color: #303133; }
/deep/ .chart-fullscreen { width: 100% !important; max-width: 100% !important; margin: 0 !important; } /deep/ .chart-fullscreen { width: 100% !important; max-width: 100% !important; height: 100vh !important; margin: 0 !important; display: flex; flex-direction: column; }
/deep/ .chart-fullscreen .el-dialog__body { max-height: calc(100vh - 90px); overflow: auto; padding: 16px 20px; } /deep/ .chart-fullscreen .el-dialog__body { flex: 1; max-height: none; overflow: auto; padding: 16px 20px; }
/deep/ .chart-fullscreen .el-dialog__header { padding: 12px 20px; } /deep/ .chart-fullscreen .el-dialog__header { padding: 12px 20px; flex-shrink: 0; }
.chart-tag-bar { padding: 0 4px 8px; } .chart-tag-bar { padding: 0 4px 8px; }
.chart-tag-row { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 4px; } .chart-tag-row { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 4px; }
.chart-tag-row:last-child { margin-bottom: 0; } .chart-tag-row:last-child { margin-bottom: 0; }