diff --git a/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue b/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue
index 74a3477d..3bd9ad1d 100644
--- a/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue
+++ b/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue
@@ -68,7 +68,6 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
 
   .right {
     width: 100%;
diff --git a/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue b/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue
index e798f2bc..442e679b 100644
--- a/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue
+++ b/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue
@@ -300,7 +300,7 @@ onMounted(()=>{
       </div>
       <div id="day" style="height: 250px;width: 100%;"></div>
     </div>
-    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
+    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 16px;">
       <div>
         <div style="display: flex;justify-content: space-between;">
           <DatePicker
@@ -311,7 +311,7 @@ onMounted(()=>{
       </div>
       <div id="month" style="height: 250px;width: 100%;"></div>
     </div>
-    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
+    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 16px;">
       <div>
         <div style="display: flex;justify-content: space-between;">
           <DatePicker
@@ -330,7 +330,7 @@ onMounted(()=>{
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
-  padding: 10px;
+  gap: 16px;
+  padding: 16px;
 }
 </style>
diff --git a/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue b/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue
index 4cdd757b..468b4807 100644
--- a/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue
+++ b/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue
@@ -68,6 +68,5 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
 }
 </style>
diff --git a/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue b/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue
index 297b695b..ee721ac5 100644
--- a/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue
+++ b/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue
@@ -134,7 +134,7 @@ const data = [...Array(32)].map((_, i) => ({
   <div class="box">
     <div class="left"><FloorTree></FloorTree></div>
     <div class="right">
-      <div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;">
+      <div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 16px;">
         <div>
           年份
           <DatePicker
@@ -156,7 +156,7 @@ const data = [...Array(32)].map((_, i) => ({
           :columns="columns"
           :data-source="data"
           :pagination="false"
-          :scroll="{ y: 270 }"
+          :scroll="{ y: '50vh' }"
         />
       </div>
     </div>
@@ -167,7 +167,7 @@ const data = [...Array(32)].map((_, i) => ({
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
-  padding: 10px;
+  gap: 16px;
+  padding: 16px;
 }
 </style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterCost/index.vue b/apps/web-antd/src/views/property/waterPower/waterCost/index.vue
index da0c992c..1b023259 100644
--- a/apps/web-antd/src/views/property/waterPower/waterCost/index.vue
+++ b/apps/web-antd/src/views/property/waterPower/waterCost/index.vue
@@ -68,7 +68,6 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
 
   .right {
     width: 100%;
diff --git a/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue b/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue
index d02c591a..93651c7d 100644
--- a/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue
+++ b/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue
@@ -68,6 +68,5 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
 }
 </style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue b/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue
index bcd55b4c..fd878c2c 100644
--- a/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue
+++ b/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue
@@ -198,7 +198,7 @@ onMounted(()=>{
 <div class="box">
   <div class="left"><FloorTree></FloorTree></div>
   <div class="right">
-    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
+    <div style="background: #fff;border-radius: 8px;padding: 10px;">
       <div>
         <div style="display: flex;justify-content: space-between;">
           <DatePicker
@@ -207,9 +207,9 @@ onMounted(()=>{
             picker="month"
           />当月能耗总值：30.00t</div>
       </div>
-      <div id="month" style="height: 250px;width: 100%;"></div>
+      <div id="month" style="height: 350px;width: 100%;"></div>
     </div>
-    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
+    <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 16px;">
       <div>
         <div style="display: flex;justify-content: space-between;">
           <DatePicker
@@ -218,7 +218,7 @@ onMounted(()=>{
             picker="year"
           />当年能耗总值：59.00t</div>
       </div>
-      <div id="year" style="height: 250px;width: 100%;"></div>
+      <div id="year" style="height: 350px;width: 100%;"></div>
     </div>
   </div>
 </div>
@@ -228,7 +228,7 @@ onMounted(()=>{
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
-  padding: 10px;
+  gap: 16px;
+  padding: 16px;
 }
 </style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue b/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue
index 82bce455..b0ccb084 100644
--- a/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue
+++ b/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue
@@ -134,7 +134,7 @@ const data = [...Array(32)].map((_, i) => ({
   <div class="box">
     <div class="left"><FloorTree></FloorTree></div>
     <div class="right">
-      <div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;">
+      <div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 16px;">
         <div>
           年份
           <DatePicker
@@ -156,7 +156,7 @@ const data = [...Array(32)].map((_, i) => ({
           :columns="columns"
           :data-source="data"
           :pagination="false"
-          :scroll="{ y: 270 }"
+          :scroll="{ y: '50vh' }"
         />
       </div>
     </div>
@@ -167,7 +167,7 @@ const data = [...Array(32)].map((_, i) => ({
 .box{
   display: grid;
   grid-template-columns: 1fr 3fr;
-  gap: 30px;
-  padding: 10px;
+  gap: 16px;
+  padding: 16px;
 }
 </style>