add data-view-message page

src/router/index.js

@@ -40,7 +40,11 @@ export default new Router({
                     component: resolve => require(['../views/sensitive-control/data-revise.vue'], resolve)
                 },
             ]
-        }
+        },
+        {  // 短信中的 数据查看页面
+            path: '/data-view-message',
+            component: resolve => require(['../views/sensitive-control/data-view-message.vue'], resolve)
+        },
 
 
     ]

src/views/sensitive-control/data-view-message.vue

+<template>
+  <div class="data-view-message-wrap">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%">
+        <el-table-column
+          prop="date"
+          label="日期"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="姓名"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="province"
+          label="省份"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="city"
+          label="市区"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="地址"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="zip"
+          label="邮编"
+          >
+        </el-table-column>
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="100">
+          <template slot-scope="scope">
+            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+            <el-button type="text" size="small">编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+  </div>
+</template>
+
+<script>
+  export default {
+    methods: {
+      handleClick(row) {
+        console.log(row);
+      }
+    },
+
+    data() {
+      return {
+        tableData: [{
+          date: '2016-05-02',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-04',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1517 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-01',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1519 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-03',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1516 弄',
+          zip: 200333
+        }]
+      }
+    }
+  }
+</script>
+
+<style lang="less">
+  .header{ height: 0 !important; overflow: hidden;  left:0 !important;}
+  .sidebar{ width: 0; overflow: hidden; }
+  .content{ left: 0 !important;  top: 0 !important; } 
+
+
+</style>
\ No newline at end of file