|
|
@@ -1,6 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div class="Box"> |
|
|
|
|
|
|
|
<div class="back-box"> |
|
|
|
<van-icon |
|
|
|
class="back-icon" |
|
|
@@ -11,35 +10,46 @@ |
|
|
|
/> |
|
|
|
<span>会员核销</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="topbox"> |
|
|
|
<div class="title">今日收款总额(元)</div> |
|
|
|
<div class="num">{{(sum_real_payment1+sum_real_payment2+sum_real_payment3)/100}}</div> |
|
|
|
<div class="piece">{{`${list.length} 笔`}}</div> |
|
|
|
<div class="num"> |
|
|
|
{{ (sum_real_payment1 + sum_real_payment2 + sum_real_payment3) / 100 }} |
|
|
|
</div> |
|
|
|
<div class="piece">{{ `${list.length} 笔` }}</div> |
|
|
|
<div class="intOne"> |
|
|
|
<div class="left"> |
|
|
|
<div class="text1">已到账(元)</div> |
|
|
|
<div class="text" style="color: #fff; font-weight: bold">{{(sum_real_payment2+sum_real_payment3)/100}}</div> |
|
|
|
<div class="text" style="color: #fff; font-weight: bold"> |
|
|
|
{{ (sum_real_payment2 + sum_real_payment3) / 100 }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
<div class="text1">未到账(元)</div> |
|
|
|
<div class="text" style="color: #fff; font-weight: bold">{{sum_real_payment1/100}}</div> |
|
|
|
<div class="text" style="color: #fff; font-weight: bold"> |
|
|
|
{{ sum_real_payment1 / 100 }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="clearfix"> |
|
|
|
<div class="clearfix_left">{{setTiem(new Date().getTime(),"YYYY-MM-DD")}}</div> |
|
|
|
<div class="clearfix_left"> |
|
|
|
{{ setTiem(new Date().getTime(), "YYYY-MM-DD") }} |
|
|
|
</div> |
|
|
|
<div class="clearfix_right" @click="goCurrent">按日期查询</div> |
|
|
|
</div> |
|
|
|
<div class="contents" v-for="(item,index) in list" :key="index"> |
|
|
|
<div class="contents" v-for="(item, index) in list" :key="index"> |
|
|
|
<div class="contents_left"> |
|
|
|
<div class="customer">{{item.onickName}}</div> |
|
|
|
<div>{{setTiem(item.createDate,"YYYY-MM-DD HH:mm:ss")}}</div> |
|
|
|
</div> |
|
|
|
<div class="customer">{{ item.onickName }}</div> |
|
|
|
<div>{{ setTiem(item.createDate, "YYYY-MM-DD HH:mm:ss") }}</div> |
|
|
|
</div> |
|
|
|
<div class="contents_right"> |
|
|
|
<div style="color: #000; line-height: 1rem;text-align: right;">{{`¥${item.deductionAmount/100}`}}</div> |
|
|
|
<div>{{`实收 ¥${item.realPayment/100}`}}</div> |
|
|
|
<div style="color: #000; line-height: 1rem; text-align: right"> |
|
|
|
{{ `¥${item.deductionAmount / 100}` }} |
|
|
|
</div> |
|
|
|
<div>{{ `实收 ¥${item.realPayment / 100}` }}</div> |
|
|
|
</div> |
|
|
|
<div class="noAccount" v-if="item.payStatus == 0">未到账</div> |
|
|
|
</div> |
|
|
|
<div class="noData">暂无数据</div> |
|
|
|
</div> |
|
|
@@ -48,118 +58,141 @@ |
|
|
|
import Vue from "vue"; |
|
|
|
import moment from "moment"; |
|
|
|
import { Toast } from "vant"; |
|
|
|
import{ mapState} from "vuex"; |
|
|
|
import { mapState } from "vuex"; |
|
|
|
export default { |
|
|
|
|
|
|
|
data() { |
|
|
|
return { |
|
|
|
pageNum:1, |
|
|
|
pageSize:10, |
|
|
|
list:[], |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
list: [], |
|
|
|
sum_real_payment1: 0, |
|
|
|
sum_real_payment2: 0, |
|
|
|
sum_real_payment3:0, |
|
|
|
} |
|
|
|
sum_real_payment3: 0, |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['merchant_id']) |
|
|
|
...mapState(["merchant_id"]), |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
goBack() { |
|
|
|
this.$router.go(-1) |
|
|
|
}, |
|
|
|
this.$router.go(-1); |
|
|
|
}, |
|
|
|
goCurrent() { |
|
|
|
this.$router.push("/current"); |
|
|
|
}, |
|
|
|
//查询消费卡扫码记录列表 |
|
|
|
getCardPay() { |
|
|
|
Toast.loading({ |
|
|
|
message: "加载中...", |
|
|
|
duration: 0, // 持续展示 toast |
|
|
|
forbidClick: true, |
|
|
|
forbidClick: true, |
|
|
|
message: "加载中...", |
|
|
|
duration: 0, // 持续展示 toast |
|
|
|
forbidClick: true, |
|
|
|
forbidClick: true, |
|
|
|
}); |
|
|
|
this.$http |
|
|
|
.cardPayList({ |
|
|
|
methods: "get", |
|
|
|
params: { |
|
|
|
pageNum: this.pageNum, |
|
|
|
pageSize: this.pageSize, |
|
|
|
startdate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 00:00:00", |
|
|
|
enddate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 23:59:59", |
|
|
|
}, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
const { code, message, data } = res; |
|
|
|
if (code == 200) { |
|
|
|
Toast.clear(); |
|
|
|
this.list = data.list; |
|
|
|
} else { |
|
|
|
Toast.clear(); |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((res) => { |
|
|
|
Toast.clear(); |
|
|
|
Toast(res); |
|
|
|
}); |
|
|
|
this.$http.cardPayList({ |
|
|
|
methods: "get", |
|
|
|
params: { |
|
|
|
pageNum:this.pageNum, |
|
|
|
pageSize:this.pageSize, |
|
|
|
startdate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 00:00:00', |
|
|
|
enddate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 23:59:59', |
|
|
|
}, |
|
|
|
}).then(res=>{ |
|
|
|
const {code,message,data} = res |
|
|
|
if(code ==200){ |
|
|
|
Toast.clear(); |
|
|
|
this.list = data.list |
|
|
|
}else{ |
|
|
|
Toast.clear(); |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}).catch(res=>{ |
|
|
|
Toast.clear(); |
|
|
|
Toast(res); |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
payMum1(){ |
|
|
|
this.$http.payMum({ |
|
|
|
methods: "get", |
|
|
|
params:{ |
|
|
|
merchantId: this.merchant_id, |
|
|
|
startdate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 00:00:00', |
|
|
|
enddate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 23:59:59', |
|
|
|
payStatus:0 |
|
|
|
} |
|
|
|
}).then(res=>{ |
|
|
|
const{code , data,message}=res |
|
|
|
if(code==200){ |
|
|
|
this.sum_real_payment1= Number(data.length!=0?res.data[0].sum_real_payment:0) |
|
|
|
}else{ |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
payMum1() { |
|
|
|
this.$http |
|
|
|
.payMum({ |
|
|
|
methods: "get", |
|
|
|
params: { |
|
|
|
merchantId: this.merchant_id, |
|
|
|
startdate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 00:00:00", |
|
|
|
enddate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 23:59:59", |
|
|
|
payStatus: 0, |
|
|
|
}, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
const { code, data, message } = res; |
|
|
|
if (code == 200) { |
|
|
|
this.sum_real_payment1 = Number( |
|
|
|
data.length != 0 ? res.data[0].sum_real_payment : 0 |
|
|
|
); |
|
|
|
} else { |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
payMum2(){ |
|
|
|
this.$http.payMum({ |
|
|
|
methods: "get", |
|
|
|
params:{ |
|
|
|
merchantId: this.merchant_id, |
|
|
|
startdate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 00:00:00', |
|
|
|
enddate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 23:59:59', |
|
|
|
payStatus:1 |
|
|
|
} |
|
|
|
}).then(res=>{ |
|
|
|
const{code , data,message}=res |
|
|
|
if(code==200){ |
|
|
|
this.sum_real_payment2= Number(data.length!=0?res.data[0].sum_real_payment:0) |
|
|
|
}else{ |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}) |
|
|
|
payMum2() { |
|
|
|
this.$http |
|
|
|
.payMum({ |
|
|
|
methods: "get", |
|
|
|
params: { |
|
|
|
merchantId: this.merchant_id, |
|
|
|
startdate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 00:00:00", |
|
|
|
enddate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 23:59:59", |
|
|
|
payStatus: 1, |
|
|
|
}, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
const { code, data, message } = res; |
|
|
|
if (code == 200) { |
|
|
|
this.sum_real_payment2 = Number( |
|
|
|
data.length != 0 ? res.data[0].sum_real_payment : 0 |
|
|
|
); |
|
|
|
} else { |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
payMum3(){ |
|
|
|
this.$http.payMum({ |
|
|
|
methods: "get", |
|
|
|
params:{ |
|
|
|
merchantId: this.merchant_id, |
|
|
|
startdate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 00:00:00', |
|
|
|
enddate: moment(new Date().getTime()).format("YYYY-MM-DD")+' 23:59:59', |
|
|
|
payStatus:2 |
|
|
|
} |
|
|
|
}).then(res=>{ |
|
|
|
const{code , data,message}=res |
|
|
|
if(code==200){ |
|
|
|
this.sum_real_payment3= Number(data.length!=0?res.data[0].sum_real_payment:0) |
|
|
|
}else{ |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}) |
|
|
|
payMum3() { |
|
|
|
this.$http |
|
|
|
.payMum({ |
|
|
|
methods: "get", |
|
|
|
params: { |
|
|
|
merchantId: this.merchant_id, |
|
|
|
startdate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 00:00:00", |
|
|
|
enddate: |
|
|
|
moment(new Date().getTime()).format("YYYY-MM-DD") + " 23:59:59", |
|
|
|
payStatus: 2, |
|
|
|
}, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
const { code, data, message } = res; |
|
|
|
if (code == 200) { |
|
|
|
this.sum_real_payment3 = Number( |
|
|
|
data.length != 0 ? res.data[0].sum_real_payment : 0 |
|
|
|
); |
|
|
|
} else { |
|
|
|
Toast(message); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
//时间处理 |
|
|
|
setTiem(temp,format){//第一个参数是时间戳 第二个参数是格式 参考momentJS |
|
|
|
return moment(Number(temp)).format(format) |
|
|
|
} |
|
|
|
setTiem(temp, format) { |
|
|
|
//第一个参数是时间戳 第二个参数是格式 参考momentJS |
|
|
|
return moment(Number(temp)).format(format); |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getCardPay(); |
|
|
@@ -245,6 +278,7 @@ export default { |
|
|
|
color: #52a0fd; |
|
|
|
} |
|
|
|
.contents { |
|
|
|
position: relative; |
|
|
|
padding: 0 0.6rem; |
|
|
|
overflow: hidden; |
|
|
|
font-size: 0.42rem; |
|
|
@@ -254,12 +288,23 @@ export default { |
|
|
|
color: rgba(153, 153, 153, 1); |
|
|
|
padding-top: 0.5rem; |
|
|
|
} |
|
|
|
.noAccount { |
|
|
|
line-height: 0.6rem; |
|
|
|
position: absolute; |
|
|
|
top: 0.6rem; |
|
|
|
left: 4.5rem; |
|
|
|
transform: rotate(-30deg); |
|
|
|
border: 0.01rem solid #ff6a6a; |
|
|
|
border-radius: 0.1rem; |
|
|
|
padding: 0.1rem 0.3rem; |
|
|
|
color: #ff6a6a; |
|
|
|
} |
|
|
|
.contents_left { |
|
|
|
float: left; |
|
|
|
line-height: 1rem; |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
.customer{ |
|
|
|
.customer { |
|
|
|
color: #000; |
|
|
|
font-size: 0.48rem; |
|
|
|
} |
|
|
|