From e4b0591509a257ff50ed91fc5529ee4db04a4457 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BE=9D=E6=A2=A6?= <15822465730@163.com>
Date: Tue, 23 Dec 2025 19:47:25 +0800
Subject: [PATCH] =?UTF-8?q?ui=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NameFilterSelect/index.vue | 30 ++++++++++++++++++-----
 src/utils/tools.js                        |  2 +-
 src/views/course/CourseManage.vue         |  2 +-
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/NameFilterSelect/index.vue b/src/components/NameFilterSelect/index.vue
index d3fdc5d9..8c7fb4fe 100644
--- a/src/components/NameFilterSelect/index.vue
+++ b/src/components/NameFilterSelect/index.vue
@@ -1,8 +1,10 @@
 <template>
   <div id="NameFilterSelect">
-    <el-select @clear="handleClose" style="width:100%" @change="handleChange" clearable multiple v-model="aids"
-      filterable placeholder="姓名" v-limit-input="50" remote reserve-keyword :remote-method="initNameList"
-      :multiple-limit="5" :loading="nameListLoading">
+    <el-select ref="selectRef" :max-collapse-tag="2" @visible-change="handleChangeBlur" @focus="collapseTags = false"
+      :collapse-tags="collapseTags" @clear="handleClose" class="no-wrap-select" style="width:100%"
+      @change="handleChange" clearable multiple v-model="aids" filterable placeholder="姓名" v-limit-input="50" remote
+      :no-data-text="keyword && keyword.length > 1 ? '无数据': '至少输入两个字'" :remote-method="initNameList" :multiple-limit="5"
+      :loading="nameListLoading">
       <el-option v-for="item in nameList" :key="item.userId" :label="item.name" :value="item.userId">
         <span>{{ item.name }}</span>
         <span v-if="item.code" class="option-code">（{{ item.code }}）</span>
@@ -19,6 +21,8 @@ export default {
       aids: [],
       nameListLoading: false,
       nameList: [],
+      keyword: "",
+      collapseTags: true,
     };
   },
   props: {},
@@ -26,9 +30,22 @@ export default {
     handleChange() {
       console.log("handleChange", this.aids);
       this.$emit("handleNameChange", this.aids);
+      this.$nextTick(() => {
+        this.nameList = [];
+      });
+    },
+    handleChangeBlur(flag) {
+      const selectEl = this.$refs.selectRef.$el;
+      const input = selectEl.getElementsByClassName("el-input__inner")[0];
+      console.log(input, "input");
+      input.style.height = "auto";
+      // 失焦时展示+N模式
+      if (!flag) {
+        this.collapseTags = true;
+      }
     },
     handleClose() {
-      this.$set(this, 'nameList', [])
+      this.$set(this, "nameList", []);
       console.log("handleClose", this.aids);
       this.$emit("handleClose");
     },
@@ -37,8 +54,10 @@ export default {
       this.nameList = [];
     },
     async initNameList(keyword) {
+      // this.collapseTags = false
+      this.keyword = keyword;
       console.log("initNameList", keyword);
-      if (!keyword) {
+      if (!keyword || keyword.length < 2) {
         return;
       }
       this.nameListLoading = true;
@@ -73,7 +92,6 @@ export default {
   watch: {},
 };
 </script>
-
 <style scoped lang="scss">
 ::v-deep .el-upload-dragger {
   width: 100% !important;
diff --git a/src/utils/tools.js b/src/utils/tools.js
index 32615c7f..6a164a31 100644
--- a/src/utils/tools.js
+++ b/src/utils/tools.js
@@ -121,7 +121,7 @@ export function toContentType(fileType) {
 // }
 export function courseType(type) {
     const maps = {
-        10: '录播课',
+        10: '微课',
         21: '在线课(直播)',
         20: '录播课',
         30: '线下课',
diff --git a/src/views/course/CourseManage.vue b/src/views/course/CourseManage.vue
index 3cd82960..cb2cf05a 100644
--- a/src/views/course/CourseManage.vue
+++ b/src/views/course/CourseManage.vue
@@ -14,7 +14,7 @@
     </div>
     <!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
     <div>
-      <el-tabs style="width: 100%;" v-model="tabName" >
+      <el-tabs style="width: 100%;" type="border-card" v-model="tabName" >
         <el-tab-pane label="报名记录" name="second">
           <el-row style="margin: 20px 0;" :gutter="20">
             <el-col :span="4">