You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.7 KiB
Vue
65 lines
2.7 KiB
Vue
<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> |