修复首页问题

wangrong

2026-08-30 8954db4cf4969166961c72569dfa24645276b947

 src/modules/report/views/screen/participation.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: 6">
         <kpi-card v-for="item in kpis" :key="item.label" v-bind="item" />
      </div>

         <el-row :gutter="10" class="mid-row">
            <el-col :lg="14" :xs="24">
@@ -75,7 +73,7 @@
import { useChartTheme, useScreenData, useScreenFieldSource } from '../../hooks/use-screen';

const { data } = useScreenData();
const { isDemoField, isDemoSection } = useScreenFieldSource();
const { isDemoSection } = useScreenFieldSource();
const { textColor, mutedColor, splitColor, primary, baseGrid, axisStyle, tooltip } = useChartTheme();

const trendKind = ref<'people' | 'times'>('people');
@@ -181,19 +179,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;
      }