first

zzzz

2024-04-25 129535fe29ba25a1f40b90fcf5bc7606ea127a67

first

 src/axios/api.url.js

@@ -7,9 +7,9 @@
  // baseURL: '/',
  // baseURL: 'http://www.jumptalk.net:8091',
  // 0311
  // baseURL: "https://api.essencefunds.com/",
  baseURL: "https://api.essencefunds.com/",
  // 本地
  baseURL: "http://192.168.0.105:8091/",
  // baseURL: "http://192.168.0.105:8091/",
  util: {
    image: "/util/image.html" // 图片上传
  }

 src/components/Language/index.vue

@@ -37,13 +37,11 @@
      actions: [
        {
          text: "English",

          lang: "en",
        },
        {
          text: "简体中文",

          lang: "zh",
          lang: "zh-CN",
        },
        { text: "हिंदी", lang: "hi" },
        {
@@ -52,7 +50,7 @@
        }, //德语
        {
          text: "Français",
          lang: "fra",
          lang: "fr",
        }, //法语
        {
          text: "日本語にほんご",

 src/locales/cht.json

@@ -218,7 +218,6 @@
  "hj97": "刪除自選成功",
  "hj98": "買入價",
  "hj99": "當價格滿足條件時買入",
  "hj100": "交易數量(手)",
  "hj101": "槓桿",
  "hj102": "每手需付保證金",
  "hj103": "可用餘額",
@@ -569,5 +568,6 @@
  "周期": "週期",
  "天": "天",
  "市场": "市場",
  "请选择提现金额": "請選擇提現金額"
  "请选择提现金额": "請選擇提現金額",
  "hj100": "交易數量（股）"
}

 src/locales/de.json

@@ -221,7 +221,6 @@
  "hj97": "Ausgewählte erfolgreich löschen",
  "hj98": "Kaufpreis",
  "hj99": "Kaufen Sie, wenn der Preis die Bedingungen erfüllt",
  "hj100": "Transaktionsmenge (Hand)",
  "hj101": "Hebel",
  "hj102": "Jede Hand erfordert eine Anzahlung zu zahlen",
  "hj103": "Verfügbarer Saldo",
@@ -564,5 +563,6 @@
  "周期": "Zyklus",
  "天": "Tag",
  "市场": "Markt",
  "请选择提现金额": "Bitte wählen Sie den Auszahlungsbetrag aus"
  "请选择提现金额": "Bitte wählen Sie den Auszahlungsbetrag aus",
  "hj100": "Handelsmenge (Aktien)"
}

 src/locales/en.json

@@ -215,7 +215,6 @@
  "hj97": "Delete your choice successfully",
  "hj98": "buying price",
  "hj99": "Buy when the price meets the conditions",
  "hj100": "Transaction quantity (lots)",
  "hj101": "lever",
  "hj102": "A deposit is required for each lot",
  "hj103": "Available Balance",
@@ -416,7 +415,7 @@
  "hj141": "Profit and loss ratio",
  "hj168": "Recharge record",
  "hj169": "Check",
  "hj256": "top up",
  "hj256": "Top Up",
  "hj314": "Latest price",
  "US": "US stock account",
  "IN": "printing stock account",
@@ -451,7 +450,7 @@
  "美股總資產": "Total US Stocks Assets",
  "印股總資產": "Total assets of Indian stocks",
  "馬股總資產": "Total Malaysian Stocks Assets",
  "平仓": "close position",
  "平仓": "Close position",
  "确认平仓": "Confirm the closing position",
  "市價": "market price",
  "賬戶總資產": "Total account assets",
@@ -469,7 +468,7 @@
  "轉換得到金額": "Convert the amount",
  "輸入金額": "Enter the amount",
  "劃轉": "transfer",
  "平倉": "close position",
  "平倉": "Close position",
  "持倉": "Position",
  "最大": "maximum",
  "可用餘額": "available balance",
@@ -478,7 +477,7 @@
  "提款成功,等待审核": "Withdrawal successful, waiting for review",
  "不能选择一样的": "You cannot choose the same one",
  "總資產": "total assets",
  "請選擇提款账户": "Please select a withdrawal account",
  "請選擇提款账户": "Please select a Withdraw account",
  "請選擇銀行卡": "Please select a bank card",
  "請選擇充值金額": "Please select the recharge amount",
  "買漲/買跌": "Buy up/Buy down",
@@ -515,7 +514,7 @@
  "請選擇充值賬戶": "Please select a recharge account",
  "上傳憑證": "Upload credentials",
  "HG": "Korean stock account",
  "支持得提款渠道": "Supported withdrawal channels",
  "支持得提款渠道": "Supported Withdraw channels",
  "銀行卡充值": "Bank card recharge",
  "韩股總資產": "Total assets of Korean stocks",
  "上傳憑證：": "Upload voucher:",
@@ -572,9 +571,10 @@
  "hj92": "30 min",
  "yebjl": "Fund records",
  "hj315": "Rise and fall rate",
  "周期": "cycle",
  "周期": "Cycle",
  "yeb": "Fund",
  "天": "day",
  "市场": "market",
  "请选择提现金额": "Please select the withdrawal amount"
  "天": "Day",
  "市场": "Market",
  "请选择提现金额": "Please select the Withdraw amount",
  "hj100": "Trading quantity (shares)"
}

 src/locales/fra.json

@@ -222,7 +222,6 @@
  "hj97": "Supprimer auto - sélectionné avec succès",
  "hj98": "Prix d'achat",
  "hj99": "Acheter quand le prix remplit les conditions",
  "hj100": "Nombre de transactions (mains)",
  "hj101": "Levier",
  "hj102": "Dépôt de garantie requis par main",
  "hj103": "Solde disponible",
@@ -564,5 +563,6 @@
  "周期": "Le cycle",
  "天": "Jours",
  "市场": "Le marché",
  "请选择提现金额": "Veuillez sélectionner un montant de retrait"
  "请选择提现金额": "Veuillez sélectionner un montant de retrait",
  "hj100": "Nombre de transactions (actions)"
}

 src/locales/hi.json

@@ -218,7 +218,6 @@
  "hj97": "अपनी पसंद सफलतापूर्वक हटाएँ",
  "hj98": "खरीद मूल्य",
  "hj99": "जब कीमत शर्तों के अनुरूप हो तो खरीदें",
  "hj100": "लेन-देन मात्रा (लॉट)",
  "hj101": "लीवर",
  "hj102": "प्रत्येक लॉट के लिए एक जमा राशि आवश्यक है",
  "hj103": "उपलब्ध शेष राशि",
@@ -575,5 +574,6 @@
  "周期": "चक्र",
  "天": "आसमान",
  "市场": "बाज़ार",
  "请选择提现金额": "कृपया निकासी राशि का चयन करें"
  "请选择提现金额": "कृपया निकासी राशि का चयन करें",
  "hj100": "लेन-देन की संख्या (शेयर)"
}

 src/locales/index.js

