0430号修改

lxf

2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e

 src/page/wallet/index.vue

@@ -9,78 +9,119 @@
               <div @click="goOnline()">
                  <img src="@/assets/img/kefu.png" alt />
               </div>
               <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
                  @select="onSelect">
          <van-popover
            v-model="showPopover"
            trigger="click"
            placement="bottom-end"
            :actions="actions"
            @select="onSelect"
          >
                  <template #reference>
                     <div class="iconfont icon-icon_A">
                     </div>
              <div class="iconfont icon-icon_A"></div>
                  </template>
               </van-popover>
            </div>
         </div>
         <div class="tabs">
            <div v-for="(item, index) in tabsArr" :key="index" @click="handleTabsClick(item, index)"
               :class="tabsCurrentIndex === index ? 'active' : ''">
        <div
          v-for="(item, index) in tabsArr"
          :key="index"
          @click="handleTabsClick(item, index)"
          :class="tabsCurrentIndex === index ? 'active' : ''"
        >
               <span>{{ item }}</span>
            </div>
         </div>

         <div class="center_card" v-if="tabsCurrentIndex === 3">
            <div class="keyon">
               <span>{{ $t('hj49') }}</span>
          <span>{{ $t("hj49") }}</span>
            </div>
            <div class="num_price">
               <p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
                  class="account">
                   ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
              $store.state.userInfo.userIndexAmt).toFixed(2)
          <p
            v-if="
              this.$store.state.settingForm.indexDisplay &&
                !this.$store.state.settingForm.futuresDisplay
            "
            class="account"
          >
            {{
              $store.state.hide
                ? "****"
                : Number(
                    $store.state.userInfo.userAmt +
                      $store.state.userInfo.userIndexAmt
                  ).toFixed(2)
            }}
               </p>
               <p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
                  class="account">
                   ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
              $store.state.userInfo.userFuturesAmt).toFixed(2)
          <p
            v-else-if="
              !this.$store.state.settingForm.indexDisplay &&
                this.$store.state.settingForm.futuresDisplay
            "
            class="account"
          >
            {{
              $store.state.hide
                ? "****"
                : Number(
                    $store.state.userInfo.userAmt +
                      $store.state.userInfo.userFuturesAmt
                  ).toFixed(2)
            }}
               </p>
               <p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
                  class="account"> ﷼
                  {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt).toFixed(2) }}
          <p
            v-else-if="
              !this.$store.state.settingForm.indexDisplay &&
                !this.$store.state.settingForm.futuresDisplay
            "
            class="account"
          >
            {{
              $store.state.hide
                ? "****"
                : Number($store.state.userInfo.userAmt).toFixed(2)
            }}
               </p>
            </div>
            <div class="yk es">
               <div>
                  <span>{{ $t('hj156') }}</span>
            <span>{{ $t("hj156") }}</span>
               </div>
               <div>
                  <span>{{ $t('hj115') }}</span>
            <span>{{ $t("hj115") }}</span>
               </div>
            </div>
            <div class="yk as">
               <div>
                  <span>{{ ' ﷼ ' + $store.state.userInfo.userAmt }}</span>
            <span>{{ "   " + $store.state.userInfo.userAmt }}</span>
               </div>
               <div>
                  <span>{{ ' ﷼ ' + $store.state.userInfo.userIndexAmt }}</span>
            <span>{{ "   " + $store.state.userInfo.userIndexAmt }}</span>
               </div>
            </div>
            <div class="btns" @click="handleGoToTransfers()">
               <span>{{ $t('hj157') }}</span>
          <span>{{ $t("hj157") }}</span>
            </div>
         </div>

         <div class="withdrawal" v-if="tabsCurrentIndex === 0">
            <div class="ttx">
               <span>{{ $t('hj48') }}</span>
          <span>{{ $t("hj48") }}</span>
            </div>
            <div class="ttx_price">
               <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
            </div>
            <div class="ttx_input">
               <div class="titles">
                  <span>{{ $t('hj170') }}</span>
            <span>{{ $t("hj170") }}</span>
               </div>
               <div class="num">
                  <input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
            <input
              type="number"
              :placeholder="$t('hj171')"
              v-model.number="withdrawalValue"
            />
               </div>
               <!-- <div class="all" @click="withdrawalAll()">
            <span>{{ $t('hj160') }}</span>
