css

src/views/fcbi/sales/sumSettings.vue

@@ -481,11 +481,12 @@ const resetForm = () => {
   width: 80px !important; /* 调整宽度，与年度指定单选框保持一致 */
 }
 
-/* 月指定区域样式 - 整体布局控制 */
-.section-monthly .date-select-year {
+/* 日期选择器样式 - 年下拉框 */
+.date-select-year {
   width: 100px !important; /* 固定宽度 */
   min-width: 100px !important; /* 最小宽度限制 */
   max-width: 100px !important; /* 最大宽度限制 */
+  padding: 0 8px !important; /* 减少内边距，节省空间 */
 }
 
 /* 月指定日期组样式 - 清除默认边距 */
@@ -510,14 +511,6 @@ const resetForm = () => {
   white-space: nowrap; /* 防止内部元素折行，保持在同一行 */
 }
 
-/* 日期选择器样式 - 年下拉框 */
-.date-select-year {
-  width: 100px !important; /* 固定宽度 */
-  min-width: 80px !important; /* 最小宽度限制 */
-  max-width: 120px !important; /* 最大宽度限制 */
-  padding: 0 8px !important; /* 减少内边距，节省空间 */
-}
-
 /* 日期选择器样式 - 月下拉框（略窄） */
 .date-select-month {
   width: 80px !important; /* 固定宽度，比年下拉框略窄 */
@@ -567,14 +560,10 @@ const resetForm = () => {
   min-width: 0; /* 继承原annual-row的收缩特性 */
   margin: 0;
   padding: 2px 0; /* 继承原annual-row的内边距 */
-  display: flex; /* 使用Flex布局 */
-  align-items: center; /* 垂直居中对齐子元素 */
-  gap: 0 !important; /* 强制Flex容器内间距为0 */
 }
 
 /* 年度下拉框样式 - 清除右侧边距 */
 .annual-group .date-select-year {
-  width: 100px !important; /* 与月指定的年下拉框宽度一致 */
   margin-right: 0 !important; /* 清除下拉框右侧外边距 */
 }
 
@@ -674,7 +663,6 @@ const resetForm = () => {
 
   /* 确保年度下拉框与年下拉框宽度/位置一致 */
   .annual-group .date-select-year {
-    width: 100px !important; /* 与月指定的年下拉框宽度完全一致 */
     margin-left: 0 !important; /* 清除默认左外边距 */
   }
 
@@ -766,8 +754,6 @@ const resetForm = () => {
 
   /* 调整单选框宽度，为下拉框留出更多空间 */
   .annual-group .common-radio {
-    width: 80px !important; /* 固定宽度 */
-    min-width: 80px !important; /* 最小宽度限制 */
     padding-right: 0 !important; /* 移除右侧内边距 */
   }