<template>
|
<div class="dawr">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane :label="$t('dep')" name="1">
|
<el-table
|
height="250"
|
:data="tableData"
|
style="width: 100%"
|
empty-text="No Data"
|
>
|
<el-table-column prop="payAmt" :label="$t('je')">
|
<template slot-scope="scope">
|
<span class="sc_c">
|
{{ scope.row.assetsType }}
|
{{ scope.row.payAmt }}
|
</span>
|
</template>
|
</el-table-column>
|
|
<el-table-column prop="orderSn" :label="$t('hj234')">
|
</el-table-column>
|
<el-table-column prop="payTime" :label="$t('时间')">
|
</el-table-column>
|
|
<el-table-column prop="orderStatus" :label="$t('状态')">
|
<template slot-scope="scope">
|
<el-tag type="warning" v-if="scope.row.orderStatus == 0">
|
{{ $t("hjshz") }}
|
</el-tag>
|
<el-tag type="success" v-else-if="scope.row.orderStatus == 1">
|
{{ $t("hj231") }}
|
</el-tag>
|
<el-tag type="danger" v-else-if="scope.row.orderStatus == 2">
|
{{ $t("hj232") }}
|
</el-tag>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-tab-pane>
|
<el-tab-pane :label="$t('subdka')" name="2">
|
<el-table
|
height="250"
|
:data="tableData"
|
style="width: 100%"
|
empty-text="No Data"
|
>
|
<el-table-column prop="withAmt" :label="$t('je')"> </el-table-column>
|
<el-table-column prop="withFee" :label="$t('hj44')">
|
</el-table-column>
|
<el-table-column prop="applyTime" :label="$t('时间')" width="180">
|
</el-table-column>
|
<el-table-column prop="bankName" :label="$t('hj247')">
|
</el-table-column>
|
<el-table-column prop="bankNo" :label="$t('hjkh')"> </el-table-column>
|
|
<el-table-column prop="withStatus" :label="$t('状态')">
|
<template slot-scope="scope">
|
<el-tag type="warning" v-if="scope.row.withStatus == 0">
|
{{ $t("hjshz") }}
|
</el-tag>
|
<el-tag type="success" v-else-if="scope.row.withStatus == 1">
|
{{ $t("hj231") }}
|
</el-tag>
|
<el-tag type="danger" v-else-if="scope.row.withStatus == 2">
|
{{ $t("hj232") }}
|
</el-tag>
|
<el-tag type="danger" v-else-if="scope.row.withStatus == 3">
|
{{ $t("hj233") }}
|
</el-tag>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-tab-pane>
|
</el-tabs>
|
|
<div class="pagination">
|
<el-pagination
|
background
|
layout="prev, pager, next"
|
:total="total"
|
:current-page="pageNum"
|
:page-size="pageSize"
|
@current-change="handleCurrentChange"
|
>
|
</el-pagination>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import mixins from "@/mixins/myMixins"; // 混入
|
import * as api from "@/axios/api";
|
import { mapState } from "vuex";
|
export default {
|
mixins: [mixins],
|
data() {
|
return {
|
activeName: "1", // 默认选中, 1:充值 2:提现
|
// 列表参数,必须是opt和myMixins混入配合使用
|
opt: {},
|
};
|
},
|
computed: {
|
...mapState(["userInfo"]),
|
},
|
watch: {},
|
created() {
|
this.apiInterface = api.rechargeList; // 赋值接口
|
this.init(); // 获取记录列表
|
},
|
methods: {
|
handleClick() {
|
if (this.activeName == 1) {
|
this.apiInterface = api.rechargeList; // 提现接口
|
} else if (this.activeName == 2) {
|
this.apiInterface = api.withdrawList; // 充值接口
|
}
|
this.handleCurrentChange(1);
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.dawr {
|
width: 100%;
|
|
.pagination {
|
margin-top: 20px;
|
text-align: center;
|
}
|
}
|
</style>
|
