css

src/views/fcbi/sales/sumSettings.vue

@@ -80,7 +80,7 @@
       </div>
 
       <div class="section-btn">
-        <el-button class="btn-aggregation" type="primary" @click="handleAggregate" v-hasPermi="['fcbi:sales:sum']">集計</el-button>
+        <el-button class="btn-aggregation" type="primary" @click="handleAggregate" icon="Search" v-hasPermi="['fcbi:sales:sum']">集計</el-button>
         <el-button class="btn-reset" type="primary" @click="resetForm" icon="Refresh">リセット</el-button>
       </div>
     </div>
@@ -453,7 +453,6 @@ const resetForm = () => {
 
 /* 单选框基础样式 - 统一所有单选框的对齐 */
 .common-radio {
-  width: 100px !important; /* 固定宽度，确保文字左侧起点对齐 */
   flex-shrink: 0 !important; /* 禁止压缩，保持宽度稳定 */
   margin: 0 !important; /* 清除默认外边距，避免布局偏移 */
   padding: 0 0 0 20px !important; /* 左侧预留空间放置单选框圆圈 */
@@ -553,8 +552,6 @@ const resetForm = () => {
   min-width: 300px; /* 确保有足够宽度容纳内容，避免挤压 */
 }
 
-
-
 /* 年度日期组合容器样式 - 控制内部间距 */
 .annual-group .date-group {
   flex: 1; /* 继承原annual-row的flex:1属性 */
@@ -589,24 +586,22 @@ const resetForm = () => {
   flex-wrap: wrap; /* 小屏幕下按钮换行，避免溢出 */
 }
 
-/* 操作按钮样式 - 集計按钮 */
+/* 公共按钮样式 */
+.base-btn {
+  width: 120px;
+  height: 32px;
+  padding: 6px 10px;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+/* 差异化样式 */
 .btn-aggregation {
-  width: 120px; /* 固定宽度，与重置按钮保持一致 */
-  height: 32px; /* 统一高度，保持视觉一致性 */
-  padding: 6px 10px; /* 内边距，控制按钮大小 */
-  box-sizing: border-box; /* 宽度计算包含内边距和边框 */
-  margin-left: 0; /* 左侧外边距为0 */
-  white-space: nowrap; /* 禁止文字折行，保持按钮文字完整 */
-}
-
-/* 操作按钮样式 - リセット按钮 */
-.btn-reset{
-  width: 120px; /* 固定宽度，与集計按钮保持一致 */
-  height: 32px; /* 统一高度，保持视觉一致性 */
-  padding: 6px 10px; /* 内边距，控制按钮大小 */
-  box-sizing: border-box; /* 宽度计算包含内边距和边框 */
-  margin-left: 10px; /* 左侧外边距，与集計按钮保持距离 */
-  white-space: nowrap; /* 禁止文字折行，保持按钮文字完整 */
+  composes: base-btn;
+  margin-left: 0;
+}
+.btn-reset {
+  composes: base-btn;
+  margin-left: 10px;
 }
 
 /* 媒体查询 - 大屏幕（≥1024px） */