样式统一

This commit is contained in:
2026-08-24 14:48:08 +08:00
parent 215a48446d
commit 1a1b1ce66b
25 changed files with 479 additions and 395 deletions
@@ -360,19 +360,6 @@ export default {
</script>
<style scoped lang="scss">
// ==================== 公共区域容器 ====================
.section-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
padding: 16px 20px;
margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
}
// ==================== 2. 查询条件区域 ====================
.query-card {
.query-field {
@@ -422,15 +409,6 @@ export default {
}
}
// ==================== 3. 导出按钮区域 ====================
.export-card {
.export-bar {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
}
// ==================== 4. 操作按钮区域 ====================
.action-card {
.action-row {
@@ -485,16 +463,6 @@ export default {
flex-direction: column;
line-height: 1.4;
}
.pagination-wrap {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
}
.w-full {
width: 100%;
}
// ==================== 按钮样式 ====================
@@ -592,10 +592,6 @@ export default {
</script>
<style scoped lang="scss">
.app-container {
padding: 20px;
}
.shift-semester-page {
// ========== 页面标题 ==========
.page-title {
@@ -607,11 +603,6 @@ export default {
border-left: 4px solid var(--edu-green-primary);
}
// ========== 1. 查询条件区域 ==========
.search-card {
margin-bottom: 16px;
}
// ========== 2. 工具栏按钮区 ==========
.list-toolbar {
display: flex;
@@ -565,10 +565,6 @@ export default {
</script>
<style scoped lang="scss">
.app-container {
padding: 20px;
}
// ==================== 1. 顶部状态提示 ====================
.status-tip {
display: inline-block;
@@ -582,8 +578,6 @@ export default {
// ==================== 2. 查询条件区域 ====================
.search-card {
margin-bottom: 16px;
.query-field {
display: flex;
align-items: center;
@@ -441,10 +441,6 @@ export default {
</script>
<style scoped lang="scss">
.app-container {
padding: 20px;
}
.task-plan-page {
.page-title {
text-align: center;
@@ -456,8 +452,6 @@ export default {
// ========== 1. 查询条件区域 ==========
.search-card {
margin-bottom: 16px;
.search-form {
.el-form-item {
margin-bottom: 0;
@@ -490,12 +484,6 @@ export default {
width: 100%;
}
.pagination {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.text-danger {
color: #f56c6c;
}
@@ -992,8 +992,6 @@ export default {
<style scoped lang="scss">
.teacher-page {
.search-card {
margin-bottom: 16px;
.search-form {
.el-form-item {
margin-bottom: 0;
@@ -1008,47 +1006,5 @@ export default {
border-top: 1px solid #ebeef5;
}
}
.list-title {
font-size: 16px;
font-weight: 600;
color: #303133;
margin-bottom: 12px;
}
.list-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 16px;
.left-group,
.right-group {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
}
.table-card {
margin-bottom: 16px;
::v-deep(.el-table) {
width: 100%;
}
.pagination-wrap {
display: flex;
justify-content: flex-end;
margin-top: 16px;
}
}
.danger-text {
color: #f56c6c;
}
}
</style>