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/resource.vue | 21 ++++++---------------
1 files changed, 6 insertions(+), 15 deletions(-)
diff --git a/src/modules/report/views/screen/resource.vue b/src/modules/report/views/screen/resource.vue
index 30b020a..61364cd 100644
--- a/src/modules/report/views/screen/resource.vue
+++ b/src/modules/report/views/screen/resource.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" :lg="4" :sm="12" :xs="24">
- <kpi-card v-bind="item" :demo="isDemoField(item.field)" />
- </el-col>
- </el-row>
+ <div class="kpi-grid" style="--kpi-cols: 5">
+ <kpi-card v-for="item in kpis" :key="item.label" v-bind="item" />
+ </div>
<el-row :gutter="10" class="mid-row">
<el-col :lg="10" :xs="24">
@@ -40,7 +38,7 @@
import { useChartTheme, useScreenData, useScreenFieldSource } from '../../hooks/use-screen';
const { data } = useScreenData();
-const { isDemoField, isDemoSection } = useScreenFieldSource();
+const { isDemoSection } = useScreenFieldSource();
const { textColor, mutedColor, splitColor, primary, tooltip } = useChartTheme();
const kpis = computed(() => [
@@ -131,19 +129,12 @@
</script>
<style lang="scss" scoped>
+@import '../../styles/screen-kpi.scss';
+
.screen-page {
- .kpi-row,
.mid-row {
margin-bottom: 10px;
- }
- .kpi-row {
- :deep(.el-col) {
- margin-bottom: 10px;
- }
- }
-
- .mid-row {
:deep(.panel-card) {
min-height: 360px;
}
--
Gitblit v1.9.1