From bc2a7316ce753a6731d9d93faf553f450a9ccda3 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sun, 21 Apr 2024 13:43:06 +0800
Subject: [PATCH] first
---
src/page/user/yebs.vue | 216 +++++++++++++++++++++++++++++------------------------
1 files changed, 117 insertions(+), 99 deletions(-)
diff --git a/src/page/user/yebs.vue b/src/page/user/yebs.vue
index 732b2c1..b24971f 100644
--- a/src/page/user/yebs.vue
+++ b/src/page/user/yebs.vue
@@ -1,7 +1,7 @@
<template>
<div class="warehouse_page">
<van-nav-bar
- :title="(this.$t('yebjl'))"
+ :title="this.$t('yebjl')"
left-arrow
fixed
@click-left="$router.go(-1)"
@@ -11,8 +11,13 @@
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-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"
@@ -26,33 +31,47 @@
<h3>{{ item.title }}</h3>
<div class="li-cont">
<div class="li-info li-1">
- <span class="li-label">{{ $t('zq') + '：' }}</span>
- <span class="li-value">{{ item.returnTime }} {{ $t('day') }}</span>
+ <span class="li-label">{{ $t("zq") + "：" }}</span>
+ <span class="li-value"
+ >{{ item.returnTime }} {{ $t("day") }}</span
+ >
</div>
<div class="li-info">
- <span class="li-label">{{ $t('syl') + '：' }}</span>
+ <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 }} {{ $t('yuan') }}</span>
+ <span class="li-label">{{
+ $t("gm") + $t("je") + "："
+ }}</span>
+ <span class="li-value"
+ >{{ item.money }} {{ $t("yuan") }}</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 | filterTime }}</span>
+ <span class="li-label">{{
+ $t("gm") + $t("sj") + "："
+ }}</span>
+ <span class="li-value">{{
+ item.buyTime | filterTime
+ }}</span>
</div>
</div>
<div class="li-cont">
<div class="li-info">
- <span class="li-label">{{ $t('jssj') + '：' }}</span>
- <span class="li-value">{{ item.endTime | filterTime }}</span>
+ <span class="li-label">{{ $t("jssj") + "：" }}</span>
+ <span class="li-value">{{
+ item.endTime | filterTime
+ }}</span>
</div>
</div>
</div>
<div class="li-btn-box">
- <div :class="['account', item.state === '1' ? 'a1' : 'a2']">{{ ['', $t('yjs'), $t('wjs')][item.state] }}</div>
+ <div :class="['account', item.state === '1' ? 'a1' : 'a2']">
+ {{ ["", $t("yjs"), $t("wjs")][item.state] }}
+ </div>
</div>
</div>
</div>
@@ -63,16 +82,16 @@
</template>
<script>
-import { Toast } from 'vant'
-import moment from 'moment'
+import { Toast } from "vant";
+import moment from "moment";
// import { MessageBox } from 'mint-ui'
-import * as api from '@/axios/api'
+import * as api from "@/axios/api";
export default {
- data () {
+ data() {
return {
- tabsArr: ['余额宝'],
+ tabsArr: ["余额宝"],
tabsCurrentIndex: 0,
- titleName: this.$t('hj114'),
+ titleName: this.$t("hj114"),
indexSettingInfo: {},
futuresSettingInfo: {},
tabsPositionNumArr: [],
@@ -100,39 +119,38 @@
loadingXg: false,
finishedXg: false,
refreshing: false,
- yebsList: []
- }
+ yebsList: [],
+ };
},
- mounted () {
- this.getUserInfo()
- this.getIndexSettingInfo()
- this.getSettingInfo()
- this.getYebs()
+ mounted() {
+ this.getUserInfo();
+ this.getIndexSettingInfo();
+ this.getSettingInfo();
+ this.getYebs();
},
- created () {
+ created() {
if (this.$route.query.index) {
- this.tabsCurrentIndex = Number(this.$route.query.index)
+ this.tabsCurrentIndex = Number(this.$route.query.index);
}
},
methods: {
-
- async getYebs () {
+ async getYebs() {
// 获取用户信息
- let data = await api.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
+ this.$store.state.yebs = data.data;
+ this.yebsList = data.data;
+ console.log(1111, this.$store.state.yebs);
+ this.refreshing = false;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- onLoad () {
- this.loading = false
- this.getYebs()
- this.finished = true
+ onLoad() {
+ this.loading = false;
+ this.getYebs();
+ this.finished = true;
// // 持仓
// this.page++
// switch (this.titleIndex) {
@@ -149,116 +167,115 @@
// break
// }
},
- onLoads () {
+ onLoads() {
// 平仓
- this.pages++
+ this.pages++;
switch (this.titleIndex) {
case 0:
// 沪深京平仓
- this.getListDetails()
- break
+ this.getListDetails();
+ break;
case 1:
// 指数平仓
- this.getzhishuListDetails()
- break
+ this.getzhishuListDetails();
+ break;
default:
- break
+ break;
}
},
- onRefresh () {
+ onRefresh() {
// this.page = 1
- this.refreshing = true
- this.getYebs()
+ this.refreshing = true;
+ this.getYebs();
},
- onLoadss () {
- this.pagess++
+ onLoadss() {
+ this.pagess++;
switch (this.titleIndex) {
case 1:
- this.getorderList()
- break
+ this.getorderList();
+ break;
default:
- break
+ break;
}
},
- onLoadXg () {
+ onLoadXg() {
// this.getNewXg();
},
- async getIndexSettingInfo () {
+ async getIndexSettingInfo() {
// 网站设置信息 指数
- let data = await api.getIndexSetting()
+ let data = await api.getIndexSetting();
if (data.status === 0) {
// 成功
- this.indexSettingInfo = data.data
+ this.indexSettingInfo = data.data;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- async getSettingInfo () {
- let data = await api.getSetting()
+ async getSettingInfo() {
+ let data = await api.getSetting();
if (data.status === 0) {
// 成功
- this.settingInfo = data.data
+ this.settingInfo = data.data;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
// let showcookie = this.getCookie('USER_TOKEN');
- let data = await api.getUserInfo()
+ let data = await api.getUserInfo();
if (data.status === 0) {
// this.getProductSetting()
- this.$store.state.userInfo = data.data
+ this.$store.state.userInfo = data.data;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
- this.$store.state.user = this.user
- }
-
+ this.$store.state.user = this.user;
+ },
},
filters: {
- filterTime (v) {
- console.log(v);
+ filterTime(v) {
+ console.log(v);
if (v) {
- return moment.unix(v/1000).format('YYYY-MM-DD HH:mm:ss')
+ return moment.unix(v / 1000).format("DD-MM-YYYY hh:mm:ss A");
} else {
- return ''
+ return "";
}
},
- gettime (time) {
+ gettime(time) {
if (!time) {
- return ''
+ 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()
+ // 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
+ mm = "0" + mm;
}
if (d < 10) {
- d = '0' + d
+ d = "0" + d;
}
if (h < 10) {
- h = '0' + h
+ h = "0" + h;
}
if (m < 10) {
- m = '0' + m
+ m = "0" + m;
}
if (c < 10) {
- c = '0' + c
+ c = "0" + c;
}
// 17:35:2922-06-2022
- return y + '/' + mm + '/' + d + ' ' + h + ':' + m + ':' + c
- }
- }
-}
+ return y + "/" + mm + "/" + d + " " + h + ":" + m + ":" + c;
+ },
+ },
+};
</script>
<style scoped lang="less">
@@ -268,12 +285,13 @@
.van-nav-bar__content {
height: 64px !important;
}
- .van-nav-bar__title, .van-nav-bar__text {
- color: #FFFFFF;
+ .van-nav-bar__title,
+ .van-nav-bar__text {
+ color: #ffffff;
font-size: 24px;
}
.van-icon {
- color: #FFFFFF;
+ color: #ffffff;
font-size: 24px;
}
}
@@ -295,7 +313,7 @@
padding: 20px;
padding-right: 0px;
border-radius: 8px;
- background: #FFFFFF;
+ background: #ffffff;
.li {
font-size: 18px;
display: flex;
@@ -329,7 +347,7 @@
font-size: 18px;
}
.a1 {
- color: #FF0000;
+ color: #ff0000;
}
.a2 {
color: green;
--
Gitblit v1.9.3