<template>
|
<div class="warehouse_page">
|
<van-nav-bar
|
:title="(this.$t('yebjl'))"
|
left-arrow
|
fixed
|
@click-left="$router.go(-1)"
|
/>
|
<div class="warehouse_card">
|
<van-pull-refresh
|
v-model="refreshing"
|
:success-text="$t('sxcg')"
|
@refresh="onRefresh"
|
>
|
<van-empty v-if="!yebsList || yebsList.length < 1" class="custom-image" :image="require('@/assets/img/empty-image-default.png')" :description="$t('zwsj')" />
|
<van-list
|
v-model="loading"
|
:finished="finished"
|
:finished-text="$t('hj43')"
|
@load="onLoad"
|
:immediate-check="immediate"
|
>
|
<div class="ul" v-for="item in yebsList" :key="item.id">
|
<div class="li">
|
<div class="li-left">
|
<h3>{{ item.dkUserName }}</h3>
|
<div class="li-cont">
|
<div class="li-info li-1">
|
<span class="li-label">{{ $t('dkjg') + '：' }}</span>
|
<span class="li-value">{{ $t('dkjg') }}</span>
|
<!-- <span class="li-value">{{ item.dkJgName }}</span> -->
|
</div>
|
<div class="li-info li-1">
|
<span class="li-label">{{ $t('dkje') + '：' }}</span>
|
<span class="li-value">{{ item.dkMoney }} {{ $t('yuan') }}</span>
|
</div>
|
</div>
|
<div class="li-cont">
|
<div class="li-info">
|
<span class="li-label">{{ $t('dkrdh') + '：' }}</span>
|
<span class="li-value">{{ item.dkPhone }}</span>
|
</div>
|
<div class="li-info">
|
<span class="li-label">{{ $t('shje') + '：' }}</span>
|
<span class="li-value">{{ item.spMoney }}</span>
|
</div>
|
</div>
|
<div class="li-cont">
|
<div class="li-info">
|
<span class="li-label">{{ $t('dksj') + '：' }}</span>
|
<span class="li-value">{{ item.createTime | filterTime }}</span>
|
</div>
|
</div>
|
<div class="li-cont">
|
<div class="li-info">
|
<span class="li-label">{{ $t('yj') + '：' }}</span>
|
<span class="li-value">{{ item.dkMessage }}</span>
|
</div>
|
</div>
|
</div>
|
<div class="li-btn-box">
|
<div :class="['account', item.dkState === '0' ? 'a0' : item.dkState === '1' ? 'a1' : item.dkState === '2' ? 'a2' : 'a3']">{{ [$t('sqz'), $t('sptg'), $t('shjj'), $t('dkffcg')][item.dkState] }}</div>
|
</div>
|
</div>
|
</div>
|
</van-list>
|
</van-pull-refresh>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { Toast } from 'vant'
|
import moment from 'moment'
|
// import { MessageBox } from 'mint-ui'
|
import * as api from '@/axios/api'
|
import Axios from 'axios'
|
export default {
|
data () {
|
return {
|
tabsArr: ['余额宝'],
|
tabsCurrentIndex: 0,
|
titleName: this.$t('hj114'),
|
indexSettingInfo: {},
|
futuresSettingInfo: {},
|
tabsPositionNumArr: [],
|
yebs: [],
|
titleIndex: 0,
|
settingInfo: {},
|
tabsPcArr: [],
|
titleDialog: false,
|
total: 0,
|
totals: 0,
|
totalss: 0,
|
loading: false,
|
finished: false,
|
finisheds: false,
|
finishedss: false,
|
page: 1,
|
pages: 1,
|
pagess: 1,
|
immediate: false,
|
loadings: false,
|
loadingss: false,
|
tabsOrderList: [],
|
xgTotal: 0,
|
tabsXgArr: [],
|
loadingXg: false,
|
finishedXg: false,
|
refreshing: false,
|
yebsList: []
|
}
|
},
|
mounted () {
|
this.getUserInfo()
|
this.getIndexSettingInfo()
|
this.getSettingInfo()
|
this.getYebs()
|
},
|
created () {
|
if (this.$route.query.index) {
|
this.tabsCurrentIndex = Number(this.$route.query.index)
|
}
|
},
|
methods: {
|
|
async getYebs () {
|
Axios.post('http://121.43.237.202:8091/api/dk/queryByShUserId.do').then(res => {
|
console.log(3333, res)
|
if (res.data.status === 0) {
|
this.$store.state.yebs = res.data.data
|
this.yebsList = res.data.data
|
this.refreshing = false
|
} else {
|
// this.$message.error(res.data.msg)
|
Toast(res.data.msg)
|
}
|
})
|
// // 获取用户信息
|
// let data = await api.getDkJl()
|
|
// if (data.status === 0) {
|
// this.$store.state.yebs = data.data
|
// this.yebsList = data.data
|
// console.log(3333, this.$store.state.yebs)
|
// this.refreshing = false
|
// } else {
|
// Toast(data.msg)
|
// }
|
},
|
onLoad () {
|
this.loading = false
|
this.getYebs()
|
this.finished = true
|
// // 持仓
|
// this.page++
|
// switch (this.titleIndex) {
|
// case 0:
|
// // 沪深京持仓
|
// this.getListDetail()
|
// break
|
// case 1:
|
// // 指数持仓
|
// this.getzhishuListDetail()
|
// break
|
|
// default:
|
// break
|
// }
|
},
|
onLoads () {
|
// 平仓
|
this.pages++
|
switch (this.titleIndex) {
|
case 0:
|
// 沪深京平仓
|
this.getListDetails()
|
break
|
case 1:
|
// 指数平仓
|
this.getzhishuListDetails()
|
break
|
default:
|
break
|
}
|
},
|
onRefresh () {
|
// this.page = 1
|
this.refreshing = true
|
this.getYebs()
|
},
|
onLoadss () {
|
this.pagess++
|
switch (this.titleIndex) {
|
case 1:
|
this.getorderList()
|
break
|
default:
|
break
|
}
|
},
|
onLoadXg () {
|
// this.getNewXg();
|
},
|
|
async getIndexSettingInfo () {
|
// 网站设置信息 指数
|
let data = await api.getIndexSetting()
|
if (data.status === 0) {
|
// 成功
|
this.indexSettingInfo = data.data
|
} else {
|
Toast(data.msg)
|
}
|
},
|
|
async getSettingInfo () {
|
let data = await api.getSetting()
|
if (data.status === 0) {
|
// 成功
|
this.settingInfo = data.data
|
} else {
|
Toast(data.msg)
|
}
|
},
|
async getUserInfo () {
|
// 获取用户信息
|
// let showcookie = this.getCookie('USER_TOKEN');
|
let data = await api.getUserInfo()
|
if (data.status === 0) {
|
// this.getProductSetting()
|
this.$store.state.userInfo = data.data
|
} else {
|
Toast(data.msg)
|
}
|
this.$store.state.user = this.user
|
}
|
|
},
|
filters: {
|
filterTime (v) {
|
if (v) {
|
return moment(v).format('YYYY-MM-DD HH:mm:ss')
|
} else {
|
return ''
|
}
|
},
|
gettime (time) {
|
if (!time) {
|
return ''
|
}
|
var nd = new Date(time)
|
var y = nd.getFullYear()
|
var mm = nd.getMonth() + 1
|
var d = nd.getDate()
|
var h = nd.getHours()
|
var m = nd.getMinutes()
|
var c = nd.getSeconds()
|
if (mm < 10) {
|
mm = '0' + mm
|
}
|
if (d < 10) {
|
d = '0' + d
|
}
|
if (h < 10) {
|
h = '0' + h
|
}
|
if (m < 10) {
|
m = '0' + m
|
}
|
if (c < 10) {
|
c = '0' + c
|
}
|
// 17:35:2922-06-2022
|
return y + '/' + mm + '/' + d + ' ' + h + ':' + m + ':' + c
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="less">
|
/deep/ .van-nav-bar {
|
height: 64px !important;
|
background: linear-gradient(to bottom, #45acff, #287df5);
|
.van-nav-bar__content {
|
height: 64px !important;
|
}
|
.van-nav-bar__title, .van-nav-bar__text {
|
color: #FFFFFF;
|
font-size: 24px;
|
}
|
.van-icon {
|
color: #FFFFFF;
|
font-size: 24px;
|
}
|
}
|
.warehouse_page {
|
width: 100%;
|
height: 100%;
|
// height: calc(100% - 1.2974rem);
|
}
|
.warehouse_card {
|
width: 100%;
|
height: calc(100% - 140px);
|
overflow-y: auto;
|
position: absolute;
|
top: 64px;
|
z-index: 0;
|
background: rgb(242, 243, 247);
|
.ul {
|
margin: 15px;
|
padding: 20px;
|
padding-right: 0px;
|
border-radius: 8px;
|
background: #FFFFFF;
|
.li {
|
font-size: 18px;
|
display: flex;
|
justify-content: space-between;
|
.li-left {
|
width: 100%;
|
height: 100%;
|
h3 {
|
display: flex;
|
padding-bottom: 20px;
|
}
|
.li-cont {
|
display: flex;
|
justify-content: space-between;
|
width: 100%;
|
height: 100%;
|
.li-info {
|
height: 36px;
|
}
|
.li-1 {
|
// margin-right: 20px;
|
}
|
}
|
}
|
.li-btn-box {
|
width: 120px;
|
display: flex;
|
// align-items: center;
|
justify-content: center;
|
.account {
|
font-size: 18px;
|
}
|
.a0 {
|
color: #0a4ca8;
|
}
|
.a1, .a3 {
|
color: green;
|
}
|
.a2 {
|
color: #FF0000;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
