no message

This commit is contained in:
DESKTOP-369JRHT\12997 2024-07-05 14:12:31 +08:00
parent 0010de1ad4
commit f66644e922
23 changed files with 1216 additions and 379 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 729 B

View File

@ -6,29 +6,19 @@
<!-- <el-form-item label="流水编号:">-->
<!-- <el-input v-model="queryParams.orderNo"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="交易时间:">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
<!-- size="medium"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- type="datetimerange"-->
<!-- range-separator="至"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- ></el-date-picker>-->
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="机构:" prop="deptId">-->
@ -77,7 +67,7 @@
<!-- <el-option label="已退款" value="refund"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item>
<el-form-item class="flex-container" style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>-->
@ -91,20 +81,40 @@
<!-- </div>-->
<div class="box-gang">
<div class="box">
<div class="size-hui">总加油升数</div>
<div class="size-bole">{{ sum.sumL.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总加油笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总加油笔数</div>
<div class="size-bole">{{ sum.sumOil.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总加油笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总实收金额</div>
<div class="size-bole">{{ sum.sumPayMoney.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总实收金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总油惠金额</div>
<div class="size-bole">{{ sum.sumDis.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总油惠金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<!-- <div class="box">-->
<!-- <div class="size-hui">银联云闪付收款</div>-->
@ -114,9 +124,9 @@
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>交易明细分析列表</div>
</div>
<!-- <div class="wgang">-->
<!-- <div>交易明细分析列表</div>-->
<!-- </div>-->
<div class="table-box">
<el-table
:data="orderList"
@ -407,20 +417,44 @@ import {getgetInfoByEmApi} from "@/api/order/oilorder";
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -449,4 +483,21 @@ import {getgetInfoByEmApi} from "@/api/order/oilorder";
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
</style>

View File

@ -6,7 +6,7 @@
<!-- <el-form-item label="流水编号:">-->
<!-- <el-input v-model="queryParams.orderNo"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="交易时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -21,14 +21,14 @@
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="机构:" prop="deptId">-->
@ -77,7 +77,7 @@
<!-- <el-option label="已退款" value="refund"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item>
<el-form-item class="flex-container" style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>-->
@ -91,27 +91,47 @@
<!-- </div>-->
<div class="box-gang">
<div class="box">
<div class="size-hui">总加油升数</div>
<div class="size-bole">{{ sum.sumL.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总加油升数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总加油笔数</div>
<div class="size-bole">{{ sum.sumOil.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总加油笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总实收金额</div>
<div class="size-bole">{{ sum.sumPayMoney.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总实收金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总油惠金额</div>
<div class="size-bole">{{ sum.sumDis.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总油惠金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>交易明细分析列表</div>
</div>
<!-- <div class="wgang">-->
<!-- <div>交易明细分析列表</div>-->
<!-- </div>-->
<div class="table-box">
<el-table
:data="orderList"
@ -402,20 +422,47 @@ import {getInfoByOilGunApi} from "@/api/order/oilorder";
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
padding: 5px;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -444,4 +491,16 @@ import {getInfoByOilGunApi} from "@/api/order/oilorder";
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
</style>

View File

@ -6,29 +6,19 @@
<!-- <el-form-item label="流水编号:">-->
<!-- <el-input v-model="queryParams.orderNo"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="交易时间:">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
<!-- size="medium"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- type="datetimerange"-->
<!-- range-separator="至"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- ></el-date-picker>-->
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="机构:" prop="deptId">-->
@ -77,7 +67,7 @@
<!-- <el-option label="已退款" value="refund"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item>
<el-form-item class="flex-container" style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>-->
@ -91,20 +81,40 @@
<!-- </div>-->
<div class="box-gang">
<div class="box">
<div class="size-hui">总加油升数</div>
<div class="size-bole">{{ sum.sumL.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总加油升数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总加油笔数</div>
<div class="size-bole">{{ sum.sumOil.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总加油笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总实收金额</div>
<div class="size-bole">{{ sum.sumPayMoney.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总实收金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总油惠金额</div>
<div class="size-bole">{{ sum.sumDis.toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">总油惠金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<!-- <div class="box">-->
<!-- <div class="size-hui">银联云闪付收款</div>-->
@ -115,7 +125,7 @@
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>交易明细分析列表</div>
<!-- <div>交易明细分析列表</div>-->
</div>
<div class="table-box">
<el-table
@ -422,20 +432,63 @@ import {getInfoByOilTypeApi} from "@/api/order/oilorder";
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -464,4 +517,7 @@ import {getInfoByOilTypeApi} from "@/api/order/oilorder";
margin: 10px 0;
}
</style>

View File

@ -3,7 +3,7 @@
<el-card class="box-card">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
<el-form-item label="创建时间">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -28,19 +28,19 @@
placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="订单号">
<el-input v-model="queryParams.orderNo"></el-input>
<el-form-item label="">
<el-input v-model="queryParams.orderNo" placeholder="订单号"></el-input>
</el-form-item>
<el-form-item label="优惠类型" prop="favType">
<el-input v-model="queryParams.favType"></el-input>
<el-form-item label="" prop="favType">
<el-input v-model="queryParams.favType" placeholder="优惠类型"></el-input>
</el-form-item>
<el-form-item label="优惠来源" prop="favFrom">
<el-input v-model="queryParams.favFrom"></el-input>
<el-form-item label="" prop="favFrom">
<el-input v-model="queryParams.favFrom" placeholder="优惠来源"></el-input>
</el-form-item>
<el-form-item label="消费类型" prop="favConsumptionType">
<el-input v-model="queryParams.favConsumptionType"></el-input>
<el-form-item label="" prop="favConsumptionType">
<el-input v-model="queryParams.favConsumptionType" placeholder="消费类型"></el-input>
</el-form-item>
<el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>-->
@ -51,19 +51,29 @@
<el-card class="box-card">
<div class="box-gang">
<div class="box">
<div class="size-hui">总优惠笔数</div>
<div class="size-bole">{{ count.count || 0 }}</div>
<div class="size-hui">
<div class="nei">总优惠笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">总优惠金额</div>
<div class="size-bole">{{ count.allMoney || 0 }}</div>
<div class="size-hui">
<div class="nei">总优惠金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>交易明细分析列表</div>
</div>
<!-- <div class="wgang">-->
<!-- <div></div>-->
<!-- </div>-->
<div class="table-box">
<el-table
:data="list"
@ -187,19 +197,62 @@ export default {
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
</style>

View File

@ -4,7 +4,7 @@
<el-card class="box-card">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="交易时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -19,14 +19,14 @@
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="机构:" prop="deptId">-->
@ -41,22 +41,22 @@
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="支付渠道:" prop="payChannel">
<el-form-item label="" prop="payChannel">
<el-select
v-model="queryParams.payChannel"
clearable
placeholder="全部"
placeholder="支付渠道"
>
<el-option label="小程序" value="applet"/>
<el-option label="收银台" value="cashier"/>
<el-option label="POS端" value="POS"/>
</el-select>
</el-form-item>
<el-form-item label="支付方式:" prop="payType">
<el-form-item label="" prop="payType">
<el-select
v-model="queryParams.payType"
clearable
placeholder="全部"
placeholder="支付方式"
>
<el-option label="现金" value="CASH"/>
<el-option label="微信" value="WECHAT"/>
@ -64,7 +64,7 @@
<el-option label="余额" value="balance"/>
</el-select>
</el-form-item>
<el-form-item>
<el-form-item class="" style="float: right;">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>-->
@ -74,25 +74,35 @@
</el-card>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>订单统计</span>
<!-- <span>订单统计</span>-->
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">退款笔数</div>
<div class="size-bole">{{
orderStatistics.refBalanceCount }}</div>
<div class="size-hui">
<div class="nei">退款笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">退款余额</div>
<div class="size-bole">{{ orderStatistics.refBalance?orderStatistics.refBalance:0 }}</div>
<div class="size-hui">
<div class="nei">退款余额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>机构流水分析列表</div>
</div>
<!-- <div class="wgang">-->
<!-- <div>机构流水分析列表</div>-->
<!-- </div>-->
<div class="table-box">
<el-table
:data="orderList"
@ -381,20 +391,59 @@ import {getmyDataApi, getRunningWaterByTissueApi, getTissueByDataApi, getTrading
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
//font-size: 14px;
//margin-bottom: 10px;
//margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.f-button{
width: 100%;
float: right ;
text-align: right;
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -422,5 +471,20 @@ import {getmyDataApi, getRunningWaterByTissueApi, getTissueByDataApi, getTrading
color: grey;
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
</style>

View File

@ -3,10 +3,10 @@
<div style="margin-top: 30px">
<el-card class="box-card">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="流水编号:">
<el-input v-model="queryParams.orderNo"></el-input>
<el-form-item label="">
<el-input v-model="queryParams.orderNo" placeholder="流水编号"></el-input>
</el-form-item>
<el-form-item label="交易时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -21,14 +21,14 @@
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="机构:" prop="deptId">-->
@ -43,22 +43,22 @@
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="支付渠道:" prop="payChannel">
<el-form-item label="" prop="payChannel">
<el-select
v-model="queryParams.payChannel"
clearable
placeholder="全部"
placeholder="支付渠道"
>
<el-option label="小程序" value="applet"/>
<el-option label="收银台" value="cashier"/>
<el-option label="POS端" value="POS"/>
</el-select>
</el-form-item>
<el-form-item label="支付方式:" prop="payType">
<el-form-item label="" prop="payType">
<el-select
v-model="queryParams.payType"
clearable
placeholder="全部"
placeholder="支付方式"
>
<el-option label="现金" value="CASH"/>
<el-option label="微信" value="WECHAT"/>
@ -66,18 +66,18 @@
<el-option label="余额" value="balance"/>
</el-select>
</el-form-item>
<el-form-item label="支付状态 " prop="status">
<el-form-item label="" prop="status">
<el-select
v-model="queryParams.status"
clearable
placeholder="全部"
placeholder="支付状态"
>
<el-option label="已支付" value="paid"/>
<el-option label="未支付" value="unpaid"/>
<el-option label="已退款" value="refund"/>
</el-select>
</el-form-item>
<el-form-item>
<el-form-item class="f-button" style="text-align: right;">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
@ -85,22 +85,42 @@
</el-form-item>
</el-form>
</el-card>
<el-card class="box-card">
<el-card class="box-card" >
<!-- <div slot="header" class="clearfix">-->
<!-- <span>收银台订单统计</span>-->
<!-- </div>-->
<div class="box-gang">
<div class="box">
<div class="size-hui">微信收款</div>
<div class="size-bole">{{ orderStatistics.wechat?orderStatistics.wechat:0 }}/{{orderStatistics.wechatcount}}</div>
<div class="size-hui">
<div class="nei">微信收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">支付宝收款</div>
<div class="size-bole">{{ orderStatistics.alipay?orderStatistics.alipay:0 }}/{{orderStatistics.alipaycount}}</div>
<div class="size-hui">
<div class="nei">支付宝收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">会员钱包收款</div>
<div class="size-bole">{{ orderStatistics.balance?orderStatistics.balance:0 }}/{{orderStatistics.balanceCount}}</div>
<div class="size-hui">
<div class="nei">会员钱包收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<!-- <div class="box">-->
<!-- <div class="size-hui">银行卡收款</div>-->
@ -111,15 +131,23 @@
<!-- <div class="size-bole">{{ 0 }}/{{0}}</div>-->
<!-- </div>-->
<div class="box">
<div class="size-hui">现金支付收款</div>
<div class="size-bole">{{ orderStatistics.cash?orderStatistics.cash:0 }}/{{orderStatistics.cashcount}}</div>
<div class="size-hui">
<div class="nei">现金支付收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>交易明细分析列表</div>
</div>
<!-- <div class="wgang">-->
<!-- <div></div>-->
<!-- </div>-->
<div class="table-box">
<el-table
:data="orderList"
@ -443,20 +471,73 @@ import {
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
//font-size: 14px;
//margin-bottom: 10px;
//margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.f-button{
width: 100%;
float: right ;
text-align: right;
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;

View File

@ -3,20 +3,35 @@
<div style="margin-top: 30px">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>收银台订单统计</span>
<span>日订流水统计</span>
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">交易金额</div>
<div class="size-bole">{{ orderStatistics.amount }}</div>
<div class="size-hui">
<div class="nei">交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">交易笔数</div>
<div class="size-bole">{{ orderStatistics.strokeCount }}</div>
<div class="size-hui">
<div class="nei">交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">笔单价</div>
<div class="size-bole">{{ orderStatistics.unitPrice }}</div>
<div class="size-hui">
<div class="nei">笔单价</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<!-- <div class="box">-->
<!-- <div class="size-hui">日均交易金额</div>-->
@ -30,11 +45,11 @@
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>机构流水分析列表</div>
<div></div>
<div style="display: flex ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="60px">
<el-form-item label="时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -279,20 +294,63 @@ import {
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;

View File

@ -3,42 +3,72 @@
<div style="margin-top: 30px">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>收银台订单统计</span>
<span>流水统计</span>
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">交易金额</div>
<div class="size-bole">{{ orderStatistics.amount }}</div>
<div class="size-hui">
<div class="nei">交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">交易笔数</div>
<div class="size-bole">{{ orderStatistics.strokeCount }}</div>
<div class="size-hui">
<div class="nei">交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">笔单价</div>
<div class="size-bole">{{ orderStatistics.unitPrice }}</div>
<div class="size-hui">
<div class="nei">笔单价</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">日均交易金额</div>
<div class="size-bole">{{ orderStatistics.dailyAmount }}</div>
<div class="size-hui">
<div class="nei">日均交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">日均交易笔数</div>
<div class="size-bole">{{ orderStatistics.strokesPerDay }}</div>
<div class="size-hui">
<div class="nei">日均交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">活跃机构数</div>
<div class="size-bole">{{ orderStatistics.inertiaStore }}</div>
<div class="size-hui">
<div class="nei">活跃机构数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>机构流水分析列表</div>
<div></div>
<div style="display: flex ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="交易时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -264,20 +294,50 @@ import {getInstituionListApi, getRunningWaterByDataApi, exportExcelOilDeptApi, g
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -305,5 +365,16 @@ import {getInstituionListApi, getRunningWaterByDataApi, exportExcelOilDeptApi, g
color: grey;
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
</style>

View File

@ -6,14 +6,14 @@
<span>交班详情</span>
</div>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
<el-form-item label="交班方式" prop="status">
<el-form-item label="" prop="status">
<el-select v-model="queryParams.status" style="width: 150px" placeholder="交班方式" clearable>
<el-option label="统一交班" value="统一交班">统一交班</el-option>
<el-option label="个人交班" value="个人交班">个人交班</el-option>
</el-select>
</el-form-item>
<el-form-item label="交班员工" prop="staffId">
<el-select v-model="queryParams.staffId" style="width: 150px" placeholder="交班方式" clearable>
<el-form-item label="" prop="staffId">
<el-select v-model="queryParams.staffId" style="width: 150px" placeholder="交班员工" clearable>
<el-option
v-for="option in staffList"
:key="option.id"
@ -22,40 +22,29 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="交班状态">
<el-form-item label="">
<el-select v-model="queryParams.type" style="width: 150px" placeholder="交班状态" clearable>
<el-option label="交班" value="0">交班</el-option>
<el-option label="未交班" value="1">未交班</el-option>
</el-select>
</el-form-item>
<el-form-item label="交班时间">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 240px"-->
<!-- size="medium"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- type="daterange"-->
<!-- range-separator="-"-->
<!-- clearable-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- ></el-date-picker>-->
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 160px"
type="date"
placeholder="开始日期">
placeholder="交班开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 160px"
type="date"
placeholder="结束日期">
placeholder="交班结束日期">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-form-item class="flex-container" style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
@ -289,4 +278,15 @@ export default {
.table-box{
width: 100%;
}
.flex-container1 {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap; /* 确保不换行 */
width: 100%; /* 让父容器占满可用宽度 */
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
</style>

View File

@ -3,25 +3,25 @@
<!-- 搜索-->
<el-card >
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="姓名" prop="name">
<el-form-item label="" prop="name">
<el-input
v-model="queryParams.realName"
placeholder="请输入姓名"
placeholder="姓名"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-form-item label="" prop="mobile">
<el-input
v-model="queryParams.mobile"
placeholder="请输入手机号"
placeholder="手机号"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="auditedStatus">
<el-form-item label="" prop="auditedStatus">
<el-select
v-model="queryParams.status"
placeholder="状态"
@ -36,7 +36,7 @@
/>
</el-select>
</el-form-item>
<el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<!-- <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>-->
@ -898,6 +898,9 @@ export default {
</script>
<style scoped>
.el-form--inline .el-form-item {
margin-right: 44px;
}
.app-container{
width: 100%;
height: 100%;

View File

@ -3,25 +3,25 @@
<!-- 搜索-->
<el-card >
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
<el-form-item label="二维码SN号" prop="name">
<el-form-item label="" prop="name">
<el-input
v-model="queryParams.tagCodeSn"
placeholder="请输入二维码SN号"
placeholder="二维码SN号"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="码牌Sn号" prop="mobile">
<el-form-item label="" prop="mobile">
<el-input
v-model="queryParams.snCode"
placeholder="请输入二维码SN号"
placeholder="码牌Sn号"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<!-- <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>-->
@ -411,5 +411,8 @@ export default {
width: 25%;
text-align: center;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
</style>

View File

@ -7,11 +7,11 @@
<el-tab-pane label="员工提成记录" name="staffCommission">
<div>
<el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" label-width="68px">
<el-form-item label="交易员工" prop="staffId">
<el-form-item label="" prop="staffId">
<el-select
v-model="queryParams1.staffId"
clearable
placeholder="全部"
placeholder="交易员工"
>
<el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id+''">
<span style="float: left">{{ item.realName }}</span>
@ -19,7 +19,7 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 240px"-->
@ -824,4 +824,7 @@ export default {
.size-bole{
font-weight: bold;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
</style>

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 729 B

View File

@ -0,0 +1,8 @@
@font-face {
font-family: 'YouSheBiaoTiHei';
src: url("../fonts/YouSheBiaoTiHei.ttf");
}
@font-face {
font-family: 'Source Han Sans CN';
src: url("../fonts/Source Han Sans CN Regular.otf");
}

View File

@ -39,6 +39,9 @@ import DictData from '@/components/DictData'
// 打印插件
import Print from 'vue-print-nb'
import '@/assets/styles/fonts.css';
// 全局方法挂载
Vue.prototype.getConfigKey = getConfigKey
Vue.prototype.parseTime = parseTime

View File

@ -4,36 +4,27 @@
<el-card class="box-card">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="交易时间:">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
<!-- size="medium"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- type="datetimerange"-->
<!-- range-separator="至"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- ></el-date-picker>-->
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="机构:" prop="deptId">
<el-form-item label="" prop="deptId">
<el-select
v-model="queryParams.deptId"
clearable
placeholder="全部"
placeholder="机构"
>
<el-option v-for="item in deptList" :key="item.id" :label="item.deptName" :value="item.deptId">
</el-option>
@ -41,22 +32,22 @@
</el-select>
</el-form-item>
<el-form-item label="支付渠道:" prop="payChannel">
<el-form-item label="" prop="payChannel">
<el-select
v-model="queryParams.payChannel"
clearable
placeholder="全部"
placeholder="支付渠道"
>
<el-option label="小程序" value="applet"/>
<el-option label="收银台" value="cashier"/>
<el-option label="POS端" value="POS"/>
</el-select>
</el-form-item>
<el-form-item label="支付方式:" prop="payType">
<el-form-item label="" prop="payType">
<el-select
v-model="queryParams.payType"
clearable
placeholder="全部"
placeholder="支付方式"
>
<el-option label="现金" value="CASH"/>
<el-option label="微信" value="WECHAT"/>
@ -64,11 +55,15 @@
<el-option label="余额" value="balance"/>
</el-select>
</el-form-item>
<el-form-item>
<!-- <el-form-item class="f-button" style="text-align: right;">-->
<!-- <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>-->
<!--&lt;!&ndash; <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>&ndash;&gt;-->
<!-- </el-form-item>-->
<el-form-item class="flex-container" style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>-->
</el-form-item>
</el-form>
</el-card>
@ -78,20 +73,32 @@
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">退款笔数</div>
<div class="size-bole">{{
orderStatistics.refBalanceCount }}</div>
orderStatistics.refBalanceCount }}</div> <div class="size-hui">
<div class="nei">退款笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">退款余额</div>
<div class="size-bole">{{ orderStatistics.refBalance?orderStatistics.refBalance:0 }}</div>
<div class="size-hui">
<div class="nei">退款余额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>机构流水分析列表</div>
<!-- <div>机构流水分析列表</div>-->
</div>
<div class="table-box">
<el-table
@ -373,21 +380,65 @@ import {getRunningWaterByTissueApi, getTissueByDataApi, getTradingPageApi} from
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.wgang{
width: 100%;
display: flex;
@ -415,4 +466,5 @@ import {getRunningWaterByTissueApi, getTissueByDataApi, getTradingPageApi} from
margin: 10px 0;
}
</style>

View File

@ -3,39 +3,29 @@
<div style="margin-top: 30px">
<el-card class="box-card">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="流水编号:">
<el-input v-model="queryParams.orderNo"></el-input>
<el-form-item label="">
<el-input placeholder="流水编号" v-model="queryParams.orderNo"></el-input>
</el-form-item>
<el-form-item label="交易时间:">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
<!-- size="medium"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- type="datetimerange"-->
<!-- range-separator="至"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- ></el-date-picker>-->
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="机构:" prop="deptId">
<el-form-item label="" prop="deptId">
<el-select
v-model="queryParams.deptId"
clearable
placeholder="全部"
placeholder="机构"
>
<el-option v-for="item in deptList" :key="item.id" :label="item.deptName" :value="item.deptId">
</el-option>
@ -43,22 +33,22 @@
</el-select>
</el-form-item>
<el-form-item label="支付渠道:" prop="payChannel">
<el-form-item label="" prop="payChannel">
<el-select
v-model="queryParams.payChannel"
clearable
placeholder="全部"
placeholder="支付渠道"
>
<el-option label="小程序" value="applet"/>
<el-option label="收银台" value="cashier"/>
<el-option label="POS端" value="POS"/>
</el-select>
</el-form-item>
<el-form-item label="支付方式:" prop="payType">
<el-form-item label="" prop="payType">
<el-select
v-model="queryParams.payType"
clearable
placeholder="全部"
placeholder="支付方式"
>
<el-option label="现金" value="CASH"/>
<el-option label="微信" value="WECHAT"/>
@ -66,22 +56,21 @@
<el-option label="余额" value="balance"/>
</el-select>
</el-form-item>
<el-form-item label="支付状态 " prop="status">
<el-form-item label="" prop="status">
<el-select
v-model="queryParams.status"
clearable
placeholder="全部"
placeholder="支付状态"
>
<el-option label="已支付" value="paid"/>
<el-option label="未支付" value="unpaid"/>
<el-option label="已退款" value="refund"/>
</el-select>
</el-form-item>
<el-form-item>
<el-form-item class="f-button" style="text-align: right;">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
</el-form-item>
</el-form>
</el-card>
@ -91,16 +80,36 @@
<!-- </div>-->
<div class="box-gang">
<div class="box">
<div class="size-hui">微信收款</div>
<div class="size-bole">{{ orderStatistics.wechat?orderStatistics.wechat:0 }}/{{orderStatistics.wechatcount}}</div>
<div class="size-hui">
<div class="nei">微信收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">支付宝收款</div>
<div class="size-bole">{{ orderStatistics.alipay?orderStatistics.alipay:0 }}/{{orderStatistics.alipaycount}}</div>
<div class="size-hui">
<div class="nei">支付宝收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">会员钱包收款</div>
<div class="size-bole">{{ orderStatistics.balance?orderStatistics.balance:0 }}/{{orderStatistics.balanceCount}}</div>
<div class="size-hui">
<div class="nei">会员钱包收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<!-- <div class="box">-->
<!-- <div class="size-hui">银行卡收款</div>-->
@ -111,14 +120,21 @@
<!-- <div class="size-bole">{{ 0 }}/{{0}}</div>-->
<!-- </div>-->
<div class="box">
<div class="size-hui">现金支付收款</div>
<div class="size-bole">{{ orderStatistics.cash?orderStatistics.cash:0 }}/{{orderStatistics.cashcount}}</div>
<div class="size-hui">
<div class="nei">现金支付收款</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>交易明细分析列表</div>
<!-- <div>交易明细分析列表</div>-->
</div>
<div class="table-box">
<el-table
@ -419,6 +435,20 @@ import {
</script>
<style scoped>
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
.app-top{
width: 100%;
@ -440,20 +470,59 @@ import {
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
//font-size: 14px;
//margin-bottom: 10px;
//margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.f-button{
width: 100%;
float: right ;
text-align: right;
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -482,4 +551,16 @@ import {
margin: 10px 0;
}
.flex-container {
//display: flex;
//justify-content: flex-end;
//align-items: center;
//flex-wrap: nowrap; /* */
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap; /* 确保不换行 */
width: 100%; /* 让父容器占满可用宽度 */
}
</style>

View File

@ -7,16 +7,35 @@
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">交易金额</div>
<div class="size-bole">{{ isNaN(orderStatistics.amount) ? '0.00' : parseFloat(orderStatistics.amount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">交易笔数</div>
<div class="size-bole">{{ isNaN(orderStatistics.strokeCount) ? '0.00' : parseFloat(orderStatistics.strokeCount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">笔单价</div>
<div class="size-bole">{{ isNaN(orderStatistics.unitPrice) ? '0.00' : parseFloat(orderStatistics.unitPrice).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">笔单价</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<!-- <div class="box">-->
<!-- <div class="size-hui">日均交易金额</div>-->
@ -30,11 +49,11 @@
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>门店日流水分析列表</div>
<!-- <div>门店日流水分析列表</div>-->
<div style="display: flex ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="60px">
<el-form-item label="时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -49,14 +68,14 @@
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="机构:" prop="deptId">-->
@ -270,20 +289,42 @@ import {exportExcelDayApi, getDayDatyListApi, getDayListApi, getRunningWaterByTi
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
padding: 5px;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -312,4 +353,19 @@ import {exportExcelDayApi, getDayDatyListApi, getDayListApi, getRunningWaterByTi
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
</style>

View File

@ -7,44 +7,68 @@
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">交易金额</div>
<div class="size-bole">{{ isNaN(orderStatistics.amount) ? '0.00' : parseFloat(orderStatistics.amount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">交易笔数</div>
<div class="size-bole">{{ isNaN(orderStatistics.strokeCount) ? '0.00' : parseFloat(orderStatistics.strokeCount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">笔单价</div>
<div class="size-bole">{{ isNaN(orderStatistics.unitPrice) ? '0.00' : parseFloat(orderStatistics.unitPrice).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">笔单价</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">日均交易金额</div>
<div class="size-bole">{{ isNaN(orderStatistics.dailyAmount) ? '0.00' : parseFloat(orderStatistics.dailyAmount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">日均交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">日均交易笔数</div>
<div class="size-bole">{{ isNaN(orderStatistics.strokesPerDay) ? '0.00' : parseFloat(orderStatistics.strokesPerDay).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">日均交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">活跃机构数</div>
<div class="size-bole">{{ isNaN(orderStatistics.inertiaStore) ? '0.00' : parseFloat(orderStatistics.inertiaStore).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">活跃机构数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>机构流水分析列表</div>
<!-- <div>机构流水分析列表</div>-->
<div style="display: flex ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px">
<el-form-item label="交易时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -59,21 +83,21 @@
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="机构类别:" prop="staffId">
<el-form-item label="" prop="staffId">
<el-select
v-model="queryParams.deptType"
clearable
placeholder="全部"
placeholder="机构类别"
>
<!-- //:1234-->
<el-option label="代理商" value="1"></el-option>
@ -81,11 +105,11 @@
<el-option label="连锁店" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="机构:" prop="deptId">
<el-form-item label="" prop="deptId">
<el-select
v-model="queryParams.deptId"
clearable
placeholder="全部"
placeholder="机构"
>
<el-option v-for="item in deptList" :key="item.id" :label="item.deptName" :value="item.deptId">
</el-option>
@ -288,21 +312,47 @@ import {
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
}
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none; }
.wgang{
width: 100%;
display: flex;
@ -330,4 +380,18 @@ import {
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
</style>

View File

@ -7,42 +7,69 @@
</div>
<div class="box-gang">
<div class="box">
<div class="size-hui">交易金额</div>
<div class="size-bole">{{ isNaN(orderStatistics.amount) ? '0.00' : parseFloat(orderStatistics.amount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">交易笔数</div>
<div class="size-bole">{{ isNaN(orderStatistics.strokeCount) ? '0.00' : parseFloat(orderStatistics.strokeCount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">笔单价</div>
<div class="size-bole">{{ isNaN(orderStatistics.unitPrice) ? '0.00' : parseFloat(orderStatistics.unitPrice).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">笔单价</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">日均交易金额</div>
<div class="size-bole">{{ isNaN(orderStatistics.dailyAmount) ? '0.00' : parseFloat(orderStatistics.dailyAmount).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">日均交易金额</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">日均交易笔数</div>
<div class="size-bole">{{ isNaN(orderStatistics.strokesPerDay) ? '0.00' : parseFloat(orderStatistics.strokesPerDay).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">日均交易笔数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
<div class="box">
<div class="size-hui">活跃机构数</div>
<div class="size-bole">{{ isNaN(orderStatistics.inertiaStore) ? '0.00' : parseFloat(orderStatistics.inertiaStore).toFixed(2) }}</div>
<div class="size-hui">
<div class="nei">活跃机构数</div>
<div class="icon-img">
<img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card">
<div class="wgang">
<div>门店流水分析列表</div>
<!-- <div>门店流水分析列表</div>-->
<div style="display: flex ">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="交易时间:">
<el-form-item label="">
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- style="width: 400px"-->
@ -57,21 +84,21 @@
v-model="beginTime"
style="width: 140px"
type="date"
placeholder="开始日期">
placeholder="交易开始日期">
</el-date-picker>
<el-date-picker
v-model="endTime"
style="width: 140px"
type="date"
placeholder="结束日期">
placeholder="交易结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="机构:" prop="staffId">
<el-form-item label="" prop="staffId">
<el-select
v-model="queryParams.staffId"
clearable
placeholder="全部"
placeholder="机构"
>
<el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id">
<span style="float: left">{{ item.realName }}</span>
@ -259,20 +286,50 @@ import {getInstituionListApi, getRunningWaterByDataApi,exportExcelOilDeptApi} fr
align-items: center;
}
.box{
width: 200px;
box-sizing: border-box;
padding: 10px;
background: #f9f9f9;
height: 86px;
margin-right: 10px;
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64,158,255,0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #409EFF;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.size-hui{
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
display: flex;
align-items: center;
//width: 200px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
width: 150px;
}
}
.size-bole{
font-weight: bold;
//font-weight: bold;
//width: 53px;
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
//line-height: 0px;
text-align: left;
font-style: normal;
text-transform: none;
}
.wgang{
width: 100%;
@ -301,4 +358,18 @@ import {getInstituionListApi, getRunningWaterByDataApi,exportExcelOilDeptApi} fr
margin: 10px 0;
}
.icon-img{
//margin-left: 110px;
width: 100%;
height: 20px;
margin-right: 5px;
img{
float: right;
//width: 100%;
width: 20px;
height: 100%;
}
}
</style>