css

src/views/fcbi/sales/sumSettings.vue

@@ -493,19 +493,11 @@ const resetRegionTreeCheck = (nodes) => {
   flex-wrap: nowrap; /* 强制不换行 */
 }
 
-/* 下拉框容器 - 自适应剩余宽度，与单选框同行 */
-.annual-row {
-  flex: 1; /* 占据剩余宽度 */
-  min-width: 0; /* 允许收缩 */
-  margin: 0; /* 清除默认边距 */
-  padding: 2px 0; /* 减少内边距，节省空间 */
-}
-
 /* 日期项容器 - 每个整体作为独立项 */
 .date-group {
   display: flex;  /* 内部元素（下拉框+标签）不折行 */
   align-items: center;
-  gap: 6px; /* 下拉框与标签的间距 */
+  gap: 0; /* 下拉框与标签的间距 */
   white-space: nowrap; /* 防止内部元素折行 */
 }
 
@@ -580,7 +572,7 @@ const resetRegionTreeCheck = (nodes) => {
 .annual-group {
   display: flex;
   align-items: center;
-  gap: 0;
+  gap: 0px !important; /* 🔴 强制消除单选框与下拉列表间距 */
   width: 100%;
   flex-wrap: nowrap; /* 关键修改：强制不折行 */
   min-width: 300px; /* 确保有足够宽度容纳内容 */
@@ -588,7 +580,7 @@ const resetRegionTreeCheck = (nodes) => {
 
 /* 年度指定单选框样式 - 统一宽度 */
 .annual-group .common-radio {
-  width: 100px !important; /* 与其他单选框保持一致 */
+  width: 80px !important; /* 与其他单选框保持一致 */
   min-width: 80px;
   flex-shrink: 0;
 }
@@ -605,7 +597,15 @@ const resetRegionTreeCheck = (nodes) => {
 .annual-group .date-group {
   display: flex;
   align-items: center;
-  gap: 100px;
+  gap: 0;
+}
+
+/* 下拉框容器 - 自适应剩余宽度，与单选框同行 */
+.annual-row {
+  flex: 1; /* 占据剩余宽度 */
+  min-width: 0; /* 允许收缩 */
+  margin: 0; /* 清除默认边距 */
+  padding: 2px 0; /* 减少内边距，节省空间 */
 }
 
 /* 响应式样式 - 大屏幕 (>1023px) */
@@ -665,10 +665,14 @@ const resetRegionTreeCheck = (nodes) => {
   }
 
   .form-section {
-    width: 80px !important;
-    white-space: nowrap;
-    margin-left: 0;
-    padding-left: 20px;
+    width: 80px !important; /* 保持宽度为80px */
+    white-space: nowrap !important; /* 保留并加强优先级，防止禁止换行 */
+    margin-left: 0 !important; /* 清除左侧外边距干扰 */
+    padding-left: 20px !important; /* 固定左侧内边距 */
+    min-width: 80px !important; /* 新增：强制最小宽度为80px */
+    max-width: 80px !important; /* 新增：强制最大宽度为80px */
+    flex-shrink: 0 !important; /* 新增：禁止宽度被压缩 */
+    box-sizing: content-box !important; /* 新增：确保宽度计算不包含内边距 */
   }
 
   .date-group {
@@ -676,11 +680,11 @@ const resetRegionTreeCheck = (nodes) => {
     gap: 4px; /* 缩小间距 */
   }
 
-  /* 年下拉框区域固定宽度，防止被挤压 */
+  /* 年度下拉框区域固定宽度，防止被挤压 */
   .date-group > .date-select:first-child {
-    width: 90px !important;
-    min-width: 90px !important;
-    max-width: 90px !important;
+    width: 100px !important;
+    min-width: 100px !important;
+    max-width: 100px !important;
     flex-shrink: 0;
   }
 
@@ -728,8 +732,8 @@ const resetRegionTreeCheck = (nodes) => {
 
   /* 调整单选框宽度，为下拉框留出更多空间 */
   .annual-group .common-radio {
-    width: 90px !important;
-    min-width: 90px !important;
+    width: 80px !important;
+    min-width: 80px !important;
     padding-right: 0 !important; /* 移除右侧内边距 */
   }
 }