全局主按钮 颜色样式统一

frontend/src/views/teachOffice/shiftSemester/ClassCalendarDialog.vue

@@ -24,13 +24,13 @@
       <!-- ==================== 2. 操作按钮区域 ==================== -->
       <div class="settings-panel">
         <div class="action-buttons-row">
-          <button type="button" class="blue-btn" @click="handleAdd">新增记录</button>
-          <button type="button" class="gray-btn" @click="handleAutoGenerate">自动生成必修课程</button>
-          <button type="button" class="gray-btn" @click="handlePresetMerge">预设合班</button>
-          <button type="button" class="gray-btn" @click="handlePresetSplit">预设拆班</button>
-          <button type="button" class="gray-btn" @click="handleApplyRegion">选定区域应用于其它班次</button>
-          <button type="button" class="gray-btn" @click="handleApplyWhole">整个班历应用于其它班次</button>
-          <button type="button" class="gray-btn" @click="handleRefresh">刷新</button>
+          <el-button type="primary" size="small" icon="el-icon-plus" @click="handleAdd">新增记录</el-button>
+          <el-button size="small" @click="handleAutoGenerate">自动生成必修课程</el-button>
+          <el-button size="small" @click="handlePresetMerge">预设合班</el-button>
+          <el-button size="small" @click="handlePresetSplit">预设拆班</el-button>
+          <el-button size="small" @click="handleApplyRegion">选定区域应用于其它班次</el-button>
+          <el-button size="small" @click="handleApplyWhole">整个班历应用于其它班次</el-button>
+          <el-button size="small" icon="el-icon-refresh" @click="handleRefresh">刷新</el-button>
         </div>
       </div>
 
@@ -741,44 +741,4 @@ export default {
   }
 }
 
-// ========== 银灰色 / 蓝色边框按钮 ==========
-.gray-btn {
-  min-width: 90px;
-  height: 28px;
-  padding: 0 14px;
-  font-size: 12px;
-  color: #000;
-  background: linear-gradient(180deg, #fdfdfd 0%, #ececec 50%, #dcdcdc 100%);
-  border: 1px solid #7a7a7a;
-  border-radius: 2px;
-  cursor: pointer;
-
-  &:hover {
-    background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 50%, #e6e6e6 100%);
-  }
-
-  &:active {
-    background: #c8c8c8;
-  }
-}
-
-.blue-btn {
-  min-width: 90px;
-  height: 28px;
-  padding: 0 14px;
-  font-size: 12px;
-  color: #1e6fff;
-  background: #ecf5ff;
-  border: 1px solid #1e6fff;
-  border-radius: 2px;
-  cursor: pointer;
-
-  &:hover {
-    background: #d9ecff;
-  }
-
-  &:active {
-    background: #c6e2ff;
-  }
-}
 </style>