|
|
@@ -341,7 +341,7 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
/* 表单容器样式 - 整体布局控制 */
|
|
|
.form-container {
|
|
|
margin-top: 0px; /* 顶部外边距 */
|
|
|
- padding: 0 15px; /* 左右内边距 */
|
|
|
+ padding: 0 !important; /* 清除原有左右内边距，避免干扰基准线 */
|
|
|
}
|
|
|
|
|
|
/* 1. 统一标题与内容的布局容器 */
|
|
|
@@ -356,9 +356,11 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
/* 统一标题文字的垂直对齐基准（核心修正） */
|
|
|
.form-section {
|
|
|
width: 80px !important; /* 固定宽度，确保文字左侧起点一致 */
|
|
|
+ /* 核心：左侧偏移量 = 分隔线左侧margin（27px） */
|
|
|
+ margin-left: 27px !important;
|
|
|
font-size: 14px !important; /* 统一字体大小 */
|
|
|
line-height: 1.4 !important; /* 统一行高，确保文字基线一致 */
|
|
|
- padding: 0 !important; /* 清除默认内边距 */
|
|
|
+ padding-left: 0 !important; /* 清除额外左内边距 */
|
|
|
margin: 0 !important; /* 清除默认外边距 */
|
|
|
margin-top: 5px !important; /* 保持与单选框的垂直居中对齐 */
|
|
|
text-align: left !important; /* 强制左对齐 */
|
|
|
@@ -371,6 +373,36 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
margin-left: 0 !important; /* 首个字符（対、集）左侧无额外间距 */
|
|
|
}
|
|
|
|
|
|
+/* 2. FC、業種所在容器的左侧偏移 */
|
|
|
+.public-range-container {
|
|
|
+ margin-top: 10px;
|
|
|
+ /* 核心：左侧偏移量 = 分隔线左侧margin（27px） */
|
|
|
+ padding-left: 27px !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/* 3. FC、業種的标签占位元素（与.form-section对齐） */
|
|
|
+.el-form-item__label {
|
|
|
+ width: 80px !important; /* 与.form-section宽度一致 */
|
|
|
+ flex-shrink: 0 !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ text-align: left !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 4. エリア标题样式 */
|
|
|
+.area-title {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #606266;
|
|
|
+ font-weight: 700;
|
|
|
+ width: 80px !important; /* 与其他标题宽度一致 */
|
|
|
+ flex-shrink: 0 !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ /* 与.form-section的垂直位置一致 */
|
|
|
+ margin-top: 5px !important;
|
|
|
+}
|
|
|
+
|
|
|
/* 3. 内容区域容器（统一偏移量） */
|
|
|
.content-group {
|
|
|
flex: 1; /* 占满剩余宽度 */
|
liuxf