@@ -88,39 +129,52 @@
            </div>
            <div class="ttx_input">
               <div class="titles">
                  <span>{{ $t('hj170a') }}</span>
            <span>{{ $t("hj170a") }}</span>
               </div>
               <!-- <div class="num"  @click.stop="czclick()"> -->

               <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')"  /> -->
               <!-- </div> -->
            </div>
            <div class="ttx_input"
               style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
               <div :class="index==payindex?'ttx_boxa':'ttx_box'" @click="slesetpay(item,index)"
                  v-for="(item,index) in array" :key="index" v-if="item.channelName!='USDT'">{{item.channelName}}</div>
        <div
          class="ttx_input"
          style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;"
        >
          <div
            :class="index == payindex ? 'ttx_boxa' : 'ttx_box'"
            @click="slesetpay(item, index)"
            v-for="(item, index) in array"
            :key="index"
            v-if="item.channelName != 'USD'"
          >
            {{ item.channelName }}
          </div>
            </div>
            <div v-show="payindex==6" class="qrcode" ref="qrCodeUrl"></div>
            <!-- <div class="qrcode_txt" v-if="payindex==3">{{array[3].channelDesc}}</div> -->
            <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
            <div class="btns" @click="handleCz()">
               <span>{{ $t('hj172') }}</span>
          <span>{{ $t("hj172") }}</span>
            </div>
         </div>

         <div class="withdrawal" v-if="tabsCurrentIndex === 1">
            <div class="ttx">
               <span>{{ $t('hj48') }}</span>
          <span>{{ $t("hj48") }}</span>
            </div>
            <div class="ttx_price">
               <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
            </div>
            <div class="ttx_input">
               <div class="titles">
                  <span>{{ $t('hj170') }}</span>
            <span>{{ $t("hj170") }}</span>
               </div>
               <div class="num">
                  <input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
            <input
              type="number"
              :placeholder="$t('hj171')"
              v-model.number="withdrawalValue"
            />
               </div>
               <!--  <div class="all" @click="withdrawalAll()">
            <span>{{ $t('hj160') }}</span>
@@ -128,7 +182,7 @@
            </div>
            <div class="ttx_input">
               <div class="titles">
                  <span>{{ $t('hj170a') }}</span>
            <span>{{ $t("hj170a") }}</span>
               </div>
            </div>
            <!-- <div class="ttx_input" v-if="false"
@@ -156,7 +210,7 @@
            </div> -->

            <div class="btns" @click="handleCz()">
               <span>{{ $t('hj172') }}</span>
          <span>{{ $t("hj172") }}</span>
            </div>
         </div>
         <!--    <div class="banks" v-if="tabsCurrentIndex === 1">
@@ -171,7 +225,6 @@
        </div>
      </div> -->
         <div class="banks" v-if="tabsCurrentIndex === 1">

            <!-- <div class="bank_1">
         <div class="left_name">
           <span>{{ $t('hj163') }}</span>
@@ -211,11 +264,11 @@

            <div class="bank_1" @click="handleGoToTransferRecord()">
               <div class="left_name">
                  <span>{{ $t('hj168') }}</span>
            <span>{{ $t("hj168") }}</span>
               </div>
               <div class="center_input"></div>
               <div class="right_copy">
                  <span>{{ $t('hj169') }}</span>
            <span>{{ $t("hj169") }}</span>
               </div>
            </div>

@@ -235,7 +288,6 @@
       </div> -->
         </div>
         <div class="banks" v-if="tabsCurrentIndex === 0">

            <!-- <div class="bank_1">
          <div class="left_name">
            <span>{{ $t('hj163') }}</span>
@@ -275,11 +327,11 @@

            <div class="bank_1" @click="handleGoToTransferRecord()">
               <div class="left_name">
                  <span>{{ $t('hj168') }}</span>
            <span>{{ $t("hj168") }}</span>
               </div>
               <div class="center_input"></div>
               <div class="right_copy">
                  <span>{{ $t('hj169') }}</span>
            <span>{{ $t("hj169") }}</span>
               </div>
            </div>

