This commit is contained in:
DESKTOP-369JRHT\12997 2024-10-17 13:57:45 +08:00
parent 3996c44056
commit fd65893af1
10 changed files with 214 additions and 188 deletions

View File

@ -86,6 +86,7 @@ export default {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
padding: 0px 50px; padding: 0px 50px;
border-top: 1px solid #eceff1;
} }
.f-box { .f-box {

View File

@ -6,6 +6,7 @@
<div style="display: flex;align-items: center "> <div style="display: flex;align-items: center ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label=""> <el-form-item label="">
<el-date-picker <el-date-picker
v-model="beginTime" v-model="beginTime"
style="width: 140px" style="width: 140px"
@ -33,7 +34,7 @@
<div class="box-gang"> <div class="box-gang">
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole">0/0</div> <div class="size-bole" style="color: #0DC291">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0DC291"></div> <div class="dian" style="background: #0DC291"></div>
@ -42,7 +43,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#00CAFF;">0/0</div> <div class="size-bole" style="color:#00CAFF;">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -52,7 +53,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#F44522;" >0/0</div> <div class="size-bole" style="color:#F44522;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -62,17 +63,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#E05295;" >0/0</div> <div class="size-bole" style="color:#FF7E00;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">优惠总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#FF7E00;" >0/0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -80,9 +71,19 @@
<div class="nei">优惠总金额</div> <div class="nei">优惠总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0/0</div> <div class="size-bole" style="color:#E05295;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">实收总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0047FF"></div> <div class="dian" style="background: #0047FF"></div>
@ -90,23 +91,25 @@
</div> </div>
</div> </div>
</div> </div>
<div class="table-box"> <div class="table-box">
<el-table <el-table
:data="orderList" :data="orderList"
border border
style="width: 100%;margin-top: 15px"> style="width: 100%;margin-top: 15px">
<el-table-column type="index" width="50" align="center" label="序号"/> <el-table-column type="index" width="50" align="center" label="序号"/>
<!-- <el-table-column prop="deptId" align="center" label="门店编号"> </el-table-column>--> <el-table-column prop="content" align="center" label="员工姓名"> </el-table-column>
<el-table-column prop="content" align="center" label="油站名称"> </el-table-column> <el-table-column prop="content" align="center" label="加油升数(元)"> </el-table-column>
<el-table-column prop="goodsMoney" align="center" label="加油升数(元)"> </el-table-column> <el-table-column prop="content" align="center" label="加油笔数"> </el-table-column>
<el-table-column prop="payMoney" align="center" label="加油笔数"> </el-table-column> <el-table-column prop="content" align="center" label="订单金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="订单金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="优惠金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="优惠金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="退款金额(元)"> </el-table-column>
<el-table-column prop="parentStoreName" align="center" label="退款金额"> </el-table-column> <el-table-column prop="content" align="center" label="实收金额(元)"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="实收金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="统计周期"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="统计周期"> <!-- <div slot="empty" class="empty">-->
{{this.beginTime }} {{this.endTime}} <!-- <el-empty description="暂无数据"></el-empty>-->
</el-table-column> <!-- </div>-->
</el-table> </el-table>
</div> </div>
<div class="pagination-box"> <div class="pagination-box">
@ -271,7 +274,7 @@ export default {
.container{ .container{
background: #f4f5f9; background: #f4f5f9;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 6px; padding-bottom: 10px;
} }
.app-top{ .app-top{
width: 100%; width: 100%;
@ -334,8 +337,8 @@ export default {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;
@ -368,7 +371,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
height: 80.5vh; height: 80vh;
} }
.pagination-box{ .pagination-box{
width: 100%; width: 100%;
@ -397,4 +400,10 @@ export default {
height: 100%; height: 100%;
} }
} }
.dian{
width: 6px;
height: 6px;
border-radius: 8px;
margin-right: 5px;
}
</style> </style>

View File

@ -1,6 +1,7 @@
<!-- 收银台订单--> <!-- 收银台订单-->
<template> <template>
<div class="container" > <div class="container" >
<div class="wgang"> <div class="wgang">
<div style="display: flex;align-items: center "> <div style="display: flex;align-items: center ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
@ -33,7 +34,7 @@
<div class="box-gang"> <div class="box-gang">
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole">0/0</div> <div class="size-bole" style="color: #0DC291">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0DC291"></div> <div class="dian" style="background: #0DC291"></div>
@ -42,7 +43,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#00CAFF;">0/0</div> <div class="size-bole" style="color:#00CAFF;">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -52,7 +53,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#F44522;" >0/0</div> <div class="size-bole" style="color:#F44522;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -62,17 +63,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#E05295;" >0/0</div> <div class="size-bole" style="color:#FF7E00;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">优惠总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#FF7E00;" >0/0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -80,9 +71,19 @@
<div class="nei">优惠总金额</div> <div class="nei">优惠总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0/0</div> <div class="size-bole" style="color:#E05295;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">实收总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0047FF"></div> <div class="dian" style="background: #0047FF"></div>
@ -90,23 +91,25 @@
</div> </div>
</div> </div>
</div> </div>
<div class="table-box"> <div class="table-box">
<el-table <el-table
:data="orderList" :data="orderList"
border border
style="width: 100%;margin-top: 15px"> style="width: 100%;margin-top: 15px">
<el-table-column type="index" width="50" align="center" label="序号"/> <el-table-column type="index" width="50" align="center" label="序号"/>
<!-- <el-table-column prop="deptId" align="center" label="门店编号"> </el-table-column>--> <el-table-column prop="content" align="center" label="商品名称"> </el-table-column>
<el-table-column prop="content" align="center" label="油站名称"> </el-table-column> <el-table-column prop="content" align="center" label="加油升数(元)"> </el-table-column>
<el-table-column prop="goodsMoney" align="center" label="加油升数(元)"> </el-table-column> <el-table-column prop="content" align="center" label="加油笔数"> </el-table-column>
<el-table-column prop="payMoney" align="center" label="加油笔数"> </el-table-column> <el-table-column prop="content" align="center" label="订单金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="订单金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="优惠金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="优惠金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="退款金额(元)"> </el-table-column>
<el-table-column prop="parentStoreName" align="center" label="退款金额"> </el-table-column> <el-table-column prop="content" align="center" label="实收金额(元)"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="实收金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="统计周期"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="统计周期"> <!-- <div slot="empty" class="empty">-->
{{this.beginTime }} {{this.endTime}} <!-- <el-empty description="暂无数据"></el-empty>-->
</el-table-column> <!-- </div>-->
</el-table> </el-table>
</div> </div>
<div class="pagination-box"> <div class="pagination-box">
@ -271,7 +274,7 @@ export default {
.container{ .container{
background: #f4f5f9; background: #f4f5f9;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 6px; padding-bottom: 10px;
} }
.app-top{ .app-top{
width: 100%; width: 100%;
@ -334,8 +337,8 @@ export default {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;
@ -368,7 +371,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
height: 80.5vh; height: 80vh;
} }
.pagination-box{ .pagination-box{
width: 100%; width: 100%;
@ -397,4 +400,10 @@ export default {
height: 100%; height: 100%;
} }
} }
.dian{
width: 6px;
height: 6px;
border-radius: 8px;
margin-right: 5px;
}
</style> </style>

View File

@ -34,7 +34,7 @@
<div class="box-gang"> <div class="box-gang">
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole">0/0</div> <div class="size-bole" style="color: #0DC291">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0DC291"></div> <div class="dian" style="background: #0DC291"></div>
@ -43,7 +43,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#00CAFF;">0/0</div> <div class="size-bole" style="color:#00CAFF;">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -53,7 +53,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#F44522;" >0/0</div> <div class="size-bole" style="color:#F44522;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -63,17 +63,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#E05295;" >0/0</div> <div class="size-bole" style="color:#FF7E00;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">优惠总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#FF7E00;" >0/0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -81,33 +71,45 @@
<div class="nei">优惠总金额</div> <div class="nei">优惠总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0/0</div> <div class="size-bole" style="color:#E05295;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">实收总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0047FF"></div> <div class="dian" style="background: #0047FF"></div>
<div class="nei">优惠总金额</div> <div class="nei">退款总金额</div>
</div> </div>
</div> </div>
</div> </div>
<div class="table-box"> <div class="table-box">
<el-table <el-table
:data="orderList" :data="orderList"
border border
style="width: 100%;margin-top: 15px"> style="width: 100%;margin-top: 15px">
<el-table-column type="index" width="50" align="center" label="序号"/> <el-table-column type="index" width="50" align="center" label="序号"/>
<!-- <el-table-column prop="deptId" align="center" label="门店编号"> </el-table-column>--> <el-table-column prop="content" align="center" label="油枪名称"> </el-table-column>
<el-table-column prop="content" align="center" label="油站名称"> </el-table-column> <el-table-column prop="content" align="center" label="加油升数(元)"> </el-table-column>
<el-table-column prop="goodsMoney" align="center" label="加油升数(元)"> </el-table-column> <el-table-column prop="content" align="center" label="加油笔数"> </el-table-column>
<el-table-column prop="payMoney" align="center" label="加油笔数"> </el-table-column> <el-table-column prop="content" align="center" label="订单金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="订单金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="优惠金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="优惠金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="退款金额(元)"> </el-table-column>
<el-table-column prop="parentStoreName" align="center" label="退款金额"> </el-table-column> <el-table-column prop="content" align="center" label="实收金额(元)"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="实收金额(元)"> </el-table-column> <el-table-column prop="content" align="center" label="统计周期"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="统计周期"> <!-- <div slot="empty" class="empty">-->
{{this.beginTime }} {{this.endTime}} <!-- <el-empty description="暂无数据"></el-empty>-->
</el-table-column> <!-- </div>-->
</el-table> </el-table>
</div> </div>
<div class="pagination-box"> <div class="pagination-box">
@ -272,7 +274,7 @@ export default {
.container{ .container{
background: #f4f5f9; background: #f4f5f9;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 6px; padding-bottom: 10px;
} }
.app-top{ .app-top{
width: 100%; width: 100%;
@ -335,8 +337,8 @@ export default {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;
@ -369,7 +371,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
height: 80.5vh; height: 80vh;
} }
.pagination-box{ .pagination-box{
width: 100%; width: 100%;
@ -398,4 +400,10 @@ export default {
height: 100%; height: 100%;
} }
} }
.dian{
width: 6px;
height: 6px;
border-radius: 8px;
margin-right: 5px;
}
</style> </style>

View File

@ -307,8 +307,8 @@ export default {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;

View File

@ -34,7 +34,7 @@
<div class="box-gang"> <div class="box-gang">
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole">0/0</div> <div class="size-bole" style="color: #0DC291">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0DC291"></div> <div class="dian" style="background: #0DC291"></div>
@ -43,7 +43,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#00CAFF;">0/0</div> <div class="size-bole" style="color:#00CAFF;">0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -53,7 +53,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#F44522;" >0/0</div> <div class="size-bole" style="color:#F44522;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -63,17 +63,7 @@
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#E05295;" >0/0</div> <div class="size-bole" style="color:#FF7E00;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">优惠总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#FF7E00;" >0/0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
@ -81,13 +71,23 @@
<div class="nei">优惠总金额</div> <div class="nei">优惠总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0/0</div> <div class="size-bole" style="color:#E05295;" >0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #E05295"></div>
<div class="nei">实收总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0047FF;" >0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0047FF"></div> <div class="dian" style="background: #0047FF"></div>
<div class="nei">优惠总金额</div> <div class="nei">退款总金额</div>
</div> </div>
</div> </div>
</div> </div>
@ -99,36 +99,17 @@
border border
style="width: 100%;margin-top: 15px"> style="width: 100%;margin-top: 15px">
<el-table-column type="index" width="50" align="center" label="序号"/> <el-table-column type="index" width="50" align="center" label="序号"/>
<!-- <el-table-column prop="deptId" align="center" label="门店编号"> </el-table-column>--> <el-table-column prop="content" align="center" label="油品油号"> </el-table-column>
<el-table-column prop="content" align="center" label="订单分类"> </el-table-column> <el-table-column prop="content" align="center" label="加油升数(元)"> </el-table-column>
<el-table-column prop="goodsMoney" align="center" label="订单金额"> </el-table-column> <el-table-column prop="content" align="center" label="加油笔数"> </el-table-column>
<el-table-column prop="payMoney" align="center" label="实收金额"> </el-table-column> <el-table-column prop="content" align="center" label="订单金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="订单笔数"> </el-table-column> <el-table-column prop="content" align="center" label="优惠金额(元)"> </el-table-column>
<el-table-column prop="unitPrice" align="center" label="笔单价"> <el-table-column prop="content" align="center" label="退款金额(元)"> </el-table-column>
<el-table-column prop="content" align="center" label="实收金额(元)"> </el-table-column>
<template slot-scope="scope"> <el-table-column prop="content" align="center" label="统计周期"> </el-table-column>
{{ (scope.row.payMoney/scope.row.count).toFixed(2) }} <!-- <div slot="empty" class="empty">-->
</template> <!-- <el-empty description="暂无数据"></el-empty>-->
</el-table-column> <!-- </div>-->
<el-table-column prop="dailyAmount" align="center" label="日均交易金额">
<template slot-scope="scope">
{{ (scope.row.payMoney / timeDifference).toFixed(2) }}
</template>
</el-table-column>
<el-table-column prop="strokesPerDay" align="center" label="日订单笔数">
<template slot-scope="scope">
{{ (scope.row.count / timeDifference).toFixed(2) }} </template>
</el-table-column>
<!-- <el-table-column prop="parentStoreId" align="center" label="机构编号"> </el-table-column>-->
<el-table-column prop="parentStoreName" align="center" label="退款金额"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="退款笔数"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="统计周期">
{{this.beginTime }} {{this.endTime}}
</el-table-column>
<!-- <el-table-column prop="seekZero" align="center" label="品牌编号"> </el-table-column>-->
<!-- <el-table-column prop="seekZero" align="center" label="品牌名称"> </el-table-column>-->
</el-table> </el-table>
</div> </div>
<div class="pagination-box"> <div class="pagination-box">
@ -293,7 +274,7 @@ export default {
.container{ .container{
background: #f4f5f9; background: #f4f5f9;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 8px; padding-bottom: 10px;
} }
.app-top{ .app-top{
width: 100%; width: 100%;
@ -356,8 +337,8 @@ export default {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;
@ -390,7 +371,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
height: 81vh; height: 80vh;
} }
.pagination-box{ .pagination-box{
width: 100%; width: 100%;
@ -419,4 +400,10 @@ export default {
height: 100%; height: 100%;
} }
} }
.dian{
width: 6px;
height: 6px;
border-radius: 8px;
margin-right: 5px;
}
</style> </style>

View File

@ -81,6 +81,7 @@ export default {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
padding: 0px 50px; padding: 0px 50px;
border-top: 1px solid #eceff1;
} }
.f-box{ .f-box{

View File

@ -70,7 +70,6 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
height: 60px; height: 60px;
box-sizing: border-box; box-sizing: border-box;
} }
.tab-box { .tab-box {
@ -79,6 +78,7 @@ export default {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
padding: 0px 50px; padding: 0px 50px;
border-top: 1px solid #eceff1;
} }
.f-box { .f-box {
@ -87,6 +87,7 @@ export default {
margin-right: 50px; margin-right: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer;
} }

View File

@ -40,7 +40,7 @@
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0DC291"></div> <div class="dian" style="background: #0DC291"></div>
<div class="nei">优惠金额/笔数</div> <div class="nei">订单总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
@ -50,7 +50,7 @@
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #00CAFF"></div> <div class="dian" style="background: #00CAFF"></div>
<div class="nei">油品订单优惠金额/笔数</div> <div class="nei">优惠金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
@ -60,7 +60,7 @@
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #F44522"></div> <div class="dian" style="background: #F44522"></div>
<div class="nei">便利店订单优惠金额/笔数</div> <div class="nei">退款总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
@ -70,7 +70,37 @@
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #FF7E00"></div> <div class="dian" style="background: #FF7E00"></div>
<div class="nei">积分商城订单优惠金额/笔数</div> <div class="nei">挂账总金额/归还总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#0D2ED8;" >{{orderStatistics.balanceCount?orderStatistics.balanceCount:0}}/0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #0D2ED8"></div>
<div class="nei">实收总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#790DD8;" >{{orderStatistics.balanceCount?orderStatistics.balanceCount:0}}/0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #790DD8"></div>
<div class="nei">充值总金额/会员消费总金额</div>
</div>
</div>
<div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#D80D54;" >{{orderStatistics.balanceCount?orderStatistics.balanceCount:0}}/0</div>
</el-tooltip>
<div class="size-hui">
<div class="dian" style="background: #D80D54"></div>
<div class="nei">新增会员数</div>
</div> </div>
</div> </div>
</div> </div>
@ -82,36 +112,17 @@
border border
style="width: 100%;margin-top: 15px"> style="width: 100%;margin-top: 15px">
<el-table-column type="index" width="50" align="center" label="序号"/> <el-table-column type="index" width="50" align="center" label="序号"/>
<!-- <el-table-column prop="deptId" align="center" label="门店编号"> </el-table-column>--> <el-table-column prop="content" align="center" label="日期"> </el-table-column>
<el-table-column prop="content" align="center" label="订单分类"> </el-table-column> <el-table-column prop="content" align="center" label="订单金额(元)"> </el-table-column>
<el-table-column prop="goodsMoney" align="center" label="订单金额"> </el-table-column> <el-table-column prop="content" align="center" label="优惠金额(元)"> </el-table-column>
<el-table-column prop="payMoney" align="center" label="实收金额"> </el-table-column> <el-table-column prop="content" align="center" label="退款金额(元)"> </el-table-column>
<el-table-column prop="count" align="center" label="订单笔数"> </el-table-column> <el-table-column prop="content" align="center" label="挂账金额(元)"> </el-table-column>
<el-table-column prop="unitPrice" align="center" label="笔单价"> <el-table-column prop="content" align="center" label="实收金额(元)"> </el-table-column>
<el-table-column prop="content" align="center" label="充值金额(元)"> </el-table-column>
<template slot-scope="scope"> <el-table-column prop="content" align="center" label="充值赠送金额(元)"> </el-table-column>
{{ (scope.row.payMoney/scope.row.count).toFixed(2) }} <el-table-column prop="content" align="center" label="会员消费金额(元)"> </el-table-column>
</template> <el-table-column prop="content" align="center" label="归还金额(元)"> </el-table-column>
</el-table-column> <el-table-column prop="content" align="center" label="新增会员数"> </el-table-column>
<el-table-column prop="dailyAmount" align="center" label="日均交易金额">
<template slot-scope="scope">
{{ (scope.row.payMoney / timeDifference).toFixed(2) }}
</template>
</el-table-column>
<el-table-column prop="strokesPerDay" align="center" label="日订单笔数">
<template slot-scope="scope">
{{ (scope.row.count / timeDifference).toFixed(2) }} </template>
</el-table-column>
<!-- <el-table-column prop="parentStoreId" align="center" label="机构编号"> </el-table-column>-->
<el-table-column prop="parentStoreName" align="center" label="退款金额"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="退款笔数"> </el-table-column>
<el-table-column prop="leaderName" align="center" label="统计周期">
{{this.beginTime }} {{this.endTime}}
</el-table-column>
<!-- <el-table-column prop="seekZero" align="center" label="品牌编号"> </el-table-column>-->
<!-- <el-table-column prop="seekZero" align="center" label="品牌名称"> </el-table-column>-->
</el-table> </el-table>
</div> </div>
<div class="pagination-box"> <div class="pagination-box">
@ -326,7 +337,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
//width: 200px; //width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN; //font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 13px;
color: #888888; color: #888888;
@ -338,8 +349,8 @@ export default {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;

View File

@ -38,17 +38,16 @@
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #0DC291"></div> <div class="dian" style="background: #0DC291"></div>
<div class="nei">优惠金额/笔数</div> <div class="nei">订单总金额/笔数</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start">
<div class="size-bole" style="color:#00CAFF;">0/0</div> <div class="size-bole" style="color:#00CAFF;">0/0</div>
</el-tooltip> </el-tooltip>
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #00CAFF"></div> <div class="dian" style="background: #00CAFF"></div>
<div class="nei">油品订单优惠金额/笔数</div> <div class="nei">实收总金额</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
@ -58,7 +57,7 @@
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #F44522"></div> <div class="dian" style="background: #F44522"></div>
<div class="nei">便利店订单优惠金额/笔数</div> <div class="nei">退款总金额/笔数</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
@ -68,7 +67,7 @@
<div class="size-hui"> <div class="size-hui">
<div class="dian" style="background: #FF7E00"></div> <div class="dian" style="background: #FF7E00"></div>
<div class="nei">积分商城订单优惠金额/笔数</div> <div class="nei">日均订单金额</div>
</div> </div>
</div> </div>
</div> </div>
@ -336,8 +335,8 @@ import {
} }
.size-bole{ .size-bole{
height: 31px; height: 31px;
font-family: YouSheBiaoTiHei; //font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 600;
font-size: 24px; font-size: 24px;
color: #555555; color: #555555;
//line-height: 0px; //line-height: 0px;