diff --git a/web/public/index.html b/web/public/index.html
index 3b66b24..43fe988 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_5010233_fpzrc14sfwj.css" />
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_5010233_di79okor5xs.css" />
   </head>
   <body>
     <noscript>
diff --git a/web/src/components/Home/Modal.vue b/web/src/components/Home/Modal.vue
index 479bcc2..d041fed 100644
--- a/web/src/components/Home/Modal.vue
+++ b/web/src/components/Home/Modal.vue
@@ -8,7 +8,8 @@
             <span class="linear-text">{{ item.title }}</span>
           </div>
         </div>
-        <component :is="item.componentId" :device-info="deviceInfo[item.infoKey]"></component>
+        <component :is="item.componentId"  :props-total="deviceInfo.allTotal" :props-info="deviceInfo[item.infoKey]" ></component>
+        <!-- -->
       </div>
     </div>
     
@@ -20,7 +21,7 @@
             <span class="linear-text">{{ item.title }}</span>
           </div>
         </div>
-        <component :is="item.componentId" :device-info="deviceInfo[item.infoKey]"></component>
+        <component :is="item.componentId" :props-total="deviceInfo.allTotal" :props-info="deviceInfo[item.infoKey]" ></component>
       </div>
     </div>
   </div>
@@ -34,6 +35,7 @@ import Revenue from '@/components/Home/Modal/Revenue.vue'
 import Utilization from '@/components/Home/Modal/Utilization.vue'
 import DisCharge from '@/components/Home/Modal/DisCharge.vue'
 import Operational from '@/components/Home/Operational.vue'
+import { getReq, postReq } from '@/request/api'
 
 import Charge from '@/components/Home/Charge.vue'
 import Alarm from '@/components/Home/Alarm.vue'
@@ -105,222 +107,254 @@ export default {
     }
   },
   async mounted() {
-    this.deviceInfo = {
-      alarm: [
-        {
-          date: '2025-08-30',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-29',
-          key1: 8,
-          key2: 5,
-          key3: 5,
-          key4: 7
-        },
-        {
-          date: '2025-08-28',
-          key1: 0,
-          key2: 10,
-          key3: 20,
-          key4: 4
-        },
-        {
-          date: '2025-08-27',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-26',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-25',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-24',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-23',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-22',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-21',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-20',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-19',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-18',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        },
-        {
-          date: '2025-08-17',
-          key1: 10,
-          key2: 0,
-          key3: 15,
-          key4: 5
-        }
-      ],
-      energy: [
-        {
-          date: '2025-08-30',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-29',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-28',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-27',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-26',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-25',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-24',
-          key1: '2',
-          key2: '2'
-        }
-      ],
-      charge: [
-        {
-          date: '2025-08-30',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-29',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-28',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-27',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-26',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-25',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-24',
-          key1: '2',
-          key2: '2'
-        }
-      ],
-      pv: [
-        {
-          date: '2025-08-30',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-29',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-28',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-27',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-26',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-25',
-          key1: '2',
-          key2: '2'
-        },
-        {
-          date: '2025-08-24',
-          key1: '2',
-          key2: '2'
-        }
-      ]
-    }
-  },
+    await Promise.all([
+      this.getTotalList(),
 
-  methods: {}
+      ( this.deviceInfo = {
+        alarm: [
+          {
+            date: '2025-08-30',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-29',
+            key1: 8,
+            key2: 5,
+            key3: 5,
+            key4: 7
+          },
+          {
+            date: '2025-08-28',
+            key1: 0,
+            key2: 10,
+            key3: 20,
+            key4: 4
+          },
+          {
+            date: '2025-08-27',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-26',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-25',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-24',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-23',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-22',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-21',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-20',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-19',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-18',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          },
+          {
+            date: '2025-08-17',
+            key1: 10,
+            key2: 0,
+            key3: 15,
+            key4: 5
+          }
+        ],
+        energy: [
+          {
+            date: '2025-08-30',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-29',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-28',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-27',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-26',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-25',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-24',
+            key1: '2',
+            key2: '2'
+          }
+        ],
+        charge: [
+          {
+            date: '2025-08-30',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-29',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-28',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-27',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-26',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-25',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-24',
+            key1: '2',
+            key2: '2'
+          }
+        ],
+        pv: [
+          {
+            date: '2025-08-30',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-29',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-28',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-27',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-26',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-25',
+            key1: '2',
+            key2: '2'
+          },
+          {
+            date: '2025-08-24',
+            key1: '2',
+            key2: '2'
+          }
+        ]
+      }),
+     
+      
+    ])
+  },
+ 
+
+  methods: {
+    async  getTotalList(){
+      try {
+        // token: 用户TOKEN
+        const res = await getReq({}, '')
+        if (res.code === 200) {
+          this.deviceInfo.allTotal = res.data
+        } else {
+          throw res
+        }
+      } catch (error) {
+        this.deviceInfo.allTotal = {
+          tianshu:11,
+          shouyi:12,
+          shuliang:10,
+          fadianliang:15,
+          key2:11,
+          key1:12,
+          key3:10,
+          key4:15,
+          rongliang:15,
+        }
+      }
+    }
+
+  }
 }
 </script>
 