@@ -21,13 +21,13 @@
  hi: {
    ...india
  },
  zh: {
  'zh-CN': {
    ...zh
  },
  th: {
    ...ty
  },
  fra: {
  fr: {
    ...fra
  },
  de: {

 src/locales/jp.json

@@ -217,7 +217,6 @@
  "hj97": "選択した内容が正常に削除されます。",
  "hj98": "購入価格",
  "hj99": "価格が条件を満たしたときに購入し",
  "hj100": "取引数量（ロット）",
  "hj101": "レバー",
  "hj102": "ロットごとに保証金が必要となりますので",
  "hj103": "利用可能残高",
@@ -565,5 +564,6 @@
  "周期": "サイクル",
  "天": "日",
  "市场": "市場",
  "请选择提现金额": "現金引き出し金額を選択してください"
  "请选择提现金额": "現金引き出し金額を選択してください",
  "hj100": "取引数量（株）"
}

 src/locales/kor.json

@@ -217,7 +217,6 @@
  "hj97": "선택 항목을 성공적으로 삭제했습니다",
  "hj98": "구매 가격",
  "hj99": "가격이 조건을 충족할 때 구매하고",
  "hj100": "거래수량(랏)",
  "hj101": "지렛대",
  "hj102": "각 로트마다 보증금이 필요하며",
  "hj103": "사용 가능한 잔액",
@@ -565,5 +564,6 @@
  "周期": "주기",
  "天": "일",
  "市场": "시장",
  "请选择提现金额": "현금 인출 금액을 선택하십시오."
  "请选择提现金额": "현금 인출 금액을 선택하십시오.",
  "hj100": "거래 수량(주)"
}

 src/locales/th.json

@@ -217,7 +217,6 @@
  "hj97": "ลบตัวเลือกของคุณสำเร็จ",
  "hj98": "ราคาซื้อ",
  "hj99": "ซื้อเมื่อราคาตรงตามเงื่อนไข",
  "hj100": "ปริมาณธุรกรรม (ล็อต)",
  "hj101": "คันโยก",
  "hj102": "ต้องวางเงินมัดจำในแต่ละล็อต",
  "hj103": "ยอดเงินคงเหลือ",
@@ -565,5 +564,6 @@
  "周期": "ระยะเวลา",
  "天": "วัน",
  "市场": "ตลาด",
  "请选择提现金额": "กรุณาเลือกจำนวนเงินที่ถอน"
  "请选择提现金额": "กรุณาเลือกจำนวนเงินที่ถอน",
  "hj100": "ปริมาณซื้อขาย (หุ้น)"
}

 src/locales/zh.json

@@ -228,7 +228,7 @@
  "hj97": "删除自选成功",
  "hj98": "买入价",
  "hj99": "当价格满足条件时买入",
  "hj100": "交易数量(手)",
  "hj100": "交易数量(股)",
  "hj101": "杠杆",
  "hj102": "每手需付保证金",
  "hj103": "可用余额",

 src/page/home/listcomponents/dazongjiaoyi.vue

@@ -1,379 +1,421 @@
<template>
    <div>
        <div class="kuange">
            <!-- <div class="kdan" @click="shengoujilu"><img
  <div>
    <div class="kuange">
      <!-- <div class="kdan" @click="shengoujilu"><img
                    src="data:image/png;base64,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">
                <p>申购记录</p>
            </div> -->
            <div class="kdan" @click="sharerecordDz"><img
                    src="data:image/png;base64,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">
                <p>{{$t('hj257')}}</p>
            </div>
        </div>
        <div class="dbox">
            <div class="daz"><span class="d1">{{$t('hj39')}}</span><span class="d2">{{$t('hj81')}}</span><span class="d3"></span></div>
        </div>
        <div class="list" v-for="(item, index) in dazongList" :key="index">
            <div class="lbox">
                <div class="lb1">
                    <h6>{{ item.stockName }}</h6>
                    <p>
                        <span v-if="item.stockType == 'sz'">{{$t('hj258')}}</span>
                        <span class="sh" v-if="item.stockType == 'sh'">{{$t('hj259')}}</span>
                        <span class="bj" v-if="item.stockType == 'bj'">{{$t('hj260')}}</span>
                        <a :class="item.stockType == 'sh' ? 'shbg' : item.stockType == 'bj' ? 'bjbg' : ''">{{
                                item.stockGid
                        }}</a>
                    </p>
                </div>
                <div class="lb2"> {{ item.price }} </div>
                <div class="lb3"><a @click="getdetail(item)">{{$t('hj238')}}</a></div>
            </div>
        </div>
        <van-popup v-model="show" round position="bottom">
            <div class="boxd">
                <div class="boxh"> {{$t('hj261')}} <span @click="show = false"></span></div>
                <h5>{{$t('hj130')}}</h5>
                <h6>{{ currentItem.price ? currentItem.price : '' }}</h6>
                <div class="erty tghj"><input :placeholder="$t('hj262')" type="number" class="inpy" v-model="num"
                        @input="num = num.replace(/^(0+)|[^\d]+/g, '')"><a>{{$t('hj117')}}</a></div>
                <p class="plm"><span>{{$t('hj263')}}</span><a>{{ currentItem.price ? (currentItem.price * num * 100).toFixed(2) :
                        '0.00'
                }}</a></p>
                <div class="erty"><input :placeholder="$t('hj264')" type="password" class="inpy" v-model="password"></div>
                <p class="plm"><span>{{$t('hj54')}}</span><a>{{ userinfo.enableAmt }}</a></p>
                <div class="maik" @click="getxiadan">{{$t('hj85')}}</div>
            </div>
        </van-popup>
      <div class="kdan" @click="sharerecordDz">
        <img
          src="data:image/png;base64,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"
        />
        <p>{{ $t("hj257") }}</p>
      </div>
    </div>
    <div class="dbox">
      <div class="daz">
        <span class="d1">{{ $t("hj39") }}</span
        ><span class="d2">{{ $t("hj81") }}</span
        ><span class="d3"></span>
      </div>
    </div>
    <div class="list" v-for="(item, index) in dazongList" :key="index">
      <div class="lbox">
        <div class="lb1">
          <h6>{{ item.stockName }}</h6>
          <p>
            <span v-if="item.stockType == 'sz'">{{ $t("hj258") }}</span>
            <span class="sh" v-if="item.stockType == 'sh'">{{
              $t("hj259")
            }}</span>
            <span class="bj" v-if="item.stockType == 'bj'">{{
              $t("hj260")
            }}</span>
            <a
              :class="
                item.stockType == 'sh'
                  ? 'shbg'
                  : item.stockType == 'bj'
                  ? 'bjbg'
                  : ''
              "
              >{{ item.stockGid }}</a
            >
          </p>
        </div>
        <div class="lb2">{{ item.price }}</div>
        <div class="lb3">
          <a @click="getdetail(item)">{{ $t("hj238") }}</a>
        </div>
      </div>
    </div>
    <van-popup v-model="show" round position="bottom">
      <div class="boxd">
        <div class="boxh">
          {{ $t("hj261") }} <span @click="show = false"></span>
        </div>
        <h5>{{ $t("hj130") }}</h5>
        <h6>{{ currentItem.price ? currentItem.price : "" }}</h6>
        <div class="erty tghj">
          <input
            :placeholder="$t('hj262')"
            type="number"
            class="inpy"
            v-model="num"
            @input="num = num.replace(/^(0+)|[^\d]+/g, '')"
          /><a>{{ $t("hj117") }}</a>
        </div>
        <p class="plm">
          <span>{{ $t("hj263") }}</span
          ><a>{{
            currentItem.price
              ? (currentItem.price * num * 100).toFixed(2)
              : "0.00"
          }}</a>
        </p>
        <div class="erty">
          <input
            :placeholder="$t('hj264')"
            type="password"
            class="inpy"
            v-model="password"
          />
        </div>
        <p class="plm">
          <span>{{ $t("hj54") }}</span
          ><a>{{ userinfo.enableAmt }}</a>
        </p>
        <div class="maik" @click="getxiadan">{{ $t("hj85") }}</div>
      </div>
    </van-popup>
  </div>
