hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-17 23:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 更新index.scss以增强按钮的颜色对比度；调整ManageListRemote.vue中的过滤器布局，优化用户体验。

Browse Source
This commit is contained in:
huweihang
2025-12-15 17:30:38 +08:00
parent ffeb5bf0b6
commit c9c714ddfa
2 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/styles/index.scss
View File

@@ -473,8 +473,8 @@ li{
} }
.el-button--default { .el-button--default {
color: rgba(0, 0, 0, .2); color: rgba(0, 0, 0, .3);
border-color: rgba(0, 0, 0, .1); border-color: rgba(0, 0, 0, .3);
background-color: #FFFFFF; background-color: #FFFFFF;
} }

24
src/views/course/ManageListRemote.vue
View File

@@ -63,13 +63,6 @@
<el-option label="未发布" :value="false"></el-option> <el-option label="未发布" :value="false"></el-option>
</el-select> </el-select>
</div> </div>
<div class="filter-field filter-field--enabled" v-show="showAdvancedFilter">
<el-select v-model="params.enabled" placeholder="全部启停用状态" clearable>
<el-option label="启用" :value="true"></el-option>
<el-option label="停用" :value="false"></el-option>
</el-select>
</div>
</div> </div>
<div class="filter-actions" v-show="!showAdvancedFilter"> <div class="filter-actions" v-show="!showAdvancedFilter">
@@ -87,6 +80,12 @@
</div> </div>
<div v-if="showAdvancedFilter" class="filter-row filter-row--advanced advanced-filter"> <div v-if="showAdvancedFilter" class="filter-row filter-row--advanced advanced-filter">
<div class="filter-fields"> <div class="filter-fields">
<div class="filter-field filter-field--enabled">
<el-select v-model="params.enabled" placeholder="全部启停用状态" clearable>
<el-option label="启用" :value="true"></el-option>
<el-option label="停用" :value="false"></el-option>
</el-select>
</div>
<div class="filter-field filter-field--open"> <div class="filter-field filter-field--open">
<el-select v-model="params.openCourse" placeholder="是否公开课" clearable> <el-select v-model="params.openCourse" placeholder="是否公开课" clearable>
<el-option label="是" :value="1"></el-option> <el-option label="是" :value="1"></el-option>
@@ -179,7 +178,7 @@
</el-table-column> </el-table-column>
<el-table-column label="课程分类" prop="sysType" min-width="180" align="center" sortable="custom" show-overflow-tooltip> <el-table-column label="课程分类" prop="sysType" min-width="180" align="center" sortable="custom" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<span class="common-cell single-line-ellipsis">{{ formatSysTypeChain(scope.row) }}</span> <span class="common-cell common-cell-right single-line-ellipsis">{{ formatSysTypeChain(scope.row) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="授课教师" prop="teacherName" :min-width="teacherColumnWidth" align="center" > <el-table-column label="授课教师" prop="teacherName" :min-width="teacherColumnWidth" align="center" >
@@ -1116,7 +1115,14 @@ export default {
this.$showMessage('置顶成功！', 'success') this.$showMessage('置顶成功！', 'success')
this.searchData(); this.searchData();
} else if (res.status === 500) { } else if (res.status === 500) {
this.$showMessage('已置顶10条课程，若需继续置顶，请对部分课程执行取消置顶操作', 'error'); const confirmText = `<i class="el-icon-warning-outline"></i>已置顶10条课程，若需继续置顶，请对部分课程执行取消置顶操作`;
this.$confirm(confirmText, '置顶确认', {
confirmButtonText: '确定',
cancelButtonText: '取消',
dangerouslyUseHTMLString: true,
type: 'warning',
customClass: 'custom-confirm-dialog'
}).then(() => {}).catch(() => { });
} else { } else {
this.$showMessage(res.message, 'error'); this.$showMessage(res.message, 'error');
} }