From 8954db4cf4969166961c72569dfa24645276b947 Mon Sep 17 00:00:00 2001
From: wangrong <wangrong@shsening.com>
Date: 星期日, 30 八月 2026 11:48:15 +0800
Subject: [PATCH] 修复首页问题
---
src/modules/report/views/screen/overview.vue | 19 ++++++-------------
1 files changed, 6 insertions(+), 13 deletions(-)
diff --git a/src/modules/report/views/screen/overview.vue b/src/modules/report/views/screen/overview.vue
index bab6c1d..5227902 100644
--- a/src/modules/report/views/screen/overview.vue
+++ b/src/modules/report/views/screen/overview.vue
@@ -1,10 +1,8 @@
<template>
<div class="screen-page">
- <el-row :gutter="10" class="kpi-row">
- <el-col v-for="item in kpis" :key="item.label" :xl="3" :lg="6" :sm="12" :xs="24">
- <kpi-card v-bind="item" :demo="isDemoField(item.field)" />
- </el-col>
- </el-row>
+ <div class="kpi-grid" style="--kpi-cols: 8">
+ <kpi-card v-for="item in kpis" :key="item.label" v-bind="item" />
+ </div>
<el-row :gutter="10" class="charts-row">
<el-col :lg="7" :xs="24">
@@ -56,7 +54,7 @@
import { useChartTheme, useScreenData, useScreenFieldSource } from '../../hooks/use-screen';
const { data, timeRange } = useScreenData();
-const { isDemoField, isDemoSection } = useScreenFieldSource();
+const { isDemoSection } = useScreenFieldSource();
const { textColor, mutedColor, splitColor, primary, baseGrid, axisStyle, tooltip } = useChartTheme();
const mixMetric = ref<'weight' | 'value' | 'count'>('weight');
@@ -171,17 +169,12 @@
</script>
<style lang="scss" scoped>
+@import '../../styles/screen-kpi.scss';
+
.screen-page {
- .kpi-row,
.charts-row,
.camera-row {
margin-bottom: 10px;
- }
-
- .kpi-row {
- :deep(.el-col) {
- margin-bottom: 10px;
- }
}
.charts-row {
--
Gitblit v1.9.1