|
|
@@ -0,0 +1,124 @@
|
|
|
+<template>
|
|
|
+ <div class="tran-detail">
|
|
|
+ 结算日期:
|
|
|
+ <el-date-picker range-separator="-" style="margin-right: 15px;margin-left: 12px" start-placeholder="开始日期" end-placeholder="结束日期" type="daterange" v-model="createTime" ></el-date-picker>
|
|
|
+ <Button style="margin-bottom: 4px" type="primary" class="margin-right20" @click="search">查询</Button>
|
|
|
+ <Table
|
|
|
+ border
|
|
|
+ :columns="tableTitle"
|
|
|
+ :data="tableContent"
|
|
|
+ class="margin-bottom20 margin-top20"
|
|
|
+ :loading="loading"
|
|
|
+ >
|
|
|
+ <template slot-scope="{ row }" slot="contribution" >
|
|
|
+ <div>{{ parseFloat(row.proxyRebateDay+row.proxyGratitudeDay).toFixed(2) }}</div>
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ <Page
|
|
|
+ :total="total"
|
|
|
+ @on-change="changePageNum"
|
|
|
+ :current="currentPage"
|
|
|
+ show-sizer
|
|
|
+ show-total
|
|
|
+ show-elevator
|
|
|
+ @on-page-size-change="changePageSize"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import TableMinxin from '@/mixin/TableMixin'
|
|
|
+import {
|
|
|
+ generalProxyInterestList,
|
|
|
+ transferList
|
|
|
+} from "@/api/finance";
|
|
|
+import {Pass} from "codemirror/src/util/misc";
|
|
|
+import inputBlock from "_c/base/input/input-block.vue";
|
|
|
+export default {
|
|
|
+ name: 'rechargeExamine',
|
|
|
+ computed: {
|
|
|
+ Pass() {
|
|
|
+ return Pass
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ inputBlock
|
|
|
+ },
|
|
|
+ mixins: [TableMinxin],
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ account: '',
|
|
|
+ realName: '',
|
|
|
+ total: 0,
|
|
|
+ outShowModal:false,
|
|
|
+ currentRow:{},
|
|
|
+ tableContent:[],
|
|
|
+ tableTitle: [
|
|
|
+ {
|
|
|
+ title: 'ID',
|
|
|
+ key: 'id',
|
|
|
+ align: 'center',
|
|
|
+ width:80
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '代理手机号',
|
|
|
+ key: 'account',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '代理姓名',
|
|
|
+ key: 'realName',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '结算日期',
|
|
|
+ key: 'settleDate',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '代理提成',
|
|
|
+ key: 'proxyRebateDay',
|
|
|
+ align: 'center',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '代理感恩收益',
|
|
|
+ key: 'proxyGratitudeDay',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '累计收入',
|
|
|
+ slot: 'incomeTotal',
|
|
|
+ align: 'center'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 获取表格数据
|
|
|
+ getTableData () {
|
|
|
+ this.loading = false
|
|
|
+ let data = {
|
|
|
+ startTime: this.v_formatYYYYMMDD(this.createTime && this.createTime[0]),
|
|
|
+ endTime: this.v_formatYYYYMMDD(this.createTime && this.createTime[1])
|
|
|
+ }
|
|
|
+ let params = {
|
|
|
+ data:data,
|
|
|
+ page: this.currentPage,
|
|
|
+ pageSize: this.pageSize
|
|
|
+ }
|
|
|
+ generalProxyInterestList(params).then(res => {
|
|
|
+ if (res.rspCode === 0) {
|
|
|
+ this.tableContent = res.data
|
|
|
+ this.total = res.total
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+.tran-detail {
|
|
|
+}
|
|
|
+</style>
|