|
|
@@ -596,7 +596,7 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
padding: 2px 0; /* 减少内边距，节省空间 */
|
|
|
}
|
|
|
|
|
|
-/* 响应式样式 - 大屏幕 (>1023px) */
|
|
|
+ /* 媒体查询 - 适配大屏幕 */
|
|
|
@media (min-width: 1024px) {
|
|
|
.section-container {
|
|
|
gap: 15px; /* 增大间距提升可读性 */
|
|
|
@@ -605,6 +605,28 @@ const resetRegionTreeCheck = (nodes) => {
|
|
|
.radio-group-horizontal {
|
|
|
gap: 30px; /* 增大选项间距 */
|
|
|
}
|
|
|
+
|
|
|
+ /* 1. 统一年度指定区域与月指定区域的父容器布局 */
|
|
|
+ .annual-group {
|
|
|
+ gap: 8px !important; /* 与月指定的date-groups-wrapper保持相同间距（8px） */
|
|
|
+ align-items: center !important; /* 确保垂直居中对齐 */
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 2. 消除年度下拉框容器的隐性偏移 */
|
|
|
+ .annual-group .annual-row {
|
|
|
+ margin-left: 0 !important;
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 3. 强制年度下拉框与年下拉框宽度/位置完全一致 */
|
|
|
+ .annual-group .date-select {
|
|
|
+ width: 100px !important; /* 与月指定的年下拉框宽度严格一致 */
|
|
|
+ min-width: 100px !important;
|
|
|
+ max-width: 100px !important;
|
|
|
+ margin-left: -8px !important; /* 清除默认左外边距 */
|
|
|
+ padding: 0 8px !important; /* 统一内边距 */
|
|
|
+ box-sizing: border-box !important; /* 确保宽度计算包含边框 */
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/* 响应式样式 - 平板端 (768px-1023px) */
|
liuxf