lx

yfx

2026-04-01 a596066968e625bd39a79f4d15635e50659512cd

 pages/quanyi/add.vue

@@ -1,20 +1,26 @@
<script>
import offIcon from '@/static/imgs/icons/off.png'
import leftIcon from  '@/static/imgs/icons/left.png'
import kkIcon from  '@/static/imgs/icons/kk.png'
import addAddress from "./components/addAddress";
import agreement from "./components/agreement";
import leftIcon from '@/static/imgs/icons/left.png'
import kkIcon from '@/static/imgs/icons/kk.png'
import addAddress from "@/pages/quanyi/components/addAddress";
import agreement from "@/pages/quanyi/components/agreement";

import textBox from "@/components/textBox/index.vue";

export default {
  name: "add",
  components: {
    addAddress,agreement
    addAddress, agreement, textBox
  },
  data() {
    return {
      $webHost:'https://rbb98765.zrgy-bbg.com',
      getPlatformProtocolNewList: [],
      showTextBox: false,
      loginAct: false,
      $webHost: 'https://rbb98765.zrgy-bbg.com',
      protocolChecked: [1],
      offIcon,leftIcon,kkIcon,
      callbackData:{},
      offIcon, leftIcon, kkIcon,
      callbackData: {},
      addressDetail: {
        consignee: '',
        contactPhone: '',
@@ -26,14 +32,14 @@
        areaCode: '',
        areaName: '',
      },
      show:true,
      isCounting:false,
      isCounting_A:false,
      isCounting_B:false,
      countText:'',
      countText_A:'',
      countText_B:'',
      checked:true,
      show: true,
      isCounting: false,
      isCounting_A: false,
      isCounting_B: false,
      countText: '',
      countText_A: '',
      countText_B: '',
      checked: true,
      idCardNo: '',
      verificationCode: '',
      verificationCodeT: '',
@@ -44,20 +50,20 @@
      bankName: '',
      // 手机
      cardPhone: '',
      bankList:[],
      cardIdNo:'',
      cardName:'',
      bindCardId:'',
      bankList: [],
      cardIdNo: '',
      cardName: '',
      bindCardId: '',
      windowHeight: 0,
      interval: null,
      bankCode:"",
      getPayBindCardInfo:[],
      bankCode: "",
      getPayBindCardInfo: [],
      lstyle: {
        color: "#333333",
        fontSize: "30rpx",
        fontWeight: "bold",
      },
      bindStatus:false
      bindStatus: false


    };
@@ -65,7 +71,7 @@

  computed: {
    addressStr() {
      if(this.addressDetail.provinceName || this.addressDetail.cityName || this.addressDetail.areaName) {
      if (this.addressDetail.provinceName || this.addressDetail.cityName || this.addressDetail.areaName) {
        return `${this.addressDetail.provinceName}${this.addressDetail.cityName}${this.addressDetail.areaName}${this.addressDetail.detailAddr}`
      } else {
        return ''
@@ -91,12 +97,11 @@
    const _this = this



    uni.request({
      url: _this.$webHost+'/api/v2/customer/getCstAddress',
      data:{
        customerId: uni.getStorageSync('ygxLogin').customerId,
        sourceId: uni.getStorageSync('ygxLogin').appId
      url: _this.$webHost + '/api/v2/customer/getCstAddress',
      data: {
        customerId: uni.getStorageSync('qxgLogin').customerId,
        sourceId: uni.getStorageSync('qxgLogin').appId
      },
      success: function (res) {
        _this.addressDetail = res.data.data;
@@ -105,25 +110,25 @@


    uni.request({
      url: _this.$webHost+'/api/v2/xinheyuan/bank/list/fake/'+uni.getStorageSync('ygxLogin').customerId,
      success(res){
      url: _this.$webHost + '/api/v2/xinheyuan/bank/list/fake/' + uni.getStorageSync('qxgLogin').customerId,
      success(res) {
        console.log(res.data.data);
        this.bankList = res.data.data;
        uni.setStorageSync('bankList', res.data.data)
      }
    })

    uni.setStorageSync('windowHeight',uni.getSystemInfoSync().windowHeight)
    uni.setStorageSync('windowHeight', uni.getSystemInfoSync().windowHeight)

    uni.request({
      url:_this.$webHost+`/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('ygxLogin').customerId}`,
      method:'get',
      success:function(res){
      url: _this.$webHost + `/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('qxgLogin').customerId}`,
      method: 'get',
      success: function (res) {
        const dy = res.data.data[0];
        _this.queryBind = dy;
        _this.getPayBindCardInfo = res.data.data;

        if(dy.bindStatus){
        if (dy.bindStatus) {
          _this.bindStatus = true;
          _this.cardNumber = dy.cardNumber;
          _this.bankName = dy.bankName;
@@ -136,23 +141,28 @@
    })


  },
  mounted(){
    this.windowHeight = uni.getSystemInfoSync().windowHeight;
    this.interval = setInterval(() => {
      let newHeight = window.innerHeight;
      if (this.windowHeight !== newHeight) {
        this.windowHeight = newHeight;
        this.handleResize();
    uni.request({
      url: _this.$webHost + "/api/v2/renpin/H5/getPlatformProtocolNew",
      data: {
        customerId: uni.getStorageSync('qxgLogin').customerId,
        appId: uni.getStorageSync('qxgLogin').appId
      },
      method: 'GET',
      success(res) {
        _this.getPlatformProtocolNewList = res.data.data;
        _this.showTextBox = true;
        _this.$nextTick(() => {
          _this.$refs.textBox && _this.$refs.textBox.open()
        })
      }
    }, 200);
    })
  },
  methods: {
    kk(){
    kk() {

      const _this = this;

      if(this.addressStr.length < 8){
      if (this.addressStr.length < 8) {
        uni.showToast({
          title: '请输入详细地址',
          icon: 'none'
@@ -162,18 +172,18 @@


      uni.request({
        url: _this.$webHost+'/api/v2/sign/signed/'+uni.getStorageSync('ygxLogin').customerId,
        method:'POST',
        url: _this.$webHost + '/api/v2/sign/signed/' + uni.getStorageSync('qxgLogin').customerId,
        method: 'POST',
      })

      uni.request({
        url: _this.$webHost+'/api/v2/pay/memberPurchaseBenefitsPays',
        method:'POST',
        data:{
          customerId: uni.getStorageSync('ygxLogin').customerId,
        url: _this.$webHost + '/api/v2/pay/memberPurchaseBenefitsPays',
        method: 'POST',
        data: {
          customerId: uni.getStorageSync('qxgLogin').customerId,
          memberPeriodConfigId: uni.getStorageSync('memberPeriodConfigInfo').id
        },
        success(){
        success() {
          _this.getUserInfo()
        }
      })
@@ -184,11 +194,11 @@
      this.show = this.windowHeight > uni.getStorageSync('windowHeight') - 100;
      // 在这里处理高度变化后的逻辑
    },
    setbankName(e){
    setbankName(e) {
      this.bankName = e;
      this.$refs.popup.close()
    },
    open(){
    open() {
      this.$refs.popup.open()
    },

@@ -196,16 +206,16 @@
      const _this = this;


      if(!_this.cardNumber.length || _this.cardNumber.length<14 ){
      if (!_this.cardNumber.length || _this.cardNumber.length < 14) {
        return
      }

      uni.request({
        url: _this.$webHost+'/api/v2/pay/getBankCardArea/'+_this.cardNumber,
        method:'POST',
        url: _this.$webHost + '/api/v2/pay/getBankCardArea/' + _this.cardNumber,
        method: 'POST',

        success(res){
          if(res.data.code==200){
        success(res) {
          if (res.data.code == 200) {
            _this.bankCode = res.data.data.bankCode;
            _this.bankName = res.data.data.bankName;
          } else {
@@ -221,29 +231,32 @@
    },
    submit() {
      const _this = this;
      if(!this.protocolChecked[0]){uni.showToast({title: '请阅读并同意相关协议', icon: 'none'});return;}
      if(!_this.cardName){
      if (!this.loginAct) {
        uni.showToast({title: '请阅读并同意相关协议', icon: 'none'});
        return;
      }
      if (!_this.cardName) {
        uni.showToast({
          title: "请填写您的姓名",
          icon: "none",
        });
        return;
      }
      if(!_this.idCardNo){
      if (!_this.idCardNo) {
        uni.showToast({
          title: "请填写您的身份证号",
          icon: "none",
        });
        return;
      }
      if(!_this.cardNumber){
      if (!_this.cardNumber) {
        uni.showToast({
          title: "请填写银行卡号",
          icon: "none",
        });
        return;
      }
      if(!_this.cardPhone){
      if (!_this.cardPhone) {
        uni.showToast({
          title: "请输入手机号码",
          icon: "none",
@@ -251,7 +264,7 @@
        return;
      }

      if(!_this.verificationCode && !_this.getPayBindCardInfo[0].bindStatus){
      if (!_this.verificationCode && !_this.getPayBindCardInfo[0].bindStatus) {
        uni.showToast({
          title: "请输入验证码",
          icon: "none",
@@ -259,7 +272,7 @@
        return
      }

      if(!_this.addressStr){
      if (!_this.addressStr) {
        uni.showToast({
          title: "请填写您的详细地址",
          icon: "none",
@@ -268,14 +281,26 @@
      }


      if(_this.getPayBindCardInfo[0].bindStatus) {
      if (_this.getPayBindCardInfo[0].bindStatus) {
        if (!_this.getPayBindCardInfo[1].bindStatus) {
          _this.$refs.codeUi.open()
          if (_this.getPayBindCardInfo[1].bindCardH5Url) {
            _this.$refs.codeUi.class()
            uni.navigateTo({
              url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[1].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[1].bindCardId}`,
            })
          }
          return;
        }

        if (!_this.getPayBindCardInfo[2].bindStatus) {
          _this.$refs.setUi.open()
          _this.$refs.setUi.open();
          if (_this.getPayBindCardInfo[2].bindCardH5Url) {
            _this.$refs.setUi.class()
            uni.navigateTo({
              url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[2].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[2].bindCardId}`,
            })
          }
          return;


@@ -285,67 +310,78 @@


      uni.request({
        url:_this.$webHost+`/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('ygxLogin').customerId}`,
        method:'get',
        success:function(res){
        url: _this.$webHost + `/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('qxgLogin').customerId}`,
        method: 'get',
        success: function (res) {
          _this.getPayBindCardInfo = res.data.data;
        }
      })


      uni.request({
        url: _this.$webHost+'/api/v2/pay/verifySMSCodes',
        method:'POST',
        data:{
        url: _this.$webHost + '/api/v2/pay/verifySMSCodes',
        method: 'POST',
        data: {
          ..._this.bindCardId,

          "customerId": uni.getStorageSync('ygxLogin').customerId,
          "cardPhone" : _this.cardPhone,  //手机号
          "customerId": uni.getStorageSync('qxgLogin').customerId,
          "cardPhone": _this.cardPhone,  //手机号

          "cardNumber": _this.cardNumber, //卡号

          "cardName" : _this.cardName, // 名字
          "cardIdNo" : _this.cardIdNo,
          "bankName" : _this.bankName,
          "cardNo" :  _this.cardNumber,
          "cardName": _this.cardName, // 名字
          "cardIdNo": _this.cardIdNo,
          "bankName": _this.bankName,
          "cardNo": _this.cardNumber,

          "verificationCode": _this.verificationCode,
        },
        success(e){
          if(e.data.code!==200){

            uni.showTips({
        success(e) {
          if (e.data.code !== 200) {
            _this.$util.Tips({
              title: e.data.data
            });
          }
          uni.request({
            url:_this.$webHost+`/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('ygxLogin').customerId}`,
            method:'get',
            success:function(res){
              const  ls =  res.data.data;
            url: _this.$webHost + `/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('qxgLogin').customerId}`,
            method: 'get',
            success: function (res) {
              const ls = res.data.data;
              _this.getPayBindCardInfo = res.data.data;
              if(!ls || !ls.some(item => item.bindStatus == 0)) {_this.kk();return;}
              if (!ls || !ls.some(item => item.bindStatus == 0)) {
                _this.kk();
                return;
              }



              if(ls.length && !ls[1].bindStatus){
              if (ls.length > 1 && !ls[1].bindStatus) {
                _this.$refs.codeUi.open()
                if (_this.getPayBindCardInfo[1].bindCardH5Url) {
                  _this.$refs.codeUi.class()
                  uni.navigateTo({
                    url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[1].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[1].bindCardId}`,
                  })
                }
                _this.isCounting = false;
                _this.countText = '';
                return;
              }
              if(ls.length && !ls[2].bindStatus){
              if (ls.length > 2 && !ls[2].bindStatus) {
                _this.$refs.setUi.open();
                if (_this.getPayBindCardInfo[2].bindCardH5Url) {
                  _this.$refs.setUi.class()
                  uni.navigateTo({
                    url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[2].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[2].bindCardId}`,
                  })
                }
                _this.isCounting = false;
                _this.countText = '';
                return;
              }
              if(!ls || !ls.some(item => item.bindStatus == 0)) {_this.kk();return;}



              _this.kk()

              if (!ls || !ls.some(item => item.bindStatus == 0)) {
                _this.kk();
                return;
              }


            }
@@ -356,434 +392,435 @@


    },
      getSmsCode(){
        const that = this;
        console.log(that.getPayBindCardInfo[0].paymentMethod);
        if(this.isCounting){
    agreeClick() {
      this.loginAct = !this.loginAct
    },
    getSmsCode() {
      const _this = this;
      console.log(_this.getPayBindCardInfo[0].paymentMethod);
      if (this.isCounting) {
        return
      }
      if (_this.getPayBindCardInfo[0].bindStatus) {
        if (!_this.getPayBindCardInfo[1].bindStatus) {
          _this.$refs.codeUi.open();
          if (_this.getPayBindCardInfo[1].bindCardH5Url) {
            _this.$refs.setUi.class()
            uni.navigateTo({
              url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[1].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[1].bindCardId}`,
            })
          }
          return
        }
        if(that.getPayBindCardInfo[0].bindStatus){
          if(!that.getPayBindCardInfo[1].bindStatus){
            that.$refs.codeUi.open();
        if (!_this.getPayBindCardInfo[2].bindStatus) {
          _this.$refs.setUi.open();
          if (_this.getPayBindCardInfo[2].bindCardH5Url) {
            _this.$refs.setUi.class()
            uni.navigateTo({
              url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[2].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[2].bindCardId}`,
            })
          }
        }
        return
      }

      if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(_this.cardPhone)) return _this.$util.Tips({
        title: '请输入正确的手机号码'
      });


      _this.isCounting = true;


      uni.request({
        url: _this.$webHost + '/api/v2/xinheyuan/bankcard/save',
        method: 'POST',
        data: {
          "customerId": uni.getStorageSync('qxgLogin').customerId,
          "nameReal": _this.cardName, // 名字
          "cardNo": _this.cardNumber,
          "idCard": _this.idCardNo,

          "bankPhoneNo": _this.cardPhone,
          "bankCode": _this.bankCode,
          "bankName": _this.bankName,
          "phone": _this.cardPhone,  //手机号
          "paymentMethod": _this.getPayBindCardInfo[0].paymentMethod,


          "preBindType": "prebc",
          "bankId": "1",

        },
        success() {
          uni.request({
            url: _this.$webHost + '/api/v2/pay/bindCardToCodes',
            method: 'POST',
            data: {
              "customerId": uni.getStorageSync('qxgLogin').customerId,
              "cardName": _this.cardName, // 名字
              "cardIdNo": _this.idCardNo,

              "cardNumber": _this.cardNumber,
              "bankPhoneNo": _this.cardPhone,
              "bankCode": _this.bankCode,
              "bankName": _this.bankName,
              "cardPhone": _this.cardPhone,  //手机号
              "paymentMethod": _this.getPayBindCardInfo[0].paymentMethod,


              "preBindType": "prebc",
              "bankId": "1",

            },
            success(res) {
              if (res.data.code === 401) {
                _this.getUserInfo()
                return;
              }

              if (res.data.code !== 200) {
                uni.showToast({
                  title: res.data.data,
                  icon: 'none'
                })
                return;
              }

              if (res.data.code === 200) {
                _this.bindCardId = res.data.data;
              } else {
                _this.isCounting = false;
                _this.countText = '';
                uni.showToast({
                  title: res.data.data,
                  icon: 'none'
                });

                if (!_this.getPayBindCardInfo[0].bindStatus) {

                  return;
                }


                if (!_this.getPayBindCardInfo[1].bindStatus) {
                  _this.$refs.codeUi.open()
                  _this.isCounting = false;
                  _this.countText = '';
                  return
                }
                if (!_this.getPayBindCardInfo[2].bindStatus) {
                  _this.isCounting = false;
                  _this.countText = '';
                  _this.$refs.setUi.open()
                  return
                }
              }

            }
          })

          let count = 60;
          _this.countText = `${count}s秒后重新获取`;


          const timer = setInterval(() => {
            count--;
            _this.countText = `${count}s秒后重新获取`;
            if (count <= 0) {
              clearInterval(timer);
              _this.isCounting = false;
              _this.countText = '';
            }
          }, 1000)
        },
        fail(err) {
          _this.isCounting = false;
          _this.countText = '';
          uni.showToast({
            title: err,
            icon: 'none'
          })
        }
      })


    },
// 二次获取
    getCode() {
      if (this.isCounting_A) {
        return;
      }
      const paymentMethod = this.getPayBindCardInfo[1]['paymentMethod'];
      const _this = this;
      const pro = uni.getStorageSync('qxgLogin')
      pro['userName'] = _this.cardName;
      uni.request({
        url: _this.$webHost + '/api/v2/pay/bindCardToCodes',
        method: 'POST',
        data: {
          cardIdNo: _this.idCardNo,
          customerId: pro.customerId,
          cardName: _this.cardName,
          cardNo: _this.cardIdNo,
          cardPhone: _this.cardPhone,
          cardNumber: _this.cardNumber,
          bankName: _this.bankName,
          preBindType: "prebc",
          paymentMethod: paymentMethod,
          againType: true
        },
        success(dt) {
          if (dt.data.code === 401) {
            _this.getUserInfo()
            return;
          }
          const res = dt.data.data;
          if (!res) {
            return;
          }
          _this.callbackData = res;
          _this.bindCardId = res;
          uni.showToast({
            title: "验证码已发送",
            icon: "none",
          });
          // 设置倒计时功能
          let count = 60;

          const timer = setInterval(() => {
            count--;
            if (count <= 0) {
              clearInterval(timer);
              _this.$set(_this, "isCounting_A", false);
            } else {
              _this.$set(_this, "isCounting_A", true);
              _this.$set(_this, "countText_A", `${count}秒后重新获取`);
            }
          }, 1000);
        }
      })
    },

    submitPlan() {

      const _this = this;

      if (!this.verificationCodeT) {
        uni.showToast({
          title: "请输入验证码",
          icon: "none",
        });
        return;
      }

      const callbackData = _this.callbackData;
      const paymentMethod = _this.getPayBindCardInfo[1]['paymentMethod'];


      uni.request({
        url: _this.$webHost + '/api/v2/pay/verifySMSCodes',
        method: 'POST',
        data: {
          ...callbackData,

          "customerId": uni.getStorageSync('qxgLogin').customerId,
          "cardPhone": _this.cardPhone,  //手机号

          "cardNumber": _this.cardNumber, //卡号
          paymentMethod: paymentMethod,
          "cardName": _this.cardName, // 名字
          "cardIdNo": _this.cardIdNo,
          "bankName": _this.bankName,
          "cardNo": _this.cardNumber,

          "verificationCode": _this.verificationCodeT,
        },
        success(dts) {
          if (dts.data.code !== 200) {
            return
          }
          if(!that.getPayBindCardInfo[2].bindStatus){
            that.$refs.setUi.open();
          }
          return
        }

        if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.cardPhone)) return uni.showToast({title: '请输入正确的手机号码', icon: 'none'});


        that.isCounting = true;



        uni.request({
          url: that.$webHost+'/api/v2/xinheyuan/bankcard/save',
          method:'POST',
          data:{
            "customerId": uni.getStorageSync('ygxLogin').customerId,
            "nameReal": that.cardName, // 名字
            "cardNo":that.cardNumber,
            "idCard": that.idCardNo,

            "bankPhoneNo":that.cardPhone,
            "bankCode": that.bankCode,
            "bankName": that.bankName,
            "phone":  that.cardPhone,  //手机号
            "paymentMethod":  that.getPayBindCardInfo[0].paymentMethod ,


            "preBindType": "prebc",
            "bankId": "1",

          },
          success(){
            uni.request({
              url: that.$webHost+'/api/v2/pay/bindCardToCodes',
              method:'POST',
              data:{
                "customerId": uni.getStorageSync('ygxLogin').customerId,
                "cardName": that.cardName, // 名字
                "cardIdNo": that.idCardNo,

                "cardNumber":that.cardNumber,
                "bankPhoneNo":that.cardPhone,
                "bankCode": that.bankCode,
                "bankName": that.bankName,
                "cardPhone":  that.cardPhone,  //手机号
                "paymentMethod":  that.getPayBindCardInfo[0].paymentMethod ,


                "preBindType": "prebc",
                "bankId": "1",

              },
              success(res){
                if(res.data.code === 401){
                  that.getUserInfo()
                  return;
                }

                if(res.data.code !==200){
                  uni.showToast({
                    title: res.data.data,
                    icon: 'none'
          uni.request({
            url: _this.$webHost + `/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('qxgLogin').customerId}`,
            method: 'get',
            success: function (res) {
              const ls = res.data.data;
              _this.getPayBindCardInfo = res.data.data;
              if (ls.length > 2 && !ls[2].bindStatus) {
                _this.isCounting_A = false;
                _this.countText_A = '';
                _this.$refs.codeUi.close()
                _this.$refs.setUi.open();
                if (_this.getPayBindCardInfo[2].bindCardH5Url) {
                  _this.$refs.setUi.class()
                  uni.navigateTo({
                    url: `/pages/web/polling?url=${encodeURIComponent(_this.getPayBindCardInfo[2].bindCardH5Url)}&bindCardId=${_this.getPayBindCardInfo[2].bindCardId}`,
                  })
                  return;
                }

                if(res.data.code === 200){
                  that.bindCardId = res.data.data;
                } else {
                  that.isCounting = false;
                  that.countText = '';
                  uni.showToast({
                    title: res.data.data,
                    icon: 'none'
                  });

                  if(!that.getPayBindCardInfo[0].bindStatus){

                    return;
                  }


                  if(!that.getPayBindCardInfo[1].bindStatus){
                    that.$refs.codeUi.open()
                    that.isCounting = false;
                    that.countText = '';
                    return
                  } if(!that.getPayBindCardInfo[2].bindStatus){
                    that.isCounting = false;
                    that.countText = '';
                    that.$refs.setUi.open()
                    return
                  }
                }

                return;
              }
            })

            let count = 60;
            that.countText = `${count}s秒后重新获取`;


            const timer = setInterval(() => {
              count--;
              that.countText = `${count}s秒后重新获取`;
              if (count <= 0) {
                clearInterval(timer);
                that.isCounting = false;
                that.countText = '';
              if (!ls || !ls.some(item => item.bindStatus == 0)) {
                _this.kk();
                return;
              }
            },1000)
          },
          fail(err){
            that.isCounting = false;
            that.countText = '';

            }

          })
        }
      })

    },
// 三次
    getCode_san() {
      if (this.isCounting_B) {
        return;
      }
      const paymentMethod = this.getPayBindCardInfo[2]['paymentMethod'];
      const _this = this;
      const pro = uni.getStorageSync('qxgLogin')
      pro['userName'] = _this.cardName;
      uni.request({
        url: _this.$webHost + '/api/v2/pay/bindCardToCodes',
        method: 'POST',
        data: {
          cardIdNo: _this.idCardNo,
          customerId: pro.customerId,
          cardName: _this.cardName,
          cardNo: _this.cardIdNo,
          cardPhone: _this.cardPhone,
          cardNumber: _this.cardNumber,
          bankName: _this.bankName,
          preBindType: "prebc",
          paymentMethod: paymentMethod,
          againType: true
        },
        success(dt) {
          if (dt.data.code == 401) {
            _this.getUserInfo()
            return;
          }

          if (dt.data.code !== 200) {
            uni.showToast({
              title: err,
              title: dt.data.data,
              icon: 'none'
            })
            return;
          }
        })










      },
// 二次获取
      getCode(){
        if (this.isCounting_A) {
          return;
        }
        const paymentMethod = this.getPayBindCardInfo[1]['paymentMethod'];
        const _this = this;
        const pro = uni.getStorageSync('ygxLogin')
        pro['userName'] = _this.cardName;
        uni.request({
          url: _this.$webHost+'/api/v2/pay/bindCardToCodes',
          method:'POST',
          data:{
            cardIdNo: _this.idCardNo,
            customerId: pro.customerId,
            cardName: _this.cardName,
            cardNo: _this.cardIdNo,
            cardPhone: _this.cardPhone,
            cardNumber: _this.cardNumber,
            bankName: _this.bankName,
            preBindType: "prebc",
            paymentMethod:paymentMethod,
            againType : true
          },
          success(dt){
            if(dt.data.code === 401){
              _this.getUserInfo()
              return;
            }
            const res = dt.data.data;
            if(!res){
              return;
            }
            _this.callbackData = res;
            _this.bindCardId = res;
            uni.showToast({
              title: "验证码已发送",
              icon: "none",
            });
            // 设置倒计时功能
            let count = 60;

            const timer = setInterval(() => {
              count--;
              if (count <= 0) {
                clearInterval(timer);
                _this.$set(_this, "isCounting_A", false);
              } else {
                _this.$set(_this, "isCounting_A", true);
                _this.$set(_this, "countText_A", `${count}秒后重新获取`);
              }
            }, 1000);
          const res = dt.data.data;
          if (!res) {
            return;
          }
        })
      },

      submitPlan(){

        const _this = this;

        if (!this.verificationCodeT) {
          _this.callbackData = res;
          _this.bindCardId = res;
          uni.showToast({
            title: "请输入验证码",
            title: "验证码已发送",
            icon: "none",
          });
          return;
          // 设置倒计时功能
          let count = 60;

          const timer = setInterval(() => {
            count--;
            if (count <= 0) {
              clearInterval(timer);
              _this.$set(_this, "isCounting_B", false);
            } else {
              _this.$set(_this, "isCounting_B", true);
              _this.$set(_this, "countText_B", `${count}秒后重新获取`);
            }
          }, 1000);
        }
      })
    },
    submitPlan_san() {

        const callbackData = _this.callbackData;
        const paymentMethod = _this.getPayBindCardInfo[1]['paymentMethod'];
      const _this = this;


        uni.request({
          url: _this.$webHost+'/api/v2/pay/verifySMSCodes',
          method:'POST',
          data:{
            ...callbackData,
      if (!this.verificationCodeS) {
        uni.showToast({
          title: "请输入验证码",
          icon: "none",
        });
        return;
      }

            "customerId": uni.getStorageSync('ygxLogin').customerId,
            "cardPhone" : _this.cardPhone,  //手机号

            "cardNumber": _this.cardNumber, //卡号
            paymentMethod:paymentMethod,
            "cardName" : _this.cardName, // 名字
            "cardIdNo" : _this.cardIdNo,
            "bankName" : _this.bankName,
            "cardNo" :  _this.cardNumber,

            "verificationCode": _this.verificationCodeT,
          },
          success(dts){
            if(dts.data.code!==200){

              uni.showTips({
                title: dts.data.data
              });
              return
            }

            uni.request({
              url:_this.$webHost+`/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('ygxLogin').customerId}`,
              method:'get',
              success:function(res){
                const  ls =  res.data.data;
                _this.getPayBindCardInfo = res.data.data;
                if(ls.length>2 && !ls[2].bindStatus){
                  _this.isCounting_A = false;
                  _this.countText_A = '';
                  _this.$refs.codeUi.close()
                  _this.$refs.setUi.open()
                }

                if(!ls || !ls.some(item => item.bindStatus == 0)) {_this.kk();return;}
      const callbackData = _this.callbackData;
      const paymentMethod = _this.getPayBindCardInfo[2]['paymentMethod'];


      uni.request({
        url: _this.$webHost + '/api/v2/pay/verifySMSCodes',
        method: 'POST',
        data: {
          ...callbackData,

          "customerId": uni.getStorageSync('qxgLogin').customerId,
          "cardPhone": _this.cardPhone,  //手机号

          "cardNumber": _this.cardNumber, //卡号
          paymentMethod: paymentMethod,
          "cardName": _this.cardName, // 名字
          "cardIdNo": _this.cardIdNo,
          "bankName": _this.bankName,
          "cardNo": _this.cardNumber,

              }

            })
          }
        })

      },
// 三次
      getCode_san(){
        if (this.isCounting_B) {
          return;
        }
        const paymentMethod = this.getPayBindCardInfo[2]['paymentMethod'];
        const _this = this;
        const pro = uni.getStorageSync('ygxLogin')
        pro['userName'] = _this.cardName;
        uni.request({
          url: _this.$webHost+'/api/v2/pay/bindCardToCodes',
          method:'POST',
          data:{
            cardIdNo: _this.idCardNo,
            customerId: pro.customerId,
            cardName: _this.cardName,
            cardNo: _this.cardIdNo,
            cardPhone: _this.cardPhone,
            cardNumber: _this.cardNumber,
            bankName: _this.bankName,
            preBindType: "prebc",
            paymentMethod:paymentMethod,
            againType : true
          },
          success(dt){
            if(dt.data.code ==401){
              _this.getUserInfo()
              return;
            }

            if(dt.data.code !==200){
              uni.showToast({
                title: dt.data.data,
                icon: 'none'
              })
              return;
            }

            const res = dt.data.data;
            if(!res){
              return;
            }
            _this.callbackData = res;
            _this.bindCardId = res;
            uni.showToast({
              title: "验证码已发送",
              icon: "none",
          "verificationCode": _this.verificationCodeS,
        },
        success(dts) {
          if (dts.data.code !== 200) {
            _this.showToast({
              title: dts.data.data
            });
            // 设置倒计时功能
            let count = 60;

            const timer = setInterval(() => {
              count--;
              if (count <= 0) {
                clearInterval(timer);
                _this.$set(_this, "isCounting_B", false);
              } else {
                _this.$set(_this, "isCounting_B", true);
                _this.$set(_this, "countText_B", `${count}秒后重新获取`);
              }
            }, 1000);
          }
        })
      },
      submitPlan_san(){

        const _this = this;
          uni.request({
            url: _this.$webHost + `/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('qxgLogin').customerId}`,
            method: 'get',
            success: function (res) {
              const ls = res.data.data;
              _this.getPayBindCardInfo = res.data.data;
              _this.isCounting_B = false;
              _this.countText_B = '';
              _this.$refs.setUi.close()
              _this.$refs.codeUi.close()
              if (!ls || !ls.some(item => item.bindStatus == 0)) {
                _this.kk();
                return;
              }


        if (!this.verificationCodeS) {
          uni.showToast({
            title: "请输入验证码",
            icon: "none",
          });
          return;
        }

        const callbackData = _this.callbackData;
        const paymentMethod = _this.getPayBindCardInfo[2]['paymentMethod'];


        uni.request({
          url: _this.$webHost+'/api/v2/pay/verifySMSCodes',
          method:'POST',
          data:{
            ...callbackData,

            "customerId": uni.getStorageSync('ygxLogin').customerId,
            "cardPhone" : _this.cardPhone,  //手机号

            "cardNumber": _this.cardNumber, //卡号
            paymentMethod:paymentMethod,
            "cardName" : _this.cardName, // 名字
            "cardIdNo" : _this.cardIdNo,
            "bankName" : _this.bankName,
            "cardNo" :  _this.cardNumber,

            "verificationCode": _this.verificationCodeS,
          },
          success(dts){
            if(dts.data.code!==200){
              uni.showTitle({
                title: dts.data.data
              });

            }

            uni.request({
              url:_this.$webHost+`/api/v2/pay/getPayBindCardInfo/${uni.getStorageSync('ygxLogin').customerId}`,
              method:'get',
              success:function(res){
                const ls = res.data.data;
                _this.getPayBindCardInfo = res.data.data;
                _this.isCounting_B = false;
                _this.countText_B = '';
                _this.$refs.setUi.close()
                _this.$refs.codeUi.close()
                if(!ls || !ls.some(item => item.bindStatus == 0)) {_this.kk();return;}
          })
        }
      })


              }

            })
          }
        })

      },



      getUserInfo() {

        const data =   uni.getStorageSync('LOGING_DATA')
        console.log(data);
        this.$store.commit("LOGIN", {
          'token': data.token
        });
        this.$store.commit('UPDATE_USERINFO', {
          avatar: data.avatar,
          nickname: data.nickname,
          phone: data.phone
        });
        this.$store.commit("SETUID", data.id)

        uni.reLaunch({
          url: '/pages/index/index'
        });
      },
    },
    onUnload() {
      clearInterval(this.interval);


    getUserInfo() {


      uni.reLaunch({
        url: '/pages/index/index'
      });
    },
  }
  },
  onUnload() {
    clearInterval(this.interval);
  },
}
</script>

<template>
  <view style="background: #fff;padding-bottom: 20rpx;">
    <view >
    <view>
      <view class="top">为向您提供更好的安全保障，您需要提供银行卡号以完成信息核验</view>
    </view>

@@ -794,7 +831,7 @@
          <text>真实姓名</text>
        </view>
        <view class="inp_box">
          <input  maxlength="8" style="width: 400rpx;"   v-model="cardName" class="inp" placeholder="请填写您的姓名" />
          <input maxlength="8" style="width: 400rpx;" v-model="cardName" class="inp" placeholder="请填写您的姓名"/>
        </view>

      </view>
@@ -803,11 +840,10 @@
          <text>身份证号</text>
        </view>
        <view class="inp_box">
          <input  maxlength="18" style="width: 400rpx;"   v-model="idCardNo" class="inp" placeholder="请填写您的身份证号" />
          <input maxlength="18" style="width: 400rpx;" v-model="idCardNo" class="inp" placeholder="请填写您的身份证号"/>
        </view>

      </view>



      <view class="clo" style="display: flex">
@@ -815,8 +851,10 @@
          <text>银行卡号</text>
        </view>
        <view class="inp_box">
          <input  maxlength="30" style="width: 400rpx;"   @blur="validateAndCacheCardInfo" v-model="cardNumber" class="inp" placeholder="请填写银行卡号" />
          <image @click="cardNumber=''" v-show="!bindStatus && cardNumber" :src="offIcon" style="width: 40rpx;height: 40rpx;position: absolute;right: -40rpx;top: 0;"></image>
          <input maxlength="30" style="width: 400rpx;" @blur="validateAndCacheCardInfo" v-model="cardNumber" class="inp"
                 placeholder="请填写银行卡号"/>
          <image @click="cardNumber=''" v-show="!bindStatus && cardNumber" :src="offIcon"
                 style="width: 40rpx;height: 40rpx;position: absolute;right: -40rpx;top: 0;"></image>
        </view>

      </view>
@@ -824,8 +862,8 @@
        <view class="label">
          <text>所属银行</text>
        </view>
        <view class="inp_box" style="flex: 1;z-index: 1" >
          <view :class="bankName?'':'a3'">{{bankName?bankName:'请输入所属银行'}}</view>
        <view class="inp_box" style="flex: 1;z-index: 1">
          <view :class="bankName?'':'a3'">{{ bankName ? bankName : '请输入所属银行' }}</view>

        </view>

@@ -834,8 +872,8 @@
        <view class="label">
          <view>手机号码</view>
        </view>
        <view class="inp_box" >
          <input  maxlength="11" v-model="cardPhone"  class="inp" placeholder="请填写银行预留手机号" />
        <view class="inp_box">
          <input maxlength="11" v-model="cardPhone" class="inp" placeholder="请填写银行预留手机号"/>
        </view>

      </view>
@@ -844,7 +882,8 @@
          <text>验证码</text>
        </view>
        <view class="inp_box" style="display: flex;flex: 1">
          <input  maxlength="6" v-model="verificationCode" class="inp" type="number" style="width: 200rpx" placeholder="请输入验证码" />
          <input maxlength="6" v-model="verificationCode" class="inp" type="number" style="width: 200rpx"
                 placeholder="请输入验证码"/>

          <view class="code" style="flex: 1;text-align: right" @click="getSmsCode">
            <text :class="isCounting?'code_k':'code_a'">{{ isCounting ? countText : '获取验证码' }}</text>
@@ -854,11 +893,11 @@
      </view>

      <view class="clo" style="display: flex;margin-bottom: 20rpx;" @click="$refs.address.open()">
        <view class="label" >
        <view class="label">
          <text>收货地址</text>
        </view>
        <view class="inp_box">
          <view style="font-size: 28rpx;" v-if="addressStr">{{addressStr}}</view>
          <view style="font-size: 28rpx;" v-if="addressStr">{{ addressStr }}</view>
          <view style="font-size: 28rpx;color: #BDBDBE;" v-else>请填写您的详细地址</view>
        </view>

@@ -869,31 +908,31 @@

    <view style=" padding: 0 30rpx;margin-left: 20rpx;">
      <view style="display: flex;">
        <uv-checkbox-group
            activeColor="#FF1472"
            shape="circle"
            v-model="protocolChecked">
          <uv-checkbox size="14" :name="1" >

          </uv-checkbox>
          <text class="protocol-text" >
            我已阅读并同意<text style="font-size: 24rpx;color: #4766FE" class="link-text"  @click="$refs.agreement.open()">《相关协议》</text>
        <image @click="agreeClick" style="width: 50rpx;height: 50rpx;"
               :src="!loginAct ? '/static/imgs/check.png' : '/static/imgs/checked.png'"></image>
        <text class="protocol-text" style="line-height: 50rpx">
          我已阅读并同意
          <text style="font-size: 24rpx;color: #4766FE" class="link-text" @click="$refs.agreement.open()">《相关协议》
          </text>
        </uv-checkbox-group>
        </text>

      </view>

    </view>
    <view class="sub" v-if="show">
      <button  :class="protocolChecked[0]?'':'nots'" class="sub_btn" @click="submit">提交</button>
      <button :class="loginAct?'':'nots'" class="sub_btn" @click="submit">提交</button>
    </view>

    <agreement ref="agreement"></agreement>
    <uni-popup ref="popup" type="bottom" >
      <view style="background: white;border-radius: 40rpx 40rpx 0 0 ;padding: 0 40rpx;padding-top: 48rpx;position: relative;z-index: 99">
        <view style="text-align: center;color: #252938;font-weight: 600;font-size: 36rpx;margin-bottom: 20rpx;">选择银行</view>
    <uni-popup ref="popup" type="bottom">
      <view
          style="background: white;border-radius: 40rpx 40rpx 0 0 ;padding: 0 40rpx;padding-top: 48rpx;position: relative;z-index: 99">
        <view style="text-align: center;color: #252938;font-weight: 600;font-size: 36rpx;margin-bottom: 20rpx;">
          选择银行
        </view>
        <view class="ul" style="max-height: 800rpx;overflow: scroll" v-if="bankList">
          <view v-for="(i,k) in bankList" :key="i.bankName" class="li" style="padding: 20rpx;border-bottom: 1rpx solid #E7E9ED" @click="setbankName(i.bankName)">
          <view v-for="(i,k) in bankList" :key="i.bankName" class="li"
                style="padding: 20rpx;border-bottom: 1rpx solid #E7E9ED" @click="setbankName(i.bankName)">
            <image :src="i.bankLogo" style="width: 50rpx;height: 30rpx;position: relative;top: 10rpx;"></image>
            <text style="color: #333333;font-size: 28rpx;margin-left: 22rpx;">{{ i.bankName }}</text>
          </view>
@@ -906,15 +945,17 @@

    <uv-popup mode="center" round="20" ref="codeUi" :closeOnClickOverlay="false" bgColor="">

      <view style="padding: 40rpx;width:calc( 100% - 120rpx);margin: auto;border-radius: 40rpx 40rpx 40rpx 40rpx;background-image: url('/static/imgs/codeUiBACK.png');background-repeat: no-repeat;background-size: 100% 100%;padding-top: 60rpx;">
      <view
          style="padding: 40rpx;width:calc( 100% - 120rpx);margin: auto;border-radius: 40rpx 40rpx 40rpx 40rpx;background-image: url('/static/imgs/codeUiBACK.png');background-repeat: no-repeat;background-size: 100% 100%;padding-top: 60rpx;">

        <view  style="
        <view style="
          font-weight: bold;
          font-size: 36rpx;
          position: relative;
         margin-bottom: 12rpx;

        ">短信确认</view>
        ">短信确认
        </view>
        <view style="font-size: 28rpx;color: #666666;">为确保安全到账，需再次对您的收款账户进行短信验证</view>

        <view class="content" style="margin-top: 40rpx;">
@@ -966,18 +1007,20 @@
                      class="code"
                      :class="isCounting_A ? 'ks' : ''"
                      @click="getCode"
                  >{{ isCounting_A ? countText_A : "获取验证码" }}</text
                  >{{ isCounting_A ? countText_A : "获取验证码" }}
                  </text
                  >
                </template>
              </uv-input>
            </uv-form-item>
            <uv-form-item >
            <uv-form-item>
              <view class="but" style="width: 100%;margin-top: 20rpx;font-weight: 600;">
                <uv-button
                    :customStyle="customStyle"

                    @click="submitPlan"
                >确定</uv-button
                >确定
                </uv-button
                >
              </view>
            </uv-form-item>
@@ -992,18 +1035,22 @@
        ></image>
      </view>
    </uv-popup>
    <uv-popup mode="center" round="20" ref="setUi" :closeOnClickOverlay="false"  bgColor="" z-index="999">
    <uv-popup mode="center" round="20" ref="setUi" :closeOnClickOverlay="false" bgColor="" z-index="999">

      <view style="padding: 40rpx;width:calc( 100% - 120rpx);margin: auto;border-radius: 40rpx 40rpx 40rpx 40rpx;background-image: url('/static/imgs/codeUiBACK.png');background-repeat: no-repeat;background-size: 100% 100%;padding-top: 60rpx;">
      <view
          style="padding: 40rpx;width:calc( 100% - 120rpx);margin: auto;border-radius: 40rpx 40rpx 40rpx 40rpx;background-image: url('/static/imgs/codeUiBACK.png');background-repeat: no-repeat;background-size: 100% 100%;padding-top: 60rpx;">

        <view  style="
        <view style="
          font-weight: bold;
          font-size: 36rpx;
          position: relative;
         margin-bottom: 12rpx;

        ">本人提交确认</view>
        <view style="font-size: 28rpx;color: #666666;">根据合规要求我们将进行本人提交意愿确认的短信校验，请注意查看短信验证码</view>
        ">本人提交确认
        </view>
        <view style="font-size: 28rpx;color: #666666;">
          根据合规要求我们将进行本人提交意愿确认的短信校验，请注意查看短信验证码
        </view>

        <view class="content" style="margin-top: 40rpx;">
          <uv-form
@@ -1051,17 +1098,19 @@
                      class="code"
                      :class="isCounting_B ? 'ks' : ''"
                      @click="getCode_san"
                  >{{ isCounting_B ? countText_B : "获取验证码" }}</text
                  >{{ isCounting_B ? countText_B : "获取验证码" }}
                  </text
                  >
                </template>
              </uv-input>
            </uv-form-item>
            <uv-form-item >
            <uv-form-item>
              <view class="but" style="width: 100%;margin-top: 20rpx;font-weight: 600;">
                <uv-button
                    :customStyle="customStyle"
                    @click="submitPlan_san"
                >确定</uv-button
                >确定
                </uv-button
                >
              </view>
            </uv-form-item>
@@ -1078,41 +1127,46 @@
      </view>
    </uv-popup>

    <uv-popup mode="bottom" round="20" ref="address" >
      <addAddress :addressDetail="addressDetail" @off="$refs.address.close()" @submit="e => addressDetail = e"></addAddress>
    <uv-popup mode="bottom" round="20" ref="address">
      <addAddress :addressDetail="addressDetail" @off="$refs.address.close()"
                  @submit="e => addressDetail = e"></addAddress>
    </uv-popup>


    <text-box v-if="showTextBox" ref="textBox" :getPlatformProtocolNewList="getPlatformProtocolNewList"></text-box>


  </view>
</template>

<style scoped lang="scss">
.a3{
.a3 {
  color: #BDBDBE;
  font-size: 30rpx;
}
.top{

.top {
  background: #FFEBEB;
  font-size: 24rpx;
  color: #C21818;
  text-align: center ;
  text-align: center;
  padding: 20rpx 26rpx;

}
.form{

.form {
  background: #FFFFFF;
  padding-top: 40rpx;
  .clo{
    display: flex;
    padding: 30rpx 0rpx;
    margin: 0 40rpx;

  .clo {
    display: flex;
    background: #FBFBFB !important;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    border: 2rpx solid #EEEEEE;
    padding: 30rpx 20rpx;
    margin-bottom: 40rpx;
    .label{
    margin: 0 40rpx 40rpx;

    .label {
      width: 160rpx;
      height: 40rpx;

@@ -1122,13 +1176,15 @@

    }

    .inp_box{
    .inp_box {
      position: relative;
      .inp{
        &::placeholder{

      .inp {
        &::placeholder {
          color: #999999;
          font-size: 30rpx;
        }

        height: 42rpx;

        font-weight: 400;
@@ -1139,7 +1195,8 @@
    }
  }
}
.code_a{

.code_a {

  font-weight: 400;
  font-size: 24rpx;
@@ -1147,13 +1204,14 @@
  padding: 16rpx 20rpx;

}
.code_k{

.code_k {
  font-weight: 400;
  font-size: 30rpx;
  color: #999999;
}

.xieyi{
.xieyi {
  color: #8B8D96;
  padding-left: 40rpx;
  height: 34rpx;
@@ -1164,13 +1222,14 @@
}


.sub{
.sub {


  bottom: 50rpx;
  padding: 0 10rpx;
  margin-top: 50rpx;
  .sub_btn{

  .sub_btn {
    background: #FF1472;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    padding: 10rpx;
@@ -1181,38 +1240,46 @@

  }
}
.item{

.item {

  background: #FBFBFB;
  border-radius: 24rpx 24rpx 24rpx 24rpx;
  border: 2rpx solid #EEEEEE;
  padding: 0 40rpx;
}
::v-deep  .uni-checkbox-input{

::v-deep .uni-checkbox-input {
  border-radius: 0;
  transform: scale(0.7);
  &:before{

  &:before {
    top: 45% !important;

  }
}
::v-deep  .uni-input-placeholder{

::v-deep .uni-input-placeholder {
  color: #BDBDBE;
}

.protocol-text {
  width: calc( 100% - 44rpx);
  width: calc(100% - 44rpx);
  font-size: 24rpx;
  color: #8B8D96;
  line-height: 28rpx;
}

.link-text {
  color: #207ef5;
  display: inline;
}
.nots{

.nots {
  opacity: 0.5;
}
.code{

.code {
  color: #FF1472;
}
</style>