t

src/views/courselibrary/CoursewareManage.vue

@@ -547,18 +547,21 @@
                       placeholder="请输入按回车键创建成功"
                       :options="tagsOptions"
                     ></a-select> -->
-                    <a-select
-                      :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                      v-model:value="tags_val"
-                      mode="tags"
-                      style="width: 440px; height: 40px"
+                    <a-input
+                      v-model:value="tags_val_single"
                       placeholder="请输入按回车键创建成功"
-                      @change="handleTagChange"
-                    ></a-select>
+                      @pressEnter="handleTagChange"
+                    />
+                    <div class="tag-content">
+                      <a-tag
+                        v-for="(item, index) in tags_val"
+                        :key="index"
+                        closable
+                        @close="handleTagClose(index)"
+                      >
+                        {{ item }}
+                      </a-tag>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -3840,6 +3843,7 @@ export default defineComponent({
       feng_mian_1: null,
       feng_mian_2: null,
       chang_jin: null,
+      tags_val_single: "",
       tags_val: [],
       qdms_inputV6: "",
       //在线面授管理
@@ -5292,8 +5296,13 @@ export default defineComponent({
 
     // handleTagChange
     const handleTagChange = () => {
-      console.log(7877878);
-      console.log(state.tagsOptions);
+      if (state.tags_val_single) {
+        state.tags_val.push(state.tags_val_single);
+      }
+      state.tags_val_single = "";
+    };
+    const handleTagClose = (index) => {
+      state.tags_val.splice(index, 1);
     };
 
     // 预览弹框 开启和关闭
@@ -5695,6 +5704,7 @@ export default defineComponent({
       stm_exit,
       ft_exit_see,
       handleTagChange,
+      handleTagClose,
       createkk,
       handleCancelStu,
       handleSureStu,
@@ -8020,6 +8030,12 @@ export default defineComponent({
   }
 }
 
+.tag-content {
+  .ant-tag {
+    margin-top: 10px;
+  }
+}
+
 .coursewareDetail {
   .ant-modal {
     height: 320px;