style(supply): 样式：修复供应链常用报表超出滚动条效果

src/assets/styles/index.scss

@@ -133,6 +133,9 @@ aside {
     width: 100%;
     height: 100%;
     background-color: var(--el-bg-color-overlay);
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
   }
 }
 

src/views/bi/supply/index.vue

@@ -43,7 +43,8 @@
     <!-- 自定义报表分组 -->
     <el-dialog title="编辑常用报表"
       v-model="visible"
-      draggable overflow>
+      draggable
+      overflow>
       <div class="wrap">
         <!-- 列表 -->
         <div class="left">
@@ -213,6 +214,15 @@ const addGroups = async () => {
 
 <style scoped
   lang="scss">
+  .container {
+    padding-top: 0;
+    
+
+    ::v-deep(.el-card__body){
+      max-height: 100%;
+      overflow-y: auto;
+    }
+
     .group_item {
       .group_name {
         display: flex;
@@ -229,24 +239,30 @@ const addGroups = async () => {
 
         .link_item {
           padding: 10px;
+          display: flex;
+          align-items: center;
+          gap: 10px;
+        }
       }
     }
   }
 
-  .link_item {
-    padding: 5px 0;
+  /* card 头部 */
+  ::v-deep(.el-card__header) {
     display: flex;
+    justify-content: space-between;
     align-items: center;
-    gap: 10px;
-  }
 
-  .group-container {
-    padding-right: 20px;
+    .card-header-right {
+      .el-button {
+        margin: 0;
+        padding: 10px;
       }
-
-  .group_card {
-    margin-top: 20px;
     }
+  }
+
+  /* 自定义报表分组弹窗 */
+  ::v-deep(.el-dialog) {
 
     .wrap {
       display: flex;
@@ -257,15 +273,19 @@ const addGroups = async () => {
       .left {
         width: 100%;
         height: 100%;
-      overflow-y: scroll;
-      overflow-x: hidden;
-    }
+        overflow-y: auto;
+        padding-top: 20px;
 
-    .right {
-      width: 100%;
-      height: 100%;
-      overflow-y: scroll;
-      overflow-x: hidden;
+        .link_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 15px;
+
+          span {
+            /* 超出宽度不换行，省略号 */
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
           }
         }
 
@@ -273,21 +293,37 @@ const addGroups = async () => {
         .dragging-item-left {
           background-color: transparent;
         }
-
-  .dragging-item {
-    background-color: #a1ccf2;
       }
 
-  /* card 头部 */
-  ::v-deep(.el-card__header) {
+      /* 编辑区 */
+      .right {
+        width: 100%;
+        height: 100%;
+        overflow-y: auto;
+
+        .group-container {
+          padding-right: 20px;
+
+
+
+          .group_card {
+            margin-top: 20px;
+
+            .link_item {
               display: flex;
-    justify-content: space-between;
               align-items: center;
+              margin-bottom: 10px;
+              span {
+                /* 超出宽度不换行，省略号 */
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+              }
 
-    .card-header-right {
-      .el-button {
-        margin: 0;
-        padding: 10px;
+            }
+
+            .dragging-item {
+              background-color: #a1ccf2;
             }
           }
         }
@@ -299,5 +335,7 @@ const addGroups = async () => {
             width: 100%;
           }
         }
-
+      }
+    }
+  }
 </style>
\ No newline at end of file

src/views/index.vue

@@ -76,9 +76,6 @@ const handleSetLineChartData = (type) => {
     >div {
       padding: 0;
       background-color: transparent;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
     }
 
     .chart-wrapper {