|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" >
|
|
|
- <el-form-item label="姓名" prop="userName" label-width="40px">
|
|
|
+ <el-form-item label="姓名:" prop="userName" >
|
|
|
<el-input
|
|
|
v-model.trim="queryParams.userName"
|
|
|
placeholder="请输入姓名"
|
|
@@ -11,7 +11,7 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="手机号" prop="userPhone">
|
|
|
+ <el-form-item label="手机号:" prop="userPhone">
|
|
|
<el-input
|
|
|
v-model.trim="queryParams.userPhone"
|
|
|
placeholder="请输入手机号"
|
|
@@ -21,14 +21,14 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="支付方式" prop="payType">
|
|
|
+ <el-form-item label="支付方式:" prop="payType">
|
|
|
<el-select v-model="queryParams.payType" style="width: 160px" placeholder="请选择支付方式" clearable size="small">
|
|
|
<el-option label="现金支付" :value="1"/>
|
|
|
<el-option label="微信" :value="2"/>
|
|
|
<el-option label="支付宝" :value="3"/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="支付状态" prop="orderFlag">
|
|
|
+ <el-form-item label="支付状态:" prop="orderFlag">
|
|
|
<el-select v-model="queryParams.orderFlag" style="width: 160px" placeholder="请选择支付状态" clearable size="small">
|
|
|
<el-option label="未支付" :value="0"/>
|
|
|
<el-option label="支付等待中" :value="1"/>
|
|
@@ -56,7 +56,7 @@
|
|
|
style="width: 140px"
|
|
|
@keyup.enter.native="handleQuery"></el-input-number>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="支付时间">
|
|
|
+ <el-form-item label="支付时间:">
|
|
|
<el-date-picker
|
|
|
style="margin-top:5px;"
|
|
|
v-model="dateRange"
|
|
@@ -68,14 +68,14 @@
|
|
|
end-placeholder="结束日期"
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-form-item class="right">
|
|
|
<el-button plain size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
</el-form-item>
|
|
|
<br>
|
|
|
<el-form-item>
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
+ plain
|
|
|
size="mini"
|
|
|
:loading="exportLoading"
|
|
|
@click="handleExport"
|
|
@@ -84,53 +84,53 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
- <el-table v-loading="loading" :data="adminList" >
|
|
|
- <el-table-column label="序号" align="center" prop="" show-overflow-tooltip >
|
|
|
+ <el-table v-loading="loading" :data="adminList" border>
|
|
|
+ <el-table-column label="序号" align="left" prop="" show-overflow-tooltip >
|
|
|
<template slot-scope="scope">
|
|
|
{{scope.$index + 1}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="姓名" align="center" prop="userName" show-overflow-tooltip />
|
|
|
- <el-table-column label="手机号" align="center" prop="userPhone" show-overflow-tooltip />
|
|
|
- <el-table-column label="充值金额(元)" align="center" prop="money" show-overflow-tooltip >
|
|
|
+ <el-table-column label="姓名" align="left" prop="userName" show-overflow-tooltip />
|
|
|
+ <el-table-column label="手机号" align="left" prop="userPhone" show-overflow-tooltip />
|
|
|
+ <el-table-column label="充值金额(元)" align="left" prop="money" show-overflow-tooltip >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{Number(scope.row.money).toFixed(2) || "0.00"}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="到账金额(元)" align="center" prop="realMoney" show-overflow-tooltip />
|
|
|
- <el-table-column label="到账比例" align="center" prop="topRadio" show-overflow-tooltip />
|
|
|
- <el-table-column label="支付状态" align="center" prop="orderFlag" show-overflow-tooltip >
|
|
|
+ <el-table-column label="到账金额(元)" align="left" prop="realMoney" show-overflow-tooltip />
|
|
|
+ <el-table-column label="到账比例" align="left" prop="topRadio" show-overflow-tooltip />
|
|
|
+ <el-table-column label="支付状态" align="left" prop="orderFlag" show-overflow-tooltip >
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.orderFlag == 0" style="color:#909399">未支付</span>
|
|
|
<span v-if="scope.row.orderFlag == 1" style="color:#000000">支付等待中</span>
|
|
|
- <span v-if="scope.row.orderFlag == 2" style="color:#E6A23C">支付失败</span>
|
|
|
- <span v-if="scope.row.orderFlag == 3" style="color:#F56C6C">卡充值失败</span>
|
|
|
+ <span v-if="scope.row.orderFlag == 2" style="color:#ff3b30">支付失败</span>
|
|
|
+ <span v-if="scope.row.orderFlag == 3" style="color:##ff3b30">卡充值失败</span>
|
|
|
<span v-if="scope.row.orderFlag == 4" style="color:#409EFF">支付成功</span>
|
|
|
<span v-if="scope.row.orderFlag == 5" style="color:#303133">取消支付</span>
|
|
|
<span v-if="scope.row.orderFlag == 6" style="color:#67C23A">已成功</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="到账金额" align="center" prop="realMoney" show-overflow-tooltip /> -->
|
|
|
- <el-table-column label="支付方式" align="center" prop="payType" show-overflow-tooltip >
|
|
|
+ <!-- <el-table-column label="到账金额" align="left" prop="realMoney" show-overflow-tooltip /> -->
|
|
|
+ <el-table-column label="支付方式" align="left" prop="payType" show-overflow-tooltip >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.payType == 1 ? '现金支付':scope.row.payType ==2 ? '微信':scope.row.payType ==3 ? '支付宝': '' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="充值场景" align="center" prop="scene" show-overflow-tooltip >
|
|
|
+ <el-table-column label="充值场景" align="left" prop="scene" show-overflow-tooltip >
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.scene == 1" style="color:#dda8eb">后台充值</span>
|
|
|
+ <span v-if="scope.row.scene == 1" style="color:#ff9500">后台充值</span>
|
|
|
<span v-if="scope.row.scene == 2" style="color:#E6A23C">游客充值</span>
|
|
|
- <span v-if="scope.row.scene == 3" style="color:#67C23A">ERPapp充值</span>
|
|
|
+ <span v-if="scope.row.scene == 3" style="color:#ff3b30">ERPapp充值</span>
|
|
|
<span v-if="scope.row.scene == 6" style="color:#00dd88e0">公众号充值</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="充值渠道" align="center" prop="channelName" show-overflow-tooltip />
|
|
|
- <el-table-column label="创建时间" align="center" prop="createTime" show-overflow-tooltip width="180">
|
|
|
+ <el-table-column label="充值渠道" align="left" prop="channelName" show-overflow-tooltip />
|
|
|
+ <el-table-column label="创建时间" align="left" prop="createTime" show-overflow-tooltip width="180">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
|
|
|
+ <!-- <el-table-column label="操作" align="left" class-name="small-padding fixed-width" >
|
|
|
<template slot-scope="scope" >
|
|
|
<el-button v-if="scope.row.orderFlag ==3"
|
|
|
type="text"
|