右侧页面样式修改，bug改正

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;
   }

frontend/src/components/developStatusChart/index.vue

@@ -47,12 +47,12 @@ const initChart = () => {
             // }
         },
         legend: {
-            bottom: '5%',
+            bottom: '25%',
-            right: '5%',
+            right: '2%',
             orient: 'vertical', // 垂直排列
             data: ['已建', '在建'],
-            itemWidth: 14,
+            itemWidth: 21,
-            itemHeight: 14,
+            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' } }
                 ]
             }

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 {

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;
+                    // border: 1px solid #d5e2ed!important;
-                    padding: 6px 8px;
+                    padding: 5px 8px;
                     text-align: center;
 
                     &:first-child {
@@ -245,8 +245,8 @@ onMounted(() => {
         .ant-table-tbody {
             >tr {
                 >td {
-                    border: 1px solid #e8e8e8;
+                    // border: 1px solid #d5e2ed;
-                    padding: 6px 8px;
+                    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>

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">
+<style scoped lang="scss"></style>
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>

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">
+<style scoped lang="scss"></style>
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>

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">
+<style  scoped lang="scss"></style>
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>

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">
+<style scoped  lang="scss"></style>
-.all_width{
-  width: 100%;
-   .moduleContent{
-    display: flex;
-    justify-content: space-between;
-    .rightContent{
-      height: 88vh;
-      width: 450px;
-    }
-  }
-}
- 
-</style>