部分bug提交
Wangxubin
3 years ago
parent
6c49104110
commit
3355a83277
@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="left">
|
||||
<el-table v-loading="loading" :data="tableDate" :header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee',
|
||||
}" show-summary border max-height="600">
|
||||
<el-table-column align="center" min-width="75" prop="date" label="日期"></el-table-column>
|
||||
<el-table-column align="center" label="客单数">
|
||||
<el-table-column align="center" min-width="60" prop="rechargeOrderNum" label="充值">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="courseOrderNum" label="疗程">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="cashPeopleNum" label="服务">
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="rechargeMoney" label="充值金额">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" label="疗程">
|
||||
<el-table-column align="center" prop="coursexMoney" label="现付"></el-table-column>
|
||||
<el-table-column align="center" prop="coursekMoney" label="卡付"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="服务">
|
||||
<el-table-column align="center" prop="cashMoney" label="总金额">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="cashierCashMoney" label="现付金额">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="cashierCardMoney" label="卡付金额">
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="项目男女客数">
|
||||
<el-table-column align="center" min-width="60" prop="man" label="男客">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="woman" label="女客">
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" label="还款">
|
||||
<el-table-column align="center" label="充值金额" prop="recRepayMoney"></el-table-column>
|
||||
<el-table-column align="center" label="疗程金额" prop="courseRepayMoney"></el-table-column>
|
||||
<el-table-column align="center" label="促销金额" prop="promotionCourseRepayMoney"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="refundMoney" label="退款金额">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" label="会员">
|
||||
<el-table-column align="center" min-width="60" prop="newMemberNum" label="新增"></el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="startMemberNum" label="启用" v-if="headOffice==1">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="60" prop="memberNum" label="总数" v-if="headOffice==1">
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="right">
|
||||
<payment style="width:100%" ref="payment" :payLists='payLists' :pay='pay'/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import payment from './payment.vue'
|
||||
import { ctlist } from "@/api/eashier.js";
|
||||
export default {
|
||||
props:{
|
||||
lists:{
|
||||
type:Array,
|
||||
default:()=>([])
|
||||
},
|
||||
pay:{
|
||||
type:Array,
|
||||
default:()=>([])
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
lists:{
|
||||
handler(arr){
|
||||
if(arr){
|
||||
this.tableDate = arr
|
||||
}else{
|
||||
this.tableDate = []
|
||||
}
|
||||
},
|
||||
immediate:true
|
||||
},
|
||||
pay:{
|
||||
handler(arr){
|
||||
try{
|
||||
for(let i=0;i<this.payLists.length;i++){
|
||||
this.$set(this.payLists[i],'payMoney',0)
|
||||
for(let j=0;j<arr.length;j++){
|
||||
if(this.payLists[i].collectionTypeName === arr[j].payName){
|
||||
this.$set(this.payLists[i],'payMoney',arr[j].payMoney)
|
||||
}
|
||||
}
|
||||
}
|
||||
}catch(err){
|
||||
this.payLists.forEach(item=>{
|
||||
this.$set(item,'payMoney',0)
|
||||
})
|
||||
}
|
||||
},
|
||||
immediate:true
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
loading:false,
|
||||
payLists:[],
|
||||
tableDate:[],
|
||||
headOffice: sessionStorage.getItem("headOffice") * 1,
|
||||
}
|
||||
},
|
||||
components:{
|
||||
payment
|
||||
},
|
||||
methods:{
|
||||
// 初始化现付列表
|
||||
initpay(){
|
||||
ctlist({
|
||||
state: 1
|
||||
}).then(res=>{
|
||||
if(res.code === '000000'){
|
||||
this.payLists = res.rows
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
created(){
|
||||
this.initpay()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.box{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.left{
|
||||
/* flex: 1; */
|
||||
width: 80%;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.form{
|
||||
border: 1px solid #ccc;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.right{
|
||||
width: 20%;
|
||||
/* flex: 1; */
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.parallel{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
.title{
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.content{
|
||||
display: flex;
|
||||
}
|
||||
.testShow{
|
||||
padding: 20px;
|
||||
font-size:15px;
|
||||
}
|
||||
.colSpan{
|
||||
color: red;
|
||||
text-decoration:underline
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div class="flex">
|
||||
<div style="width:100%">
|
||||
<el-table :data="payLists" style="max-width:280px" class='border'
|
||||
:header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee' }">
|
||||
<el-table-column align="center" prop="collectionTypeName" min-width="100" label="支付方式"></el-table-column>
|
||||
<el-table-column align="center" prop="payMoney" min-width="80" label="本次支付 ">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.payMoney?scope.row.payMoney:0 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
payLists:{
|
||||
type:Array,
|
||||
default:()=>([])
|
||||
},
|
||||
pay:{
|
||||
type:Array,
|
||||
default:()=>([])
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Loading…
Reference in New Issue