0430号修改

lxf

2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e

 src/page/tixian/tixian.vue

@@ -9,10 +9,15 @@
          <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>
@@ -26,119 +31,172 @@

      <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>
          <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>
          <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>
          </div> -->
        </div>
      <div class="ttx_input" >
        <div class="titles">
          <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">{{payindex}}{{item.channelName}}</div>
      </div>
      <div v-show="payindex==3" 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="ttx_input">
          <div class="titles">
            <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"
          >
            {{ payindex }}{{ item.channelName }}
          </div>
        </div>
        <div v-show="payindex == 3" 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('hj158') }}</span>
          <span>{{ $t("hj158") }}</span>
        </div>
        <div class="ttx_price">
          <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
          <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
        </div>
        <div class="ttx_input">
          <div class="titles">
            <span>{{ $t('hj159') }}</span>
            <span>{{ $t("hj159") }}</span>
          </div>
          <div class="num">
            <input type="number" :placeholder="$t('hj305')" v-model.number="withdrawalValue" />
            <input
              type="number"
              :placeholder="$t('hj305')"
              v-model.number="withdrawalValue"
            />
          </div>
          <div class="all" @click="withdrawalAll()">
            <span>{{ $t('hj160') }}</span>
            <span>{{ $t("hj160") }}</span>
          </div>
        </div>
        <div class="btns" @click="handleToSure()">
          <span>{{ $t('hj161') }}</span>
          <span>{{ $t("hj161") }}</span>
        </div>
      </div>

      <div class="banks" v-if="tabsCurrentIndex === 1">
        <div class="bank_1">
          <div class="left_name">
            <span>{{ $t('hj162') }}</span>
            <span>{{ $t("hj162") }}</span>
          </div>
          <div class="center_input"></div>
          <div class="right_copy img_right" @click="handleGoToCashWithdrawalRecord()">
          <div
            class="right_copy img_right"
            @click="handleGoToCashWithdrawalRecord()"
          >
            <img src="../../assets/img/youjiantou.png" alt />
          </div>
        </div>
      </div>
      <div class="banks" v-if="tabsCurrentIndex === 0">

        <!-- <div class="bank_1">
          <div class="left_name">
            <span>{{ $t('hj163') }}</span>
@@ -178,11 +236,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>

@@ -205,10 +263,22 @@
    <van-notify v-model="messShow" type="primary">
      <span>{{ mess }}</span>
    </van-notify>
   <van-popup v-model="showPicker" round position="bottom">
       <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="showPicker" round position="bottom">
      <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%' }"
    >
      <div class="mess_content">
        <div class="top_title">
          <div class="tt">
