|
|
|
@ -1,99 +1,97 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<!-- 门店日报 -->
|
|
|
|
<!-- 门店日报 -->
|
|
|
|
<div>
|
|
|
|
<div class="bottom-right flex justify-center flex-wrap padding-bottom">
|
|
|
|
<div class="bottom-right flex justify-center flex-wrap padding-bottom">
|
|
|
|
<el-tooltip effect="dark" :content="'今日客单总数为 ' + form.cashPeopleNum " placement="top">
|
|
|
|
<el-tooltip effect="dark" :content="'今日客单总数为 ' + form.cashPeopleNum " placement="top">
|
|
|
|
<div class="bottom-right-item text-center">
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<div style="width:100%;" class="text-center">
|
|
|
|
<i class="el-icon-user i"></i>
|
|
|
|
<i class="el-icon-user i"></i>
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<span>客单数</span>
|
|
|
|
|
|
|
|
<div class="bottom-right-item-number">{{form.cashPeopleNum}}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
<span>客单数</span>
|
|
|
|
<el-tooltip effect="dark" :content="'今日总充值金额 ' + form.rechargeMoney +' , 总共充值人数为 ' +form.rechargeOrderNum" placement="top">
|
|
|
|
<div class="bottom-right-item-number">{{form.cashPeopleNum?form.cashPeopleNum:0}}</div>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
</div>
|
|
|
|
<i class="el-icon-s-management i"></i>
|
|
|
|
</el-tooltip>
|
|
|
|
<br>
|
|
|
|
<el-tooltip effect="dark" :content="'今日总充值金额 ' + form.rechargeMoney +' , 总共充值人数为 ' +form.rechargeOrderNum" placement="top">
|
|
|
|
<span>充值金额</span>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
|
|
|
|
<i class="el-icon-s-management i"></i>
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<span>充值金额</span>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<div class="text-red text-price">{{form.rechargeMoney | money}}</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="text-red text-price">{{form.rechargeMoney | money}}</div>
|
|
|
|
<i class=" text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<div>
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.rechargeOrderNum}}</div>
|
|
|
|
<i class=" text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.rechargeOrderNum}}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
</div>
|
|
|
|
<el-tooltip effect="dark" :content="'今日总服务金额 ' + form.cashMoney +' , 男客 ' +form.man+'女客'+form.woman" placement="top">
|
|
|
|
</el-tooltip>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<el-tooltip effect="dark" :content="'今日总服务金额 ' + form.cashMoney +' , 男客 ' +form.man+'女客'+form.woman" placement="top">
|
|
|
|
<i class="el-icon-s-finance i"></i>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<br>
|
|
|
|
<i class="el-icon-s-finance i"></i>
|
|
|
|
<span>服务金额</span>
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<span>服务金额</span>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<div class="text-red text-price">{{form.cashMoney | money}}</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="text-red text-price">{{form.cashMoney | money}}</div>
|
|
|
|
<i class=" text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<div>
|
|
|
|
<div class="text-blue bottom-right-item-icon-number">{{form.man}}</div>
|
|
|
|
<i class=" text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<i class="text-red el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<div class="text-blue bottom-right-item-icon-number">{{form.man}}</div>
|
|
|
|
<div class="text-red bottom-right-item-icon-number">{{form.woman}}</div>
|
|
|
|
<i class="text-red el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
|
|
|
|
<div class="text-red bottom-right-item-icon-number">{{form.woman}}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
</div>
|
|
|
|
<el-tooltip effect="dark" :content="'今日总还款金额 ' + form.repayMoney" placement="top">
|
|
|
|
</el-tooltip>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<el-tooltip effect="dark" :content="'今日总还款金额 ' + form.repayMoney" placement="top">
|
|
|
|
<i class="el-icon-s-ticket i"></i>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<br>
|
|
|
|
<i class="el-icon-s-ticket i"></i>
|
|
|
|
<span>还款金额</span>
|
|
|
|
<br>
|
|
|
|
<div class="text-red text-price">{{form.repayMoney | money}}</div>
|
|
|
|
<span>还款金额</span>
|
|
|
|
</div>
|
|
|
|
<div class="text-red text-price">{{form.repayMoney | money}}</div>
|
|
|
|
</el-tooltip>
|
|
|
|
</div>
|
|
|
|
<el-tooltip effect="dark" :content="'今日总退款金额 ' + form.refundMoney" placement="top">
|
|
|
|
</el-tooltip>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<el-tooltip effect="dark" :content="'今日总退款金额 ' + form.refundMoney" placement="top">
|
|
|
|
<i class="el-icon-s-release i"></i>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<br>
|
|
|
|
<i class="el-icon-s-release i"></i>
|
|
|
|
<span>退款金额</span>
|
|
|
|
<br>
|
|
|
|
<div class="text-red text-price">{{form.refundMoney | money}}</div>
|
|
|
|
<span>退款金额</span>
|
|
|
|
|
|
|
|
<div class="text-red text-price">{{form.refundMoney | money}}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
|
|
|
<el-tooltip effect="dark" :content="'今日新增会员 ' + form.newMemberNum" placement="top">
|
|
|
|
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
|
|
|
|
<i class="el-icon-s-marketing i"></i>
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<span>新增会员</span>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<i class="text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.newMemberNum}}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
</div>
|
|
|
|
<el-tooltip effect="dark" :content="'今日新增会员 ' + form.newMemberNum" placement="top">
|
|
|
|
</el-tooltip>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<el-tooltip effect="dark" :content="'总使用中的会员数为 ' + form.startMemberNum" placement="top">
|
|
|
|
<i class="el-icon-s-marketing i"></i>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<br>
|
|
|
|
<i class="el-icon-loading i"></i>
|
|
|
|
<span>新增会员</span>
|
|
|
|
<br>
|
|
|
|
<div>
|
|
|
|
<span>启用会员</span>
|
|
|
|
<i class="text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<div>
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.newMemberNum}}</div>
|
|
|
|
<i class=" text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
</div>
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.startMemberNum}}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
</div>
|
|
|
|
<el-tooltip effect="dark" :content="'总使用中的会员数为 ' + form.startMemberNum" placement="top">
|
|
|
|
</el-tooltip>
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<el-tooltip effect="dark" :content="'门店会员总数为 ' + form.memberNum" placement="top">
|
|
|
|
<i class="el-icon-loading i"></i>
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<span>启用会员</span>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<i class=" text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.startMemberNum}}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
|
|
|
<el-tooltip effect="dark" :content="'门店会员总数为 ' + form.memberNum" placement="top">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<div class="bottom-right-item">
|
|
|
|
<i class="el-icon-s-data i"></i>
|
|
|
|
<i class="el-icon-s-data i"></i>
|
|
|
|
<br>
|
|
|
|
<br>
|
|
|
|
<span>会员总数</span>
|
|
|
|
<span>会员总数</span>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<i class="text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<i class="text-blue el-icon-user-solid bottom-right-item-icon"></i>
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.memberNum}}</div>
|
|
|
|
<div class=" bottom-right-item-icon-number">{{form.memberNum}}</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tooltip>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
@ -136,15 +134,20 @@ export default {
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
flex-wrap: wrap; */
|
|
|
|
flex-wrap: wrap; */
|
|
|
|
max-height: 40vh;
|
|
|
|
max-height: 40vh;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
padding: 2%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.bottom-right-item {
|
|
|
|
.bottom-right-item {
|
|
|
|
height: 80px;
|
|
|
|
overflow: hidden;
|
|
|
|
width: 130px;
|
|
|
|
height: 40%;
|
|
|
|
/* border: 1px solid #333; */
|
|
|
|
width: 20%;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
padding: 25px 50px;
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
|
|
border: 1px solid rgba(255, 184, 184, 0.7);
|
|
|
|
|
|
|
|
padding-top: 2%;
|
|
|
|
|
|
|
|
padding-bottom: 1%;
|
|
|
|
|
|
|
|
border-radius: 10%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.bottom-right-item .i {
|
|
|
|
.bottom-right-item .i {
|
|
|
|
font-size: 42px;
|
|
|
|
font-size: 42px;
|
|
|
|
|