<template>
    <div>
      <div class="staffRanking_header padding-bottom-xs">
        <div></div>
        <div class="block">
          <el-date-picker
            v-model="Time"
            placeholder="选择月份"
            type="month" 
            range-separator="至"
            >
          </el-date-picker>
          <el-button size="mini" type="primary" @click="init">查询</el-button>
          <el-button size="mini" type="primary" @click="exit">导出</el-button>
        </div>
      </div>
      <el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
        <el-table-column align="center" min-width="80" prop="storeNum" label="门店" ></el-table-column>
        <el-table-column align="center" min-width="100" prop="storeName" label="工号" ></el-table-column>
        <el-table-column align="center" min-width="100" prop="date" label="姓名"></el-table-column>
        <el-table-column align="center" min-width="100" prop="allRows" label="耗卡明细"></el-table-column>
        <el-table-column align="center" min-width="100" prop="cashRows" label="单号"></el-table-column>
        <el-table-column align="center" min-width="100" prop="courseRows" label="会员编号"></el-table-column>
        <el-table-column align="center" min-width="100" prop="rechargeRows" label="顾客姓名"></el-table-column>
        <el-table-column align="center" min-width="100" prop="allCashNumber" label="项目"></el-table-column>
        <el-table-column align="center" min-width="100" prop="allCashNumber" label="优惠卷金额"></el-table-column>
        <el-table-column align="center" min-width="100" prop="allCashNumber" label="奖励"></el-table-column>
        <el-table-column align="center" min-width="100" prop="allCashNumber" label="备注"></el-table-column>
      </el-table>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        loading: false,
        list: [],
        Time:new Date()
      };
    },
    methods:{
      dateChange(date){
      },
      exit(){
      },
      timestampToTime(timestamp) {
        const date = new Date(timestamp);
        const year = date.getFullYear();
        const month = ("0" + (date.getMonth() + 1)).slice(-2);
        const day = ("0" + date.getDate()).slice(-2);
        const hour = ("0" + date.getHours()).slice(-2);
        const minute = ("0" + date.getMinutes()).slice(-2);
        const second = ("0" + date.getSeconds()).slice(-2);
        const formattedTime = `${year}-${month}-${day}`;
        return formattedTime;
      },
      init(){
        this.loading = true
      }
    }
  };
  </script>
   
<style scoped>
</style>