liuxf 4 ヶ月 前
コミット
148ac5435e
1 ファイル変更19 行追加2 行削除
  1. 19 2
      src/views/fcbi/sales/sumSettings.vue

+ 19 - 2
src/views/fcbi/sales/sumSettings.vue

@@ -355,9 +355,8 @@ const resetRegionTreeCheck = (nodes) => {
 /* 2. 统一标题样式(确保“対”和“集”字对齐) */
 /* 统一标题文字的垂直对齐基准(核心修正) */
 .form-section {
+  /* 保留原有所有属性 */
   width: 80px !important; /* 固定宽度,确保文字左侧起点一致 */
-  /* 核心:左侧偏移量 = 分隔线左侧margin(27px) */
-  margin-left: 27px !important; 
   font-size: 14px !important; /* 统一字体大小 */
   line-height: 1.4 !important; /* 统一行高,确保文字基线一致 */
   padding-left: 0 !important; /* 清除额外左内边距 */
@@ -366,13 +365,29 @@ const resetRegionTreeCheck = (nodes) => {
   text-align: left !important; /* 强制左对齐 */
   letter-spacing: normal !important; /* 清除可能的字间距差异 */
   display: inline-block !important; /* 确保宽度和高度计算准确 */
+  
+  /* 修正对齐的核心属性 - 与分割线严格一致 */
+  margin-left: 27px !important; /* 精确匹配分割线左侧偏移 */
+  box-sizing: border-box !important; /* 确保宽度计算不包含padding */
+  position: relative !important; /* 建立稳定的定位基准 */
+  left: 0 !important; /* 清除可能的定位偏移 */
+  top: 0 !important;
 }
 
+
 /* 确保标题文字的左侧起点完全一致 */
 .form-section::first-letter {
   margin-left: 0 !important; /* 首个字符(対、集)左侧无额外间距 */
 }
 
+/* 核心:将FC、業種、エリア三组控件整体向左平移 */
+::v-deep .public-range-container {
+  /* 计算平移量:原有左内边距(60px) - 目标左偏移(27px) = 需向左移动33px */
+  padding-left: 27px !important; /* 直接设置目标左内边距为27px */
+  margin-left: 0 !important;
+}
+
+
 .content-group {
   flex: 1; /* 占满剩余宽度 */
   margin: 0 !important; /* 清除element-ui默认margin */
@@ -476,6 +491,8 @@ const resetRegionTreeCheck = (nodes) => {
   height: 1px;                  /* 高度 */
   background-color: #178dcc;    /* 蓝色背景 */
   margin: 10px 27px;            /* 上下外边距 */
+  width: calc(100% - 27px) !important; /* 宽度自适应,保持右侧对齐 */
+  box-sizing: border-box !important;
 }
 
 /* 按钮区域样式 - 集計按钮容器 */