no message
This commit is contained in:
parent
0010de1ad4
commit
f66644e922
BIN
fuintAdmin/src/assets/images/cut/组 4666@2x.png
Normal file
BIN
fuintAdmin/src/assets/images/cut/组 4666@2x.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 729 B |
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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%;
|
||||
|
@ -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%;
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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%;
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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>
|
||||
|
BIN
fuintAdmin_zt/src/assets/fonts/Source Han Sans CN Regular.otf
Normal file
BIN
fuintAdmin_zt/src/assets/fonts/Source Han Sans CN Regular.otf
Normal file
Binary file not shown.
BIN
fuintAdmin_zt/src/assets/fonts/YouSheBiaoTiHei.ttf
Normal file
BIN
fuintAdmin_zt/src/assets/fonts/YouSheBiaoTiHei.ttf
Normal file
Binary file not shown.
BIN
fuintAdmin_zt/src/assets/images/cut/组 4666@2x.png
Normal file
BIN
fuintAdmin_zt/src/assets/images/cut/组 4666@2x.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 729 B |
8
fuintAdmin_zt/src/assets/styles/fonts.css
Normal file
8
fuintAdmin_zt/src/assets/styles/fonts.css
Normal 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");
|
||||
}
|
@ -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
|
||||
|
@ -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>-->
|
||||
<!--<!– <el-button type="primary" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>–>-->
|
||||
|
||||
<!-- </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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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="机构类别"
|
||||
>
|
||||
<!-- //节点类型:1代理商2连锁店3基本门店4三方机构-->
|
||||
<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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user