@@ -306,7 +358,11 @@
         <!-- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="channelName"
            :columns="array" @cancel="quxiao" @confirm="onConfirm" show-toolbar /> -->
      </van-popup>
      <van-popup v-model="messDialog" position="bottom" :style="{ height: '70%' }">
    <van-popup
      v-model="messDialog"
      position="bottom"
      :style="{ height: '70%' }"
    >
         <div class="mess_content">
            <div class="top_title">
               <div class="tt">
@@ -314,16 +370,16 @@
                     <img src="../../assets/img/liucheng.png" alt />
                  </div>
                  <div class="right_title">
                     <span>{{ $t('hj173') + ':' }}</span>
              <span>{{ $t("hj173") + ":" }}</span>
                  </div>
               </div>
               <div class="_on">
                  <span>{{ '①' }}</span>
                  <span>{{ $t('hj174') }}</span>
            <span>{{ "①" }}</span>
            <span>{{ $t("hj174") }}</span>
               </div>
               <div class="_on">
                  <span>{{ '②' }}</span>
                  <span>{{ $t('hj175') }}</span>
            <span>{{ "②" }}</span>
            <span>{{ $t("hj175") }}</span>
               </div>
            </div>
            <div class="top_title" style="color: red;">
@@ -332,12 +388,12 @@
                     <img src="../../assets/img/jinggao.png" alt />
                  </div>
                  <div class="right_title">
                     <span>{{ $t('hj173') + ':' }}</span>
              <span>{{ $t("hj173") + ":" }}</span>
                  </div>
               </div>
               <div class="_on">
                  <span>{{ '①' }}</span>
                  <span class="hgg">{{ $t('hj176') }}</span>
            <span>{{ "①" }}</span>
            <span class="hgg">{{ $t("hj176") }}</span>
               </div>
            </div>
         </div>
@@ -346,86 +402,83 @@
</template>

<script>
   import * as api from '@/axios/api'
   import {
      Toast
   } from 'mint-ui'
   import {
      mapState
   } from 'vuex'
   import QRCode from 'qrcodejs2'
