<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')"
|
:loading-text="$t('hj430')"
|
:loosing-text="$t('hj430')"
|
:pulling-text="$t('hj430')"
|
@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')"
|
:loading-text="$t('hj430')"
|
@load="onLoad"
|
:immediate-check="immediate"
|
>
|
<div class="ul" v-for="item in yebsList" :key="item.id">
|
<div class="li">
|
<div class="li-left">
|
<div style="display: flex; justify-content: space-between">
|
<h3>{{ item.title }}</h3>
|
<div class="li-btn-box">
|
<div :class="['account', item.state === '2' ? 'a1' : 'a2']">
|
{{ ["", $t("wjs"), $t("yjs")][item.state] }}
|
</div>
|
</div>
|
</div>
|
|
<div class="li-cont">
|
<div class="li-info li-1">
|
<span class="li-label">{{ $t("周期") + "：" }}</span>
|
<span class="li-value">
|
{{ item.returnTime }} {{ $t("天") }}
|
</span>
|
</div>
|
<div class="li-info">
|
<span class="li-label">{{ $t("syl") + "：" }}</span>
|
<span class="li-value">{{ item.returnOfRate }}%</span>
|
</div>
|
<div class="li-info li-1">
|
<span class="li-label">{{
|
$t("gm") + $t("je") + "："
|
}}</span>
|
<span class="li-value">{{
|
item.money | _toLocaleString(false)
|
}}</span>
|
</div>
|
</div>
|
<div class="li-cont">
|
<div class="li-info">
|
<span class="li-label">{{
|
$t("gm") + $t("sj") + "："
|
}}</span>
|
<span class="li-value">{{
|
item.buyTime
|
}}</span>
|
</div>
|
</div>
|
<div class="li-cont">
|
<div class="li-info">
|
<span class="li-label">{{ $t("jssj") + "：" }}</span>
|
<span class="li-value">{{
|
item.endTime
|
}}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</van-list>
|
</van-pull-refresh>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { Toast } from "vant";
|
import moment from "moment";
|
import * as api from "@/axios/api";
|
export default {
|
data() {
|
return {
|
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() {
|
// 获取用户信息
|
let data = await api.getYebs();
|
|
if (data.status === 0) {
|
this.$store.state.yebs = data.data;
|
this.yebsList = data.data;
|
console.log(1111, 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) {
|
console.log(v);
|
if (v) {
|
return moment.unix(v / 1000).format("DD-MM-YYYY hh:mm:ss A");
|
} else {
|
return "";
|
}
|
},
|
gettime(time) {
|
if (!time) {
|
return "";
|
}
|
// time = time/1000
|
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: flex-end;
|
.account {
|
font-size: 18px;
|
}
|
.a1 {
|
color: #ff0000;
|
}
|
.a2 {
|
color: green;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
