css

src/components/PublicRange.vue

@@ -3,7 +3,7 @@
     <!-- 统一使用带标题容器的结构，确保标题对齐 -->
     <!-- FC区域 - 支持可插拔控制 -->
     <div class="form-section" v-if="showFc">
-      <div class="section-title fc-title">FC</div>
+      <div class="section-title">FC</div>
       <div class="section-content fc-content">
         <el-checkbox-group v-model="modelValue.brandCode">
           <el-checkbox
@@ -20,7 +20,7 @@
 
     <!-- 業種区域 - 原有可插拔控制 -->
     <div class="form-section" v-if="showBusinessType">
-      <div class="section-title fc-title">業種</div>
+      <div class="section-title">業種</div>
       <div class="section-content">
         <el-checkbox-group v-model="modelValue.businessTypeCode">
           <el-checkbox
@@ -37,7 +37,7 @@
 
     <!-- エリア区域 - 支持可插拔控制 -->
     <div class="form-section" v-if="showArea">
-      <div class="section-title area-title">エリア</div>
+      <div class="section-title">エリア</div>
       <div class="area-header-row">
         <RegionTree
             class="region-tree-container"
@@ -128,7 +128,7 @@ watch(
 
 /* 标题容器 - 固定宽度确保垂直对齐 */
 .section-title {
-  width: 60px; /* 固定宽度，确保三个标题垂直对齐 */
+  width: 80px; /* 固定宽度，确保三个标题垂直对齐 */
   margin-right: 20px; /* 标题与内容的间距 */
   font-size: 14px;
   color: #606266;
@@ -137,16 +137,6 @@ watch(
   padding-top: 4px; /* 与复选框组件基线对齐 */
 }
 
-/* FC区域特殊样式 - 加宽标题与内容间距 */
-.fc-title {
-  margin-right: 30px; /* 比默认增加10px间距 */
-}
-
-/* エリア区域特殊样式 - 加宽标题与内容间距 */
-.area-title {
-  margin-right: 25px; /* 比默认增加10px间距 */
-}
-
 /* 内容区域 - 占剩余宽度 */
 .section-content {
   flex: 1; /* 内容区域自适应剩余宽度 */
@@ -179,12 +169,12 @@ watch(
   .public-range-container {
     padding-left: 13%; /* 移动端左侧百分比对齐 */
   }
-  
+
   .section-title {
     width: 50px; /* 移动端标题宽度微调 */
     margin-right: 15px;
   }
-  
+
   .fc-title {
     margin-right: 15px; /* 移动端恢复默认间距 */
   }

src/views/fcbi/sales/sumSettings.vue

@@ -469,13 +469,6 @@ const resetRegionTreeCheck = (nodes) => {
   padding: 0 !important;
 }
 
-.monthly-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-}
-
 .date-groups-wrapper {
   display: flex;
   align-items: center;
@@ -630,10 +623,7 @@ const resetRegionTreeCheck = (nodes) => {
     width: 120px; /* 统一宽度 */
   }
 
-  /* 平板设备适配 */
-  .radio-item, .monthly-header {
-    gap: 5px; /* 进一步缩小间距 */
-  }
+
 
   .date-group {
     gap: 4px;