样式调整

This commit is contained in:
2026-08-24 09:15:34 +08:00
parent 43f1aab297
commit 08b1ea4606
7 changed files with 23 additions and 57 deletions
+1
View File
@@ -422,6 +422,7 @@
</el-col>
</el-row>
<div class="search-tip">注意勾选"选择框"表示启用该项对应的查询条件输入框非空表示启用查询条件</div>
<div class="search-actions">
<el-button type="primary" @click="handleCourseQuery">查询</el-button>
</div>
@@ -665,22 +665,6 @@ export default {
}
}
// 隐藏表格底部横向滚动条(自定义 bar 由全局样式隐藏,此处隐藏原生滚动条)
::v-deep .el-table ::-webkit-scrollbar {
display: none;
}
::v-deep .el-table {
scrollbar-width: none;
-ms-overflow-style: none;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
::v-deep .el-table__body-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
}
// ==================== 3. 新增/修改表单 ====================
.add-form {
max-height: 62vh;
@@ -295,21 +295,5 @@ export default {
margin-top: 12px;
}
}
// 隐藏表格底部横向滚动条(自定义 bar 由全局样式隐藏,此处隐藏原生滚动条)
::v-deep .el-table ::-webkit-scrollbar {
display: none;
}
::v-deep .el-table {
scrollbar-width: none;
-ms-overflow-style: none;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
::v-deep .el-table__body-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
}
}
</style>
@@ -412,11 +412,6 @@ export default {
this.fetchList()
},
methods: {
/** 序号:按当前页数据索引生成跨页连续的序号 */
fmtXh(index) {
return (this.pageNum - 1) * this.pageSize + index + 1
},
/** 创建空表单 */
createEmptyForm() {
return {
+8
View File
@@ -81,6 +81,14 @@
</el-form-item>
</el-form>
<el-alert
class="query-tip"
title="注意:勾选'选择框'表示启用该项对应的查询条件"
type="info"
:closable="false"
show-icon
/>
<!-- 数据列表区域 -->
<div class="list-title">公告列表</div>
<el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
@@ -155,6 +155,7 @@
</el-row>
</el-form>
<div class="notice">注意勾选"选择框"表示启用该项对应的查询条件输入框非空表示启用查询条件</div>
<div class="query-footer">
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
</div>
@@ -188,6 +189,11 @@
</div>
</el-card>
<!-- ==================== 5. 红色提示文字 ==================== -->
<div class="red-tip">
提示课程体系按"课程-专题-课题"构建的课程名称的命名格式为"课程名称\专题名称\课题名称""课程名称\课题名称"
</div>
<!-- ==================== 6. 数据表格区域 ==================== -->
<el-card shadow="never" class="table-card">
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
@@ -786,6 +792,14 @@ export default {
}
}
// ==================== 5. 红色提示文字 ====================
.red-tip {
font-size: 14px;
color: #f56c6c;
margin-bottom: 16px;
line-height: 1.6;
}
// ==================== 6. 数据表格区域 ====================
.table-card {
.pagination-wrapper {