零时提交

jhzh

2025-08-27 ef2e2e3f9c6d37cc47b14ce0444fb75e6aa19dd1

 src/page/newUser/index.vue

@@ -1,7 +1,7 @@
<template>
  <div class="user_page DINPro">
    <div class="content">
      <div class="top_icon">
      <!-- <div class="top_icon">
        <div class="left_icon">
          <div>
            <img
@@ -23,31 +23,52 @@
            <img src="@/assets/img/shezhia.png" alt />
          </div>
        </div>
      </div> -->
      <div class="userbox">
        <img style="width: 59px;height: 59px;margin-bottom: 20px;" src="@/assets/img/aass.png"/>
        <div style="margin-bottom: 10px;font-size: 15px;">{{ userInfo.phone }}</div>
        <div style="margin-bottom: 20px;display: flex;">
          <div >UID:{{ userInfo.id }}
          </div>
          <div :style="userInfo.isActive==2?'color:#16B06E;margin-left: 10px;':'color:#C8302F;margin-left: 10px;'">{{userInfo.isActive==2?$t('hj203'):$t('hj204')}}</div>
        </div>
      </div>

      <div class="sfrz">
        <div class="sfrz_left">
          <img src="@/assets/img/shiminga.png"/>
          <div style="margin-left: 5px;">{{$t('hj246')}}</div>
        </div>
        <div class="sfrz_right" @click="$router.push('/authentications')">
          {{userInfo.isActive==2?$t('hj203'):$t('hj204')}}
        </div>
      </div>
      <div>
        <div style="margin-top: 20px;color: #fff;border-radius: 4px;width: max-content;padding: 8px 16px;background-color: #185546;margin-left: 15px;margin-bottom: 20px;">
          {{$t('日股')}}
        </div>
      </div>
      <div class="content-box">
        <van-row class="van-row-box">
          <van-col span="20">
            <div class="content-all">
              <span>{{ $t("賬戶總資產") }}(¥)</span>
              <i @click="xy = !xy" class="iconfont xy">&#xe8c7;</i>
              <span>{{ $t("賬戶總資產") }}(JPY)</span>
            </div>
            <div class="number-all">
              <showHide :text="asstesAll" :flg="xy" />
            </div>
          </van-col>
          <van-col span="4" style="display: flex; justify-content: flex-end">
            <van-icon
            <!-- <van-icon
              @click="$router.push('/rechargelist')"
              name="orders-o"
              size="20"
            />
            /> -->
            <i @click="xy = !xy" class="iconfont xy">&#xe8c7;</i>
          </van-col>
        </van-row>

        <van-row style="margin-top: 16px">
        <!-- <van-row style="margin-top: 16px">
          <van-col span="8" style="display: flex; justify-content: center">
            <!-- @click="kefu" -->
            <van-button @click="$router.push('/recharge')" class="btn-two" type="primary">
              {{ $t("hj172") }}
            </van-button>
@@ -59,7 +80,7 @@
              type="default"
              >{{ $t("提款") }}</van-button
            >
          </van-col>
          </van-col> -->
         <!-- <van-col span="8" style="display: flex; justify-content: center">
            <van-button
              @click="leverShow = true"
@@ -106,8 +127,34 @@
        </van-dialog>
      </div>
      <div class="content-list-box">
        <div class="divider div-shrink"></div>
        <van-tabs
        <div class="price">
          <div class="price_box">
            <div class="price_box_title">{{$t('hometips')}}</div>
            <div class="price_box_txt">{{asstesAll}}</div>
          </div>
          <div class="price_box">
            <div class="price_box_title">{{$t('日股冻结')}}</div>
            <div class="price_box_txt">0.00</div>
          </div>
          <div class="price_box">
            <div class="price_box_title">{{$t('累計盈虧')}}</div>
            <div class="price_box_txt">{{moneyList[0].cumulativeProfitAndLoss}}</div>
          </div>
          <div class="price_box">
            <div class="price_box_title">{{$t('浮動盈虧')}}</div>
            <div class="price_box_txt">{{moneyList[0].profitAndLoss}}</div>
          </div>
          <div class="price_box">
            <div class="price_box_title">{{$t('待补金额')}}</div>
            <div class="price_box_txt">{{moneyList[0].amountToBeCovered}}</div>
          </div>
          <div class="price_box">
            <div class="price_box_title">{{$t('hj48')}}</div>
            <div class="price_box_txt">{{moneyList[0].availableBalance}}</div>
          </div>
        </div>
        <!-- <div class="divider div-shrink"></div> -->
        <!-- <van-tabs
          line-width="22px"
          swipe-threshold="2"
          offset-top="20px"
@@ -130,9 +177,6 @@
                    {{ item.symbol }}
                    {{ item.availableBalance   }}
                  </div>
                  <!-- <div class="DINPro">
                    ≈ $ {{ item.availableBalanceUSD || "0.00" }}
                  </div> -->
                </div>
              </li>
              <li>
