1

jhzh

2026-02-27 5dfb843c29fdcc1693961b70a36ddee3fea85a4a

 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)"
@@ -10,49 +10,75 @@
      <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-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">
                <h3>{{ item.title }}</h3>
                <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('zq') + '：' }}</span>
                    <span class="li-value">{{ item.returnTime }} {{ $t('day') }}</span>
                    <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-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
                    }}</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
                    }}</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
                    }}</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>
            </div>
          </div>
@@ -63,16 +89,14 @@
</template>

<script>
import { Toast } from 'vant'
import moment from 'moment'
// import { MessageBox } from 'mint-ui'
import * as api from '@/axios/api'
import { Toast } from "vant";
import moment from "moment";
import * as api from "@/axios/api";
export default {
  data () {
  data() {
    return {
      tabsArr: ['余额宝'],
      tabsCurrentIndex: 0,
      titleName: this.$t('hj114'),
      titleName: this.$t("hj114"),
      indexSettingInfo: {},
      futuresSettingInfo: {},
      tabsPositionNumArr: [],
@@ -100,39 +124,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 +172,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 +290,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;
  }
}
@@ -293,9 +316,9 @@
  .ul {
    margin: 15px;
    padding: 20px;
    padding-right: 0px;
    // padding-right: 0px;
    border-radius: 8px;
    background: #FFFFFF;
    background: #ffffff;
    .li {
      font-size: 18px;
      display: flex;
@@ -324,12 +347,12 @@
        width: 120px;
        display: flex;
        // align-items: center;
        justify-content: center;
        justify-content: flex-end;
        .account {
          font-size: 18px;
        }
        .a1 {
          color: #FF0000;
          color: #ff0000;
        }
        .a2 {
          color: green;