css

src/views/fcbi/sales/sumSettings.vue

@@ -572,7 +572,7 @@ const resetRegionTreeCheck = (nodes) => {
 .annual-group {
   display: flex;
   align-items: center;
-  gap: 0px !important; /* 🔴 强制消除单选框与下拉列表间距 */
+  gap: 0 !important; /* 🔴 强制消除单选框与下拉列表间距 */
   width: 100%;
   flex-wrap: nowrap; /* 关键修改：强制不折行 */
   min-width: 300px; /* 确保有足够宽度容纳内容 */
@@ -644,6 +644,22 @@ const resetRegionTreeCheck = (nodes) => {
     width: 70px !important; /* 缩短标题宽度，为内容区让空间 */
     font-size: 13px !important; /* 标题文字微调 */
   }
+
+  /* 仅调整年度指定行的布局，与月指定对齐 */
+  .annual-group {
+    gap: 5px !important; /* 与月指定的radio-item保持相同间距 */
+  }
+
+  /* 年度下拉框容器与月指定的date-group保持一致的左偏移 */
+  .annual-group .date-group {
+    margin-left: 0 !important; /* 清除额外左偏移 */
+  }
+
+  /* 确保年度下拉框与年下拉框宽度/位置一致 */
+  .annual-group .date-select {
+    width: 100px !important; /* 与月指定的年下拉框宽度完全一致 */
+    margin-left: 0 !important; /* 清除默认左外边距 */
+  }
 }
 
 /* 响应式样式 - 移动端 (<768px) */
@@ -659,9 +675,10 @@ const resetRegionTreeCheck = (nodes) => {
     flex-shrink: 0;
   }
 
+  /* 仅修改年度指定行的对齐样式 */
   .annual-row {
-    margin-left: 20px;
-    width: calc(100% - 40px);
+    margin-left: 0 !important; /* 移除20px左偏移，与月指定的date-groups-wrapper对齐 */
+    width: auto !important; /* 取消强制宽度计算，跟随父容器 */
   }
 
   .form-section {
@@ -716,7 +733,7 @@ const resetRegionTreeCheck = (nodes) => {
   .annual-group {
     display: flex;
     align-items: center;
-    gap: 0px !important; /* 仅减少年度指定单选框与下拉列表的间隔从8px减少到4px */
+    gap: 0 !important; /* 仅减少年度指定单选框与下拉列表的间隔从8px减少到4px */
     width: 100%;
     flex-wrap: nowrap; /* 关键修改：强制不折行 */
     min-width: 300px; /* 确保有足够宽度容纳内容 */
@@ -724,7 +741,17 @@ const resetRegionTreeCheck = (nodes) => {
     padding-bottom: 5px; /* 为滚动条预留空间 */
     scrollbar-width: thin; /* 优化滚动条样式 */
   }
+  /* 年度下拉框与年下拉框保持完全一致的位置 */
+  .annual-group .date-group {
+    margin-left: 0 !important; /* 与月指定的date-group左对齐 */
+    gap: 0 !important; /* 与月指定的date-group内部间距一致 */
+  }
 
+  /* 年度下拉框宽度/位置与年下拉框完全匹配 */
+  .annual-group .date-select {
+    width: 100px !important; /* 与月指定的年下拉框宽度相同 */
+    margin-left: 0 !important; /* 清除默认左外边距 */
+  }
   /* 防止滚动时影响其他元素 */
   .annual-group::-webkit-scrollbar {
     height: 4px;
@@ -736,6 +763,8 @@ const resetRegionTreeCheck = (nodes) => {
     min-width: 80px !important;
     padding-right: 0 !important; /* 移除右侧内边距 */
   }
+
+
 }
 
 </style>