weapps-plugin-jingtong-verify 1.4.6 → 1.4.7

package/weapps-plugin-jingtong-verify/pages/bank-card-login-pwd-setting/bank-card-login-pwd-setting.wxss

@@ -0,0 +1,231 @@
+@import '../../components/gsd-ui/static/style/main';
+
+.top-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.title {
+  font-size: 44rpx;
+  text-align: center;
+}
+.title_describe{
+  font-size: 32rpx;
+  margin-bottom: 44rpx;
+  margin-top: 30rpx;
+  text-align: center;
+  color: #62667A;
+}
+.en-page .title {
+  font-size: 36rpx;
+}
+
+.info {
+  margin-top: 28rpx;
+  color: #999999;
+}
+
+.agree-box {
+  font-size: 28rpx;
+  color: #979797;
+  padding: 0 40rpx 0;
+}
+
+.agree-box text {
+  line-height: 40rpx;
+}
+.describe-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.special-describe-box {
+  display: flex;
+  background: #9096a41a;
+  flex-direction: column;
+  border-radius: 8px;
+  padding: 12px;
+  flex: 1 0 0;
+  color: #ce0022;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+}
+
+.img-box {
+  width: 160rpx;
+  height: 160rpx;
+  margin: 56rpx 0 52rpx; 
+}
+
+.img {
+  width: 160rpx;
+  height: 160rpx;
+}
+
+.link {
+  color: #ce0022;
+}
+
+.content-box {
+  padding-bottom: 60rpx;
+}
+
+.form-tip {
+  /* border: 1px solid red; */
+  border-radius: 24rpx;
+  background: linear-gradient(180deg, #f1f4f9ff 0%, #faf8f700 100%);
+  padding: 32rpx 36rpx 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  margin-top: -2rpx;
+}
+.space-block {
+  width: 6rpx;
+  height: 20rpx;
+  background: #ce0022;
+  margin-right: 8rpx;
+  flex-shrink: 0;
+  margin-top: 10rpx;
+}
+.tip-desc {
+  color: #27282eff;
+  font-size: 14px;
+}
+.form-options {
+  width: 750rpx;
+  background: linear-gradient(  #F5FAFF 0%, #F1F7FF 100%);
+  padding: 0 20rpx 20rpx;
+  box-sizing: border-box;
+}
+
+.foreign-tip {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin: -12rpx 32rpx 0;
+  background: #EEF2F6;
+  border-radius: 8rpx;
+  padding: 24rpx 16rpx 24rpx 24rpx;
+  position: relative;
+}
+.foreign-tip::before {
+  content: '';
+  position: absolute;
+  border-left: 17rpx solid transparent;
+  border-top: 17rpx solid transparent;
+  border-bottom: 17rpx solid #EEF2F6;
+  border-right: 17rpx solid transparent;
+  top: -30rpx;
+  right: 18rpx;
+
+}
+.foreign-tip text {
+  font-weight: 500;
+  font-size: 26rpx;
+  color: #62667A;
+  line-height: 30rpx;
+}
+.foreign-tip image {
+  width: 40rpx;
+  height: 40rpx;
+  flex-shrink: 0;
+}
+
+.form-item__status-message--warn {
+  color: #f13939;
+  font-size: 30rpx;
+  line-height: 40rpx;
+  margin-top: 10rpx;
+  padding-left: 40rpx;
+  padding-right: 40rpx;
+}
+
+.custom-tips {
+  position: fixed;
+  z-index: 905;
+  box-sizing: border-box;
+  top: 0rpx;
+  width: 100%;
+}
+
+/* 设置密码强度样式 */
+.form-item-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 40rpx;
+  margin-bottom: -30rpx;
+  padding: 0 40rpx;
+}
+
+.form-label {
+  font-size: 30rpx;
+  line-height: 40rpx;
+  margin-bottom: 6rpx;
+}
+
+.required-star {
+  color: #f13939;
+  margin-left: 2rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+}
+
+.password-strength-indicator {
+  display: flex;
+  align-items: center;
+  gap: 50rpx;
+}
+
+.strength-bar {
+  display: flex;
+  gap: 4rpx;
+}
+
+.strength-segment {
+  width: 60rpx;
+  height: 10rpx;
+  border-radius: 4rpx;
+  background-color: #e5e5e5;
+  transition: background-color 0.3s ease;
+}
+
+.strength-segment.weak.active {
+  background-color: #ff4757;
+}
+
+.strength-segment.medium.active {
+  background-color: #ffa502;
+}
+
+.strength-segment.strong.active {
+  background-color: #2ed573;
+}
+
+.strength-text {
+  font-size: 28rpx;
+  font-weight: bold;
+}
+
+.strength-text.weak {
+  color: #ff4757;
+}
+
+.strength-text.medium {
+  color: #ffa502;
+}
+
+.strength-text.strong {
+  color: #2ed573;
+}

package/weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.js

@@ -0,0 +1,477 @@
+// weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.js
+const jingtongVerifyRequest = require('../../utils/request')
+const constantVal = require("../../utils/constantVal")
+const rulesConfig = require("../../utils/rules")
+const utils = require("../../utils/index")
+let cidType = '111'
+let Nation = 'CHN'
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    language: 'zh_CN', // 语言环境：默认中文
+    formData: {
+      cardholder_name: '', // 持卡人行名
+      cid_type: '111', // 证件类型
+      strCid: '', // 身份证号码（脱敏）
+      id_card_number: '',  // 证件号码
+      strBankCount: '', // 银行卡卡号（脱敏）
+      bank_card_account: '', // 银行卡卡号
+      bank_phone:'', // 绑定手机号
+      verify_expire_time: '', // 登录有效时间
+      nation: 'CHN',
+      is_bind: '1'
+    },
+    rules: rulesConfig.bankCardRules('zh_CN'),
+    validateType: {
+      id_card_number(value) {
+        return utils.validate.checkCid(value, cidType, Nation).data
+      },
+      cardholder_name(value) {
+        return utils.validate.checkName(value, cidType).data
+      },
+      bank_card_account(value) {
+        return utils.validate.checkBankCard(value).data
+      },
+      bank_phone(value) {
+        return utils.validate.checkPhone(value).data
+      },
+    },
+    idCardType: {
+      '111': '1',// 大陆
+      '414': '2',// 护照
+      '516': '3',// 港澳台通行证
+      '511': '4',// 台胞证
+      '5': '5' // 其他未指定类型
+    },
+    cidTypeRange: [
+      // 微信人脸识别
+      { name: '中华人民共和国居民身份证', value: '111' },
+      // { name: '华侨护照（国内签发）', value: '414' },
+      // { name: '港澳居民来往内地通行证', value: '516' },
+      // { name: '台湾居民来往大陆通行证', value: '511' },
+      // { name: '其他未指定类型', value: '5' },
+      // // 移民局接口
+      // { name: '港澳居民来往内地通行证', value: '516' },
+      // { name: '台湾居民来往大陆通行证', value: '511' },
+      // { name: '外国人永久居留身份证', value: '553' },
+      // { name: '华侨护照（国内签发）', value: '414' },
+      // // 银行卡接口
+      // { name: '港澳居民居住证', value: '17' },
+      // { name: '台湾居民居住证', value: '18' },
+      // // 外国护照
+      // { name: 'International passport', value: '700' }
+    ],
+     // 银行卡认证弹窗
+     showToOtherModal: false,
+    // 是否显示自定义校验提示
+    showCustomTips: false,
+    // 自定义校验提示文本
+    customTipsMsg: '',
+    source_type: '1', // 来源，1是没有设置密码，直接进入；2是重新设置密码的时候，人脸识别限制了，进来的
+    showTipModal: false
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    let { formData } = this.data
+    formData.cardholder_name = options.name
+    formData.id_card_number = options.id_card_number
+    formData.strCid = options.strCid
+    formData.verify_expire_time = options.verify_expire_time
+    this.setData({
+      formData: formData
+    })
+    if(options.source_type) {
+      console.log('接收到类型')
+      console.log(options.source_type)
+      this.setData({
+        source_type: options.source_type
+      })
+    }
+  },
+  // 在 bank-card-verify.js 中添加
+  preventInput: function(e) {
+    // 阻止输入，保持原值不变
+    console.log('输入被阻止');
+    return false;
+  },
+  
+  preventChange: function(e) {
+    // 阻止值改变
+    console.log('值改变被阻止');
+    return false;
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+  // 输入框去空
+  handleChange(e) {
+    let value = e.detail.value
+    let formId = (e && e.currentTarget && e.currentTarget.id) || (e && e.target && e.target.id) || ''
+
+    // 删除前后空格
+    if (typeof value === 'string' && formId !== 'cid_type') {
+      value = value.trim()
+    }
+    if (formId) {
+      this.setData({ [`formData.${formId}`]: value })
+    }
+  },
+  // 确认提交表单
+  async handleFormSubmit(e) {
+    const formValid = e.detail.validStatus
+    const customValid = this.data.language !== 'en' ? { valid: true, msg: '' } : this.validateFullname()
+    if (!formValid || !customValid.valid) {
+      // 自定义校验字段有问题，获取表单错误列表
+      const formErrList = e.detail.value
+      // 如果表单校验有问题，自定义校验没问题，则显示表单校验错误提示
+      if (!formValid && customValid.valid) {
+        this.showCuntomErrTip(formErrList[0].message)
+        return
+      }
+      // 如果表单校验没有问题，自定义校验有问题，则显示自定义校验错误提示
+      if (formValid && !customValid.valid) {
+        this.showCuntomErrTip(customValid.msg)
+        return
+      }
+      // 如果两者都有问题，则判断显示谁
+      let lastMsg = ''
+      if (formErrList.some(i => ["id_card_number", "nation"].includes(i.name))) {
+        lastMsg = formErrList[0].message
+      } else {
+        lastMsg = customValid.msg
+      }
+      this.showCuntomErrTip(lastMsg)
+      return
+    }
+    const { source_type, formData, idCardType } = this.data
+    // 前置判断-判断核验错误次数在5分钟内错误超过3次
+    let  bankCardFailCount = constantVal.getStorageWithExpire(constantVal.bank_card_verify_fail_count)
+    let  bankCardFailTime = constantVal.getStorageWithExpire(constantVal.bank_card_verify_fail_time)
+    if(bankCardFailTime){
+      if(bankCardFailCount >= 3){
+        console.log(bankCardFailCount)
+        // 当前时间
+        const now = Date.now()
+
+        // 判断是否在10分钟内（1小时 = 3600 * 1000 毫秒）
+        const isWithinOneHour = (now - bankCardFailTime) < (10 * 60 * 1000)
+        console.log('当前仍在10分钟限制内')
+        if(isWithinOneHour){
+          this.setData({
+            showToOtherModal: true
+          })
+          return
+        }
+      }
+    }
+    // 点击确定出现该提示
+    wx.showLoading({
+      title: '验证中...',
+      mask: true // 防止用户点击
+    })
+    const param = {
+      'id_card_number': formData.id_card_number,
+      'type': 2,
+      'isCount': true
+    }
+    // 接口返回验证成功出现这个提示
+    setTimeout(() => {
+      // 接口验证有没有超出限制次数
+      jingtongVerifyRequest.getVerifyLimit(param).then(res => {
+        console.log(res)
+        const { data } = res
+        if(data.errcode === 4054){
+          this.setData({
+            showToOtherModal: true
+          })
+        } else if (data.errcode === 0){
+          console.log(idCardType)
+          console.log(idCardType[formData.cid_type])
+          console.log('来源类型')
+          console.log(source_type)
+          if(source_type === '2'){
+            this.forgotVerify()
+          } else {
+            this.setPwdVerify()
+          }
+        }
+      })
+    }, 100)
+  },
+  // 设置密码进入
+  setPwdVerify(){
+    console.log('设置密码进入')
+    // 前置判断-判断核验错误次数在5分钟内错误超过3次
+    let  bankCardFailCount = constantVal.getStorageWithExpire(constantVal.bank_card_verify_fail_count)
+    let  bankCardFailTime = constantVal.getStorageWithExpire(constantVal.bank_card_verify_fail_time)
+    const { source_type, formData, idCardType } = this.data
+    const VerifyBankParam = {
+      'id_card_number': formData.id_card_number,
+      "cert_name": formData.cardholder_name,
+      "verify_type": '110',
+      "support_type": '110',
+      "id_type": idCardType[formData.cid_type],
+      "account_no": formData.bank_card_account,
+      "mobile": formData.bank_phone,
+      "isbind": 1,
+      "nation": formData.nation,
+      "login_verify_expire_time": formData.verify_expire_time,
+      "login_verify_type": "1",
+      "cid_type": "111"
+    }
+    jingtongVerifyRequest.verifyBank(VerifyBankParam).then(res => {
+      console.log(res)
+      wx.hideLoading()
+      if(res.errcode === 0){
+        // 保存银行卡核验成功时间戳
+        let timeStamp = new Date().getTime()
+        wx.setStorageSync('tif.bankCardTimeStamp', timeStamp)
+        // 清空核验银行卡错误缓存
+        constantVal.removeStorage(constantVal.bank_card_verify_fail_count)
+        constantVal.removeStorage(constantVal.bank_card_verify_fail_time)
+
+        wx.showToast({
+          title: '验证成功，跳转中…',
+          icon: 'none',
+          duration: 1500
+        })
+        const { cardholder_name, id_card_number, strCid, cid_type, verify_expire_time } = formData
+        wx.navigateTo({
+          url: '/weapps-plugin-jingtong-verify/pages/bank-card-login-pwd-setting/bank-card-login-pwd-setting?name=' + cardholder_name + '&idCardNumber=' + id_card_number + '&strCid=' + utils.hideIdCard(id_card_number, '111') + '&cid_type=' + cid_type + '&verify_expire_time=' + verify_expire_time,
+        })
+      } else {
+        const { errmsg } = res
+        if(bankCardFailCount >= 3){
+          bankCardFailCount = 0
+        }
+        bankCardFailCount = bankCardFailCount + 1
+        constantVal.setStorageWithExpire(constantVal.bank_card_verify_fail_count, bankCardFailCount)
+        if(bankCardFailCount === 1){
+          // 设置10分钟后过期
+          constantVal.setStorageWithExpire(constantVal.bank_card_verify_fail_time, Date.now(), 10 * 60)
+        }
+        if(errmsg){
+          wx.showToast({
+            title: '验证失败，' + errmsg,
+            icon: 'none',
+            duration: 1500
+          })
+        } else {
+          wx.showToast({
+            title: '验证失败，请检查后重试…',
+            icon: 'none',
+            duration: 1500
+          })
+        }
+      }
+    })
+  },
+  // 忘记密码进入
+  forgotVerify(){
+    console.log('进入忘记密码')
+    // 前置判断-判断核验错误次数在5分钟内错误超过3次
+    let  bankCardFailCount = constantVal.getStorageWithExpire(constantVal.bank_card_verify_fail_count)
+    let  bankCardFailTime = constantVal.getStorageWithExpire(constantVal.bank_card_verify_fail_time)
+    const { source_type, formData, idCardType } = this.data
+    const VerifyBankParam = {
+      'id_card_number': formData.id_card_number,
+      "cert_name": formData.cardholder_name,
+      "verify_type": '110',
+      "support_type": '110',
+      "id_type": idCardType[formData.cid_type],
+      "account_no": formData.bank_card_account,
+      "mobile": formData.bank_phone,
+      "isbind": 1,
+      "cid_type": "111"
+    }
+    jingtongVerifyRequest.setNewPwdToBankCardVerifyWithIdCard(VerifyBankParam).then(res => {
+      
+      console.log('银行卡校验')
+      console.log(res)
+      wx.hideLoading()
+      if(res.errcode === 0){
+        // 保存银行卡核验成功时间戳
+        let timeStamp = new Date().getTime()
+        wx.setStorageSync('tif.bankCardTimeStamp', timeStamp)
+        // 清空核验银行卡错误缓存
+        constantVal.removeStorage(constantVal.bank_card_verify_fail_count)
+        constantVal.removeStorage(constantVal.bank_card_verify_fail_time)
+
+        wx.showToast({
+          title: '验证成功，跳转中…',
+          icon: 'none',
+          duration: 1500
+        })
+        const { cardholder_name, id_card_number, strCid, cid_type, verify_expire_time } = formData
+          wx.navigateTo({
+            url: '/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-face-setting/bank-card-login-forgot-face-setting?name=' + cardholder_name + '&idCardNumber=' + id_card_number + '&strCid=' + utils.hideIdCard(id_card_number, '111') + '&cid_type=' + cid_type + '&verify_expire_time=' + verify_expire_time + '&source_type=' + source_type,
+          })
+      } else {
+        const { errmsg } = res
+        if(bankCardFailCount >= 3){
+          bankCardFailCount = 0
+        }
+        bankCardFailCount = bankCardFailCount + 1
+        constantVal.setStorageWithExpire(constantVal.bank_card_verify_fail_count, bankCardFailCount)
+        if(bankCardFailCount === 1){
+          // 设置10分钟后过期
+          constantVal.setStorageWithExpire(constantVal.bank_card_verify_fail_time, Date.now(), 10 * 60)
+        }
+        if(errmsg){
+          wx.showToast({
+            title: '验证失败，' + errmsg,
+            icon: 'none',
+            duration: 1500
+          })
+        } else {
+          wx.showToast({
+            title: '验证失败，请检查后重试…',
+            icon: 'none',
+            duration: 1500
+          })
+        }
+      }
+    })
+  },
+  // 调起人脸识别认证
+  handleToFace() {
+    console.log('====调起人脸识别认证====')
+    const { source_type } = this.data
+    if(source_type === 2){
+      
+      console.log(this.data.formData)
+      const { cardholder_name, id_card_number, strCid, cid_type, verify_expire_time } = this.data.formData
+    
+      // 跳转去人脸认证
+      this.setData({
+        showToOtherModal: false
+      }, () => {
+        setTimeout(() => {
+          wx.navigateTo({
+            url: '/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-face-setting/bank-card-login-forgot-face-setting?name=' + cardholder_name + '&idCardNumber=' + id_card_number + '&strCid=' + utils.hideIdCard(id_card_number, '111') + '&cid_type=' + cid_type + '&verify_expire_time=' + verify_expire_time + '&source_type=' + source_type + '&isSuccess=2',
+          })
+        }, 100)
+      })
+    } else {
+      // 跳转去人脸认证
+      this.setData({
+        showToOtherModal: false
+      }, () => {
+        setTimeout(() => {
+          wx.navigateBack()
+        }, 100)
+      })
+    }
+  },
+  // 关闭提示框
+  handleToCancel () {
+    this.setData({
+      showToOtherModal: false
+    })
+  },
+  // 登录帮助
+  handletoLoginHelp () {
+    wx.navigateTo({
+      url: '/weapps-plugin-jingtong-verify/pages/login-help/login-help',
+    })
+  },
+  // 显示自定义校验错误提示
+  showCuntomErrTip(msg) {
+    this.setData({
+      showCustomTips: true,
+      customTipsMsg: msg
+    }, () => {
+      // 3秒后关闭
+      setTimeout(() => {
+        this.setData({
+          showCustomTips: false,
+          customTipsMsg: ''
+        });
+      }, 3500);
+    })
+  },
+   // 触发问号弹出
+   showQuestionTip() {
+    this.setData({
+      showTipModal: true
+    })
+  },
+  openEye(e) {
+    console.log(e)
+    const isOpen = e.detail.isOpen
+    const key = e.currentTarget.id
+    const strKey = e.currentTarget.dataset.star
+    console.log('isOpen', isOpen)
+    console.log('key', key)
+    console.log('strKey', strKey)
+    if (isOpen) {
+      console.log('显示脱敏')
+      const { id_card_number } = this.data.formData
+      const value = utils.hideIdCard(id_card_number, '111')
+      console.log('value', value)
+      this.setData({
+        [`formData.${strKey}`]: value
+      })
+    } else {
+      console.log('删除脱敏，显示明文')
+      this.setData({
+        [`formData.${strKey}`]: ''
+      })
+    }
+  },
+  handleModalOk() {
+    this.setData({
+      showTipModal: false
+    })
+  },
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

package/weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.json

@@ -0,0 +1,12 @@
+{
+  "usingComponents": {
+    "g-tips": "../../components/gsd-ui/g-tips/index",
+    "g-form": "../../components/gsd-ui/g-form/index",
+    "g-input": "../../components/gsd-ui/g-input/index",
+    "g-picker": "../../components/gsd-ui/g-picker/index",
+    "to-other-modal": "../../components/to-other-modal/to-other-modal",
+    "tip-modal": "../../components/tip-modal/tip-modal"
+  },
+  "navigationBarTitleText": "银行卡验证",
+  "styleIsolation": "shared"
+}