0911

src/views/enterpriseLarge/digitalizationScreen/components/leftPage.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="leftPage">
     <div class="topPage">
-      <Title style="font-size: 22px" title="企业关键指标" />
+      <Title title="企业关键指标" />
       <div class="indicators">
         <div class="indicator-card" v-for="indicator in indicators" :key="indicator.id">
           <div style="display: flex; align-items: baseline; gap: 4px; margin-bottom: 5px">
@@ -17,7 +17,7 @@
     </div>
 
     <div class="endPage">
-      <Title style="font-size: 22px" title="人员情况" />
+      <Title title="人员情况" />
       <!-- 人员总览区域 -->
       <div class="people_overview">
         <div class="people_overview_content">
@@ -80,7 +80,7 @@
 
       <!-- 项目出勤率柱状图 -->
       <div class="project_attendance_chart">
-        <Title style="font-size: 22px" title="项目出勤率统计" />
+        <Title title="项目出勤率统计" />
 
         <div class="chart_content" ref="attendanceChartRef"></div>
       </div>
@@ -124,7 +124,7 @@ const indicators = ref([
     id: '3',
     name: '总容量',
     value: '158.88',
-    unit: '个',
+    unit: 'MW',
     iconPath: '/src/assets/images/totalCapacity.png'
   },
   {
@@ -255,7 +255,7 @@ const scrollToProject = (index: number) => {
     // 计算滚动条应该移动到的位置
     // 确保当前项目居中显示
     const totalProjects = projectAttendanceData.value.length;
-    const visiblePercentage = 15; // 与dataZoom的end值保持一致
+    const visiblePercentage = 20; // 与dataZoom的end值保持一致
     const itemPercentage = 100 / totalProjects; // 每个项目所占总宽度的百分比
 
     // 计算新的start值，使当前项目尽量居中显示
@@ -879,10 +879,8 @@ onUnmounted(() => {
   text-shadow: 0px 1.24px 6.21px rgba(0, 200, 83, 0.5);
 }
 
-/* 点阵地图样式 */
 .people_map {
   width: 100%;
-  height: 120px;
   margin-top: 8px;
   background: rgba(10, 24, 45, 0.5);
   border: 1px solid rgba(29, 214, 255, 0.1);