@@ -144,7 +188,6 @@
                    {{ item.symbol }}
                    {{ item.freezeMoney   }}
                  </div>
                  <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
                </div>
              </li>
              <li>
@@ -156,12 +199,20 @@
                    {{ item.symbol }}
                    {{ item.amountToBeCovered   }}
                  </div>
                  <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
                </div>
              </li>
            </ul>
          </van-tab>
        </van-tabs>
        </van-tabs> -->
        <div class="btnsss">
          <div class="btn_box" v-for="(item,index) in btnlist" :key="index" @click="gotorush(item.url)">
            <img class="btn_box_img" :src="item.img"/>
            <div class="btn_box_txt">{{item.txt}}</div>
          </div>
        </div>

        <setting style="width: auto;"></setting>
        <div style="width: 100%;height: 100px;"></div>
      <!--  <div class="path" >
          <div class="path_box" v-for="(item,index) in iconlist" :key="index" @click="nato(item.path)">
            <div class="path_img">
@@ -216,10 +267,11 @@
import Vue from "vue";
import { Notify } from "vant";
import Language from "@/components/Language/index.vue";
import setting from "./setting.vue"

export default {
  name: "newUser",
  components: { showHide,Language },
  components: { showHide,Language,setting },
  data() {
    return {
      pswDialog: false,
@@ -240,6 +292,38 @@
      ],
      active: this.$t("日股資產"),
      name: "",
      btnlist:[
        {
          img:require('../../assets/img/chongzhi.svg'),
          txt:this.$t('hj172'),
          url:'/recharge'
        },
        {
          img:require('../../assets/img/tixian.svg'),
          txt:this.$t('hj177'),
          url:'/RechargeSure'
        },
        {
          img:require('../../assets/img/bank_card.svg'),
          txt:this.$t('hj247'),
          url:'/banklist'
        },
        {
          img:require('../../assets/img/mingxi.svg'),
          txt:this.$t('明细'),
          url:'/Record'
        },
        {
          img:require('../../assets/img/mykefu.svg'),
          txt:this.$t('kf'),
          url:''
        },
        {
          img:require('../../assets/img/userrz.svg'),
          txt:this.$t('hj203'),
          url:'/authentications'
        }
      ],
      selectUserFlag: true,
      settingDialog: false,
      oldPassword: "", // 旧密码
@@ -372,6 +456,18 @@
        Toast(data.msg);
      }
      this.$router.push("/login");
    },
    gotorush(e){
      // if(e=='/recharge'){
      //   Toast(this.$t('请联系客服'));
      // }else
       if(e==''){
        // window.open('https://lin.ee/7I7cvGD', '_blank');
        // window.open('https://lin.ee/69mzBfD', '_blank');
        window.open(this.onlineService);
      }else{
        this.$router.push(e);
      }
    },
    handleOutLoginClick() {
      // 退出登录
@@ -644,6 +740,56 @@
</script>

<style scoped lang="less">
  .sfrz_right{
    background: #185546;
    padding: 8px 16px;
    border-radius: 4px;
    color: #fff;
  }
  .sfrz_left{
    display: flex;
    color: #276048;
  }
  .sfrz{
        // margin-top: 10px;
        background: #e8f4f0;
        padding: 0.422rem 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
  }
  .userbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
  }
  .btn_box_txt{
font-size: .346667rem;
    color: #185546;
    font-family: Arial, sans-serif;
  }
  .btn_box_img{
    width: .64rem;
        height: .64rem;
        margin-bottom: .16rem;
  }
  .btn_box{
    margin-top: .373333rem;
    width: 31%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: .32rem 0;
  }
  .btnsss{
    margin: 0px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .path_txt{
    text-align: center;
  }
@@ -739,10 +885,35 @@
    }
  }
}
.price_box_txt{
  color:#000;
  font-size: 24px;
  font-weight: bold;
}
.price_box_title{
  color:#858093;
  margin-bottom: 15px;
}
.price_box{
  background-color: #E8F4F0;
  display: flex;
  flex-direction: column;
  width: 48.9%;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: .37rem .373333rem;
}
.price{
  margin:12px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content-list-box {
  width: 100%;
  min-height: calc(100vh - 6rem);
  background-color: #fff;
  // width: 100%;
  // min-height: calc(100vh - 6rem);
  // margin:12px 15px;
  // background-color: #fff;
  .divider {
    width: 100%;
    height: 0.13333rem;
@@ -752,12 +923,12 @@
.content-box {
  width: 100%;
  // min-height: 5.52rem;
  background: #ffffff;
  box-shadow: 0 0.16rem 0.32rem #eaeaea99;
  // background: #ffffff;
  // box-shadow: 0 0.16rem 0.32rem #eaeaea99;
  padding: 0.4rem;
  box-sizing: border-box;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  // border-top-left-radius: 0.4rem;
  // border-top-right-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
@@ -904,7 +1075,7 @@
.user_page {
  width: 100%;
  height: calc(100% - 1.3rem);
  background: linear-gradient(to bottom, #3160fd, #ffffff);
  background: #F8FAF9;

  .content {
    width: 100%;