<template>
|
<div>
|
<van-nav-bar
|
:placeholder="true"
|
:safe-area-inset-top="true"
|
:title="$t('jl')"
|
left-arrow
|
@click-left="$router.go(-1)"
|
/>
|
<div class="pages">
|
<!-- <div class="main-title">{{ $t("請選擇提款账户") }}</div> -->
|
<van-cell
|
is-link
|
:title="
|
rechargeAccountData.name ? rechargeAccountData.name : $t('請選擇')
|
"
|
@click="rechargeAccountShow = true"
|
/>
|
<van-action-sheet
|
v-model="rechargeAccountShow"
|
:actions="rechargeAccountActions"
|
:cancel-text="$t('hj106')"
|
close-on-click-action
|
@select="rechargeAccountSelect"
|
/>
|
<div class="pages_box">
|
<!-- <div class="pages_box_after">账变前</div> -->
|
<div class="pages_box_after">{{ $t("je") }}</div>
|
<!-- <div class="pages_box_after">账变后</div> -->
|
<div class="pages_box_after">{{ $t("操作时间") }}</div>
|
<div class="pages_box_after">{{ $t("描述") }}</div>
|
</div>
|
<div class="pages_box" v-for="(item, index) in pagelist" :key="index">
|
<!-- <div class="pages_box_after"> {{item.after}}</div> -->
|
<div class="pages_box_after">{{ item.amount }}</div>
|
<!-- <div class="pages_box_after"> {{item.beFore}}</div> -->
|
<div class="pages_box_after">
|
{{ $moment(item.createTime).format("DD-MM-YYYY hh:mm:ss A") }}
|
</div>
|
<div class="pages_box_after">{{ item.descs }}</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import * as api from "@/axios/api";
|
export default {
|
data() {
|
return {
|
userInfo: "",
|
pagelist: [],
|
rechargeAccountActions: [
|
{
|
name: this.$t("gm"),
|
key: "BUY"
|
},
|
{
|
name: this.$t("hj121"),
|
key: "CLOSE_POSITION"
|
},
|
{
|
name: this.$t("hj44"),
|
key: "HANDLING_CHARGE"
|
}
|
],
|
rechargeAccountShow: false,
|
rechargeAccountData: {},
|
type: ""
|
};
|
},
|
mounted() {
|
this.getUserInfo();
|
this.getpagelist();
|
},
|
methods: {
|
rechargeAccountSelect(e) {
|
this.rechargeAccountData = e;
|
this.type = e.key;
|
this.getpagelist();
|
},
|
async getUserInfo() {
|
// 获取用户信息
|
let data = await api.getUserInfo();
|
if (data.status == 0) {
|
// 判断是否登录
|
this.$store.state.userInfo = data.data;
|
this.userInfo = data.data;
|
} else {
|
}
|
},
|
async getpagelist() {
|
let result = await api.moneylogAll({
|
userId: this.$store.state.userInfo.id,
|
type: this.type,
|
pageSize: 9999
|
});
|
if (result.status === 0) {
|
this.pagelist = result.data.records;
|
} else {
|
}
|
}
|
}
|
};
|
</script>
|
|
<style scoped lang="less">
|
main {
|
padding: 0 0.4rem 0.53333rem;
|
box-sizing: border-box;
|
}
|
.main-title {
|
font-style: normal;
|
font-weight: 400;
|
font-size: 0.37333rem;
|
color: #8c9fad;
|
margin-top: 0.3rem;
|
}
|
|
.pages_box_after {
|
flex: 1;
|
text-align: center;
|
}
|
.pages_box {
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
align-items: center;
|
justify-content: center;
|
height: 60px;
|
line-height: 60px;
|
background-color: #fff;
|
flex: 1;
|
border-bottom: 1px solid #acc4d4;
|
font-size: 12px;
|
}
|
.pages {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
}
|
/deep/ .van-cell {
|
list-style: none;
|
width: 100%;
|
margin-top: 0.26667rem;
|
background: #fff;
|
border-radius: 0.10667rem;
|
list-style: none;
|
border: none;
|
font-family: Arial, sans-serif;
|
font-style: normal;
|
font-weight: 500;
|
font-size: 0.37333rem;
|
line-height: 0.53333rem;
|
padding: 0.32rem 0.4rem;
|
box-sizing: border-box;
|
margin-top: 0.26667rem;
|
box-shadow: 0 0.16rem 0.32rem #eaeaea99;
|
margin-bottom: 20px;
|
}
|
/deep/ .van-nav-bar__content {
|
height: 65px;
|
}
|
/deep/ .van-nav-bar__title {
|
font-family: "DINPro";
|
width: 100%;
|
height: 1.17333rem;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-style: normal;
|
font-weight: 500;
|
font-size: 0.48rem;
|
color: #14181f;
|
}
|
</style>
|
