css

src/views/fcbi/sales/sumSettings.vue

@@ -590,22 +590,22 @@ const resetForm = () => {
 
 /* 操作按钮样式 - 集計按钮 */
 .btn-aggregation {
+  width: 120px; /* 固定宽度，与重置按钮保持一致 */
+  height: 32px; /* 统一高度，保持视觉一致性 */
   padding: 6px 10px; /* 内边距，控制按钮大小 */
   box-sizing: border-box; /* 宽度计算包含内边距和边框 */
   margin-left: 0; /* 左侧外边距为0 */
   white-space: nowrap; /* 禁止文字折行，保持按钮文字完整 */
-  width: 120px; /* 固定宽度，与重置按钮保持一致 */
-  height: 32px; /* 统一高度，保持视觉一致性 */
 }
 
 /* 操作按钮样式 - リセット按钮 */
 .btn-reset{
+  width: 120px; /* 固定宽度，与集計按钮保持一致 */
+  height: 32px; /* 统一高度，保持视觉一致性 */
   padding: 6px 10px; /* 内边距，控制按钮大小 */
   box-sizing: border-box; /* 宽度计算包含内边距和边框 */
   margin-left: 10px; /* 左侧外边距，与集計按钮保持距离 */
   white-space: nowrap; /* 禁止文字折行，保持按钮文字完整 */
-  width: 120px; /* 固定宽度，与集計按钮保持一致 */
-  height: 32px; /* 统一高度，保持视觉一致性 */
 }
 
 /* 媒体查询 - 大屏幕（≥1024px） */
@@ -669,11 +669,6 @@ const resetForm = () => {
   .section-btn {
     padding-left: calc(15px + 100px + 10px); /* 与标题对齐，动态计算左侧内边距 */
   }
-
-  /* 保持按钮宽度一致 */
-  .btn-aggregation, .btn-reset {
-    width: 120px; /* 统一宽度 */
-  }
 }
 
 /* 响应式样式 - 移动端（<768px） */
@@ -697,9 +692,6 @@ const resetForm = () => {
 
   /* 年度下拉框区域固定宽度，防止被挤压 */
   .date-group > .date-select-year:first-child {
-    width: 100px !important; /* 固定宽度 */
-    min-width: 100px !important; /* 最小宽度限制 */
-    max-width: 100px !important; /* 最大宽度限制 */
     flex-shrink: 0; /* 禁止压缩 */
   }
 
@@ -743,7 +735,6 @@ const resetForm = () => {
 
   /* 年度下拉框宽度/位置与年下拉框完全匹配 */
   .annual-group .date-select-year {
-    width: 100px !important; /* 与月指定的年下拉框宽度相同 */
     margin-left: 0 !important; /* 清除默认左外边距 */
   }
 
@@ -783,7 +774,6 @@ const resetForm = () => {
 
   /* 保持按钮宽度一致 */
   .btn-aggregation, .btn-reset {
-    width: 120px; /* 保持按钮宽度 */
     flex-shrink: 0; /* 禁止按钮宽度被压缩 */
   }