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

src/assets/styles/index.scss

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

src/views/course/ManageListRemote.vue

@@ -63,13 +63,6 @@
               <el-option label="未发布" :value="false"></el-option>
             </el-select>
           </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 class="filter-actions" v-show="!showAdvancedFilter">
@@ -87,6 +80,12 @@
       </div>
       <div v-if="showAdvancedFilter" class="filter-row filter-row--advanced advanced-filter">
         <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">
             <el-select v-model="params.openCourse" placeholder="是否公开课" clearable>
               <el-option label="是" :value="1"></el-option>
@@ -179,7 +178,7 @@
         </el-table-column>
         <el-table-column label="课程分类" prop="sysType" min-width="180" align="center" sortable="custom" show-overflow-tooltip>
           <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>
         </el-table-column>
         <el-table-column label="授课教师" prop="teacherName" :min-width="teacherColumnWidth" align="center" >
@@ -1116,7 +1115,14 @@ export default {
             this.$showMessage('置顶成功！', 'success')
             this.searchData();
           } 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 {
             this.$showMessage(res.message, 'error');
           }