reservation-ssr/pages/admin/index.vue

<template>
  <div class="g-box">
    <div class="m-snav">
      <span class="active">今日预约单</span> | <span>所有预约单</span>
    </div>
    <table class="table" border="0" cellspacing="0" cellpadding="0">
      <thead>
      <tr>
        <th>单据编号</th>
        <th>联系电话</th>
        <th>称呼</th>
        <th>预约服务</th>
        <th>预约时间</th>
        <th>状态</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>213</td>
        <td>324234</td>
        <td>2432</td>
        <td>23</td>
        <td>2323</td>
        <td>322222</td>
      </tr>
      <tr>
        <td>213</td>
        <td>324234</td>
        <td>2432</td>
        <td>23</td>
        <td>2323</td>
        <td>322222</td>
      </tr>
      <tr>
        <td>213</td>
        <td>324234</td>
        <td>2432</td>
        <td>23</td>
        <td>2323</td>
        <td>322222</td>
      </tr>
      </tbody>
    </table>
    <page :total="200" :page-size="3"
          :current="2" @childEvent="handleCurrentChange" />
  </div>
</template>

<script>
  import { page } from '@/components/common'
  export default {
    name: 'index',
    layout: 'admin',
    components: {
      page
    },
    methods: {
      handleCurrentChange (page) {
        console.log(page)
      }
    }
  }
</script>