9.27
This commit is contained in:
parent
e425475bde
commit
8cea951790
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-card >
|
||||
<div class="app-containers">
|
||||
<div class="top_new">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
|
||||
<el-form-item label="" prop="giftName">
|
||||
<el-input
|
||||
@ -28,17 +28,17 @@
|
||||
/>
|
||||
</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-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-date-picker
|
||||
v-model="beginTime"
|
||||
style="width: 160px"
|
||||
@ -60,110 +60,93 @@
|
||||
<el-button type="primary" @click="exportExcelVip()">导出</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card style="margin-top: 20px;" >
|
||||
<div style="margin-bottom : 10px">
|
||||
<span class="font-number">统计</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="cont_box_b">
|
||||
<div class="cont_box">
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
{{ statisticsForm.num || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">笔数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #00CAFF;font-weight: bold;margin-top: 5px">
|
||||
{{ statisticsForm.exchangeQuantity|| 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #00CAFF"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">商品数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #F44522;font-weight: bold;margin-top: 5px">
|
||||
{{ statisticsForm.integral|| 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #F44522"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">积分</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #FA6400;font-weight: bold;margin-top: 5px">
|
||||
{{ statisticsForm.amount|| 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #FA6400"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">支付总额</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-row :gutter="10" class="mb8" >
|
||||
<el-col :span="2.5">
|
||||
<div class="box">
|
||||
<div class="size-bole">{{statisticsForm.num}}</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>
|
||||
</el-col>
|
||||
<el-col :span="2.5">
|
||||
<div class="box">
|
||||
<div class="size-bole">{{statisticsForm.exchangeQuantity?statisticsForm.exchangeQuantity: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>
|
||||
<el-table ref="tables"
|
||||
v-loading="loading"
|
||||
:data="dataList"
|
||||
:default-sort="defaultSort">
|
||||
<el-table-column label="用户手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="订单号" align="center" prop="orderNumber"/>
|
||||
<el-table-column label="商品名称" align="center" prop="giftName" />
|
||||
<el-table-column label="数量" align="center" prop="exchangeQuantity" />
|
||||
<el-table-column label="实付信息" align="center" >
|
||||
<el-table-column label="积分" align="center" prop="integral" width=""/>
|
||||
<el-table-column label="支付金额" align="center" prop="amount" width="">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.amount?scope.row.amount:"--" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="支付状态" align="center" prop="status" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag effect="plain" v-if="scope.row.status =='unpaid'"> 待支付</el-tag>
|
||||
<el-tag type="success" effect="plain" v-else-if="scope.row.status =='paid'">支付成功</el-tag>
|
||||
<el-tag type="warning" effect="plain" v-else>支付失败</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2.5">
|
||||
<div class="box1">
|
||||
<div class="size-bole">{{statisticsForm.integral?statisticsForm.integral:0}}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">积分</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../../assets/images/cut/组 5017@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width=""/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDetail(scope.row)"
|
||||
>订单详情</el-button>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<div class="box1">
|
||||
<div class="size-bole">{{statisticsForm.amount?statisticsForm.amount:0}}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">支付总额</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../../assets/images/cut/组 5017@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.page"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<el-card style="margin-top: 20px" >
|
||||
<el-table ref="tables"
|
||||
v-loading="loading"
|
||||
:data="dataList"
|
||||
:default-sort="defaultSort">
|
||||
<el-table-column label="用户手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="订单号" align="center" prop="orderNumber"/>
|
||||
<!-- <el-table-column label="商品信息" align="center" prop="" >-->
|
||||
<!-- <el-table-column label="简述" align="center" prop="categoryName" />-->
|
||||
<!-- <el-table-column label="商品名称" align="center" prop="giftName" />-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column label="商品名称" align="center" prop="giftName" />
|
||||
<el-table-column label="数量" align="center" prop="exchangeQuantity" />
|
||||
<el-table-column label="实付信息" align="center" >
|
||||
<el-table-column label="积分" align="center" prop="integral" width=""/>
|
||||
<el-table-column label="支付金额" align="center" prop="amount" width="">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.amount?scope.row.amount:"--" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="支付状态" align="center" prop="status" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag effect="plain" v-if="scope.row.status =='unpaid'"> 待支付</el-tag>
|
||||
<el-tag type="success" effect="plain" v-else-if="scope.row.status =='paid'">支付成功</el-tag>
|
||||
<el-tag type="warning" effect="plain" v-else>支付失败</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width=""/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDetail(scope.row)"
|
||||
>订单详情</el-button>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.page"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<el-dialog title="订单详情" :visible.sync="openDetail" width="500px" append-to-body :close-on-click-modal="false">
|
||||
<detail :dataForm = "dataForm"></detail>
|
||||
</el-dialog>
|
||||
@ -308,8 +291,7 @@ export default {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #f6f8f9;
|
||||
padding-top: 10px;
|
||||
padding: 10px
|
||||
|
||||
}
|
||||
|
||||
.icon-img{
|
||||
@ -344,12 +326,10 @@ export default {
|
||||
.size-hui{
|
||||
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;
|
||||
@ -358,15 +338,11 @@ export default {
|
||||
}
|
||||
}
|
||||
.size-bole{
|
||||
//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;
|
||||
@ -388,11 +364,47 @@ export default {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding-left: 20px;
|
||||
|
||||
width: 211px;
|
||||
height: 60px;
|
||||
background: rgba(255,150,85,0.05);
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #FF9655;
|
||||
}
|
||||
.top_new{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #fff;
|
||||
width: 98%;
|
||||
margin: 10px auto;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 15px
|
||||
}
|
||||
.cont_box{
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
display: flex;
|
||||
}
|
||||
.cont_box_b{
|
||||
background: #fff;
|
||||
width: 98%;
|
||||
margin: 10px auto;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
min-height: 80vh;
|
||||
}
|
||||
.box2 {
|
||||
padding: 5px;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding-left: 20px;
|
||||
width: 211px;
|
||||
height: 70px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #FF9655;
|
||||
}
|
||||
</style>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-card >
|
||||
<div class="top_new">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
|
||||
<el-form-item label="" prop="giftName">
|
||||
<el-input
|
||||
@ -14,12 +14,12 @@
|
||||
<el-form-item label="">
|
||||
<el-select v-model="queryParams.status" style="width: 150px" placeholder="兑换状态" clearable>
|
||||
<el-option
|
||||
v-for="item in zhztList"
|
||||
v-for="item in zhztList"
|
||||
:key="item.id"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="giftName">
|
||||
<el-input
|
||||
@ -31,25 +31,25 @@
|
||||
/>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
<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-form-item>
|
||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
<el-card style="margin-top: 20px;" >
|
||||
<div style="margin-bottom : 10px">
|
||||
<span class="font-number">统计</span>
|
||||
@ -326,4 +326,14 @@ export default {
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #FF9655;
|
||||
}
|
||||
.top_new{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #fff;
|
||||
width: 98%;
|
||||
margin: 10px auto;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 15px
|
||||
}
|
||||
</style>
|
||||
|
@ -58,16 +58,6 @@
|
||||
/>
|
||||
</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-date-picker
|
||||
v-model="beginTime"
|
||||
style="width: 160px"
|
||||
@ -82,73 +72,48 @@
|
||||
placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item style="float: right">
|
||||
<el-form-item >
|
||||
<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" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<!-- 统计-->
|
||||
<div class="cont_new">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>统计</span>
|
||||
</div>
|
||||
<div class="box-gang">
|
||||
<div class="box">
|
||||
<div class="size-bole">{{ total }}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">挂账笔数</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="size-bole">{{ returnTotal }}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">归还笔数</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box1">
|
||||
<div class="size-bole">{{ allAmount }}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">挂账总额</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box1">
|
||||
<div class="size-bole">{{ returnAllAmount }}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">归还总额</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box1">
|
||||
<div class="size-bole">{{ noReturnAllAmount }}</div>
|
||||
<div class="size-hui">
|
||||
<div class="nei">未还金额</div>
|
||||
<div class="icon-img">
|
||||
<img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 列表-->
|
||||
<div class="bottom_new">
|
||||
<div class="wgang">
|
||||
<div style="display: flex ">
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
|
||||
<div class="box-gang">
|
||||
<div class="box">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
{{ total || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">挂账总金额(元)/笔数</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div style="font-size: 26px;color: #00CAFF;font-weight: bold;margin-top: 5px">
|
||||
{{ returnTotal || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #00CAFF"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">归还总金额(元)/笔数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div style="font-size: 26px;color: #F44522;font-weight: bold;margin-top: 5px">
|
||||
{{ allAmount || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #F44522"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">未归还金额(元))</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="table-box">
|
||||
<el-table
|
||||
@ -210,7 +175,6 @@
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 归还记录信息-->
|
||||
<el-drawer
|
||||
title="归还详情"
|
||||
@ -518,34 +482,28 @@ import {exportExcelCashierApi, exportExcelHangBillApi} from "@/api/order/exportE
|
||||
//padding: 10px;
|
||||
}
|
||||
.box{
|
||||
//box-sizing: border-box;
|
||||
padding: 5px;
|
||||
//background: #f9f9f9;
|
||||
margin-right: 20px;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
padding-left: 20px;
|
||||
width: 211px;
|
||||
height: 60px;
|
||||
background: rgba(64,158,255,0.05);
|
||||
height: 70px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #fe8c4a;
|
||||
border: 1px solid #FF9655;
|
||||
}
|
||||
.el-form--inline .el-form-item {
|
||||
margin-right: 44px;
|
||||
}
|
||||
.size-hui{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
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;
|
||||
}
|
||||
@ -570,6 +528,7 @@ import {exportExcelCashierApi, exportExcelHangBillApi} from "@/api/order/exportE
|
||||
}
|
||||
.table-box{
|
||||
width: 100%;
|
||||
min-height: 60vh;
|
||||
}
|
||||
.pagination-box{
|
||||
width: 100%;
|
||||
|
@ -132,12 +132,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<div class="table-box">
|
||||
<el-table
|
||||
:data="list"
|
||||
style="width: 100%">
|
||||
|
||||
<el-table-column type="index" width="50" align="center" label="序号"/>
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" width="220"/>
|
||||
<el-table-column label="订单类型" align="center" prop="terminal"/>
|
||||
@ -872,7 +870,7 @@ export default {
|
||||
|
||||
.table-box {
|
||||
width: 100%;
|
||||
min-height: 80px;
|
||||
min-height: 70vh;
|
||||
}
|
||||
|
||||
.pagination-box {
|
||||
|
@ -15,9 +15,7 @@
|
||||
title="PC积分收银台在线兑换订单记录,收银台订单无需确认操作,如有付款金额,付款订单请在增值性订单列表中查看,类型为:积分收银"
|
||||
type="error">
|
||||
</el-alert>
|
||||
|
||||
<points-cashier></points-cashier>
|
||||
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
|
@ -9,7 +9,6 @@
|
||||
clearable
|
||||
placeholder="请选择关联员工"
|
||||
>
|
||||
|
||||
<el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id">
|
||||
<span style="float: left">{{ item.realName }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.mobile }}</span>
|
||||
@ -69,9 +68,7 @@
|
||||
</div>
|
||||
<div class="cot-box">
|
||||
<!-- 条件查询-->
|
||||
<div>
|
||||
|
||||
</div>
|
||||
<!-- 统计-->
|
||||
<div>
|
||||
<div class="box-gang">
|
||||
@ -86,120 +83,53 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
<div style="font-size: 26px;color: #00CAFF;font-weight: bold;margin-top: 5px">
|
||||
{{ orderStatistics.theTotalAmountOfTopUp || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #00CAFF"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">充值本金(元)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
<div style="font-size: 26px;color: #F44522;font-weight: bold;margin-top: 5px">
|
||||
{{ orderStatistics.theTotalAmountOfTheCredit || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #F44522"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">赠送金额(元)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
<div style="font-size: 26px;color: #FA6400;font-weight: bold;margin-top: 5px">
|
||||
{{ orderStatistics.wechat || 0 }}/
|
||||
{{ orderStatistics.alipay || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #FA6400"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">微信/支付宝(元)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
<div style="font-size: 26px;color: #2B63F4;font-weight: bold;margin-top: 5px">
|
||||
{{ orderStatistics.wechat || 0 }}/
|
||||
{{ orderStatistics.alipay || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #2B63F4"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">云闪付/pos刷卡(元)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
|
||||
<div style="font-size: 26px;color: #F7B500;font-weight: bold;margin-top: 5px">
|
||||
{{ orderStatistics.cash || 0 }}
|
||||
</div>
|
||||
<div class="size-hui">
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
|
||||
<div style="width: 8px;height: 8px;border-radius: 4px;background: #F7B500"></div>
|
||||
<div style="font-weight: bold;font-size: 13px;margin-left: 5px">现金(元)</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="box">-->
|
||||
<!-- <div class="size-bole">{{ orderStatistics.numberOfTopUps ? orderStatistics.numberOfTopUps : 0 }}</div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">充值笔数</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="box">-->
|
||||
<!-- <div class="size-bole">-->
|
||||
<!-- {{ orderStatistics.theTotalAmountOfTopUp ? orderStatistics.theTotalAmountOfTopUp : 0 }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">充值总金额</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="box">-->
|
||||
<!-- <div class="size-bole">-->
|
||||
<!-- {{ orderStatistics.theTotalAmountOfTheCredit ? orderStatistics.theTotalAmountOfTheCredit : 0 }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">赠送总额</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="box">-->
|
||||
<!-- <div class="size-bole">{{ orderStatistics.totalAmountReceived ? orderStatistics.totalAmountReceived : 0 }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">实收总额</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="box1">-->
|
||||
<!-- <div class="size-bole">{{ orderStatistics.wechat ? orderStatistics.wechat : 0 }}</div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">微信</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="box1">-->
|
||||
<!-- <div class="size-bole">{{ orderStatistics.alipay ? orderStatistics.alipay : 0 }}</div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">支付宝</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="box1">-->
|
||||
<!-- <div class="size-bole">{{ orderStatistics.cash }}</div>-->
|
||||
<!-- <div class="size-hui">-->
|
||||
<!-- <div class="nei">现金</div>-->
|
||||
<!-- <div class="icon-img">-->
|
||||
<!-- <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表格-->
|
||||
|
Loading…
Reference in New Issue
Block a user