add && remove

src/mock/article.js

@@ -0,0 +1,49 @@
+import Mock from 'mockjs';
+
+
+const List = [];
+const count = 20;
+
+
+for (let i = 0; i < count; i++) {
+  List.push(Mock.mock({
+    id: '@id',
+    title: '@ctitle(10, 20)',
+    'status|1': ['published', 'draft'],
+    author: '@cname',
+    display_time: '@datetime',
+    pageviews: '@integer(300, 5000)'
+  }));
+}
+
+export default {
+  getList: () => new Promise(resolve => {
+    setTimeout(() => {
+      resolve([200, {
+        data: List
+      }]);
+    }, 100);
+  }),
+  getArticle: () => new Promise(resolve => {
+    setTimeout(() => {
+      resolve([200, {
+        data: {
+          id: 120000000001,
+          author: { key: 'mockPan' },
+          source_name: '原创作者',
+          category_item: [{ key: 'global', name: '全球' }],
+          comment_disabled: false,
+          content: '<p>我是测试数据我是测试数据</p><p><img class="wscnph" src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943" data-wscntype="image" data-wscnh="300" data-wscnw="400" data-mce-src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943"></p>"',
+          content_short: '我是测试数据',
+          display_time: +new Date(),
+          image_uri: 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3',
+          platforms: ['a-platform'],
+          source_uri: 'https://github.com/PanJiaChen/vue-element-admin',
+          status: 'published',
+          tags: [],
+          title: ''
+        }
+      }]);
+    }, 100);
+  })
+};

src/mock/index.js

@@ -1,26 +1,19 @@
 import axios from 'axios';
-import Mock from 'mockjs';
 import MockAdapter from 'axios-mock-adapter';
-import article_tableAPI from './article_table'
+import articleAPI from './article';
+import article_tableAPI from './article_table';
+import remoteSearchAPI from './remoteSearch';
 const mock = new MockAdapter(axios);
 
-const articleList = {
-  'data|20': [{
-    id: '@id',
-    title: '@ctitle(10, 20)',
-    'status|1': ['published', 'draft'],
-    author: '@cname',
-    display_time: '@datetime',
-    pageviews: '@integer(300, 5000)'
-  }]
-}
-const data = JSON.stringify(Mock.mock(articleList))
-mock.onGet('/article/list').reply(200, data);
 
+mock.onGet('/article/list').reply(articleAPI.getList);
+mock.onGet('/article/detail').reply(articleAPI.getArticle);
 
 mock.onGet('/article_table/list').reply(article_tableAPI.getList);
 mock.onGet('/article_table/pv').reply(article_tableAPI.getPv);
 
 
+mock.onGet('/search/user').reply(remoteSearchAPI.searchUser);
+
 
 export default mock;

src/mock/remoteSearch.js

@@ -0,0 +1,29 @@
+import Mock from 'mockjs';
+
+const NameList = [];
+const count = 100;
+
+for (let i = 0; i < count; i++) {
+  NameList.push(Mock.mock({
+    name: '@first'
+  }));
+}
+NameList.push({ name: 'mockPan' })
+
+export default {
+  searchUser: config => {
+    const { name } = config.params;
+    const mockNameList = NameList.filter(item => {
+      const lowerCaseName = item.name.toLowerCase()
+      if (name && lowerCaseName.indexOf(name.toLowerCase()) < 0) return false;
+      return true;
+    });
+    return new Promise(resolve => {
+      setTimeout(() => {
+        resolve([200, {
+          items: mockNameList
+        }]);
+      }, 100);
+    })
+  }
+};