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

Former-commit-id: fec3bc2cc6e638950936638013ce3c8aa3ed768a
Former-commit-id: e167dc467b48c0412053cdf6d6c00a7e0e022c88
Former-commit-id: f2ee32406d274c582b1c1ca680e824e41ab1bc28
---
 .../demo/business/data/largeData/index.vue    | 51 ++++++++++++++++++-
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/src/pages/demo/business/data/largeData/index.vue b/src/pages/demo/business/data/largeData/index.vue
index ff81382d..460bb3b3 100644
--- a/src/pages/demo/business/data/largeData/index.vue
+++ b/src/pages/demo/business/data/largeData/index.vue
@@ -1,5 +1,52 @@
 <template>
   <Container>
-    dataFilter
+    <div slot="header">
+      <el-tooltip effect="dark" content="生成数据需要几秒钟的时间" placement="top">
+        <el-button @click="makeData">生成数据</el-button>
+      </el-tooltip>
+      <el-button @click="tableData = tableDataTemp">渲染数据</el-button>
+    </div>
+    <table border="1" class="gridtable">
+      <tr v-for="(item, index) in tableData" :key="index">
+        <th v-for="(key, keyIndex) in Object.keys(item)" :key="keyIndex">{{item[key]}}</th>
+      </tr>
+    </table>
   </Container>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+import Mock from 'mockjs'
+export default {
+  data () {
+    return {
+      tableDataTemp: [],
+      tableData: [{}]
+    }
+  },
+  methods: {
+    makeData () {
+      this.tableDataTemp = Mock.mock({
+        'list|5000': [{
+          'id|+1': 1,
+          'name': '@CNAME',
+          'num1': '@NATURAL(10, 1000)',
+          'num2': '@NATURAL(10, 1000)',
+          'num3': '@NATURAL(10, 1000)',
+          'num4': '@NATURAL(10, 1000)',
+          'num5': '@NATURAL(10, 1000)',
+          'num6': '@NATURAL(10, 1000)',
+          'num7': '@NATURAL(10, 1000)',
+          'num8': '@NATURAL(10, 1000)',
+          'num9': '@NATURAL(10, 1000)',
+          'num10': '@NATURAL(10, 1000)',
+          'num11': '@NATURAL(10, 1000)',
+          'num12': '@NATURAL(10, 1000)',
+          'num13': '@NATURAL(10, 1000)',
+          'num14': '@NATURAL(10, 1000)',
+          'num15': '@NATURAL(10, 1000)'
+        }]
+      }).list
+    }
+  }
+}
+</script>