css

src/views/fcbi/sales/sumSettings.vue

@@ -393,8 +393,6 @@ const resetRegionTreeCheck = (nodes) => {
   padding-left: 20px;           /* 左侧内边距 */
 }
 
-
-
 .content-group {
   flex: 1; /* 占满剩余宽度 */
   margin: 0 !important; /* 清除element-ui默认margin */
@@ -587,7 +585,18 @@ const resetRegionTreeCheck = (nodes) => {
 .annual-group .date-group {
   display: flex;
   align-items: center;
-  gap: 0;
+  gap: 0 !important; /* 强制Flex容器内间距为0*/
+}
+
+/* 消除下拉框自身可能的右外边距 */
+.annual-group .sales-sum-date-select {
+  width: 100px !important; /* 与月指定的年下拉框宽度一致 */
+  margin-right: 0 !important; /* 清除下拉框右侧外边距 */
+}
+
+/* 消除"年度"文字自身可能的左外边距 */
+.annual-group .date-label {
+  margin-left: 0 !important; /* 清除文字左侧外边距 */
 }
 
 /* 下拉框容器 - 自适应剩余宽度，与单选框同行 */
@@ -622,8 +631,18 @@ const resetRegionTreeCheck = (nodes) => {
 
   /* 3. 强制年度下拉框与年下拉框宽度/位置完全一致 */
   .annual-group .sales-sum-date-select {
+
     position: relative !important;
-    left: -8px !important; /* 用left替代margin-left，避免影响相邻元素间距 */
+    transform: translateX(-8px) !important; /* 用left替代margin-left，避免影响相邻元素间距 */
+  }
+
+  .annual-group .date-group {
+    gap: 0 !important; /* 覆盖大屏下的可能间距 */
+  }
+
+  /* 3. 保证“年度”标签与“年”标签对齐（复用之前的标签对齐逻辑） */
+  .date-group .date-label {
+    margin-left: 4px !important; /* 统一标签与下拉框的间距，不干扰其他样式 */
   }
 }