<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">{{
|
formatTimestamp(item.createTime)
|
}}</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: {
|
formatTimestamp(timestamp) {
|
const date = new Date(timestamp); // 将时间戳转换为 Date 对象
|
|
const day = date.getDate(); // 日期
|
const month = date.getMonth() + 1; // 月份（从 0 开始，所以下标要加 1）
|
const year = date.getFullYear(); // 年份
|
const hours = date.getHours(); // 小时
|
const minutes = date.getMinutes(); // 分钟
|
const seconds = date.getSeconds(); // 秒钟
|
|
// 格式化为 "日月年/时分秒" 格式
|
return `${year}${this.$t('年')}${month}${this.$t('月')}${day}${this.$t('日')}/${hours}:${minutes}:${seconds}`;
|
// return `${month}`;
|
},
|
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>
|
