|
@@ -1,54 +1,70 @@
|
|
|
<template>
|
|
|
<div class="m-container">
|
|
|
- <h2><div class="squrt"></div>充值列表</h2>
|
|
|
+ <h2>
|
|
|
+ <div class="squrt"></div>充值列表
|
|
|
+ </h2>
|
|
|
<div class="m-core">
|
|
|
<!-- 搜索类型 -->
|
|
|
<el-form :inline="true"
|
|
|
- class="searchForm"
|
|
|
- v-model="searchForm">
|
|
|
+ class="searchForm"
|
|
|
+ v-model="searchForm">
|
|
|
<el-form-item>
|
|
|
- <el-select v-model="searchForm.paymentType" placeholder="交易类型">
|
|
|
- <el-option v-for="(item, index) in orderStatus" :key="index"
|
|
|
- :label="item.label" :value="item.value"></el-option>
|
|
|
+ <el-select v-model="searchForm.paymentType"
|
|
|
+ placeholder="交易类型">
|
|
|
+ <el-option v-for="(item, index) in orderStatus"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model="searchForm.paymentStatus" placeholder="交易状态">
|
|
|
- <el-option v-for="(item, index) in dealStatus" :key="index"
|
|
|
- :label="item.label" :value="item.value"></el-option>
|
|
|
+ <el-select v-model="searchForm.paymentStatus"
|
|
|
+ placeholder="交易状态">
|
|
|
+ <el-option v-for="(item, index) in dealStatus"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button @click="getList" type="danger">搜索</el-button>
|
|
|
- <el-button @click="onReSet" type="primary">重置</el-button>
|
|
|
+ <el-button @click="search"
|
|
|
+ type="danger">搜索</el-button>
|
|
|
+ <el-button @click="onReSet"
|
|
|
+ type="primary">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<!-- 列表 -->
|
|
|
<div class="tableWrap">
|
|
|
- <el-table :data='tableList' :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
- <el-table-column align='center' prop="transNo"
|
|
|
- label="交易流水号">
|
|
|
+ <el-table :data='tableList'
|
|
|
+ :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="transNo"
|
|
|
+ label="交易流水号">
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center' prop="payTime"
|
|
|
- label="订单日期">
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="payTime"
|
|
|
+ label="订单日期">
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center' prop="actualAmount"
|
|
|
- label="实付金额">
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="actualAmount"
|
|
|
+ label="实付金额">
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center' prop="user.username"
|
|
|
- label="学员姓名">
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="user.username"
|
|
|
+ label="学员姓名">
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center' prop="paymentChannel"
|
|
|
- label="交易方式">
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="paymentChannel"
|
|
|
+ label="交易方式">
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- label="收款账户">
|
|
|
+ label="收款账户">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.paymentChannelType | paymentChannelType }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- label="交易状态">
|
|
|
+ label="交易状态">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.status | dealStatus }}
|
|
|
</template>
|
|
@@ -92,24 +108,28 @@ export default {
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
- mounted() {
|
|
|
+ mounted () {
|
|
|
this.getList()
|
|
|
},
|
|
|
methods: {
|
|
|
- getList () {
|
|
|
+ search () {
|
|
|
+ this.pageInfo.page = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ getList () {
|
|
|
let params = this.searchForm
|
|
|
params.rows = this.pageInfo.limit
|
|
|
params.page = this.pageInfo.page
|
|
|
studentRechargeList(params).then(res => {
|
|
|
let result = res.data
|
|
|
- if(res.code == 200) {
|
|
|
+ if (res.code == 200) {
|
|
|
this.tableList = result.rows
|
|
|
this.pageInfo.total = result.total
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- searchOrderDate(value) {
|
|
|
- if(value) {
|
|
|
+ searchOrderDate (value) {
|
|
|
+ if (value) {
|
|
|
this.searchForm.orderStartDate = value[0]
|
|
|
this.searchForm.orderEndDate = value[1]
|
|
|
} else {
|
|
@@ -117,7 +137,7 @@ export default {
|
|
|
this.searchForm.orderEndDate = null
|
|
|
}
|
|
|
},
|
|
|
- onReSet() { // 重置搜索
|
|
|
+ onReSet () { // 重置搜索
|
|
|
this.orderDate = null
|
|
|
this.searchForm = {
|
|
|
orderStartDate: null,
|