From ed08c6bf8a40f80d3b2336f7ba0c5b94e21c9e23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Mon, 15 Jan 2018 19:00:38 +0800
Subject: [PATCH] no message

Former-commit-id: b16036f43f7da9accf820e4031c19920cd39d633
Former-commit-id: 102be84cd34388e4047b05bf90ab3bd7f71eb2e9
Former-commit-id: b3c28fcd34cf2ee63f07198a05d23acc67e4a93a
---
 src/main.js                          |  3 ++
 src/mock/index.js                    |  8 ++++++
 src/pages/demo/plugins/mock/ajax.vue | 42 ++++++++++++++++++++++++++--
 3 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 src/mock/index.js

diff --git a/src/main.js b/src/main.js
index b836020e..6884f154 100755
--- a/src/main.js
+++ b/src/main.js
@@ -23,6 +23,9 @@ import '@/components'
 // 异步请求库
 import '@/plugin/axios'
 
+// mock接口设置
+import '@/mock/index.js'
+
 // vuex
 import store from '@/store/index.js'
 
diff --git a/src/mock/index.js b/src/mock/index.js
new file mode 100644
index 00000000..fb4e6a05
--- /dev/null
+++ b/src/mock/index.js
@@ -0,0 +1,8 @@
+import Mock from 'mockjs'
+
+Mock.mock('/abc', {
+  'list|1-10': [{
+    'id|+1': 1,
+    'email': '@EMAIL'
+  }]
+})
diff --git a/src/pages/demo/plugins/mock/ajax.vue b/src/pages/demo/plugins/mock/ajax.vue
index 9dcdd521..3ea7142d 100644
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -1,7 +1,45 @@
 <template>
   <Container type="ghost">
     <el-card>
-      Hello
+      <div slot="header">
+        <el-button @click="ajax">发送请求</el-button>
+      </div>
+      <el-table v-bind="table" style="width: 100%">
+        <el-table-column
+          v-for="(item, index) in table.columns"
+          :key="index"
+          :prop="item.prop"
+          :label="item.label">
+        </el-table-column>
+      </el-table>
     </el-card>
   </Container>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      table: {
+        columns: [],
+        data: [],
+        size: 'mini',
+        stripe: true,
+        border: true
+      }
+    }
+  },
+  methods: {
+    ajax () {
+      this.$axios.get('/abc')
+      .then(res => {
+        this.table.columns = Object.keys(res.data.list[0]).map(e => ({
+          label: e,
+          prop: e
+        }))
+        this.table.data = res.data.list
+      })
+    }
+  }
+}
+</script>