css

src/views/fcbi/sales/sumSettings.vue

@@ -385,6 +385,12 @@ const resetRegionTreeCheck = (nodes) => {
   margin-left: 0 !important; /* 首个字符（対、集）左侧无额外间距 */
 }
 
+/* 公共区域标题样式 - 深层选择器修改子组件样式 */
+:deep(.public-range-title) {
+  text-align: left !important;  /* 强制左对齐 */
+  padding-left: 20px;           /* 左侧内边距 */
+}
+
 /* 核心：将FC、業種、エリア三组控件整体向左平移 */
 :deep(.public-range-container) {
   /* 计算平移量：原有左内边距(60px) - 目标左偏移(27px) = 需向左移动33px */
@@ -570,6 +576,38 @@ const resetRegionTreeCheck = (nodes) => {
   height: 32px; /* 统一高度 */
 }
 
+/* 年度指定整体容器样式 - 核心不折行控制 */
+.annual-group {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  width: 100%;
+  flex-wrap: nowrap; /* 关键修改：强制不折行 */
+  min-width: 300px; /* 确保有足够宽度容纳内容 */
+}
+
+/* 年度指定单选框样式 - 统一宽度 */
+.annual-group .common-radio {
+  width: 100px !important; /* 与其他单选框保持一致 */
+  min-width: 80px;
+  flex-shrink: 0;
+}
+
+/* 年度下拉框容器样式 - 优化宽度分配 */
+.annual-group .annual-row {
+  flex: 1; /* 占据剩余空间 */
+  min-width: 0;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+/* 日期组合容器样式 */
+.annual-group .date-group {
+  display: flex;
+  align-items: center;
+  gap: 100px;
+}
+
 /* 响应式样式 - 大屏幕 (>1023px) */
 @media (min-width: 1024px) {
   .section-container {
@@ -674,7 +712,7 @@ const resetRegionTreeCheck = (nodes) => {
   .annual-group {
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 0px !important; /* 仅减少年度指定单选框与下拉列表的间隔从8px减少到4px */
     width: 100%;
     flex-wrap: nowrap; /* 关键修改：强制不折行 */
     min-width: 300px; /* 确保有足够宽度容纳内容 */
@@ -692,47 +730,8 @@ const resetRegionTreeCheck = (nodes) => {
   .annual-group .common-radio {
     width: 90px !important;
     min-width: 90px !important;
+    padding-right: 0 !important; /* 移除右侧内边距 */
   }
 }
 
-/* 公共区域标题样式 - 深层选择器修改子组件样式 */
-:deep(.public-range-title) {
-  text-align: left !important;  /* 强制左对齐 */
-  padding-left: 20px;           /* 左侧内边距 */
-}
-
-/* 年度指定整体容器样式 - 核心不折行控制 */
-.annual-group {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  flex-wrap: nowrap; /* 关键修改：强制不折行 */
-  min-width: 300px; /* 确保有足够宽度容纳内容 */
-}
-
-/* 年度指定单选框样式 - 统一宽度 */
-.annual-group .common-radio {
-  width: 100px !important; /* 与其他单选框保持一致 */
-  min-width: 80px;
-  flex-shrink: 0;
-}
-
-/* 年度下拉框容器样式 - 优化宽度分配 */
-.annual-group .annual-row {
-  flex: 1; /* 占据剩余空间 */
-  min-width: 0;
-  padding: 0 !important;
-  margin: 0 !important;
-}
-
-/* 日期组合容器样式 */
-.annual-group .date-group {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-
-
 </style>