css

src/components/PublicRange.vue

@@ -2,7 +2,7 @@
   <div class="public-range-container">
     <!-- 统一使用带标题容器的结构，确保标题对齐 -->
     <!-- FC区域 - 支持可插拔控制 -->
-    <div class="form-section" v-if="showFc">
+    <div class="fc-bt-area-form" v-if="showFc">
       <div class="section-title">FC</div>
       <div class="section-content fc-content">
         <el-checkbox-group v-model="modelValue.brandCode">
@@ -19,7 +19,7 @@
     </div>
 
     <!-- 業種区域 - 原有可插拔控制 -->
-    <div class="form-section" v-if="showBusinessType">
+    <div class="fc-bt-area-form" v-if="showBusinessType">
       <div class="section-title">業種</div>
       <div class="section-content">
         <el-checkbox-group v-model="modelValue.businessTypeCode">
@@ -36,7 +36,7 @@
     </div>
 
     <!-- エリア区域 - 支持可插拔控制 -->
-    <div class="form-section" v-if="showArea">
+    <div class="fc-bt-area-form" v-if="showArea">
       <div class="section-title">エリア</div>
       <div class="area-header-row">
         <RegionTree
@@ -116,20 +116,21 @@ watch(
 <style scoped>
 .public-range-container {
   margin-top: 10px;
+  margin-left: -33px;
   padding-left: 60px; /* 统一左侧内边距，确保整体左对齐 */
 }
 
 /* 统一的区块样式，标题和内容横向排列 */
-.form-section {
+.fc-bt-area-form {
   display: flex;
   align-items: flex-start; /* 标题和内容顶部对齐 */
-  margin-top: 15px;
+  margin-top: 5px;
 }
 
 /* 标题容器 - 固定宽度确保垂直对齐 */
 .section-title {
   width: 80px; /* 固定宽度，确保三个标题垂直对齐 */
-  margin-right: 20px; /* 标题与内容的间距 */
+  margin-right: 14px; /* 标题与内容的间距 */
   font-size: 14px;
   color: #606266;
   font-weight: 700;
@@ -143,17 +144,6 @@ watch(
   align-items: flex-start;
 }
 
-/* 确保复选框与单选框垂直对齐 */
-::v-deep .el-checkbox {
-  display: inline-flex;
-  align-items: center;
-  margin-bottom: 8px; /* 增加垂直方向间距 */
-}
-
-::v-deep .el-checkbox__input {
-  margin-top: -2px; /* 微调复选框位置，与单选框对齐 */
-}
-
 .area-header-row {
   display: flex;
   align-items: flex-start;
@@ -171,12 +161,9 @@ watch(
   }
 
   .section-title {
-    width: 50px; /* 移动端标题宽度微调 */
+    width: 80px !important;/* 移动端标题宽度微调 */
     margin-right: 15px;
   }
 
-  .fc-title {
-    margin-right: 15px; /* 移动端恢复默认间距 */
-  }
 }
 </style>

src/views/fcbi/sales/sumSettings.vue

@@ -391,12 +391,7 @@ const resetRegionTreeCheck = (nodes) => {
   padding-left: 20px;           /* 左侧内边距 */
 }
 
-/* 核心：将FC、業種、エリア三组控件整体向左平移 */
-:deep(.public-range-container) {
-  /* 计算平移量：原有左内边距(60px) - 目标左偏移(27px) = 需向左移动33px */
-  padding-left: 27px !important; /* 直接设置目标左内边距为27px */
-  margin-left: 0 !important;
-}
+
 
 .content-group {
   flex: 1; /* 占满剩余宽度 */
@@ -623,8 +618,6 @@ const resetRegionTreeCheck = (nodes) => {
     width: 120px; /* 统一宽度 */
   }
 
-
-
   .date-group {
     gap: 4px;
   }
@@ -632,7 +625,7 @@ const resetRegionTreeCheck = (nodes) => {
   .form-section {
     margin-left: 15px !important; /* 左对齐标题，节省空间 */
     width: 70px !important; /* 缩短标题宽度，为内容区让空间 */
-    font-size: 13px !important; /* 标题文字微调 */
+    font-size: 14px !important; /* 标题文字微调 */
   }
 
   /* 仅调整年度指定行的布局，与月指定对齐 */