|
|
@@ -337,8 +337,9 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
.radio-group-vertical {
|
|
|
margin-left: 0; /* 左侧外边距 */
|
|
|
display: flex; /* 使用flex布局 */
|
|
|
- flex-direction: column; /* 垂直排列 */
|
|
|
- gap: 15px; /* 元素间距 */
|
|
|
+ flex-direction: column; /* 内部保持垂直布局（月指定在上，年度指定在下） */
|
|
|
+ gap: 15px; /* 月指定和年度指定的垂直间距 */
|
|
|
+ flex: 1; /* 占据剩余宽度，避免内容溢出 */
|
|
|
}
|
|
|
|
|
|
/* 单选按钮容器 - 垂直排列，确保月指定和年度指定上下分布 */
|
|
|
@@ -402,8 +403,9 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
/* 表单区块容器样式 - 包含标题和内容 */
|
|
|
.section-container {
|
|
|
display: flex; /* 使用flex布局 */
|
|
|
- align-items: center; /* 垂直居中对齐 */
|
|
|
+ align-items: flex-start; /* 顶部对齐（避免标题与选项因高度不同错位） */
|
|
|
margin-bottom: 12px; /* 底部外边距 */
|
|
|
+ gap: 10px; /* 标题与选项组的间距 */
|
|
|
}
|
|
|
|
|
|
/* 表单标题样式 - "対象"等标签 */
|
|
|
@@ -412,9 +414,9 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
color: #606266; /* 文字颜色 */
|
|
|
font-weight: 700; /* 粗体 */
|
|
|
width: 80px; /* 固定宽度 */
|
|
|
- text-align: left !important; /* 强制左对齐 */
|
|
|
- padding-right: 10px; /* 右侧内边距 */
|
|
|
- margin-top: 0; /* 顶部外边距 */
|
|
|
+ padding-right: 0; /* 清除右侧内边距，避免额外间距 */
|
|
|
+ margin-top: 5px; /* 微调顶部位置，与选项组对齐 */
|
|
|
+ flex-shrink: 0; /* 不压缩，保持固定宽度 */
|
|
|
}
|
|
|
|
|
|
/* 自定义单选按钮组样式 - 集計種別选项 */
|
liuxf