css

src/views/fcbi/sales/sumSettings.vue

@@ -380,6 +380,24 @@ const resetForm = () => {
   gap: 10px; /* 标题与内容区的固定水平间距 */
 }
 
+/* 标题样式 - 统一"対象"和"集計種別"的显示 */
+.form-section {
+  width: 80px !important; /* 固定宽度，确保标题左侧起点一致 */
+  font-size: 14px !important; /* 统一字体大小，保持视觉一致性 */
+  line-height: 1.4 !important; /* 统一行高，确保文字基线对齐 */
+  padding-left: 0 !important; /* 清除额外左内边距，避免对齐偏差 */
+  margin: 0 !important; /* 清除默认外边距，避免布局偏移 */
+  margin-top: 5px !important; /* 与单选框保持垂直居中对齐 */
+  text-align: left !important; /* 强制左对齐，统一标题显示方式 */
+  letter-spacing: normal !important; /* 清除异常字间距，确保文字排列均匀 */
+  display: inline-block !important; /* 确保宽高计算准确，不影响周围元素 */
+  box-sizing: border-box !important; /* 宽度计算包含边框和内边距，避免尺寸偏差 */
+  position: relative !important; /* 建立稳定定位基准，便于子元素定位 */
+  top: 0 !important; /* 清除定位偏移，确保顶部对齐 */
+  color: #606266; /* 标题文字颜色，使用中性色调增强可读性 */
+  font-weight: 700; /* 标题文字加粗，突出显示设置项类别 */
+}
+
 /* 公共区域容器 - FC/区域选择部分的布局 */
 .section-fc-area {
   margin-left: 16px; /* 与其他内容区保持左对齐，统一页面缩进 */
@@ -403,24 +421,6 @@ const resetForm = () => {
   flex-wrap: wrap; /* 小屏幕下按钮换行，避免溢出 */
 }
 
-/* 标题样式 - 统一"対象"和"集計種別"的显示 */
-.form-section {
-  width: 80px !important; /* 固定宽度，确保标题左侧起点一致 */
-  font-size: 14px !important; /* 统一字体大小，保持视觉一致性 */
-  line-height: 1.4 !important; /* 统一行高，确保文字基线对齐 */
-  padding-left: 0 !important; /* 清除额外左内边距，避免对齐偏差 */
-  margin: 0 !important; /* 清除默认外边距，避免布局偏移 */
-  margin-top: 5px !important; /* 与单选框保持垂直居中对齐 */
-  text-align: left !important; /* 强制左对齐，统一标题显示方式 */
-  letter-spacing: normal !important; /* 清除异常字间距，确保文字排列均匀 */
-  display: inline-block !important; /* 确保宽高计算准确，不影响周围元素 */
-  box-sizing: border-box !important; /* 宽度计算包含边框和内边距，避免尺寸偏差 */
-  position: relative !important; /* 建立稳定定位基准，便于子元素定位 */
-  top: 0 !important; /* 清除定位偏移，确保顶部对齐 */
-  color: #606266; /* 标题文字颜色，使用中性色调增强可读性 */
-  font-weight: 700; /* 标题文字加粗，突出显示设置项类别 */
-}
-
 /* 标题补充样式 - 调整宽度和左对齐细节 */
 .form-section {
   margin-left: 15px !important; /* 左对齐标题，节省空间并统一缩进 */