add

src/views/components/dndlist.vue

@@ -1,17 +1,14 @@
 <template>
   <div class="components-container">
-    <code>公司做的后台主要是一个cms系统，公司也是已自媒体为核心的，所以富文本是后台很核心的功能。在选择富文本的过程中也走了不少的弯路，市面上常见的富文本都基本用过了，最终选择了tinymce</code>
+    <code>拖拽https://github.com/SortableJS/Vue.Draggable 项目：Vue.Draggable</code>
     <div class="editor-container">
-       <TwoDndList :list1="list1" :list2="list2" :list1Title="头条列表" list2Title="文章池"></TwoDndList>
+       <DndList :list1="list1" :list2="list2" list1Title="头条列表" list2Title="文章池" />
     </div>
-    <!--<div class='editor-content'>
-{{content}}
-    </div>-->
   </div>
 </template>
 <script>
     import DndList from 'components/twoDndList'
-
+    import { getList } from 'api/article';
     export default {
       components: { DndList },
       data() {
@@ -20,8 +17,18 @@
           list2: []
         }
       },
+      created() {
+        this.fetchData();
+      },
       methods: {
-
+        fetchData() {
+          this.listLoading = true;
+          getList(this.listQuery).then(response => {
+            this.list1 = response.data.splice(0, 5);
+            this.list2 = response.data;
+            console.log(this.list1, this.list2)
+          })
+        }
       }
     };
 </script>