</template>
<script>
import * as api from '@/axios/api'
import * as api from "@/axios/api";
export default {
    components: {

  components: {},
  props: {},
  data() {
    return {
      show: false,
      dazongList: [],
      num: "",
      currentItem: "",
      userinfo: "",
      password: "",
    };
  },
  mounted() {
    this.stockgetDzList();
    this.getUserInfo();
  },
  methods: {
    sharerecordDz() {
      this.$router.push({ path: "/sharerecordDz" });
    },
    props: {},
    data() {
        return {
            show: false,
            dazongList: [],
            num: '',
            currentItem: '',
            userinfo: '',
            password: ''
        }
    getdetail(item) {
      this.currentItem = item;
      this.show = true;
    },
    mounted() {
        this.stockgetDzList()
        this.getUserInfo()
    async getxiadan() {
      if (!this.num) {
        this.show = false;
        this.$toast(this.$t("hj262"));
        return;
      }
      if (!this.password) {
        this.show = false;
        this.$toast(this.$t("hj264"));
        return;
      }
      var opt = {
        stockCode: this.currentItem.stockCode,
        password: this.password,
        num: this.num * 100,
      };
      let res = await api.buyStockDz(opt);
      if (res.status == 0) {
        this.$toast(this.$t("hj265"));
        this.num = "";
        this.password = "";
        this.getUserInfo();
      } else {
        this.$toast(res.msg);
      }
      this.show = false;
    },
    methods: {
        sharerecordDz(){
            this.$router.push({path:'/sharerecordDz'})
        },
        getdetail(item) {
            this.currentItem = item
            this.show = true
        },
        async getxiadan() {
            if (!this.num) {
                this.show = false
                this.$toast(this.$t('hj262'))
                return
            }
            if (!this.password) {
                this.show = false
                this.$toast(this.$t('hj264'))
                return
            }
            var opt = {
                stockCode: this.currentItem.stockCode,
                password: this.password,
                num: this.num * 100,
            }
            let res = await api.buyStockDz(opt)
            if (res.status == 0) {
                this.$toast(this.$t('hj265'))
                this.num = ''
                this.password = ''
                this.getUserInfo()
            } else {
                this.$toast(res.msg)
            }
            this.show = false
        },
        async stockgetDzList() {
            let res = await api.stockgetDzList()
            if (res.status == 0) {
                this.dazongList = res.data
            }
        },
        async getUserInfo() {
            // 获取用户信息
            let data = await api.getUserInfo();
            if (data.status === 0) {
                this.userinfo = data.data;
            }
        },
    async stockgetDzList() {
      let res = await api.stockgetDzList();
      if (res.status == 0) {
        this.dazongList = res.data;
      }
    },
}
    async getUserInfo() {
      // 获取用户信息
      let data = await api.getUserInfo();
      if (data.status === 0) {
        this.userinfo = data.data;
      }
    },
  },
};
</script>
<style lang="less" scoped>
.dbox {
    width: 100%;
    padding-bottom: 0.266rem;
    border-bottom: 1px solid #e0e0e0;
  width: 100%;
  padding-bottom: 0.266rem;
  border-bottom: 1px solid #e0e0e0;

    .daz {
        width: 9.35rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

        span {
            color: #666;
            font-size: .35rem;
        }

        .d1 {
            width: 40%;
        }

        .d2 {
            width: 20%;
            text-align: center;
        }

        .d3 {
            width: 40%;
        }
    }
}
.kuange {
    width: 5.34rem;
  .daz {
    width: 9.35rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

    .kdan {
        width: 2.14rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0.5rem;
        img {
            width: 0.51rem;
            height: 0.51rem;
        }

        p {
            color: #333;
            font-size: .35rem;
            margin-top: 0.24rem;
        }
    span {
      color: #666;
      font-size: 0.35rem;
    }

    .d1 {
      width: 40%;
    }

    .d2 {
      width: 20%;
      text-align: center;
    }

    .d3 {
      width: 40%;
    }
  }
}
.kuange {
  width: 5.34rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;

  .kdan {
    width: 2.14rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0.5rem;
    img {
      width: 0.51rem;
      height: 0.51rem;
    }

    p {
      color: #333;
      font-size: 0.35rem;
      margin-top: 0.24rem;
    }
  }
}

.list {
    width: 100%;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e0e0e0;
  width: 100%;
  padding: 0.4rem 0;
  border-bottom: 1px solid #e0e0e0;

    .lbox {
        width: 9.35rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
  .lbox {
    width: 9.35rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

        .lb1 {
            h6 {
                color: #333;
                font-size: .4rem;
                font-weight: 600;
            }
    .lb1 {
      h6 {
        color: #333;
        font-size: 0.4rem;
        font-weight: 600;
      }

            p {
                color: #333;
                font-size: .32rem;
                margin-top: 0.13rem;
      p {
        color: #333;
        font-size: 0.32rem;
        margin-top: 0.13rem;

                span {
                    width: 0.4rem;
                    height: 0.4rem;
                    background: #3b4fde;
                    border-radius: 0.05rem;
                    padding: 0.04rem;
                    text-align: center;
                    line-height: .4rem;
                    color: #fff;
                    font-size: .3rem;
                }

                a {
                    display: inline-block;
                    height: 0.4rem;
                    line-height: .4rem;
                    padding: 0 0.11rem;
                    background: rgba(59, 79, 222, .1);
                    border-radius: 0.05rem;
                    color: #3b4fde;
                    font-size: .32rem;
                    vertical-align: middle;
                }

                .bj {
                    background: #ea6248;
                }

                .sh {
                    background: #aa3bde;
                }

                .shbg {
                    color: #aa3bde;
                    background: rgba(170, 59, 222, .1);
                }

                .bjbg {
                    color: #ea6248;
                    background: rgba(234, 98, 72, .1);
                }
            }
        span {
          width: 0.4rem;
          height: 0.4rem;
          background: #3b4fde;
          border-radius: 0.05rem;
          padding: 0.04rem;
          text-align: center;
          line-height: 0.4rem;
          color: #fff;
          font-size: 0.3rem;
        }

        .lb2 {
            color: #d73d3d;
            font-size: .32rem;
            margin-top: 0.32rem;
        a {
          display: inline-block;
          height: 0.4rem;
          line-height: 0.4rem;
          padding: 0 0.11rem;
          background: rgba(59, 79, 222, 0.1);
          border-radius: 0.05rem;
          color: #3b4fde;
          font-size: 0.32rem;
          vertical-align: middle;
        }

        .lb3 {
            text-align: right;

            a {
                display: inline-block;
                width: 1.6rem;
                height: 0.67rem;
                background: #197af6;
                border-radius: 0.35rem;
                text-align: center;
                color: #fff;
                font-sizE: .32rem;
                line-height: .67rem;
                margin-top: 0.08rem;
            }
        .bj {
          background: #ea6248;
        }

        .sh {
          background: #aa3bde;
        }

        .shbg {
          color: #aa3bde;
          background: rgba(170, 59, 222, 0.1);
        }

        .bjbg {
          color: #ea6248;
          background: rgba(234, 98, 72, 0.1);
        }
      }
    }

    .lb2 {
      color: #d73d3d;
      font-size: 0.32rem;
      margin-top: 0.32rem;
    }

    .lb3 {
      text-align: right;

      a {
        display: inline-block;
        width: 1.6rem;
        height: 0.67rem;
        background: #197af6;
        border-radius: 0.35rem;
        text-align: center;
        color: #fff;
        font-size: 0.32rem;
        line-height: 0.67rem;
        margin-top: 0.08rem;
      }
    }
  }
}

.boxd {
    background: #fff;
    border-radius: 0.266rem 0.266rem 0 0;
    padding-bottom: 0.53rem;
  background: #fff;
  border-radius: 0.266rem 0.266rem 0 0;
  padding-bottom: 0.53rem;

    .boxh {
        height: 1.2rem;
        border-bottom: 0.0266rem solid #e0e0e0;
        text-align: center;
        line-height: 1.2rem;
        color: #333;
        font-size: 0.43rem;
        width: 9.48rem;
        margin: 0 auto;
        position: relative;
  .boxh {
    height: 1.2rem;
    border-bottom: 0.0266rem solid #e0e0e0;
    text-align: center;
    line-height: 1.2rem;
    color: #333;
    font-size: 0.43rem;
    width: 9.48rem;
    margin: 0 auto;
    position: relative;

        span {
            position: absolute;
            width: 0.32rem;
            height: 0.32rem;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAStJREFUSEutlk1qhDAUgF+EzG5EWsYTzK6HKO0hcgB3gscR3IgH8BBTeojuegJLQWg3NqDlyUQwRn0xcWeQ7zMv7ycMAKCu61PTNOcsy77x3fUpy/IhDMNfIcQfQ3jbtvUwDFfO+UuSJF8ugqqqLlLKN8bYZxRFguV5/sg5fweAJwD4cJEouGJJKZ8Z/m1RFHEQBDcXiQ7v+/41TdNmFLhK1uDInQRHJVvwhcBWsgc3CqgSCnxVsCehwjcFaxJcxzynZtzskE0Fpqfw/RtyzewKDDvBJXJBkgRazP0K9AP1GiIdjn2q6zpm01ZWQ2SCq05r07uMgi24be9aCChwG8lMYAOnSibBEThFMgpc4HsSryNTz65xZPoe+koyDX3cou9rC14k4jj+wWvLP1ylVM57GzhpAAAAAElFTkSuQmCC) no-repeat 50%;
            background-size: 100%;
            right: 0.266rem;
            top: 0.4rem;
        }
    span {
      position: absolute;
      width: 0.32rem;
      height: 0.32rem;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAStJREFUSEutlk1qhDAUgF+EzG5EWsYTzK6HKO0hcgB3gscR3IgH8BBTeojuegJLQWg3NqDlyUQwRn0xcWeQ7zMv7ycMAKCu61PTNOcsy77x3fUpy/IhDMNfIcQfQ3jbtvUwDFfO+UuSJF8ugqqqLlLKN8bYZxRFguV5/sg5fweAJwD4cJEouGJJKZ8Z/m1RFHEQBDcXiQ7v+/41TdNmFLhK1uDInQRHJVvwhcBWsgc3CqgSCnxVsCehwjcFaxJcxzynZtzskE0Fpqfw/RtyzewKDDvBJXJBkgRazP0K9AP1GiIdjn2q6zpm01ZWQ2SCq05r07uMgi24be9aCChwG8lMYAOnSibBEThFMgpc4HsSryNTz65xZPoe+koyDX3cou9rC14k4jj+wWvLP1ylVM57GzhpAAAAAElFTkSuQmCC)
        no-repeat 50%;
      background-size: 100%;
      right: 0.266rem;
      top: 0.4rem;
    }
  }

  h5 {
    color: #333;
    font-size: 0.37rem;
    font-weight: 500;
    width: 9.48rem;
    margin: 0 auto;
    margin-top: 0.32rem;
  }

  h6 {
    color: #ea3544;
    font-size: 0.43rem;
    width: 9.48rem;
    margin: 0 auto;
    margin-top: 0.32rem;
    font-weight: 600;
  }

  .erty {
    width: 9.21rem;
    height: 1.07rem;
    border: 0.0266rem solid #197af6;
    border-radius: 0.13rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 0.59rem;

    .inpy {
      height: 1.07rem;
      width: 5.34rem;
      margin-left: 0.266rem;
      background: transparent;
      font-size: 0.37rem;
      color: #000;
    }

    h5 {
        color: #333;
        font-size: .37rem;
        font-weight: 500;
        width: 9.48rem;
        margin: 0 auto;
        margin-top: 0.32rem;
    a {
      height: 0.64rem;
      border-left: 0.0266rem solid #999;
      width: 1.15rem;
      margin-top: 0.266rem;
      text-align: center;
      font-size: 0.37rem;
      color: #000;
      line-height: 0.64rem;
    }
  }

  .tghj {
    border: 0.0266rem solid #197af6;
    margin-top: 0.45rem;
  }

  .plm {
    width: 8.94rem;
    margin: 0 auto;
    margin-top: 0.266rem;

    span {
      color: #999;
      font-size: 0.32rem;
    }

    h6 {
        color: #ea3544;
        font-size: .43rem;
        width: 9.48rem;
        margin: 0 auto;
        margin-top: 0.32rem;
        font-weight: 600;
    a {
      color: #f33030;
      margin-left: 0.11rem;
    }
  }

    .erty {
        width: 9.21rem;
        height: 1.07rem;
        border: 0.0266rem solid #197af6;
        border-radius: 0.13rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-top: 0.59rem;

        .inpy {
            height: 1.07rem;
            width: 5.34rem;
            margin-left: 0.266rem;
            background: transparent;
            font-size: .37rem;
            color: #000;
        }

        a {
            height: 0.64rem;
            border-left: 0.0266rem solid #999;
            width: 1.15rem;
            margin-top: 0.266rem;
            text-align: center;
            font-size: .37rem;
            color: #000;
            line-height: .64rem;
        }
    }

    .tghj {
        border: 0.0266rem solid #197af6;
        margin-top: 0.45rem;
    }

    .plm {
        width: 8.94rem;
        margin: 0 auto;
        margin-top: 0.266rem;

        span {
            color: #999;
            font-size: .32rem;
        }

        a {
            color: #f33030;
            margin-left: 0.11rem;
        }
    }

    .maik {
        width: 9.21rem;
        height: 1.07rem;
        background: #197af6;
        border-radius: 0.26rem;
        margin: 0 auto;
        margin-top: 0.56rem;
        text-align: center;
        line-height: 1.07rem;
        color: #fff;
        font-size: .37rem;
    }
  .maik {
    width: 9.21rem;
    height: 1.07rem;
    background: #197af6;
    border-radius: 0.26rem;
    margin: 0 auto;
    margin-top: 0.56rem;
    text-align: center;
    line-height: 1.07rem;
    color: #fff;
    font-size: 0.37rem;
  }
}
</style>

 src/page/home/vipdetail.vue

@@ -1,326 +1,377 @@
<template>
    <div>
        <div class="headf"><span @click="$router.go(-1)"></span>
            <div class="wenebn">
                <h6>{{currentItem.n}}</h6>
                <p class="">{{ Number(currentItem.p)/1000 }} {{ currentItem.zdp ? currentItem.zdp.toFixed(2) + '%' : '0.00%' }}</p>
            </div>
  <div>
    <div class="headf">
      <span @click="$router.go(-1)"></span>
      <div class="wenebn">
        <h6>{{ currentItem.n }}</h6>
        <p class="">
          {{ Number(currentItem.p) / 1000 }}
          {{ currentItem.zdp ? currentItem.zdp.toFixed(2) + "%" : "0.00%" }}
        </p>
      </div>
    </div>
    <div style="height: 1.5rem"></div>
    <div class="goumais">
      <div class="xiaoge">
        <span
          ><img
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEklEQVQ4jaVSwUoDMRScl2alsIuIB89C9Su8iHqrWryKFy12Tz36cd79BfFiS13woKAfINuMpG7SbGjL2r5bJvMmM0Ow6ci6++eDIifwoNc2ILIvIh3VlH9287IdCcwCNBLo5cVxmmZf3fu3g0ABBJoJALJrAK1arR2H2GUjSxxc5cXR6fVz4s6mWvizXWFiHSwQuOiPDw35lGZZL3zNZZ5jAi50INK2ZBJbAeYzewHn4PJudNK9fd2Lyaau6jOHDixHKa0fkyQZhmSfOSqMQQRTubAfSRPQ4YUsKSzEfIS43VWFhQ6coIrJqwqr9TLDAEViPCUnDi/L6QeBgkp5zBDvBvj+KcvPOcYJyVGt638PgF/kfWPjHkHUbAAAAABJRU5ErkJggg=="
          />数量</span
        >
        <div class="rtyh">
          <div class="kunk">
            <input
              :placeholder="$t('hj262')"
              v-model="buyNum"
              @input="buyNum = buyNum.replace(/^(0+)|[^\d]+/g, '')"
              type="number"
            /><a class="shou">{{ $t("hj117") }}</a>
          </div>
        </div>
        <div style="height:1.5rem">

      </div>
      <p class="shougu">1{{ $t("hj117") }}=100{{ $t("hj274") }}</p>
      <div class="xiaoge">
        <span class="eduleft"
          ><img
            class="eduleftimg"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABp0lEQVQ4jZXRTUsbURgF4HPeSZuIm9goFOpXQrtrQaiICG4KGVGxwU1WwYWgpeBPKCn1X2jSrHQjbiJaYUoX7nXlQhAUg13ED2bcuTH3lTstbarNtJ6Bgbnc59yXO0REcrNHgxTZpkgnQGj4AErL7Df2WhZYLI7jgdxTReUveATkQiwK2xMCP3i7sz5wPTl71GXxl8+ZC7tnYq5GEVmQSBxchTg3XytKLFZ3nFh96t3px3Djz0n4L5wtHKTa2tvPAC4a1YYCiw1jnoo4WYqsShS2648TCdqTjKqAdCiixijD+wAgUdhmq5y+NKpFkB9AFo3RT14lff7jQgWMws15M3OYiscT3C71Xg7n99s6Up0bDdUBTs+d1EF+9/1gtBVujsXJJ6kNJV/fGOOKAlVVvEp2JN2H4m9Lz3bF876+V+iKAmtT87XcQ3D4N+0r0bcs2bGxEsCCAvnN5d7q/+BfBTbx/rJkXbekQAFkfmupJyyJwn8U2DzqL4vbNIkfBF4UvlcQlqQrvycRZ98AmVbYxrm7YK6qeuy/3Mw8f9Gt5NCNMeOtMADcAijV/2tFJVE6AAAAAElFTkSuQmCC"
          />{{ $t("hj280") }}</span
        >
        <div class="eduright">
          <a class="ertyu">￥{{ userinfo.userAmt }}</a>
        </div>
        <div class="goumais">
            <div class="xiaoge"><span><img
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEklEQVQ4jaVSwUoDMRScl2alsIuIB89C9Su8iHqrWryKFy12Tz36cd79BfFiS13woKAfINuMpG7SbGjL2r5bJvMmM0Ow6ci6++eDIifwoNc2ILIvIh3VlH9287IdCcwCNBLo5cVxmmZf3fu3g0ABBJoJALJrAK1arR2H2GUjSxxc5cXR6fVz4s6mWvizXWFiHSwQuOiPDw35lGZZL3zNZZ5jAi50INK2ZBJbAeYzewHn4PJudNK9fd2Lyaau6jOHDixHKa0fkyQZhmSfOSqMQQRTubAfSRPQ4YUsKSzEfIS43VWFhQ6coIrJqwqr9TLDAEViPCUnDi/L6QeBgkp5zBDvBvj+KcvPOcYJyVGt638PgF/kfWPjHkHUbAAAAABJRU5ErkJggg==">数量</span>
                <div class="rtyh">
                    <div class="kunk"><input :placeholder="$t('hj262')" v-model="buyNum"
                            @input="buyNum = buyNum.replace(/^(0+)|[^\d]+/g, '')" type="number"><a class="shou">{{$t('hj117')}}</a>
                    </div>
                </div>
            </div>
            <p class="shougu">1{{$t('hj117')}}=100{{$t('hj274')}}</p>
            <div class="xiaoge">
                <span class="eduleft"><img class="eduleftimg"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABp0lEQVQ4jZXRTUsbURgF4HPeSZuIm9goFOpXQrtrQaiICG4KGVGxwU1WwYWgpeBPKCn1X2jSrHQjbiJaYUoX7nXlQhAUg13ED2bcuTH3lTstbarNtJ6Bgbnc59yXO0REcrNHgxTZpkgnQGj4AErL7Df2WhZYLI7jgdxTReUveATkQiwK2xMCP3i7sz5wPTl71GXxl8+ZC7tnYq5GEVmQSBxchTg3XytKLFZ3nFh96t3px3Djz0n4L5wtHKTa2tvPAC4a1YYCiw1jnoo4WYqsShS2648TCdqTjKqAdCiixijD+wAgUdhmq5y+NKpFkB9AFo3RT14lff7jQgWMws15M3OYiscT3C71Xg7n99s6Up0bDdUBTs+d1EF+9/1gtBVujsXJJ6kNJV/fGOOKAlVVvEp2JN2H4m9Lz3bF876+V+iKAmtT87XcQ3D4N+0r0bcs2bGxEsCCAvnN5d7q/+BfBTbx/rJkXbekQAFkfmupJyyJwn8U2DzqL4vbNIkfBF4UvlcQlqQrvycRZ98AmVbYxrm7YK6qeuy/3Mw8f9Gt5NCNMeOtMADcAijV/2tFJVE6AAAAAElFTkSuQmCC">{{$t('hj280')}}</span>
                <div class="eduright">
                    <a class="ertyu">￥{{ userinfo.userAmt }}</a>
                </div>
            </div>
            <div class="rtyh">
                <div class="fangxi">
                    <a class="fanh" :class="buyType == 0 ? 'xuk' : ''" @click="buyType = 0">{{$t('hj85')}}</a>
                    <a class="fanh" :class="buyType == 1 ? 'xuk' : ''" @click="buyType = 1">{{$t('hj84')}}</a>
                </div>
            </div>
            <div class="xiaoge">
                <span class="eduleft"><img
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB7UlEQVQ4ja2SwWsTQRjF3zc7MbuJpQgFD1LbIIIHQbwKFtEexGJ7iKigUovm6klP/gEG6s2LJUgPWulBRawH0cQUMYqHCiUVFEPSePNiEsWa2t15sjGpW8mKgu8wwwzzfvO9b0aOnS9dIDm/XK0WF7LDxD/KB6xCZBMgHw35FJCs63m5B9M7q3+DkrGzb+NaR+5AJEJihcB+EdVLoESRLMnct2Yz//jmrk9dAf6QTJVnACnezSTSe4fzamBwcA9FDgKYhMgyRLYD8to1JqcsK1ur1wvPZ3c3A4DKDIHivUwi3SGPTJR6dSRSX3PdrZalt0CpowRGIbIPkO8ECi55WSVTlbQhRwG5NHaufKoDaHVTpHXHXGbg3dxU/9WHU/1DJC4SKHvAGkT1ac+YW0pZ875BLOvNr3A/zea3zARcAyw8ur5t3F/r+zd2LAFY6tYe06mkrcOpD1EqtRmQ6NBEpefZdOKLDnse36zWK2kjtT5OyBWKwHZi/tZJFQYI9qCjwouXt2uNhlOrNxyxrDOtCGEA23HoeWZDhM+LSe/VIrzgudAKms1VzzebQIRuCgUYMu6bCYn/CbABf2j8fY9tO7MEDlCpGCHwG2aIFQPkldYnnlzr+xoaIRq1T0PkSNDcnmNQasQzXP9o/0cAfgDTaMAiD+M0wAAAAABJRU5ErkJggg==">{{$t('hj281')}}</span>
                <div class="rtyh" @click="showPicker = true">
                    <div class="kunk">
                        <input :placeholder="$t('hj275')" disabled="disabled" v-model="lever" class="canwei">
                        <img class="gangganicon"
                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAAXNSR0IArs4c6QAAAGRJREFUKFNjnDFjhiUjI2Pr////GRlwAEZGxpcsLCypYAUzZ87MYWBgmMTAwIBNw8v///87ZWRkXINL4tAAVwgyFMUkNA0oCjEUIzmp+v///84gq5G9gdVT/f39AoWFhR/Q/QsATGgt64otJQ8AAAAASUVORK5CYII=">
                    </div>

                </div>
            </div>
            <div class="xiaoge">
                <span class="eduleft"><img
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACEElEQVQ4jY1TPWhTURg9331vcdP6PzSpTtahi0InFS2CjakxEoNgFNrykqibTgpqdXDTRVAbWsRJfNBBGqKmFasoWBCEWEX8qfkRcWptHRTk3SPJa14ebah+cIcL55x7zvm4gqUjB/s+diplxAnEACGBEYe0R4c3TwKgn+EJRPs+bDcMs0o6DMhqTY4CYusqXam4iPRockaUsh1H29mhtleeQMz6/JhEJ0SyJOyZ2dkHEyPbfvlf2hF7vWJVS0u3iIo7ZBgik9nB1i64AtOM9n/qaBKn6YSsUkc4/bUWRWEhFIk//ytAVLFuelWvgstz0JOqnN2fLKcX4z0Hvj4RsYqnI8lSoH4PJ8tXCJwRpV7W8VpcvNnUgUg7RJ5GUpUuDZwkcEyTe3KDrQUskJU/Qq0DaTh4lM+nSIw7ZIHAUU3uzmUChUYH4uFdAZE5AGvrgN9FS08Xi0kCF0WpXblM4J3foDLNdZr44UUgOQaRBIBnddBUfiengKvNtyC9GnzY2ILIZWUYiQPJcugfy8DeE99jDlk9lzyB+5ngG615SgN2yCpFlyEfp8gdivRO3Nr43q3fN+FU5QiBIUBuz83Pn3t+d+vPGjH9bSVEXaPIIYdMPLm5IestbPEr3Va5XRnGsAMENTFAEVOUMeCQb5Vp9o9dX/PFj2/2nbFl3wsJtm1KUOQCRFED58dvrL+3BAjgL/OP2zMWLMK9AAAAAElFTkSuQmCC">支付保证金</span>
                <div class="eduright"><a class="ertyu"> ￥{{ (currentItem.p * buyNum / lever / 10).toFixed(2) }}</a>
                </div>
            </div>
            <!-- <div class="xiaoge">
      </div>
      <div class="rtyh">
        <div class="fangxi">
          <a
            class="fanh"
            :class="buyType == 0 ? 'xuk' : ''"
            @click="buyType = 0"
            >{{ $t("hj85") }}</a
          >
          <a
            class="fanh"
            :class="buyType == 1 ? 'xuk' : ''"
            @click="buyType = 1"
            >{{ $t("hj84") }}</a
          >
        </div>
      </div>
      <div class="xiaoge">
        <span class="eduleft"
          ><img
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB7UlEQVQ4ja2SwWsTQRjF3zc7MbuJpQgFD1LbIIIHQbwKFtEexGJ7iKigUovm6klP/gEG6s2LJUgPWulBRawH0cQUMYqHCiUVFEPSePNiEsWa2t15sjGpW8mKgu8wwwzzfvO9b0aOnS9dIDm/XK0WF7LDxD/KB6xCZBMgHw35FJCs63m5B9M7q3+DkrGzb+NaR+5AJEJihcB+EdVLoESRLMnct2Yz//jmrk9dAf6QTJVnACnezSTSe4fzamBwcA9FDgKYhMgyRLYD8to1JqcsK1ur1wvPZ3c3A4DKDIHivUwi3SGPTJR6dSRSX3PdrZalt0CpowRGIbIPkO8ECi55WSVTlbQhRwG5NHaufKoDaHVTpHXHXGbg3dxU/9WHU/1DJC4SKHvAGkT1ac+YW0pZ875BLOvNr3A/zea3zARcAyw8ur5t3F/r+zd2LAFY6tYe06mkrcOpD1EqtRmQ6NBEpefZdOKLDnse36zWK2kjtT5OyBWKwHZi/tZJFQYI9qCjwouXt2uNhlOrNxyxrDOtCGEA23HoeWZDhM+LSe/VIrzgudAKms1VzzebQIRuCgUYMu6bCYn/CbABf2j8fY9tO7MEDlCpGCHwG2aIFQPkldYnnlzr+xoaIRq1T0PkSNDcnmNQasQzXP9o/0cAfgDTaMAiD+M0wAAAAABJRU5ErkJggg=="
          />{{ $t("hj281") }}</span
        >
        <div class="rtyh" @click="showPicker = true">
          <div class="kunk">
            <input
              :placeholder="$t('hj275')"
              disabled="disabled"
              v-model="lever"
              class="canwei"
            />
            <img
              class="gangganicon"
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAAXNSR0IArs4c6QAAAGRJREFUKFNjnDFjhiUjI2Pr////GRlwAEZGxpcsLCypYAUzZ87MYWBgmMTAwIBNw8v///87ZWRkXINL4tAAVwgyFMUkNA0oCjEUIzmp+v///84gq5G9gdVT/f39AoWFhR/Q/QsATGgt64otJQ8AAAAASUVORK5CYII="
            />
          </div>
        </div>
      </div>
      <div class="xiaoge">
        <span class="eduleft"
          ><img
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACEElEQVQ4jY1TPWhTURg9331vcdP6PzSpTtahi0InFS2CjakxEoNgFNrykqibTgpqdXDTRVAbWsRJfNBBGqKmFasoWBCEWEX8qfkRcWptHRTk3SPJa14ebah+cIcL55x7zvm4gqUjB/s+diplxAnEACGBEYe0R4c3TwKgn+EJRPs+bDcMs0o6DMhqTY4CYusqXam4iPRockaUsh1H29mhtleeQMz6/JhEJ0SyJOyZ2dkHEyPbfvlf2hF7vWJVS0u3iIo7ZBgik9nB1i64AtOM9n/qaBKn6YSsUkc4/bUWRWEhFIk//ytAVLFuelWvgstz0JOqnN2fLKcX4z0Hvj4RsYqnI8lSoH4PJ8tXCJwRpV7W8VpcvNnUgUg7RJ5GUpUuDZwkcEyTe3KDrQUskJU/Qq0DaTh4lM+nSIw7ZIHAUU3uzmUChUYH4uFdAZE5AGvrgN9FS08Xi0kCF0WpXblM4J3foDLNdZr44UUgOQaRBIBnddBUfiengKvNtyC9GnzY2ILIZWUYiQPJcugfy8DeE99jDlk9lzyB+5ngG615SgN2yCpFlyEfp8gdivRO3Nr43q3fN+FU5QiBIUBuz83Pn3t+d+vPGjH9bSVEXaPIIYdMPLm5IestbPEr3Va5XRnGsAMENTFAEVOUMeCQb5Vp9o9dX/PFj2/2nbFl3wsJtm1KUOQCRFED58dvrL+3BAjgL/OP2zMWLMK9AAAAAElFTkSuQmCC"
          />支付保证金</span
        >
        <div class="eduright">
          <a class="ertyu">
            ￥{{ ((currentItem.p * buyNum) / lever / 10).toFixed(2) }}</a
          >
        </div>
      </div>
      <!-- <div class="xiaoge">
                <span class="eduleft"><img
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAbdJREFUOE+N0z9IG1EcB/Dv76URtGiXekEsgRCHunToXZrV5A7XIB0LzeTUreJQMnTRrYODCFUchDpauulwgSCK4AUXyVAIpVCKuUtSIdr8UfJ+5bB3TVLUu+3de78P3/vd7xEGHgaophofJSFLxJ3B/X9rYsUyH1HvAbe4qukbTDQHxlakaL69DXA040IpmqM+4BWDEBGMvS4o7gG2mo4LUOay3l2LfS+0XbQP6C0eb1Ze1kYmspIx7QKVZ7MPEZYZIbDNQFw5D/+k8m7HBwaLqVS6qiaMeQ+wNeMLETLepzCwGLHMDz7gaPobEK0yo0rA9c1BHgGwphTzuZqaSkqIDAS9Y5avScoj5aRQ9oGqZrwHsWy2O6u9DYueHjQI6LrvKmoqKYTI/Wq0Xz39enjR1wMXkITfbqzbf9n/O30J7gLqyeTYZTMc8ohoa7TZ18T7EjiaUWAg5gGCsDxumeuBEzjPZ6ZCHBrygFYY9pPjfD0wYCf0zwSK+gnAK4+t/KfAwJmWfvGAQsMecIXOt0lr/0dgwEnoGwAm/UFi2owUzZ3AwL2XyVb1BRK0BPDfKQw+DYqVH/sD+c0JIKaNn8sAAAAASUVORK5CYII=">手续费</span>
                <div class="eduright"><a class="ertyu">￥26600640.90</a></div>
            </div> -->
        </div>
        <div class="mail" @click="getbuyVipQc">{{buyType == 0 ? $t('hj85') : $t('hj84')}}</div>
        <van-popup v-model="showPicker" round position="bottom">
            <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" :columns="siteLeverList" @cancel="showPicker = false" @confirm="onConfirm" show-toolbar />
        </van-popup>
    </div>
    <div class="mail" @click="getbuyVipQc">
      {{ buyType == 0 ? $t("hj85") : $t("hj84") }}
    </div>
    <van-popup v-model="showPicker" round position="bottom">
      <van-picker
        :confirm-button-text="$t('hj161')"
        :cancel-button-text="$t('hj106')"
        :columns="siteLeverList"
        @cancel="showPicker = false"
        @confirm="onConfirm"
        show-toolbar
      />
    </van-popup>
  </div>
</template>
<script>
import * as api from '@/axios/api'
import * as api from "@/axios/api";
export default {
    components: {

  components: {},
  props: {},
  data() {
    return {
      showPicker: false,
      currentItem: "",
      userinfo: "",
      settingdetail: "",
      siteLeverList: [],
      buyType: 0, // 0 买入 1 卖出
      buyNum: "", //买入数量
      lever: "", //杠杆倍数
    };
  },
  mounted() {
    this.currentItem = JSON.parse(decodeURIComponent(this.$route.query.item));
    console.log(this.currentItem);
    this.getUserInfo();
    this.getuserSetting();
  },
  methods: {
    onConfirm(item) {
      console.log(item);
      this.showPicker = false;
      this.lever = item.value;
    },
    props: {},
    data() {
        return {
            showPicker: false,
            currentItem: '',
            userinfo: '',
            settingdetail: '',
            siteLeverList: [],
            buyType: 0, // 0 买入 1 卖出
            buyNum: '', //买入数量
            lever: '', //杠杆倍数
        }
    async getuserSetting() {
      var opt = {};
      var data = await api.getSetting(opt);
      this.settingdetail = data.data;
      this.siteLever = this.settingdetail.siteLever.split("/");
      this.lever = this.siteLever[0];
      this.siteLeverList = [];
      for (let i = 0; i < this.siteLever.length; i++) {
        let val = this.siteLever[i];
        let item = {
          text: val + this.$t("hj112"),
          value: val,
        };
        this.siteLeverList.push(item);
      }
      this.buyNum = this.settingdetail.buyMinNum / 100;
    },
    mounted() {
        this.currentItem = JSON.parse(decodeURIComponent(this.$route.query.item))
        console.log(this.currentItem)
        this.getUserInfo()
        this.getuserSetting()
    async getbuyVipQc() {
      if (this.buyNum * 100 < this.settingdetail.buyMinNum) {
        this.$message.error(
          this.$t("hj277") + this.settingdetail.buyMinNum / 100 + "手"
        );
        return;
      }
      if (this.buyNum * 100 > this.settingdetail.buyMaxNum) {
        this.$message.error(
          this.$t("hj278") + this.settingdetail.buyMaxNum / 100 + "手"
        );
        return;
      }
      var opt = {
        buyNum: this.buyNum * 100,
        stockCode: this.currentItem.c,
        lever: this.lever,
        buyType: this.buyType,
      };
      var data = await api.buyVipQc(opt);
      if (data.status == 0) {
        this.$toast(this.$t("hj276"));
        this.$router.push({
          path: "/warehouse",
        });
      } else {
        this.$toast(data.msg);
      }
    },
    methods: {
        onConfirm(item) {
            console.log(item)
            this.showPicker = false
            this.lever = item.value
        },
        async getuserSetting() {
            var opt = {};
            var data = await api.getSetting(opt);
            this.settingdetail = data.data;
            this.siteLever = this.settingdetail.siteLever.split("/")
            this.lever = this.siteLever[0];
            this.siteLeverList = [];
            for (let i = 0; i < this.siteLever.length; i++) {
                let val = this.siteLever[i];
                let item = {
                    text: val + this.$t('hj112'),
                    value: val
                };
                this.siteLeverList.push(item);
            }
            this.buyNum = this.settingdetail.buyMinNum / 100;
        },
        async getbuyVipQc() {
            if (this.buyNum * 100 < this.settingdetail.buyMinNum) {
                this.$message.error(this.$t('hj277') + this.settingdetail.buyMinNum / 100 + '手');
                return
            }
            if (this.buyNum * 100 > this.settingdetail.buyMaxNum) {
                this.$message.error(this.$t('hj278') + this.settingdetail.buyMaxNum / 100 + '手');
                return
            }
            var opt = {
                buyNum: this.buyNum * 100,
                stockCode: this.currentItem.c,
                lever: this.lever,
                buyType: this.buyType,
            };
            var data = await api.buyVipQc(opt);
            if (data.status == 0) {
                this.$toast(this.$t('hj276'));
                this.$router.push({
                    path: '/warehouse'
                })
            } else {
                this.$toast(data.msg);
            }
        },
        async getUserInfo() {
            // 获取用户信息
            let data = await api.getUserInfo();
            if (data.status === 0) {
                this.userinfo = data.data;
            }
        },
    async getUserInfo() {
      // 获取用户信息
      let data = await api.getUserInfo();
      if (data.status === 0) {
        this.userinfo = data.data;
      }
    },
}
  },
};
</script>
<style lang="less" scoped>
/deep/ .van-picker__cancel{
    font-size: 0.4rem;
/deep/ .van-picker__cancel {
  font-size: 0.4rem;
}
/deep/ .van-picker__confirm{
    font-size: 0.4rem;
/deep/ .van-picker__confirm {
  font-size: 0.4rem;
}
/deep/ .van-picker__toolbar{
    height: 1.3rem;
/deep/ .van-picker__toolbar {
  height: 1.3rem;
}
/deep/ .van-picker-column{
    font-size: 0.4rem;
/deep/ .van-picker-column {
  font-size: 0.4rem;
}
.headf {
    height: 1.17rem;
    position: fixed;
    background: #197af6;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ececec;
    z-index: 33;
  height: 1.17rem;
  position: fixed;
  background: #197af6;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ececec;
  z-index: 33;

    span {
        position: absolute;
        width: 0.266rem;
        height: 0.45rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAVdJREFUSEut1usqBVEYxvH/c1MuRJJDkhwTEpIkJUlyCEk++CJJckpycw49Gs3Wa+y9Z82ePd/Xr5n38KwRNR7bE0APMK1OHdtTwAWQGZcdQbZngPMc+QImK0O2Z4GzgIxLuqoE2Z4DTgMyJuk6K08yZHseOAnIqKSbRo2TINsLwHFARiTdxkaVQrYXgaOADEu6K3a7LWR7CTjMD2XdaYq0rZHtFWA/Rz6BIUn3reau6RvZXgX28kMfOfLQbnj/QbbXgN380HuOPJZtwB/I9jqwE5ABSc9lyJ8a2d4AtgPSL+klBfmFbG8CWwHpk/SaivxAtjMgg7Inq0mvpLcqSHehTOvKpzU+oSvFDlj99gesOJCDkp7Kip+yIknT3XL7C0tbum9lMbIMHKQkQEqwJWVSKZTPWTElq0dt6GYxt6uHf8DqX0cBq39BBqz+lR2w+j8RAfv9rfkGqF24CUdT9E4AAAAASUVORK5CYII=) no-repeat 50%;
        background-size: 100%;
        left: 0.4rem;
        top: 0.37rem;
  span {
    position: absolute;
    width: 0.266rem;
    height: 0.45rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAVdJREFUSEut1usqBVEYxvH/c1MuRJJDkhwTEpIkJUlyCEk++CJJckpycw49Gs3Wa+y9Z82ePd/Xr5n38KwRNR7bE0APMK1OHdtTwAWQGZcdQbZngPMc+QImK0O2Z4GzgIxLuqoE2Z4DTgMyJuk6K08yZHseOAnIqKSbRo2TINsLwHFARiTdxkaVQrYXgaOADEu6K3a7LWR7CTjMD2XdaYq0rZHtFWA/Rz6BIUn3reau6RvZXgX28kMfOfLQbnj/QbbXgN380HuOPJZtwB/I9jqwE5ABSc9lyJ8a2d4AtgPSL+klBfmFbG8CWwHpk/SaivxAtjMgg7Inq0mvpLcqSHehTOvKpzU+oSvFDlj99gesOJCDkp7Kip+yIknT3XL7C0tbum9lMbIMHKQkQEqwJWVSKZTPWTElq0dt6GYxt6uHf8DqX0cBq39BBqz+lR2w+j8RAfv9rfkGqF24CUdT9E4AAAAASUVORK5CYII=)
      no-repeat 50%;
    background-size: 100%;
    left: 0.4rem;
    top: 0.37rem;
  }

  .wenebn {
    text-align: center;
    width: 8rem;
    margin: 0 auto;

    h6 {
      color: #fff;
      font-size: 0.4rem;
      padding-top: 0.133rem;
      font-weight: 500;
    }

    .wenebn {
        text-align: center;
        width: 8rem;
        margin: 0 auto;

        h6 {
            color: #fff;
            font-size: .4rem;
            padding-top: 0.133rem;
            font-weight: 500;
        }

        p {
            font-size: .32rem;
            color: #fff;
            margin-top: 0.133rem;
        }
    p {
      font-size: 0.32rem;
      color: #fff;
      margin-top: 0.133rem;
    }
  }
}

.goumais {
    width: 9.21rem;
    margin: 0 auto;
  width: 9.21rem;
  margin: 0 auto;

    .xiaoge {
        margin-top: 10px;
        display: flex;
        height: 1.50rem;
        justify-content: space-between;
        align-items: center;
        margin: 5px 0;
  .xiaoge {
    margin-top: 10px;
    display: flex;
    height: 1.5rem;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0;

        span {
            display: flex;
            align-items: center;
            color: #333;
            font-size: .43rem;
            line-height: 1.5rem;
    span {
      display: flex;
      align-items: center;
      color: #333;
      font-size: 0.43rem;
      line-height: 1.5rem;

            img {
                width: 0.43rem;
                height: 0.43rem;
                margin-right: 0.133rem;
            }
        }

        .rtyh {
            background-color: rgb(245, 245, 245);
            width: 4.75rem;
            border: 1px solid rgb(224, 224, 224);
            border-radius: 5px;
            display: flex;


            .kunk {
                border-radius: 0.08rem;
                display: flex;
                align-items: center;

                input {
                    color: #000;
                    font-size: .37rem;
                    background-color: rgb(245, 245, 245);
                    width: 4rem;
                    padding-left: 10px;
                    height: 1.07rem !important;
                }

                a {
                    color: #333;
                    font-size: .4rem;
                    line-height: 1.07rem;
                    margin-right: 0.266rem;
                }

                .gangganicon {
                    width: 0.26rem;
                    height: 0.24rem;
                }
            }
        }

        .eduleft {
            display: flex;
            align-items: center;

            .eduleftimg {
                width: 0.43rem;
                height: 0.43rem;
                margin-right: 0.13rem;
            }
        }

        .eduright {
            justify-content: space-between;
        }

        .ertyu {
            color: #333;
            font-size: .4rem;
            line-height: 1.5rem;
        }
      img {
        width: 0.43rem;
        height: 0.43rem;
        margin-right: 0.133rem;
      }
    }

    .fangxi {
    .rtyh {
      background-color: rgb(245, 245, 245);
      width: 4.75rem;
      border: 1px solid rgb(224, 224, 224);
      border-radius: 5px;
      display: flex;

      .kunk {
        border-radius: 0.08rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: .4rem;
        text-align: center;
        margin-top: 20px;

        .fanh {
            width: 49%;
            height: 1.07rem;
            line-height: 1.07rem;
            border-radius: 5px;
            color: #999;
            border: 1px solid #e0e0e0;
        input {
          color: #000;
          font-size: 0.37rem;
          background-color: rgb(245, 245, 245);
          width: 4rem;
          padding-left: 10px;
          height: 1.07rem !important;
        }

        .xuk {
            color: #fff;
            background: #197af6;
            border: 1px solid #fff;
        a {
          color: #333;
          font-size: 0.4rem;
          line-height: 1.07rem;
          margin-right: 0.266rem;
        }

        .gangganicon {
          width: 0.26rem;
          height: 0.24rem;
        }
      }
    }

    .eduleft {
      display: flex;
      align-items: center;

      .eduleftimg {
        width: 0.43rem;
        height: 0.43rem;
        margin-right: 0.13rem;
      }
    }

    .eduright {
      justify-content: space-between;
    }

    .ertyu {
      color: #333;
      font-size: 0.4rem;
      line-height: 1.5rem;
    }
  }

  .fangxi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.4rem;
    text-align: center;
    margin-top: 20px;

    .fanh {
      width: 49%;
      height: 1.07rem;
      line-height: 1.07rem;
      border-radius: 5px;
      color: #999;
      border: 1px solid #e0e0e0;
    }

    .xuk {
      color: #fff;
      background: #197af6;
      border: 1px solid #fff;
    }
  }
}

.shougu {
    color: rgb(153, 153, 153);
    text-align: right;
  color: rgb(153, 153, 153);
  text-align: right;
}

.mail {
    width: 9.21rem;
    height: 1.2rem;
    border-radius: 0.13rem;
    line-height: 1.2rem;
    margin: 0.8rem auto;
    color: #fff;
    font-size: .43rem;
    text-align: center;
    background: #197af6;
  width: 9.21rem;
  height: 1.2rem;
  border-radius: 0.13rem;
  line-height: 1.2rem;
  margin: 0.8rem auto;
  color: #fff;
  font-size: 0.43rem;
  text-align: center;
  background: #197af6;
}
</style>

 src/page/list/favoriteslist/data.list.vue

@@ -2,7 +2,6 @@
  <div class="list-data">
    <div class="header-box">
      <van-list
        v-model="loadings"
        :finished-text="$t('hj43')"
        :loading-text="$t('hj430')"
        :immediate-check="false"
@@ -71,13 +70,8 @@
                  </div>
                </div>
              </div>
              <div
                class="right_btn"
                :class="item.status !== 3 ? 'pink' : ''"
                :style="item.status !== 3 ? 'padding: 0px 0.2rem' : ''"
                @click="renjiao(item)"
              >
                <span v-if="item.status !== 3">
              <div class="right_btn pink" style="padding: 0px 0.2rem">
                <span>
                  {{
                    item.status == 1
                      ? $t("hj131")
@@ -93,9 +87,9 @@
                  }}
                </span>

                <van-button v-else type="primary">
                <!-- <van-button v-else type="primary">
                  {{ $t("hj250") }}</van-button
                >
                > -->
              </div>

              <!---->
@@ -154,7 +148,7 @@
      fromData: {
        value: 1,
      },
      loadings: false,
      loading: false,
      show: false,
      finished: false,
      listArr: [],
@@ -213,44 +207,15 @@

    // 获取列表
    getStock: handleDt.debounce(async function (a, b) {
      a = this.active;
      let stockType = "";
      console.log(this.tabsList, a, this.active);
      if (a !== "") {
        let array = this.tabsList.filter((item) => item.key === a);
        stockType = array[0].name;
      }
      let opt = {
        // pageNum: this.pageNumVal,
        // pageSize: 15,
        // stockPlate: "",
        keyWords: this.sousuo,
        // stockType: stockType,
        // orderBy: "",
      };
      let data = await api.getUserNewGuList();
      this.loading = false;
      if (data.status === 0) {
        if (this.listArr.length >= data.data.total) {
          this.finished = true;
        }
        if (this.pageNumVal !== 1) {
          this.listArr = [...this.listArr, ...data.data];
        } else {
          this.listArr = data.data;
        }
      } else {
        this.loading = false;
        this.finished = true;
        this.listArr = data.data;
      }
      console.log(2222222);
      this.loading = false;
      this.finished = false;
    }, 500),
    onLoads() {
      if (!this.loading) {
        this.pageNumVal++;
        this.loading = true;
        this.getStock();
      }
    },
    onLoads() {},
    optionszx() {},
  },
};

 src/page/newUser/index.vue

@@ -148,6 +148,18 @@
                  <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
                </div>
              </li>
              <li>
                <div class="li-title">
                  {{ $t("待补金额") }}({{ item.symbolCode }})
                </div>
                <div class="li-USDT">
                  <div class="DINPro">
                    {{ item.symbol }}
                    {{ item.amountToBeCovered | _toLocaleString }}
                  </div>
                  <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
                </div>
              </li>
            </ul>
          </van-tab>
        </van-tabs>
@@ -512,6 +524,7 @@
      font-weight: 500;
      font-size: 0.37333rem;
      color: #2d2f3c;
      text-align: left;
    }
    .li-USDT {
      min-width: 180px;

 src/page/user/Warehouse.vue

@@ -123,21 +123,17 @@
        });
        let obj = arr.filter((item) => item.name == this.active)[0];
        this.activeObj = obj;
        console.log(obj, "0000000", this.tabsArr);
        this.tabsArr = arr;
        this.$forceUpdate(); // 强制Vue重新渲染
      }
    },
    onClick(e) {
      console.log(e, "====");
      this.active = e.name;
      this.activeObj = e;
      this.getMoneys();
      if (e.name !== "1") {
        this.$refs.dataListref.getList(e.laber);
      }

      // console.log(e);
    },
  },
};

 src/page/user/Warehouse/item.card.vue

@@ -59,6 +59,15 @@
          {{ $t("總手續費") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">
          {{ activeObj.amountToBeCovered | _toLocaleString }}
        </div>

        <div class="itembox-name">
          {{ $t("待补金额") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
    </div>
    <Dialog ref="closeAllDialog" :title="$t('一鍵平倉')" :confirm="confirm">
      <template v-slot:center>