diff --git a/web/src/components/Home/Modal/DisCharge.vue b/web/src/components/Home/Modal/DisCharge.vue
index 3f78b4a..6208832 100644
--- a/web/src/components/Home/Modal/DisCharge.vue
+++ b/web/src/components/Home/Modal/DisCharge.vue
@@ -8,7 +8,7 @@
 export default {
   name: '',
   props: {
-    deviceInfo: {
+    propsInfo: {
       type: Array,
       default: () => []
     }
@@ -41,7 +41,7 @@ export default {
     }
   },
   watch: {
-    deviceInfo: {
+    propsInfo: {
       handler(n) {
         this.$nextTick(() => {
           this.drawLineChart()
@@ -79,7 +79,7 @@ export default {
     getDisChargeData() {
       const arr=this.curList
       const keyList=this.curList.map((item)=>item.key)
-      const result = this.processData(this.deviceInfo, keyList)
+      const result = this.processData(this.propsInfo, keyList)
 
       this.lineChartData.xdata = result.dates
       arr.forEach((item, index) => {
diff --git a/web/src/components/Home/Modal/EnvInfo.vue b/web/src/components/Home/Modal/EnvInfo.vue
index 653d115..3ad6bd1 100644
--- a/web/src/components/Home/Modal/EnvInfo.vue
+++ b/web/src/components/Home/Modal/EnvInfo.vue
@@ -2,72 +2,71 @@
   <div class="onLine">
     <div class="content">
       <div v-for="item in list" :key="item.key" :class="`item ${item.class}`">
-        <a-image :preview="false" :src="item.iconPath" :width="25" class="left"> </a-image>
+        <i
+          :class="`iconfont icon-${item.icon}`"
+          :style="`font-size:25px; cursor: pointer; color: ${item.color};`"
+        />
         <div class="right">
-             <span>{{ item.label }}</span>
-             <span>{{ item.value }} {{ item.d }}</span
-              >
-            </div>
-     
-       
+          <span>{{ item.label }}</span>
+          <span>{{ item.value }} {{ item.d }}</span>
+        </div>
       </div>
     </div>
-    
-
-  
   </div>
 </template>
 
 <script>
-import { legacyLogicalPropertiesTransformer } from 'ant-design-vue'
-
 export default {
   name: '',
   props: {
-    propsInfo: {
+    propsTotal: {
       type: Object,
-      default: ()=>({
-        name: '场站111',
-        statusName:'充电'
-      })
+      default: () => {}
+    },
+    propsInfo: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
     return {
       list: [
         {
-          key: 'tianshu',
-          value: 26,
-          d: 'Lux',
-          label: '光照',
+          key: 'key1',
+          value: '制冷',
+          d: '',
+          label: '冷机',
           class: 'item-1',
-          iconPath: require('@/assets/home/guangzhao.png')
+          icon: 'lengji',
+          color: '#F69B52'
         },
         {
-          key: 'shouyi',
-          value: 25,
-          d: 'm/s',
-          label: '风速',
+          key: 'key2',
+          value: '开机',
+          d: '',
+          label: '空调',
           class: 'item-2',
-          iconPath: require('@/assets/home/fengsu.png')
+          icon: 'kongdiaogongcheng',
+          color: '#9BD801'
         },
         {
-          key: 'shuliang',
+          key: 'key3',
           value: 24,
           d: '℃',
           label: '环境温度',
           class: 'item-3',
-          iconPath: require('@/assets/home/hj-wendu.png')
+          icon: 'wenduji',
+          color: '#3DFEFA'
         },
         {
-          key: 'shuliang',
+          key: 'key4',
           value: 26,
           d: '%',
           label: '环境湿度',
           class: 'item-4',
-          iconPath: require('@/assets/home/hj-shidu.png')
-        },
-       
+          icon: 'shidu',
+          color: '#D83D6C'
+        }
       ]
     }
   },
@@ -79,7 +78,19 @@ export default {
       return this.list.filter((_, index) => index % 2 !== 0).slice(0, 3) // 右列取前3个奇数索引
     }
   },
-  watch: {},
+  watch: {
+    propsTotal: {
+      handler(n) {
+        if (n) {
+          this.list.forEach((item) => {
+            item.value = this.propsTotal[item.key]
+          })
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
   mounted() {},
   methods: {}
 }
@@ -91,13 +102,11 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  width:95%;
+  width: 95%;
   margin: auto;
 }
 
-
-
-.content{
+.content {
   flex-wrap: wrap;
   width: 100%;
   display: flex;
@@ -105,35 +114,30 @@ export default {
   justify-content: space-around;
   height: 100%;
 
-  .item{
-    height:50%;
-  width: 25%;
-  // height: 47px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  // justify-content: center;
-  // text-align: center;
+  .item {
+    height: 50%;
+    width: 25%;
+    // height: 47px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    // justify-content: center;
+    // text-align: center;
 
-  & > span:nth-child(1) {
-    font-size: 12px;
-    margin-bottom: 10px;
+    & > span:nth-child(1) {
+      font-size: 12px;
+      margin-bottom: 10px;
+    }
+    .d {
+      margin-left: 1px;
+      font-size: 12px;
+    }
   }
-  .d {
-    margin-left: 1px;
-    font-size: 12px;
-  }
-  }
-
 
   .right {
- display: flex;
- flex-direction: column;
- margin-left: 20px;
-
+    display: flex;
+    flex-direction: column;
+    margin-left: 20px;
+  }
 }
-}
-
-
-
 </style>
diff --git a/web/src/components/Home/Modal/OperationalInfo.vue b/web/src/components/Home/Modal/OperationalInfo.vue
index 85f5fb9..238f6eb 100644
--- a/web/src/components/Home/Modal/OperationalInfo.vue
+++ b/web/src/components/Home/Modal/OperationalInfo.vue
@@ -4,33 +4,27 @@
       <div v-for="item in list" :key="item.key" :class="`item ${item.class}`">
         <a-image :preview="false" :src="item.iconPath" :width="50" class="left"> </a-image>
         <div class="right">
-             <span>{{ item.label }}</span>
-             <span>{{ item.value }} {{ item.d }}</span
-              >
-            </div>
-     
-       
+          <span>{{ item.label }}</span>
+          <span>{{ item.value }} {{ item.d }}</span>
+        </div>
       </div>
     </div>
-    
-
-  
   </div>
 </template>
 
 <script>
-import { legacyLogicalPropertiesTransformer } from 'ant-design-vue'
-
 export default {
   name: '',
   props: {
-    propsInfo: {
+    propsTotal: {
       type: Object,
-      default: ()=>({
-        name: '场站111',
-        statusName:'充电'
-      })
-    }
+      default: () => {}
+    },
+    propsInfo: {
+      type: Array,
+      default: () => []
+    },
+  
   },
   data() {
     return {
@@ -94,7 +88,19 @@ export default {
       return this.list.filter((_, index) => index % 2 !== 0).slice(0, 3) // 右列取前3个奇数索引
     }
   },
-  watch: {},
+  watch: {
+    propsTotal: {
+      handler(n) {
+        if (n) {
+          this.list.forEach((item) => {
+            item.value = this.propsTotal[item.key]
+          })
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
   mounted() {},
   methods: {}
 }
@@ -106,14 +112,11 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  width:95%;
+  width: 95%;
   margin: auto;
-
 }
 
-
-
-.content{
+.content {
   flex-wrap: wrap;
   width: 100%;
   display: flex;
@@ -121,35 +124,30 @@ export default {
   justify-content: space-around;
   height: 100%;
 
-  .item{
-    height:50%;
-  width: 30%;
-  // height: 47px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  // justify-content: center;
-  // text-align: center;
+  .item {
+    height: 50%;
+    width: 30%;
+    // height: 47px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    // justify-content: center;
+    // text-align: center;
 
-  & > span:nth-child(1) {
-    font-size: 12px;
-    margin-bottom: 10px;
+    & > span:nth-child(1) {
+      font-size: 12px;
+      margin-bottom: 10px;
+    }
+    .d {
+      margin-left: 1px;
+      font-size: 12px;
+    }
   }
-  .d {
-    margin-left: 1px;
-    font-size: 12px;
-  }
-  }
-
 
   .right {
- display: flex;
- flex-direction: column;
- margin-left: 20px;
-
+    display: flex;
+    flex-direction: column;
+    margin-left: 20px;
+  }
 }
-}
-
-
-
 </style>
diff --git a/web/src/components/Home/Modal/PrefabCabin.vue b/web/src/components/Home/Modal/PrefabCabin.vue
index 5cccf5c..1d116f2 100644
--- a/web/src/components/Home/Modal/PrefabCabin.vue
+++ b/web/src/components/Home/Modal/PrefabCabin.vue
@@ -3,7 +3,7 @@
     <div class="content-left">
       <div v-for="item in leftList" :key="item.key" :class="`item ${item.class}`">
         <div>
-          <span>{{ item.value }}</span
+          <span>{{ item.value ? item.value :0}}</span
           ><span class="d">{{ item.d }}</span>
         </div>
         <span>{{ item.label }}</span>
@@ -11,13 +11,13 @@
     </div>
     <div style="text-align: center;font-weight: 500;">
       <div class="online-icon"></div>
-      <span>{{ propsInfo.statusName }}</span>
+      <span>{{ curStatus }}</span>
     </div>
 
     <div class="content-right">
       <div v-for="item in rightList" :key="item.key" :class="`item ${item.class}`">
         <div>
-          <span>{{ item.value }}</span
+          <span>{{ item.value ? item.value :0 }}</span
           ><span class="d">{{ item.d }}</span>
         </div>
         <span>{{ item.label }}</span>
@@ -27,21 +27,22 @@
 </template>
 
 <script>
-import { legacyLogicalPropertiesTransformer } from 'ant-design-vue'
 
 export default {
   name: '',
   props: {
-    propsInfo: {
+    propsTotal: {
       type: Object,
-      default: () => ({
-        name: '场站111',
-        statusName: '充电'
-      })
+      default: () => {}
+    },
+    propsInfo: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
     return {
+      curStatus:'充电',
       list: [
         {
           key: 'tianshu',
@@ -96,7 +97,19 @@ export default {
       return this.list.filter((_, index) => index % 2 !== 0).slice(0, 3) // 右列取前3个奇数索引
     }
   },
-  watch: {},
+  watch: {
+    propsTotal: {
+      handler(n) {
+        if (n) {
+          this.list.forEach((item) => {
+            item.value = this.propsTotal[item.key]
+          })
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
   mounted() {},
   methods: {}
 }
diff --git a/web/src/components/Home/Modal/Revenue.vue b/web/src/components/Home/Modal/Revenue.vue
index b761b3f..0abd637 100644
--- a/web/src/components/Home/Modal/Revenue.vue
+++ b/web/src/components/Home/Modal/Revenue.vue
@@ -8,7 +8,7 @@
 export default {
   name: '',
   props: {
-    deviceInfo: {
+    propsInfo: {
       type: Array,
       default: () => []
     }
@@ -37,7 +37,7 @@ export default {
     }
   },
   watch: {
-    deviceInfo: {
+    propsInfo: {
       handler(n) {
         this.$nextTick(() => {
           this.drawLineChart()
@@ -75,7 +75,7 @@ export default {
     getRevenueData() {
       const arr=this.curList
       const keyList=this.curList.map((item)=>item.key)
-      const result = this.processData(this.deviceInfo, keyList)
+      const result = this.processData(this.propsInfo, keyList)
 
       this.lineChartData.xdata = result.dates
       arr.forEach((item, index) => {
diff --git a/web/src/components/Home/Modal/StatisticalInfo.vue b/web/src/components/Home/Modal/StatisticalInfo.vue
index 59c1ef9..53d2170 100644
--- a/web/src/components/Home/Modal/StatisticalInfo.vue
+++ b/web/src/components/Home/Modal/StatisticalInfo.vue
@@ -2,7 +2,7 @@
   <div class="onLine">
     <div class="content">
       <div v-for="item in list" :key="item.key" :class="`item ${item.class}`">
-        <span>{{ item.value }} {{ item.d }}</span>
+        <span>{{ item.value ? item.value : 0 }} {{ item.d }}</span>
         <span>{{ item.label }}</span>
       </div>
     </div>
@@ -10,11 +10,13 @@
 </template>
 
 <script>
-import { legacyLogicalPropertiesTransformer } from 'ant-design-vue'
-
 export default {
   name: '',
   props: {
+    propsTotal: {
+      type: Object,
+      default: () => {}
+    },
     propsInfo: {
       type: Object,
       default: () => ({
@@ -77,7 +79,19 @@ export default {
       return this.list.filter((_, index) => index % 2 !== 0).slice(0, 3) // 右列取前3个奇数索引
     }
   },
-  watch: {},
+  watch: {
+    propsTotal: {
+      handler(n) {
+        if (n) {
+          this.list.forEach((item) => {
+            item.value = this.propsTotal[item.key]
+          })
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
   mounted() {},
   methods: {}
 }
@@ -89,7 +103,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  width:95%;
+  width: 95%;
   margin: auto;
 }
 
diff --git a/web/src/components/Home/Modal/Utilization.vue b/web/src/components/Home/Modal/Utilization.vue
index 06a773a..077ae80 100644
--- a/web/src/components/Home/Modal/Utilization.vue
+++ b/web/src/components/Home/Modal/Utilization.vue
@@ -8,7 +8,7 @@
 export default {
   name: '',
   props: {
-    deviceInfo: {
+    propsInfo: {
       type: Array,
       default: () => []
     }
@@ -35,7 +35,7 @@ export default {
     }
   },
   watch: {
-    deviceInfo: {
+    propsInfo: {
       handler(n) {
         this.$nextTick(() => {
           this.drawLineChart()
@@ -73,7 +73,7 @@ export default {
     getUtilizationData() {
       const arr=this.curList
       const keyList=this.curList.map((item)=>item.key)
-      const result = this.processData(this.deviceInfo, keyList)
+      const result = this.processData(this.propsInfo, keyList)
 
       this.lineChartData.xdata = result.dates
       arr.forEach((item, index) => {
diff --git a/web/src/components/Home/Operational.vue b/web/src/components/Home/Operational.vue
index dd2de84..50c23ea 100644
--- a/web/src/components/Home/Operational.vue
+++ b/web/src/components/Home/Operational.vue
@@ -39,7 +39,7 @@ export default {
         },
         {
           name: '利用率',
-          key: 'connector_off',
+          key: 'key2',
           percentKey: 'connector_off_percent',
           lineColor:
             'linear-gradient(90deg, rgba(53, 120, 124, 1) 0%, rgba(102, 225, 223, 1) 100%);',
diff --git a/web/src/components/Home/onLine.vue b/web/src/components/Home/onLine.vue
index 4a4da73..023a8eb 100644
--- a/web/src/components/Home/onLine.vue
+++ b/web/src/components/Home/onLine.vue
@@ -3,14 +3,20 @@
     <div class="content-left">
       <div v-for="item in leftList" :key="item.key" :class="`item ${item.class}`">
         <span>{{ item.label }}</span>
-       <div> <span>{{ item.value }}</span><span class="d">{{ item.d }}</span></div>
+        <div>
+          <span>{{ item.value ? item.value : 0 }}</span
+          ><span class="d">{{ item.d }}</span>
+        </div>
       </div>
     </div>
     <div class="online-icon"></div>
     <div class="content-right">
       <div v-for="item in rightList" :key="item.key" :class="`item ${item.class}`">
         <span>{{ item.label }}</span>
-       <div> <span>{{ item.value }}</span><span class="d">{{ item.d }}</span></div>
+        <div>
+          <span>{{ item.value ? item.value : 0 }}</span
+          ><span class="d">{{ item.d }}</span>
+        </div>
       </div>
     </div>
   </div>
@@ -20,6 +26,10 @@
 export default {
   name: '',
   props: {
+    total: {
+      type: Object,
+      default: () => {}
+    },
     deviceInfo: {
       type: Array,
       default: () => []
@@ -27,7 +37,7 @@ export default {
   },
   data() {
     return {
-      list: [
+      curList: [
         {
           key: 'launchDate',
           value: 20,
@@ -75,13 +85,26 @@ export default {
   },
   computed: {
     leftList() {
-      return this.list.filter((_, index) => index % 2 === 0).slice(0, 3) // 左列取前3个偶数索引
+      return this.curList.filter((_, index) => index % 2 === 0).slice(0, 3) // 左列取前3个偶数索引
     },
     rightList() {
-      return this.list.filter((_, index) => index % 2 !== 0).slice(0, 3) // 右列取前3个奇数索引
+      return this.curList.filter((_, index) => index % 2 !== 0).slice(0, 3) // 右列取前3个奇数索引
+    }
+  },
+  watch: {
+    total: {
+      handler(n) {
+        if (n) {
+          let that = this
+          that.curList.forEach((item) => {
+            item.value = that.total[item.key]
+          })
+        }
+      },
+      deep: true, // 深度监听
+      immediate: true
     }
   },
-  watch: {},
   mounted() {},
   methods: {}
 }
@@ -111,12 +134,10 @@ export default {
     font-size: 12px;
     margin-bottom: 10px;
   }
-  .d{
+  .d {
     margin-left: 1px;
     font-size: 12px;
   }
-
-  
 }
 
 .content-left,
diff --git a/web/src/components/statisticalAnalysis/energyEchart.vue b/web/src/components/statisticalAnalysis/energyEchart.vue
index 120a959..279a7f2 100644
--- a/web/src/components/statisticalAnalysis/energyEchart.vue
+++ b/web/src/components/statisticalAnalysis/energyEchart.vue
@@ -49,23 +49,23 @@ export default {
       type: Object,
       default: () => ({}), // 默认空对象
       required: false // 非必须
+    },
+    tableData: {
+      type: Array,
+      default: () => ([]), // 默认空对象
     }
   },
   data() {
     return {
       paramsDate: {},
-      tableData: [],
       tableOption: {
         scroll: {
           x: 1500
-        }
+        },
+        select: false,
       },
       tableH: 0,
-      pageOption: {
-        current: 1,
-        pageSize: 15,
-        total: 1
-      },
+      
       //   chartOptions: [
       //     {
       //       title: '充放电分析',
@@ -233,45 +233,24 @@ export default {
       chartInstances: [] // 存储 ECharts 实例
     }
   },
+  watch:{
+    chartData: {
+      handler(n) {
+        this.$nextTick(() => {
+          this.initCharts()
+          window.addEventListener('resize', this.handleResize)
+        })
+      }
+    }
+  },
   mounted() {
-    this.$nextTick(() => {
-      // 确保 DOM 完全渲染
-      this.initCharts()
-      window.addEventListener('resize', this.handleResize)
-    })
+    
   },
   beforeUnmount() {
     window.removeEventListener('resize', this.handleResize)
     this.chartInstances.forEach((chart) => chart && chart.dispose())
   },
   methods: {
-    async getList() {
-      let that = this
-      this.$refs.comTable.loading = true
-      const query = {
-        ...this.paramsDate,
-        pageSize: this.pageOption.pageSize,
-        pageNumber: this.pageOption.current
-      }
-      try {
-        const res = await postReq(query, this.tableInfo.getUrl)
-        if (res.code === 200) {
-          this.$refs.comTable.loading = false
-          this.tableData = res.data.records
-          this.pageOption = {
-            current: res.data.pageNumber,
-            pageSize: res.data.pageSize,
-            total: res.data.totalRow
-          }
-          this.getScrollDateFail = false
-        } else {
-          throw res
-        }
-      } catch (error) {
-        that.tableData = []
-        that.$refs.comTable.loading = false
-      }
-    },
     initCharts() {
       this.chartOptions.forEach((option, index) => {
         const dom = this.$refs[`chartContainer${index}`][0]
@@ -380,9 +359,10 @@ export default {
     },
  
     handlePagesizeChange(pageOption) {
-      this.pageOption.pageSize = pageOption.pageSize
-      this.pageOption.current = pageOption.current
-      this.getList()
+      this.$emit('pagesizeChange_energy',pageOption)
+      // this.pageOption.pageSize = pageOption.pageSize
+      // this.pageOption.current = pageOption.current
+      // this.getList()
     }
   }
 }
@@ -390,7 +370,7 @@ export default {
 
 <style lang="scss" scoped>
 .content {
-  height: calc(100% - 38px);
+  height: calc(100% - 10px);
   overflow: scroll;
 }
 .content-echarts {
diff --git a/web/src/views/MainView.vue b/web/src/views/MainView.vue
index 6656df9..192319e 100644
--- a/web/src/views/MainView.vue
+++ b/web/src/views/MainView.vue
@@ -47,6 +47,7 @@ export default {
       menuList: [
         {
           name: '系统总览',
+          path: '/main/',
           icon: 'icon-xitongguanli'
         },
         {
diff --git a/web/src/views/statisticalAnalysis.vue b/web/src/views/statisticalAnalysis.vue
index 154aa43..abfe5c6 100644
--- a/web/src/views/statisticalAnalysis.vue
+++ b/web/src/views/statisticalAnalysis.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="statisicalAn">
-    <div style="display: flex; justify-content: space-between">
+    <div style="display: flex; justify-content: space-between; height: 50px">
       <div class="tab-header">
         <div v-for="item in tabList" :key="item.key" class="tab">
           <span
@@ -20,12 +20,14 @@
       >
       </searchBox>
     </div>
-    <div class="content">
+    <div class="main_content">
       <energyEchart
         :chart-options="echartsInfo[activeKey].chartOptions"
         :chart-data="echartsInfo[activeKey].chartData"
         :columns="tableList[activeKey].columns"
         :table-info="tableList[activeKey].tableInfo"
+        :table-data="tableList[activeKey].tableData"
+        @pagesizeChange="pagesizeChange()"
       ></energyEchart>
     </div>
   </div>
@@ -34,14 +36,31 @@
 <script>
 import energyEchart from '@/components/statisticalAnalysis/energyEchart.vue'
 import searchBox from '@/components/SearchBox.vue'
+import { postReq } from '@/request/api'
 export default {
   name: 'StatisicalAnView',
   components: { energyEchart, searchBox },
 
   data() {
     return {
+      categoryArr: [
+        {
+          type: 1,
+          label: '储能设备',
+          infoKey: 'energy'
+        },
+        {
+          type: 2,
+          label: '充电设备',
+          infoKey: 'charge'
+        },
+        {
+          type: 3,
+          label: '光伏设备',
+          infoKey: 'pv'
+        }
+      ],
       paramsDate: {},
-
       searchOptions: [
         {
           label: '日期',
@@ -108,411 +127,10 @@ export default {
               ]
             }
           ],
-          chartData: {
-            sales: [
-              {
-                date: '2025-08-30',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-29',
-                key1: 8,
-                key2: 5,
-                key3: 5,
-                key4: 7
-              },
-              {
-                date: '2025-08-28',
-                key1: 0,
-                key2: 10,
-                key3: 20,
-                key4: 4
-              },
-              {
-                date: '2025-08-27',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-26',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-25',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-24',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-23',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-22',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-21',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-20',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-19',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-18',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-17',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              }
-            ],
-            users: [
-              {
-                date: '2025-08-30',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-29',
-                key1: 8,
-                key2: 5,
-                key3: 5,
-                key4: 7
-              },
-              {
-                date: '2025-08-28',
-                key1: 0,
-                key2: 10,
-                key3: 20,
-                key4: 4
-              },
-              {
-                date: '2025-08-27',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-26',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-25',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-24',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-23',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-22',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-21',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-20',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-19',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-18',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-17',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              }
-            ],
-            stock: [
-              {
-                date: '2025-08-30',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-29',
-                key1: 8,
-                key2: 5,
-                key3: 5,
-                key4: 7
-              },
-              {
-                date: '2025-08-28',
-                key1: 0,
-                key2: 10,
-                key3: 20,
-                key4: 4
-              },
-              {
-                date: '2025-08-27',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-26',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-25',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-24',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-23',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-22',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-21',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-20',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-19',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-18',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-17',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              }
-            ],
-            yearly: [
-              {
-                date: '2025-08-30',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-29',
-                key1: 8,
-                key2: 5,
-                key3: 5,
-                key4: 7
-              },
-              {
-                date: '2025-08-28',
-                key1: 0,
-                key2: 10,
-                key3: 20,
-                key4: 4
-              },
-              {
-                date: '2025-08-27',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-26',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-25',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-24',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-23',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-22',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-21',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-20',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-19',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-18',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              },
-              {
-                date: '2025-08-17',
-                key1: 10,
-                key2: 0,
-                key3: 15,
-                key4: 5
-              }
-            ]
-          }
+          chartData: {}
         }
       },
-      activeKey: '0',
+      activeKey: 0,
       tabList: [
         {
           key: '0',
@@ -594,69 +212,529 @@ export default {
               ellipsis: true
             }
           ],
-          tableInfo: {
-            tableId: '',
-            geturl: ''
+          geturl: '',
+          tableData: [],
+          pageOption: {
+            current: 1,
+            pageSize: 10,
+            total: 1
           }
-
-          //   tableData:[
-          //     {
-          //       key1:'1515151515',
-          //       key2:'设备1111',
-          //       key3:'类型',
-          //       key4:'电量',
-          //       key5:'时长',
-          //       key6:'时长',
-          //       key7:'dianl',
-          //       key8:'时长',
-          //       key9:'时长11',
-          //     },
-          //     {
-          //       key1:'1515151515',
-          //       key2:'设备1111',
-          //       key3:'类型',
-          //       key4:'电量',
-          //       key5:'时长',
-          //       key6:'时长',
-          //       key7:'dianl',
-          //       key8:'时长',
-          //       key9:'时长11',
-          //     },
-          //     {
-          //       key1:'1515151515',
-          //       key2:'设备1111',
-          //       key3:'类型',
-          //       key4:'电量',
-          //       key5:'时长',
-          //       key6:'时长',
-          //       key7:'dianl',
-          //       key8:'时长',
-          //       key9:'时长11',
-          //     },
-          //     {
-          //       key1:'1515151515',
-          //       key2:'设备1111',
-          //       key3:'类型',
-          //       key4:'电量',
-          //       key5:'时长',
-          //       key6:'时长',
-          //       key7:'dianl',
-          //       key8:'时长',
-          //       key9:'时长11',
-          //     },
-          //   ]
         }
       }
     }
   },
-  mounted() {},
+  async mounted() {
+    await Promise.all([
+      this.getTableList(),
+      this.getEchartsList()
+    ])
+  },
   beforeUnmount() {},
   methods: {
+    pagesizeChange(e) {
+      console.log(e, 'eeeeeeeeeeeeeee')
+
+      this.tableList[this.activeKey].pageOption.pageSize = e.pageSize
+      this.tableList[this.activeKey].pageOption.current = e.current
+      this.getTableList()
+    },
     onSearch(data) {
       this.paramsDate.startTime = data.time ? data.time[0] : ''
       this.paramsDate.endTime = data.time ? data.time[1] : ''
       this.pageOption.current = 1
-      this.getList()
+
+      this.getTableList()
+      this.getEchartsList()
+    },
+    async getEchartsList() {
+      const currentInfo = this.echartsInfo[this.activeKey]
+
+      const query = {
+        ...this.paramsDate,
+        category: this.categoryArr.map((item) => item.label == this.activeKey)[0].type
+      }
+      try {
+        const res = await postReq(query,  '')
+        if (res.code === 200) {
+          this.echartsInfo[this.activeKey].chartData= res.data
+         
+        } else {
+          throw res
+        }
+      } catch (error) {
+        this.echartsInfo[this.activeKey].chartData = {
+          sales: [
+            {
+              date: '2025-08-30',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-29',
+              key1: 8,
+              key2: 5,
+              key3: 5,
+              key4: 7
+            },
+            {
+              date: '2025-08-28',
+              key1: 0,
+              key2: 10,
+              key3: 20,
+              key4: 4
+            },
+            {
+              date: '2025-08-27',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-26',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-25',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-24',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-23',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-22',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-21',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-20',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-19',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-18',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-17',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            }
+          ],
+          users: [
+            {
+              date: '2025-08-30',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-29',
+              key1: 8,
+              key2: 5,
+              key3: 5,
+              key4: 7
+            },
+            {
+              date: '2025-08-28',
+              key1: 0,
+              key2: 10,
+              key3: 20,
+              key4: 4
+            },
+            {
+              date: '2025-08-27',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-26',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-25',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-24',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-23',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-22',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-21',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-20',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-19',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-18',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-17',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            }
+          ],
+          stock: [
+            {
+              date: '2025-08-30',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-29',
+              key1: 8,
+              key2: 5,
+              key3: 5,
+              key4: 7
+            },
+            {
+              date: '2025-08-28',
+              key1: 0,
+              key2: 10,
+              key3: 20,
+              key4: 4
+            },
+            {
+              date: '2025-08-27',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-26',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-25',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-24',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-23',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-22',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-21',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-20',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-19',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-18',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-17',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            }
+          ],
+          yearly: [
+            {
+              date: '2025-08-30',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-29',
+              key1: 8,
+              key2: 5,
+              key3: 5,
+              key4: 7
+            },
+            {
+              date: '2025-08-28',
+              key1: 0,
+              key2: 10,
+              key3: 20,
+              key4: 4
+            },
+            {
+              date: '2025-08-27',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-26',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-25',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-24',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-23',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-22',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-21',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-20',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-19',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-18',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            },
+            {
+              date: '2025-08-17',
+              key1: 10,
+              key2: 0,
+              key3: 15,
+              key4: 5
+            }
+          ]
+        }
+      }
+    },
+
+    async getTableList() {
+      const currentInfo = this.tableList[this.activeKey]
+      const query = {
+        ...this.paramsDate,
+        category: this.categoryArr.map((item) => item.label == this.activeKey)[0].type,
+        pageSize: currentInfo.pageOption.pageSize,
+        pageNumber: currentInfo.pageOption.current
+      }
+      try {
+        const res = await postReq(query, currentInfo.getUrl)
+        if (res.code === 200) {
+          currentInfo.tableData = res.data.records
+          currentInfo.pageOption = {
+            current: res.data.pageNumber,
+            pageSize: res.data.pageSize,
+            total: res.data.totalRow
+          }
+        } else {
+          throw res
+        }
+      } catch (error) {
+        this.tableList[this.activeKey].tableData = [
+          {
+            key1: '1515151515',
+            key2: '设备1111',
+            key3: '类型',
+            key4: '电量',
+            key5: '时长',
+            key6: '时长',
+            key7: 'dianl',
+            key8: '时长',
+            key9: '时长11'
+          },
+          {
+            key1: '1515151515',
+            key2: '设备1111',
+            key3: '类型',
+            key4: '电量',
+            key5: '时长',
+            key6: '时长',
+            key7: 'dianl',
+            key8: '时长',
+            key9: '时长11'
+          },
+          {
+            key1: '1515151515',
+            key2: '设备1111',
+            key3: '类型',
+            key4: '电量',
+            key5: '时长',
+            key6: '时长',
+            key7: 'dianl',
+            key8: '时长',
+            key9: '时长11'
+          },
+          {
+            key1: '1515151515',
+            key2: '设备1111',
+            key3: '类型',
+            key4: '电量',
+            key5: '时长',
+            key6: '时长',
+            key7: 'dianl',
+            key8: '时长',
+            key9: '时长11'
+          }
+        ]
+      }
     }
   }
 }
@@ -696,9 +774,9 @@ export default {
     background-color: $bg2-color;
   }
 }
-.content {
+.main_content {
   overflow: scroll;
   height: calc(100% - 15px);
-  margin-top: 10px;
+  // margin-top: 10px;
 }
 </style>
diff --git a/web/src/views/sub/Home.vue b/web/src/views/sub/Home.vue
index 8bb447a..b9da5f2 100644
--- a/web/src/views/sub/Home.vue
+++ b/web/src/views/sub/Home.vue
@@ -344,7 +344,12 @@ export default {
           throw res
         }
       } catch (error) {
-        this.deviceInfo.onLine = {}
+        this.deviceInfo.onLine = {
+          launchDate:11,
+          incomeTotal:12,
+          solarDeviceNum:10,
+          stationNum:15
+        }
       }
     },
     // 查询系统累计统计信息
@@ -423,29 +428,7 @@ export default {
           throw res
         }
       } catch (error) {
-        // this.deviceInfo.allStatDayList = []
-        // this.deviceInfo.allStatDayList = [
-        //   {
-        //     date: '2025-08-30',
-        //     storageElectIn: 2,
-        //     storageElectOut: 5,
-        //     chargeElect: 4,
-        //     chargeNum: 5,
-        //     incomeCharge: 7,
-        //     solarElectGen: 7,
-        //     solarElectGrid: 7
-        //   },
-        //   {
-        //     date: '2025-08-31',
-        //     storageElectIn: 3,
-        //     storageElectOut: 7,
-        //     chargeElect: 5,
-        //     chargeNum: 5,
-        //     incomeCharge: 4,
-        //     solarElectGen: 6,
-        //     solarElectGrid: 8
-        //   }
-        // ]
+        console.log(error)
       }
     }
   }
