|
|
@@ -461,6 +461,17 @@ const resetForm = () => {
|
|
|
position: relative !important; /* 建立定位基准,便于单选框圆圈定位 */
|
|
|
}
|
|
|
|
|
|
+/* 集計種別 区域的宽度 */
|
|
|
+.aggregation-radio-horizontal .common-radio {
|
|
|
+ width: 100px !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 月指定单选框样式 - 与年度指定保持一致 */
|
|
|
+.section-monthly .common-radio,
|
|
|
+.section-annual .common-radio {
|
|
|
+ width: 80px !important;
|
|
|
+}
|
|
|
+
|
|
|
/* 单选框内部圆圈定位 - 核心对齐控制 */
|
|
|
:deep(.common-radio .el-radio__input) {
|
|
|
position: absolute !important; /* 脱离文档流,基于父元素定位 */
|
|
|
@@ -476,11 +487,6 @@ const resetForm = () => {
|
|
|
margin: 0 !important; /* 清除默认外边距 */
|
|
|
}
|
|
|
|
|
|
-/* 月指定单选框样式 - 与年度指定保持一致 */
|
|
|
-.section-monthly .common-radio {
|
|
|
- width: 80px !important; /* 调整宽度,与年度指定单选框保持一致 */
|
|
|
-}
|
|
|
-
|
|
|
/* 日期选择器样式 - 年下拉框 */
|
|
|
.date-select-year {
|
|
|
width: 100px !important; /* 固定宽度 */
|
|
|
@@ -547,12 +553,7 @@ const resetForm = () => {
|
|
|
min-width: 300px; /* 确保有足够宽度容纳内容,避免挤压 */
|
|
|
}
|
|
|
|
|
|
-/* 年度指定单选框样式 - 统一宽度 */
|
|
|
-.annual-group .common-radio {
|
|
|
- width: 80px !important; /* 与其他单选框保持一致 */
|
|
|
- min-width: 80px; /* 最小宽度限制 */
|
|
|
- flex-shrink: 0; /* 禁止压缩,保持宽度稳定 */
|
|
|
-}
|
|
|
+
|
|
|
|
|
|
/* 年度日期组合容器样式 - 控制内部间距 */
|
|
|
.annual-group .date-group {
|
|
|
@@ -744,7 +745,7 @@ const resetForm = () => {
|
|
|
}
|
|
|
|
|
|
/* 调整单选框宽度,为下拉框留出更多空间 */
|
|
|
- .annual-group .common-radio {
|
|
|
+ .section-annual .common-radio {
|
|
|
padding-right: 0 !important; /* 移除右侧内边距 */
|
|
|
}
|
|
|
|