import * as api from "@/axios/api";
import { Toast } from "mint-ui";
import { mapState } from "vuex";
import QRCode from "qrcodejs2";
   export default {
      name: 'newUser',
  name: "newUser",
      data() {
         return {
            name: '',
      name: "",
            showPicker: false,
            selectUserFlag: true,
            // tabsArr: [this.$t('hj172'), this.$t('hj177')],
            tabsCurrentIndex: 0,
            walletNum: '',
            skName: '',
      walletNum: "",
      skName: "",
            array: [],
            inputpayType: '',
            skBankName: '',
            skUser: '',
      inputpayType: "",
      skBankName: "",
      skUser: "",
            messShow: false,
            mess: '',
      mess: "",
            messDialog: false,
            withdrawalValue: '',
      withdrawalValue: "",
            settingInfo: {},
            payindex: 0,
            payindexa: 3,
            qrcodeimg: '',
            id: '',
            onlineService: '',
      qrcodeimg: "",
      id: "",
      onlineService: "",
            showPopover: false,
            actions: [{
                  text: 'English',
                  icon: require('@/assets/ico/english.png'),
                  lang: 'zh-CN'
      actions: [
        {
          text: "English",
          icon: require("@/assets/ico/english.png"),
          lang: "zh-CN"
               },
               {
                  text: 'हिंदी',
                  icon: require('@/assets/ico/india.png'),
                  lang: 'en'
          text: "हिंदी",
          icon: require("@/assets/ico/india.png"),
          lang: "en"
               },
               {
                  text: '繁体中文',
                  icon: require('@/assets/ico/tw.png'),
                  lang: 'tw'
          text: "繁体中文",
          icon: require("@/assets/ico/tw.png"),
          lang: "tw"
               }
            ]
         }
    };
      },
      computed: {
         ...mapState(['userInfo', 'bankInfo']),
    ...mapState(["userInfo", "bankInfo"]),
         tabsArr() {
            return [this.$t('hj172'), 'USDT']
      return [this.$t("hj172"), "USD"];
         }
      },
      created() {
         this.getSettingInfo()
         this.getCardDetail() // 获取银行卡信息
         this.getUserInfo()
         this.getInfoSite()
         this.getPayInfos()
         this.getPayInfoa()
    this.getSettingInfo();
    this.getCardDetail(); // 获取银行卡信息
    this.getUserInfo();
    this.getInfoSite();
    this.getPayInfos();
    this.getPayInfoa();
      },
      mounted() {
         this.creatQrCode()
    this.creatQrCode();
      },
      methods: {
         creatQrCode() {
            var qrcode = new QRCode(this.$refs.qrCodeUrl, {
               // text: this.array[3].channelDesc, // 需要转换为二维码的内容
               text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
        text: "https://blog.csdn.net/weixin_42601136", // 需要转换为二维码的内容
               width: 100,
               height: 100,
               colorDark: '#000000',
               colorLight: '#ffffff',
        colorDark: "#000000",
        colorLight: "#ffffff",
               correctLevel: QRCode.CorrectLevel.H
            })
      });
         },
         czclick() {
            console.log(11);
@@ -433,47 +486,47 @@
         },
         onConfirm(item) {
            // console.log(item.channelName)
            this.inputpayType = item.channelName
      this.inputpayType = item.channelName;
            // this.inputpayType = '123'
            this.id = item.id
            this.showPicker = !this.showPicker
      this.id = item.id;
      this.showPicker = !this.showPicker;
            // this.lever = item.value
         },
         quxiao() {
            this.showPicker = false
      this.showPicker = false;
         },
         async getPayInfoa() {
            // 获取支付渠道 详细信息
            let data = await api.getPayInfoa()
      let data = await api.getPayInfoa();
            if (data.status === 0) {
               this.array = data.data
               this.id = data.data[0].id
        this.array = data.data;
        this.id = data.data[0].id;
               // this.skName = this.payInfo.channelName
               // this.skBankName = this.payInfo.channelType
               // this.skUser = this.payInfo.channelAccount
            } else {
               Toast(data.msg)
        Toast(data.msg);
            }
         },
         async getPayInfos() {
            // 获取支付渠道 详细信息
            let data = await api.getPayInfo()
      let data = await api.getPayInfo();
            if (data.status === 0) {
               this.payInfo = data.data[0]
        this.payInfo = data.data[0];
               // this.skName = this.payInfo.channelName
               // this.skBankName = this.payInfo.channelType
               // this.skUser = this.payInfo.channelAccount
            } else {
               Toast(data.msg)
        Toast(data.msg);
            }
         },
         onSelect(e) {
            this.$i18n.locale = e.lang
            window.localStorage.setItem('language', e.lang)
      this.$i18n.locale = e.lang;
      window.localStorage.setItem("language", e.lang);
         },
         slesetpay(item, index) {
            this.payindex = index
            this.id = item.id
      this.payindex = index;
      this.id = item.id;
         },
         goOnline() {
            // if (navigator.vibrate) {
@@ -482,45 +535,45 @@
            // }
            // this.$router.push('/service')
            // this.$router.push('/service')
            window.location.href = this.onlineService
      window.location.href = this.onlineService;
         },
         async getInfoSite() {
            let data = await api.getInfoSite()
      let data = await api.getInfoSite();
            if (data.status === 0) {
               this.onlineService = data.data.onlineService
        this.onlineService = data.data.onlineService;
            } else {
               Toast(data.msg)
        Toast(data.msg);
            }
         },
         async getUserInfo() {
            // 获取用户信息
            let data = await api.getUserInfo()
      let data = await api.getUserInfo();
            if (data.status === 0) {
               // 判断是否登录
               this.$store.commit('dialogVisible', false)
               this.$store.state.userInfo = data.data
        this.$store.commit("dialogVisible", false);
        this.$store.state.userInfo = data.data;
            } else {
               this.$store.commit('dialogVisible', true)
        this.$store.commit("dialogVisible", true);
            }
         },
         handleZh() {
            // cho
            this.selectUserFlag = !this.selectUserFlag
      this.selectUserFlag = !this.selectUserFlag;
         },
         handleBack() {
            // 点击返回/
            // this.$router.go(-1)
            this.$router.push('/user')
      this.$router.push("/user");
         },
         goToTopUp() {
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
            this.$router.push('/wallet')
      this.$router.push("/wallet");
         },
         handleTabsClick(item, index) {
            this.tabsCurrentIndex = index
      this.tabsCurrentIndex = index;
            console.log(index);
            // if(index==1){
            //  this.$router.push({path: '/tixian'})
@@ -528,83 +581,84 @@
            // }
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
         },
         withdrawalAll() {
            // 点击全部提现
            this.withdrawalValue = this.userInfo.enableAmt
      this.withdrawalValue = this.userInfo.enableAmt;
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
         },

         async handleCz() {
            if(this.tabsCurrentIndex == 1){
               this.id = 10
        this.id = 10;
            }
            let data = await api.selCzFn({
               currency: '',
        currency: "",
               // payType: 'af-pay.com',
               payType: this.id,
               payAmt: this.withdrawalValue
            })
      });

            if (data.status === 0) {
               if (navigator.vibrate) {
                  // 支持
                  navigator.vibrate([55])
          navigator.vibrate([55]);
               }
               this.$router.push({
                  path: '/chongz',
          path: "/chongz",
                  query: {
                     'payAmt': this.withdrawalValue,
            payAmt: this.withdrawalValue,
                     url: data.data
                  }
               })
        });
            } else {
               Toast(data.msg)
        Toast(data.msg);
            }
         },

         async handleToSure() {
            // 点击确定提现
            if (!this.userInfo.idCard) {
               Toast(this.$t('hj178'))
               return
        Toast(this.$t("hj178"));
        return;
            }
            if (!this.bankInfo.bankNo) {
               Toast(this.$t('hj179'))
               return
            } else {}
        Toast(this.$t("hj179"));
        return;
      } else {
      }
            if (!this.withdrawalValue || this.withdrawalValue <= 0) {
               Toast(this.$t('hj180'))
        Toast(this.$t("hj180"));
            } else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
               Toast(this.$t('hj181') + this.settingInfo.withMinAmt)
        Toast(this.$t("hj181") + this.settingInfo.withMinAmt);
            } else {
               let opts = {
                  amt: this.withdrawalValue
               }
               let data = await api.outMoney(opts)
        };
        let data = await api.outMoney(opts);
               if (data.status === 0) {
                  // 成功
                  Toast(this.$t('hj182'))
                  this.$router.push('/cashWithdrawalRecord')
          Toast(this.$t("hj182"));
          this.$router.push("/cashWithdrawalRecord");
               } else {
                  Toast(data.msg ? data.msg : this.$t('hj183'))
          Toast(data.msg ? data.msg : this.$t("hj183"));
               }
            }
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
         },
         async getCardDetail() {
            // 获取银行卡信息
            let data = await api.getBankCard()
      let data = await api.getBankCard();
            if (data.status === 0) {
               this.$store.state.bankInfo = data.data
        this.$store.state.bankInfo = data.data;
               // this.skName = data.data.bankName
               // this.skBankName = data.data.bankAddress
               // this.skUser = data.data.bankNo
@@ -613,65 +667,67 @@
            }
         },
         async getSettingInfo() {
            let data = await api.getSetting()
      let data = await api.getSetting();
            if (data.status === 0) {
               // 成功
               this.settingInfo = data.data
               console.log(this.settingInfo, 'settingInfo')
        this.settingInfo = data.data;
        console.log(this.settingInfo, "settingInfo");
            } else {
               Toast(data.msg)
        Toast(data.msg);
            }
         },
         handleGoToTransferRecord() { // 充值记录
    handleGoToTransferRecord() {
      // 充值记录
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
            this.$router.push('/transferRecord')
      this.$router.push("/transferRecord");
         },
         handleGoToCashWithdrawalRecord() { // 提现记录
            this.$router.push('/cashWithdrawalRecord')
    handleGoToCashWithdrawalRecord() {
      // 提现记录
      this.$router.push("/cashWithdrawalRecord");
         },
         handleGoToTransfers() {
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
            this.$router.push('/transfers')
      this.$router.push("/transfers");
         },
         handleGoCz() {
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
            if (this.walletNum === '') {
               this.messShow = true
               this.mess = this.$t('hj171')
      if (this.walletNum === "") {
        this.messShow = true;
        this.mess = this.$t("hj171");
               setTimeout(() => {
                  this.messShow = false
               }, 1500)
          this.messShow = false;
        }, 1500);
            } else if (this.walletNum < 200) {
               this.messShow = true
               this.mess = this.$t('hj184')
        this.messShow = true;
        this.mess = this.$t("hj184");
               setTimeout(() => {
                  this.messShow = false
               }, 1500)
            } else if (this.walletNum !== '' && this.walletNum >= 200) {
               this.getPayInfo()
          this.messShow = false;
        }, 1500);
      } else if (this.walletNum !== "" && this.walletNum >= 200) {
        this.getPayInfo();
            }
         },
         onCopy() {
            Toast(this.$t('hj185'))
      Toast(this.$t("hj185"));
            if (navigator.vibrate) {
               // 支持
               navigator.vibrate([55])
        navigator.vibrate([55]);
            }
         },
         onError() {
            Toast(this.$t('hj186'))
      Toast(this.$t("hj186"));
         },
         async getPayInfo() {
            this.getrecharge()
      this.getrecharge();
            // 获取支付渠道 详细信息
            // let data = await api.getPayInfoDetail({ payId: 3 });
            // if (data.status === 0) {
@@ -689,52 +745,56 @@
         },
         async getrecharge() {
            if (!this.walletNum) {
               this.$message.error('请输入充值金额')
               return
        this.$message.error("请输入充值金额");
        return;
            }
            // this.dialogTableVisible = true;

            let opts = {
               amt: this.walletNum,
               payType: 1
            }
            let data = await api.inMoney(opts)
      };
      let data = await api.inMoney(opts);
            if (data.status === 0) {
               this.messDialog = true
        this.messDialog = true;
            } else {
               this.messShow = true
               this.mess = data.msg ? data.msg : '充值失败,请重新充值'
        this.messShow = true;
        this.mess = data.msg ? data.msg : "充值失败,请重新充值";
               setTimeout(() => {
                  this.messShow = false
               }, 1500)
          this.messShow = false;
        }, 1500);
            }
         },
         regexNum(str) {
            console.log(str);
            str = str.toString()
      str = str.toString();
            if (str.indexOf(".") == -1) {
               str = str + ".00"
        str = str + ".00";
            }

            var newStr = str.split('.')
            var point = newStr[1]
      var newStr = str.split(".");
      var point = newStr[1];

            if (point.length < 2) {
               point = point + "0"
        point = point + "0";
            }
            var moneyPoint = newStr[0]
      var moneyPoint = newStr[0];
            if (moneyPoint.length <= 3) {
               return moneyPoint + "." + point
        return moneyPoint + "." + point;
            } else {
               var mPoint = moneyPoint.substr(moneyPoint.length - 3, moneyPoint.length)
               var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3)
               var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
               return endString + "," + mPoint + '.' + point;

        var mPoint = moneyPoint.substr(
          moneyPoint.length - 3,
          moneyPoint.length
        );
        var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
        var endString = twoPoint
          .toString()
          .replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
        return endString + "," + mPoint + "." + point;
            }
         },
      },
   }
  }
};
</script>

<style scoped lang="less">
@@ -751,7 +811,7 @@
      margin-bottom: 15px;
      background-color: #fff;
      border-radius: 3px;
      background: #2D6AE9;
  background: #2d6ae9;
      font-size: 0.4015rem;
      color: #fff;
   }
@@ -964,7 +1024,7 @@
               align-items: center;
               justify-content: center;
               border-radius: 0.25rem;
               background: #2D6AE9;
        background: #2d6ae9;
               font-size: 0.4015rem;
               color: #fff;
               margin-top: 0.35rem;
@@ -1185,7 +1245,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
         color: #2D6AE9;
    color: #2d6ae9;
         font-size: 0.6615rem;

         span {
@@ -1240,7 +1300,7 @@
      align-items: center;
      justify-content: center;
      border-radius: 0.25rem;
      background: #2D6AE9;
  background: #2d6ae9;
      font-size: 0.4015rem;
      color: #fff;
      margin-top: 0.35rem;