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">
@@ -177,7 +178,7 @@ const groupNameBlur = async (group) => {
     groupId: group.groupId,
     groupName: group.groupName,
     categoryName: '供应链报表'
-  }) 
+  })
 }
 
 // 删除分组
@@ -213,71 +214,39 @@ const addGroups = async () => {
 
 <style scoped
   lang="scss">
-  .group_item {
-    .group_name {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      font-size: 16px;
-      font-weight: 800;
-    }
+  .container {
+    padding-top: 0;
+    
 
-    .link_wrap {
-      display: flex;
-      flex-wrap: wrap;
-      padding: 0 0 0 20px;
-
-      .link_item {
-        padding: 10px;
-      }
+    ::v-deep(.el-card__body){
+      max-height: 100%;
+      overflow-y: auto;
     }
-  }
-
-  .link_item {
-    padding: 5px 0;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
 
-  .group-container {
-    padding-right: 20px;
-  }
-
-  .group_card {
-    margin-top: 20px;
-  }
-
-  .wrap {
-    display: flex;
-    gap: 20px;
-    width: 100%;
-    height: 100%;
+    .group_item {
+      .group_name {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        font-size: 16px;
+        font-weight: 800;
+      }
 
-    .left {
-      width: 100%;
-      height: 100%;
-      overflow-y: scroll;
-      overflow-x: hidden;
-    }
+      .link_wrap {
+        display: flex;
+        flex-wrap: wrap;
+        padding: 0 0 0 20px;
 
-    .right {
-      width: 100%;
-      height: 100%;
-      overflow-y: scroll;
-      overflow-x: hidden;
+        .link_item {
+          padding: 10px;
+          display: flex;
+          align-items: center;
+          gap: 10px;
+        }
+      }
     }
   }
 
-  /* 添加拖拽时的样式 */
-  .dragging-item-left {
-    background-color: transparent;
-  }
-
-  .dragging-item {
-    background-color: #a1ccf2;
-  }
-
   /* card 头部 */
   ::v-deep(.el-card__header) {
     display: flex;
@@ -292,12 +261,81 @@ const addGroups = async () => {
     }
   }
 
-  .add-group {
-    margin-top: 20px;
+  /* 自定义报表分组弹窗 */
+  ::v-deep(.el-dialog) {
 
-    .el-button {
+    .wrap {
+      display: flex;
+      gap: 20px;
       width: 100%;
+      height: 100%;
+
+      .left {
+        width: 100%;
+        height: 100%;
+        overflow-y: auto;
+        padding-top: 20px;
+
+        .link_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 15px;
+
+          span {
+            /* 超出宽度不换行，省略号 */
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+
+        /* 添加拖拽时的样式 */
+        .dragging-item-left {
+          background-color: transparent;
+        }
+      }
+
+      /* 编辑区 */
+      .right {
+        width: 100%;
+        height: 100%;
+        overflow-y: auto;
+
+        .group-container {
+          padding-right: 20px;
+
+
+
+          .group_card {
+            margin-top: 20px;
+
+            .link_item {
+              display: flex;
+              align-items: center;
+              margin-bottom: 10px;
+              span {
+                /* 超出宽度不换行，省略号 */
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+              }
+
+            }
+
+            .dragging-item {
+              background-color: #a1ccf2;
+            }
+          }
+        }
+
+        .add-group {
+          margin-top: 20px;
+
+          .el-button {
+            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 {