全局主按钮 颜色样式统一

This commit is contained in:
2026-08-25 14:53:34 +08:00
parent 6f61e87303
commit d58d044c6a
16 changed files with 50 additions and 122 deletions
@@ -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>
@@ -177,7 +177,7 @@
</el-descriptions>
<div v-else v-loading="detailLoading" class="detail-empty">加载中...</div>
<div slot="footer">
<el-button type="primary" @click="detailVisible = false">关闭</el-button>
<el-button @click="detailVisible = false">关闭</el-button>
</div>
</el-dialog>
</div>