@@ -216,16 +286,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;">
@@ -234,12 +304,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>
@@ -248,236 +318,241 @@
</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',
  data () {
  name: "newUser",
  data() {
    return {
      name: '',
     showPicker: false,
      name: "",
      showPicker: false,
      selectUserFlag: true,
      // tabsArr: [this.$t('hj172'), this.$t('hj177')],
      tabsCurrentIndex: 1,
      walletNum: '',
      skName: '',
     array: [],
     inputpayType:'',
      skBankName: '',
      skUser: '',
      walletNum: "",
      skName: "",
      array: [],
      inputpayType: "",
      skBankName: "",
      skUser: "",
      messShow: false,
      mess: '',
      mess: "",
      messDialog: false,
      withdrawalValue: '',
      withdrawalValue: "",
      settingInfo: {},
     payindex:0,
     qrcodeimg:'',
     id:'',
      onlineService: '',
      payindex: 0,
      qrcodeimg: "",
      id: "",
      onlineService: "",
      showPopover: false,
      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/tw.png'), lang: 'tw' }
        {
          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/tw.png"), lang: "tw" }
      ]
    }
    };
  },
  computed: {
    ...mapState(['userInfo', 'bankInfo']),
    tabsArr () {
      return [this.$t('hj172'), this.$t('hj177')]
    ...mapState(["userInfo", "bankInfo"]),
    tabsArr() {
      return [this.$t("hj172"), this.$t("hj177")];
    }
  },
  created () {
    this.getSettingInfo()
    this.getCardDetail() // 获取银行卡信息
    this.getUserInfo()
    this.getInfoSite()
    this.getPayInfos()
   this.getPayInfoa()
  created() {
    this.getSettingInfo();
    this.getCardDetail(); // 获取银行卡信息
    this.getUserInfo();
    this.getInfoSite();
    this.getPayInfos();
    this.getPayInfoa();
  },
  mounted(){
  this.creatQrCode()
  mounted() {
    this.creatQrCode();
  },
  methods: {
     creatQrCode() {
             var qrcode = new QRCode(this.$refs.qrCodeUrl, {
                 text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
                 width: 100,
                 height: 100,
                 colorDark: '#000000',
                 colorLight: '#ffffff',
                 correctLevel: QRCode.CorrectLevel.H
             })
      },
     czclick(){
        console.log(11);
        // this.showPicker = true
     },
     onConfirm(item) {
         console.log(item.channelName)
        this.inputpayType = item.channelName
        // this.inputpayType = '123'
        this.id =  item.id
         this.showPicker = !this.showPicker
         // this.lever = item.value
     },
     quxiao(){
        this.showPicker = false
     },
     async getPayInfoa () {
       // 获取支付渠道 详细信息
       let data = await api.getPayInfoa()
       if (data.status === 0) {
         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)
       }
     },
    async getPayInfos () {
    creatQrCode() {
      var qrcode = new QRCode(this.$refs.qrCodeUrl, {
        text: "https://blog.csdn.net/weixin_42601136", // 需要转换为二维码的内容
        width: 100,
        height: 100,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.H
      });
    },
    czclick() {
      console.log(11);
      // this.showPicker = true
    },
    onConfirm(item) {
      console.log(item.channelName);
      this.inputpayType = item.channelName;
      // this.inputpayType = '123'
      this.id = item.id;
      this.showPicker = !this.showPicker;
      // this.lever = item.value
    },
    quxiao() {
      this.showPicker = false;
    },
    async getPayInfoa() {
      // 获取支付渠道 详细信息
      let data = await api.getPayInfo()
      let data = await api.getPayInfoa();
      if (data.status === 0) {
        this.payInfo = data.data[0]
        this.skName = this.payInfo.channelName
        this.skBankName = this.payInfo.channelType
        this.skUser = this.payInfo.channelAccount
        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);
      }
    },
    onSelect (e) {
      this.$i18n.locale = e.lang
      window.localStorage.setItem('language', e.lang)
    async getPayInfos() {
      // 获取支付渠道 详细信息
      let data = await api.getPayInfo();
      if (data.status === 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);
      }
    },
   slesetpay(item,index){
      this.payindex = index
      this.id = item.id
   },
    goOnline () {
    onSelect(e) {
      this.$i18n.locale = e.lang;
      window.localStorage.setItem("language", e.lang);
    },
    slesetpay(item, index) {
      this.payindex = index;
      this.id = item.id;
    },
    goOnline() {
      // if (navigator.vibrate) {
      //   // 支持
      //   navigator.vibrate([55])
      // }
      // this.$router.push('/service')
        // this.$router.push('/service')
        window.location.href = this.onlineService
      // this.$router.push('/service')
      window.location.href = this.onlineService;
    },
    async getInfoSite () {
      let data = await api.getInfoSite()
    async 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 () {
    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 () {
    handleZh() {
      // cho
      this.selectUserFlag = !this.selectUserFlag
      this.selectUserFlag = !this.selectUserFlag;
    },
    handleBack () {
    handleBack() {
      // 点击返回/
      this.$router.go(-1)
      this.$router.go(-1);
    },
    goToTopUp () {
    goToTopUp() {
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
      this.$router.push('/wallet')
      this.$router.push("/wallet");
    },
    handleTabsClick (item, index) {
      this.tabsCurrentIndex = index
    handleTabsClick(item, index) {
      this.tabsCurrentIndex = index;
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
    },
    withdrawalAll () {
    withdrawalAll() {
      // 点击全部提现
      this.withdrawalValue = this.userInfo.enableAmt
      this.withdrawalValue = this.userInfo.enableAmt;
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
    },

    async handleCz () {
      let data = await api.selCzFn(
        {
          currency: '',
          // payType: 'af-pay.com',
        payType: this.id,
          payAmt: this.withdrawalValue
        }
      )
    async handleCz() {
      let data = await api.selCzFn({
        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', query: {'payAmt': this.withdrawalValue, url: data.data}})
      }else{
        Toast(data.msg)
        this.$router.push({
          path: "/chongz",
          query: { payAmt: this.withdrawalValue, url: data.data }
        });
      } else {
        Toast(data.msg);
      }
    },

    async handleToSure () {
    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
        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 () {
    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
@@ -485,66 +560,68 @@
        // Toast(data.msg)
      }
    },
    async getSettingInfo () {
      let data = await api.getSetting()
    async getSettingInfo() {
      let data = await api.getSetting();
      if (data.status === 0) {
        // 成功
        this.settingInfo = data.data
        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 () {
    handleGoToTransfers() {
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
      this.$router.push('/transfers')
      this.$router.push("/transfers");
    },
    handleGoCz () {
    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'))
    onCopy() {
      Toast(this.$t("hj185"));
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
    },
    onError () {
      Toast(this.$t('hj186'))
    onError() {
      Toast(this.$t("hj186"));
    },
    async getPayInfo () {
      this.getrecharge()
    async getPayInfo() {
      this.getrecharge();
      // 获取支付渠道 详细信息
      // let data = await api.getPayInfoDetail({ payId: 3 });
      // if (data.status === 0) {
@@ -560,84 +637,88 @@
      //   }, 1500);
      // }
    },
    async getrecharge () {
    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()
     if(str.indexOf(".")==-1){
       str = str+".00"
     }
    regexNum(str) {
      console.log(str);
      str = str.toString();
      if (str.indexOf(".") == -1) {
        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"
     }
     var moneyPoint  = newStr[0]
     if(moneyPoint.length<=3){
       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;

     }
     },
  },
}
      if (point.length < 2) {
        point = point + "0";
      }
      var moneyPoint = newStr[0];
      if (moneyPoint.length <= 3) {
        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;
      }
    }
  }
};
</script>

<style scoped lang="less">
   .qrcode{
      margin-top: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .ttx_boxa{
      width: 32%;
      height: 40px;
      margin-bottom: 15px;
      background-color: #fff;
      border-radius: 3px;
      background: #2D6AE9;
      font-size: 0.4015rem;
      color: #fff;
   }
   .ttx_box{
      width: 32%;
      height: 40px;
      margin-bottom: 15px;
      background-color: #fff;
      border-radius: 3px;
   }
   .qrcode_txt{
      text-align: center;
      margin-top: 20px;
   }
.qrcode {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ttx_boxa {
  width: 32%;
  height: 40px;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 3px;
  background: #2d6ae9;
  font-size: 0.4015rem;
  color: #fff;
}
.ttx_box {
  width: 32%;
  height: 40px;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 3px;
}
.qrcode_txt {
  text-align: center;
  margin-top: 20px;
}
.user_page {
  width: 100%;
  height: calc(100% - 1.3rem);
@@ -674,7 +755,7 @@
        display: flex;
        justify-content: space-between;

        >div {
        > div {
          width: auto;
          height: 100%;
          display: flex;
@@ -711,7 +792,7 @@
          align-items: center;
          justify-content: center;

          >div {
          > div {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
@@ -793,7 +874,7 @@
        display: flex;
        align-items: center;

        >div {
        > div {
          width: 50%;
          height: 100%;
          color: #97989d;
@@ -827,7 +908,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;
@@ -908,7 +989,7 @@
  align-items: center;
  justify-content: space-between;

  >div {
  > div {
    width: 48%;
    height: 70%;
    display: flex;
@@ -929,7 +1010,7 @@
  border-radius: 0.3rem;
  margin-top: 0.3rem;

  >div {
  > div {
    width: 100%;
    // height: 1.5385rem;
    // margin-top: 0.3rem;
@@ -973,7 +1054,7 @@
}

.img_right {
  >img {
  > img {
    width: 0.55rem;
    height: 0.55rem;
  }
@@ -1048,7 +1129,7 @@
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D6AE9;
    color: #2d6ae9;
    font-size: 0.6615rem;

    span {
@@ -1061,7 +1142,7 @@
    height: 1rem;
    display: flex;

    >div {
    > div {
      display: flex;
      justify-content: center;
      align-items: center;
@@ -1077,8 +1158,8 @@
      width: 70%;
      height: 100%;
      font-size: 0.35rem;
     display: flex;
	  
      display: flex;

      input {
        width: 100%;
        height: 100%;
@@ -1103,7 +1184,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;