From bb33cbcdb9e404de173285890cada4958d73db60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=85=B4=E5=87=AF?= <2448379534@qq.com>
Date: Thu, 2 Apr 2026 10:54:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9=EF=BC=8Cbug=E6=94=B9=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/RightDrawer/index.vue |  4 +-
 .../components/developStatusChart/index.vue   | 12 +++---
 .../components/engEnvironmentData/index.vue   |  4 +-
 .../shuidianhuangjingjieruMod/DataTable.vue   | 43 +++++++++++++------
 .../home/huanBaoSheShiYunXingZhuangKuang.vue  | 17 +-------
 .../views/home/huanBaoZhiLiangZhuangKuang.vue | 17 +-------
 .../shengTaiLiuLiangManZuQingKuang.vue        | 17 +-------
 .../shengTaiLiuLiangXieFangSheShi.vue         | 17 +-------
 8 files changed, 46 insertions(+), 85 deletions(-)

diff --git a/frontend/src/components/RightDrawer/index.vue b/frontend/src/components/RightDrawer/index.vue
index 523c545..a42f24d 100644
--- a/frontend/src/components/RightDrawer/index.vue
+++ b/frontend/src/components/RightDrawer/index.vue
@@ -47,6 +47,7 @@ const handleToggle = () => {
 
 <style lang="scss">
 .rightContentDrawer {
+  width: 450px;
   height: 100%;
   position: relative;
   box-sizing: border-box;
@@ -70,8 +71,7 @@ const handleToggle = () => {
 }
 
 .ant-drawer {
-  margin: 5px 0px;
-
+  margin: 3px 0px;
   .ant-drawer-content {
     overflow: visible;
   }
diff --git a/frontend/src/components/developStatusChart/index.vue b/frontend/src/components/developStatusChart/index.vue
index b4f78fd..4fb4ec9 100644
--- a/frontend/src/components/developStatusChart/index.vue
+++ b/frontend/src/components/developStatusChart/index.vue
@@ -47,12 +47,12 @@ const initChart = () => {
             // }
         },
         legend: {
-            bottom: '5%',
-            right: '5%',
+            bottom: '25%',
+            right: '2%',
             orient: 'vertical', // 垂直排列
             data: ['已建', '在建'],
-            itemWidth: 14,
-            itemHeight: 14,
+            itemWidth: 21,
+            itemHeight: 11,
             itemStyle: {
                 borderRadius: 0
             },
@@ -85,7 +85,7 @@ const initChart = () => {
                     show: false // 不显示引导线
                 },
                 data: [
-                    { value: 80, name: '已建', itemStyle: { color: '#4CAF50' } },
+                    { value: 80, name: '已建', itemStyle: { color: '#78c300' } },
                     { value: 20, name: '在建', itemStyle: { color: '#2196F3' } }
                 ]
             },
@@ -112,7 +112,7 @@ const initChart = () => {
                     show: false
                 },
                 data: [
-                    { value: 80, name: '已建', itemStyle: { color: '#4CAF50' } },
+                    { value: 80, name: '已建', itemStyle: { color: '#78c300' } },
                     { value: 20, name: '在建', itemStyle: { color: '#2196F3' } }
                 ]
             }
diff --git a/frontend/src/components/engEnvironmentData/index.vue b/frontend/src/components/engEnvironmentData/index.vue
index 61a8e58..540db96 100644
--- a/frontend/src/components/engEnvironmentData/index.vue
+++ b/frontend/src/components/engEnvironmentData/index.vue
@@ -67,6 +67,7 @@ onMounted(() => {
             border: 1px solid #edf2f8;
             margin-bottom: 3px;
             cursor: pointer;
+            padding: 0px 3px;
 
             .item-content {
                 display: flex;
@@ -74,10 +75,11 @@ onMounted(() => {
                 padding: 6px 4px;
 
                 .color-bar {
-                    width: 1.6px;
+                    width: 2px;
                     height: 14px;
                     margin-right: 6px;
                     border-radius: 2px;
+                    display: block;
                 }
 
                 .label {
diff --git a/frontend/src/modules/shuidianhuangjingjieruMod/DataTable.vue b/frontend/src/modules/shuidianhuangjingjieruMod/DataTable.vue
index 3bb47cf..b644ed6 100644
--- a/frontend/src/modules/shuidianhuangjingjieruMod/DataTable.vue
+++ b/frontend/src/modules/shuidianhuangjingjieruMod/DataTable.vue
@@ -1,7 +1,7 @@
 <!-- DataTable.vue -->
 <template>
     <div class="data-table-container">
-        <a-table :columns="columns" :data-source="tableData" :pagination="false" size="middle" :customRow="customRow"
+        <a-table :columns="columns" :data-source="tableData" :pagination="false" size="middle" :customRow="customRow" bordered
             class="custom-table">
         </a-table>
     </div>
@@ -35,28 +35,28 @@ const columns: ColumnsType = [
                 title: '总计',
                 dataIndex: 'total',
                 key: 'total',
-                width: 65,
+                width: 70,
                 align: 'center'
             },
             {
                 title: '已建',
                 dataIndex: 'built',
                 key: 'built',
-                width: 65,
+                width: 70,
                 align: 'center'
             },
             {
                 title: '在建',
                 dataIndex: 'building',
                 key: 'building',
-                width: 65,
+                width: 70,
                 align: 'center'
             },
             {
                 title: '未建',
                 dataIndex: 'unbuilt',
                 key: 'unbuilt',
-                width: 65,
+                width: 70,
                 align: 'center'
             },
         ]
@@ -212,16 +212,16 @@ onMounted(() => {
 .custom-table {
     :deep(.ant-table) {
         font-size: 14px;
-        border: 1px solid #e8e8e8;
-
+        // border: 1px solid #d5e2ed;
+border-top: 1px solid #d5e2ed;
         .ant-table-thead {
             >tr {
                 >th {
                     background-color: #e5eff8 !important;
                     color: #2f6b98;
                     // font-weight: 600;
-                    border: 1px solid #e8e8e8 !important;
-                    padding: 6px 8px;
+                    // border: 1px solid #d5e2ed!important;
+                    padding: 5px 8px;
                     text-align: center;
 
                     &:first-child {
@@ -245,8 +245,8 @@ onMounted(() => {
         .ant-table-tbody {
             >tr {
                 >td {
-                    border: 1px solid #e8e8e8;
-                    padding: 6px 8px;
+                    // border: 1px solid #d5e2ed;
+                    padding: 5px 8px;
                     text-align: center;
 
                     &:first-child {
@@ -270,7 +270,7 @@ onMounted(() => {
                     display: flex;
                     align-items: center;
                     padding: 12px 8px;
-                    border-top: 1px solid #e8e8e8;
+                    // border-top: 1px solid #d5e2ed;
                     background-color: #fafafa;
 
                     .footer-item {
@@ -293,5 +293,24 @@ onMounted(() => {
             display: none;
         }
     }
+}
+:deep(){
+    .ant-table-bordered .ant-table-tbody >tr >td{
+ border-bottom: 1px solid #d5e2ed  !important;
+    border-inline-end: 1px solid #d5e2ed !important;
+}
+.ant-table-container{
+    border-inline-start: 1px solid #d5e2ed !important;
+}
+.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead >tr:not(:last-child)>th{
+    border-bottom: 1px solid #d5e2ed !important;
+}
+.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th{
+    border-inline-end: 1px solid #d5e2ed !important;
+}
+.ant-table-wrapper .ant-table-thead >tr>th{
+    border-bottom: 1px solid #d5e2ed !important;
+}
+   
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/home/huanBaoSheShiYunXingZhuangKuang.vue b/frontend/src/views/home/huanBaoSheShiYunXingZhuangKuang.vue
index 943a2c2..7fc2017 100644
--- a/frontend/src/views/home/huanBaoSheShiYunXingZhuangKuang.vue
+++ b/frontend/src/views/home/huanBaoSheShiYunXingZhuangKuang.vue
@@ -6,7 +6,6 @@ import Dianxingcuoshijieshao from "@/modules/dianxingcuoshijieshao/index.vue" //
 </script>
 
 <template>
-  <div class="all_width">
     <div class="moduleContent">
       <div class="leftContent">
         <JidiSelectorMod />
@@ -18,19 +17,5 @@ import Dianxingcuoshijieshao from "@/modules/dianxingcuoshijieshao/index.vue" //
         </RightDrawer>
       </div>
     </div>
-  </div>
 </template>
-<style lang="scss">
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>
+<style scoped lang="scss"></style>
diff --git a/frontend/src/views/home/huanBaoZhiLiangZhuangKuang.vue b/frontend/src/views/home/huanBaoZhiLiangZhuangKuang.vue
index 0bd061d..4515827 100644
--- a/frontend/src/views/home/huanBaoZhiLiangZhuangKuang.vue
+++ b/frontend/src/views/home/huanBaoZhiLiangZhuangKuang.vue
@@ -5,7 +5,6 @@ import HuanbaozdjcgzkzQK from "@/modules/huanbaozdjcgzkzQK/index.vue"
 </script>
 
 <template>
-  <div class="all_width">
     <div class="moduleContent">
       <div class="leftContent">
         <JidiSelectorMod />
@@ -16,19 +15,5 @@ import HuanbaozdjcgzkzQK from "@/modules/huanbaozdjcgzkzQK/index.vue"
         </RightDrawer>
       </div>
     </div>
-  </div>
 </template>
-<style lang="scss">
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>
+<style scoped lang="scss"></style>
diff --git a/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangManZuQingKuang.vue b/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangManZuQingKuang.vue
index 2b5d2cf..e0b2b02 100644
--- a/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangManZuQingKuang.vue
+++ b/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangManZuQingKuang.vue
@@ -6,7 +6,6 @@ import ShengtaidabiaoTwoMod from '@/modules/shengtaidabiaoTwoMod/index.vue'
 </script>
 
 <template>
-  <div class="all_width">
     <div class="moduleContent">
       <div class="leftContent">
         <JidiSelectorMod />
@@ -18,19 +17,5 @@ import ShengtaidabiaoTwoMod from '@/modules/shengtaidabiaoTwoMod/index.vue'
         </RightDrawer>
       </div>
     </div>
-  </div>
 </template>
-<style lang="scss">
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>
+<style  scoped lang="scss"></style>
diff --git a/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangXieFangSheShi.vue b/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangXieFangSheShi.vue
index d32fb59..2293fac 100644
--- a/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangXieFangSheShi.vue
+++ b/frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangXieFangSheShi.vue
@@ -7,7 +7,6 @@ import XFFB from "@/modules/shengTaiLiuLiangXieFangSheShiMod/xieFangFenBu/index.
 </script>
 
 <template>
-  <div class="all_width">
     <div class="moduleContent">
       <div class="leftContent">
         <JidiSelectorMod />
@@ -19,19 +18,5 @@ import XFFB from "@/modules/shengTaiLiuLiangXieFangSheShiMod/xieFangFenBu/index.
         </RightDrawer>
       </div>
     </div>
-  </div>
 </template>
-<style lang="scss">
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>
+<style scoped  lang="scss"></style>