修改bug

修改bug

src/views/news/creatNews.vue

@@ -177,16 +177,13 @@
                 </el-form-item>
               </div>
               <el-form-item label="手动推荐：" prop="commend_id" class="custom-align-right">
-                <el-select v-model="form.commend_id" placeholder="请选择手动推荐名称" multiple filterable clearable remote
-                  :remote-method="remoteMethod" :loading="loading">
-                  <el-option v-for="item in commend_article" :key="item.id" :label="item.title" :value="item.id">
-                  </el-option>
+                <el-select v-model="form.commend_id" placeholder="请选择手动推荐名称" multiple filterable clearable remote :remote-method="remoteMethod" :loading="loading">
+                  <el-option v-for="item in commend_article" :key="item.id" :label="item.title" :value="item.id"></el-option>
                 </el-select>
-
               </el-form-item>
               <el-form-item label="" prop="commend_id" class="custom-align-right">
                 <draggable v-model="form.commend_id" @end="onDragEnd">
-                  <el-tag :key="id" v-for="item in form.commend_id" closable :disable-transitions="false"
+                  <el-tag :key="item.id" v-for="item in form.commend_id" closable :disable-transitions="false"
                     @close="handleClose(item)"> {{ item }}
                   </el-tag>
                 </draggable>
@@ -220,6 +217,8 @@ import '@/styles/global.less';
 import CityCascader from './components/CityCascader';
 //引入富文本编辑器
 import myEditor from '../../components/edit/myEditor.vue';
+//引入拖拽组件
+import draggable from 'vuedraggable';
 
 export default {
   components: {
@@ -227,6 +226,7 @@ export default {
     CityCascader,
     tagInput,
     myEditor,
+    draggable
   },
   data() {
     //0.全局操作 start ------------------------------------------------------------>
@@ -262,6 +262,7 @@ export default {
     let self = this;
     //0.全局操作 end ------------------------------------------------------------>
     return {
+      loading: false,
       logoUrl: '',
       hovering: false, // 鼠标悬浮状态 悬浮时显示删除
       tags: [],//标签数组
@@ -958,6 +959,53 @@ export default {
     levelChange(value) {
       this.form.level = value;
     },
+    getNews() {
+      this.$store.dispatch('news/getArticleList', { page: 1, pageSize: 20 }).then(res => {
+        let data = [];
+        for (let item of res.data.rows) {
+          data.push(item)
+        }
+        this.commend_article = data;
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+    },
+    // 远程搜索方法
+    remoteMethod(query) {
+      const artical_params = { page: 1, pageSize: 20, id: query }
+      if (query !== '') {
+        this.loading = true;
+        //如果全是数字，就id，其他就是搜title
+        let reg = /^[0-9]+$/;
+        let isNum = reg.test(query);
+        if (isNum) {
+          delete artical_params.title;
+          artical_params.id = query;
+        } else {
+          delete artical_params.id;
+          artical_params.title = query;
+        }
+        this.$store.dispatch('news/getArticleList', artical_params).then(res => {
+          this.loading = false;
+          let data = [];
+          for (let item of res.data.rows) {
+            data.push(item);
+          }
+          this.commend_article = data;
+        }).catch(() => {
+          this.loading = false;
+          this.$message({
+            type: 'info',
+            message: '网络错误，请重试！'
+          });
+        });
+      } else {
+        this.commend_article = [];
+      }
+    },
     //5.站点选择 曹国庆 end ------------------------------------------------------------>
 
     //6.问卷 刘佳伟 start ------------------------------------------------------------>
@@ -977,6 +1025,16 @@ export default {
         this.$message.warning('至少保留一个输入框');
       }
     },
+    onDragEnd() {
+      // 处理拖拽结束事件（如果需要）
+      console.log('拖拽结束', this.commend_article);
+    },
+    handleClose(item) {
+      const index = this.form.commend_id.indexOf(item);
+      if (index > -1) {
+        this.form.commend_id.splice(index, 1);
+      }
+    },
     //6.问卷 刘佳伟 end ------------------------------------------------------------>
   },
   mounted() {