样式调整
This commit is contained in:
@@ -95,26 +95,6 @@ a,
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 全局表格内容居中:所有页面表头与数据单元格统一居中对齐 =====
|
|
||||||
覆盖 Element 表头(.el-table__cell th)与数据(.el-table__cell td)的默认左对齐,
|
|
||||||
含固定列(eltable__fixed);!important 用于覆盖列配置 align 时 Element 注入的
|
|
||||||
内联 text-align(如 align="left/right"),确保按需求强制全部居中。
|
|
||||||
选中列复选框(el-checkbox)不受影响。 */
|
|
||||||
.el-table th.el-table__cell > .cell,
|
|
||||||
.el-table td.el-table__cell > .cell {
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ===== 全局隐藏表格底部横向滚动条 =====
|
|
||||||
页面已实现横向拖拽滑动(el-table__body-wrapper.is-dragging),故隐藏
|
|
||||||
Element 的横向滚动条(.el-scrollbar__bar.is-horizontal),避免视觉重复。
|
|
||||||
!important:Element 的 ScrollbarBar 会通过内联 style="display:block"
|
|
||||||
控制该横条显隐,普通 display:none 无法覆盖内联样式,必须加 !important。
|
|
||||||
纵向滚动条(el-scrollbar__bar.is-vertical)不受影响。 */
|
|
||||||
.el-table .el-scrollbar__bar.is-horizontal {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
*,
|
||||||
*:before,
|
*:before,
|
||||||
*:after {
|
*:after {
|
||||||
|
|||||||
@@ -422,6 +422,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
|
<div class="search-tip">注意:勾选"选择框"表示启用该项对应的查询条件,输入框非空表示启用查询条件。</div>
|
||||||
<div class="search-actions">
|
<div class="search-actions">
|
||||||
<el-button type="primary" @click="handleCourseQuery">查询</el-button>
|
<el-button type="primary" @click="handleCourseQuery">查询</el-button>
|
||||||
</div>
|
</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. 新增/修改表单 ====================
|
// ==================== 3. 新增/修改表单 ====================
|
||||||
.add-form {
|
.add-form {
|
||||||
max-height: 62vh;
|
max-height: 62vh;
|
||||||
|
|||||||
@@ -295,21 +295,5 @@ export default {
|
|||||||
margin-top: 12px;
|
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>
|
</style>
|
||||||
|
|||||||
@@ -412,11 +412,6 @@ export default {
|
|||||||
this.fetchList()
|
this.fetchList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 序号:按当前页数据索引生成跨页连续的序号 */
|
|
||||||
fmtXh(index) {
|
|
||||||
return (this.pageNum - 1) * this.pageSize + index + 1
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 创建空表单 */
|
/** 创建空表单 */
|
||||||
createEmptyForm() {
|
createEmptyForm() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -81,6 +81,14 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<el-alert
|
||||||
|
class="query-tip"
|
||||||
|
title="注意:勾选'选择框'表示启用该项对应的查询条件"
|
||||||
|
type="info"
|
||||||
|
:closable="false"
|
||||||
|
show-icon
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 数据列表区域 -->
|
<!-- 数据列表区域 -->
|
||||||
<div class="list-title">公告列表</div>
|
<div class="list-title">公告列表</div>
|
||||||
<el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
|
<el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
|
||||||
|
|||||||
@@ -155,6 +155,7 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<div class="notice">注意:勾选"选择框"表示启用该项对应的查询条件,输入框非空表示启用查询条件。</div>
|
||||||
<div class="query-footer">
|
<div class="query-footer">
|
||||||
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
|
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -188,6 +189,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
|
<!-- ==================== 5. 红色提示文字 ==================== -->
|
||||||
|
<div class="red-tip">
|
||||||
|
提示:课程体系按"课程-专题-课题"构建的,课程名称的命名格式为"课程名称\专题名称\课题名称"或"课程名称\课题名称"。
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- ==================== 6. 数据表格区域 ==================== -->
|
<!-- ==================== 6. 数据表格区域 ==================== -->
|
||||||
<el-card shadow="never" class="table-card">
|
<el-card shadow="never" class="table-card">
|
||||||
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
|
<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. 数据表格区域 ====================
|
// ==================== 6. 数据表格区域 ====================
|
||||||
.table-card {
|
.table-card {
|
||||||
.pagination-wrapper {
|
.pagination-wrapper {
|
||||||
|
|||||||
Reference in New Issue
Block a user