weapps-plugin-jingtong-verify 1.4.5 → 1.4.7

package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-sms-setting/bank-card-login-forgot-sms-setting.wxml

@@ -0,0 +1,2 @@
+<!--weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-sms-setting/bank-card-login-forgot-sms-setting.wxml-->
+<text>weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-sms-setting/bank-card-login-forgot-sms-setting.wxml</text>

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

@@ -0,0 +1,461 @@
+const jingtongVerifyRequest = require('../../utils/request')
+const rulesConfig = require("../../utils/rules")
+const utils = require("../../utils/index")
+import { SDKTrack, setAccountInfo } from '../../utils/QDTrackerNew/QDTrackerMain'
+const { flow } = require("@wecity/weda-plugin-utils");
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    language: 'zh_CN', // 语言环境：默认中文
+    formData: {
+      name: '',
+      bank_card_password: '', // 密码
+      bank_card_pwd_password: '', // 二次确认密码
+      id_card_number: '', // 证件号码
+      cid_type: '', // 证件类型
+      verify_expire_time: '', // 证件号码
+    },
+    rules: rulesConfig.bankCardSetPwdRules('zh_CN'),
+    validateType: {
+      bank_card_password(value) {
+        return utils.validate.checkBankCardLoginPwd(value).data
+      },
+      bank_card_pwd_password(value, formData) {
+        console.log(formData)
+        console.log(formData.bank_card_password)
+        return utils.validate.checkBankCardLoginPwd(value).data && utils.validate.checkConfirmPwd(value, formData.bank_card_password).data
+      }, // 记录是否已经登录成功
+    },
+    passwordStrength: 0, // 密码强度等级 0-3
+    passwordStrengthText: '弱',
+    // 是否显示自定义校验提示
+    showCustomTips: false,
+    // 自定义校验提示文本
+    customTipsMsg: '',
+    // cidType转化为certType
+    certTypeMap: {
+      '111': 1,
+      '516': 78,
+      '511': 4,
+      '17': 5,
+      '18': 6,
+      '414': 2,
+      '553': 9,
+      '700': 3
+    },
+    hadSuccessLogin: false,
+    needUnite: '', // 是否需要串联起来
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    const that = this
+    this.setData({
+      validateType: {
+        // 单字段复杂度校验：仅依赖 value
+        bank_card_password(value) {
+          return utils.validate.checkBankCardLoginPwd(value).data
+        },
+        // 确认密码：通过闭包读取最新的整表单数据（尤其是主密码）
+        bank_card_pwd_password(value) {
+          const mainPwd = (that.data && that.data.formData && that.data.formData.bank_card_password) || ''
+          return utils.validate.checkConfirmPwd(value, mainPwd).data
+        },
+      }
+    })
+    const { formData } = this.data
+    formData.name = options.name || ''
+    this.setData({
+      formData: formData,
+      needUnite: options.needUnite || 'true'
+    })
+  },
+  // 设置密码输入框变化处理
+  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 })
+      
+      // 如果是密码字段，计算强度
+      // if (formId === 'bank_card_password') {
+      //   this.calculatePasswordStrength(value)
+      // }
+    }
+  },
+  handlePwdChange (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 })
+      
+      // 如果是密码字段，计算强度
+      if (formId === 'bank_card_password') {
+        this.calculatePasswordStrength(value)
+      }
+    }
+  },
+  // 计算密码强度
+  calculatePasswordStrength(password) {
+    console.log('失焦检测')
+    let strength = 0
+    let strengthText = '弱'
+
+    if (!password) {
+      this.setData({
+        passwordStrength: 0,
+        passwordStrengthText: '弱'
+      })
+      return
+    }
+
+    // 长度检查
+    if (password.length >= 8) {
+      strength++
+    }
+    
+    // 包含数字
+    if (/\d/.test(password)) {
+      strength++
+    }
+
+    // 包含字母
+    if (/[a-zA-Z]/.test(password)) {
+      strength++
+    }
+
+    // 包含特殊字符
+    if (/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
+      strength++
+    }
+
+    // 此处判断密码强度
+    jingtongVerifyRequest.verifyPwdStrength(password).then(res => {
+      console.log(res)
+      const { errcode, data } = res
+      if(errcode === 0){
+        console.log(strength)
+        // 根据强度设置文本和等级（弱=1格，中=2格，强=3格）
+        // if (data.score >= 65) {
+        //   strength = 3
+        //   strengthText = '强'
+        // } else if (data.score >= 50) {
+        //   strength = 2
+        //   strengthText = '中'
+        // } else {
+        //   strength = 1
+        //   strengthText = '弱'
+        // }
+
+        if (data.score >= 90) {
+          strength = 3
+          strengthText = '强'
+        } else if (data.score >= 75) {
+          strength = 3
+          strengthText = '强'
+        } else if (data.score >= 65) {
+          strength = 2
+          strengthText = '中'
+        } else if (data.score >= 50) {
+          strength = 2
+          strengthText = '中'
+        } else {
+          strength = 1
+          strengthText = '弱'
+        }
+
+        this.setData({
+          passwordStrength: strength, // 弱=1，中=2，强=3
+          passwordStrengthText: strengthText
+        })
+      }
+    })
+    
+  },
+  // 确认提交表单
+  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) {
+        return
+      }
+      // 如果表单校验没有问题，自定义校验有问题，则显示自定义校验错误提示
+      if (formValid && !customValid.valid) {
+        return
+      }
+      return
+    }
+    // 点击确定出现该提示
+    wx.showLoading({
+      title: '验证中...',
+      mask: true // 防止用户点击
+    })
+    console.log(this.data.formData)
+    // 接口返回验证成功出现这个提示
+    jingtongVerifyRequest.resetPwd(this.data.formData.bank_card_password).then(res =>{
+      console.log('设置密码')
+      console.log(res)
+      wx.hideLoading()
+      if(res.errcode === 0){
+        // wx.showToast({
+        //   title: '设置成功',
+        //   mask: true
+        // })
+        setTimeout(() => {
+          wx.showToast({
+            title: '设置成功，跳转中…',
+            icon: 'none',
+            duration: 1500
+          })
+          // 验证成功，这里跳转页面
+          jingtongVerifyRequest.getSession({
+            success: res => {
+              // 保存银行卡核验成功时间戳
+              let timeStamp = new Date().getTime()
+              wx.setStorageSync('tif.bankCardTimeStamp', timeStamp)
+              this.authSuccess(res)
+            }
+          })
+          // wx.reLaunch({
+          //   url: '/pages/index/index',
+          // })
+        }, 1500);
+      } else {
+       if(res.errcode === 5000){
+         // 验证成功，这里跳转页面
+        jingtongVerifyRequest.getSession({
+          success: res => {
+            // 保存银行卡核验成功时间戳
+            let timeStamp = new Date().getTime()
+            wx.setStorageSync('tif.bankCardTimeStamp', timeStamp)
+            this.authSuccess(res)
+          }
+        })
+       } else {
+        wx.showToast({
+          title: res.errmsg,
+          icon: 'none',
+          duration: 1500
+        })
+       }        
+      }
+    })
+    // wx.showToast({
+    //   title: '验证成功，跳转中…',
+    //   icon: 'none',
+    //   duration: 1500
+    // })
+    // 验证成功，这里跳转页面
+    // wx.reLaunch({
+    //   url: '/pages/index/index',
+    // })
+  },
+  // 认证成功后续操作
+  async authSuccess(session, isEn = false) {
+    console.log('====判断是否真的登录成功=====')
+    console.log(session)
+    if (!session) {
+      wx.showToast({
+        title: '登录态失效，请重试',
+        icon: 'none',
+        duration: 2000
+      })
+      return
+    }
+    const { face_time, realname_time, cid, has_phone, certType } = session
+    if ((!face_time && !realname_time) || !cid) {
+      wx.showToast({
+        title: `登录态失效请重试: ${this.data.formData.cid_type}`,
+        icon: 'none',
+        duration: 2000
+      })
+      return
+    }
+
+    wx.showToast({
+      title: isEn ? 'Verification successful, redirecting...': '验证成功, 跳转中…',
+      icon: 'none',
+      duration: 5000,
+      mask: true
+    })
+
+    const cidType = session.cid_type
+
+    wx.setStorageSync('tif.formDataSuccess', session)
+
+    // 将弹窗标识设置为不需要弹窗
+    jingtongVerifyRequest.setUserReadStatus(false).then(() => {
+      console.log('设置弹窗标识成功')
+    }).catch(err => {
+      console.log('设置弹窗标识失败', err)
+    })
+
+    setTimeout(() => {
+      if (this.data.needUnite === "true") {
+        // this.setData({
+        //   needUnite: ''
+        // })
+
+        console.log('进入业务总入口, 判断是否有手机号码', has_phone)
+
+        // 登录成功回调 => 业务侧操作事项
+        wx.$_ServiceConfiguration && wx.$_ServiceConfiguration.methods && wx.$_ServiceConfiguration.methods._loginSuccessCallBack && wx.$_ServiceConfiguration.methods._loginSuccessCallBack(session)
+
+        if (has_phone) {
+          const realPhone = wx.getStorageSync('tif.realPhone') || ''
+          const caPhone = wx.getStorageSync('tif.caPhone') || ''
+          const confirmTime = wx.getStorageSync('tif.tel_confirm_time') || ''
+
+          console.log('realPhone', realPhone)
+          console.log('caPhone', caPhone)
+          console.log('confirmTime', confirmTime)
+
+          if (realPhone !== caPhone && confirmTime && (!utils.completeDate(new Date(Number(confirmTime + '000')), 6))) {
+            // 埋点上报事件：自然人登录
+            this.loginTracker(1, cidType)
+
+            this.setData({
+              hadSuccessLogin: true
+            })
+
+            // 【phone与caPhone不同】且【tel_confirm_time大于6个月】
+            // 数据库手机号码有效期大于6个月
+            flow.redirectTo({
+              url: '../confirm-phone/confirm-phone'
+            })
+          } else {
+            jingtongVerifyRequest.personToken({
+              source: '11'
+            }).then(async data => {
+              // 设置用户账号信息
+              setAccountInfo(session.openid)
+
+              // 埋点上报事件：自然人登录
+              this.loginTracker(1, cidType)
+
+              this.setData({
+                hadSuccessLogin: true
+              })
+
+              //  埋点 - 个人用户实体全属性上报
+              let last_login_time = utils.getCurrentTime()
+              wx.setStorageSync('tif.lastLoginTime', last_login_time)
+              const userEntityReportData = Object.assign(session, {
+                user_status: '1',
+                last_login_time,
+                user_date_of_birth: session.cid_type === '111' ? utils.getBirthByIDCard(session.cid) : ''
+              })
+              await utils.awaitTo(jingtongVerifyRequest.userEntityReport(userEntityReportData))
+
+              setTimeout(() => {
+                flow.resolve({
+                  token: data
+                })
+                wx.reLaunch({
+                  url: '/pages/index/index'  // 主包页面路径
+                })
+              }, 1200)
+            })
+          }
+        } else {
+          // 埋点上报事件：自然人登录
+          this.loginTracker(1, cidType)
+
+          this.setData({
+            hadSuccessLogin: true
+          })
+
+          flow.redirectTo({
+            url: '../bind-phone/bind-phone?source=3'
+          })
+        }
+      } else {
+        console.log('返回主包')
+        flow.resolve()
+        wx.reLaunch({
+          url: '/pages/index/index'  // 主包页面路径
+        })
+      }
+    }, 800)
+  },
+  // 埋点上报事件：自然人登录
+  loginTracker(login_status = 1, cidType) {
+    SDKTrack('nature_person_login', {
+      // 1 登录成功；2 登录失败-身份信息核验失败；3 登录失败-人脸核验失败
+      // 4 登录失败-电子营业执照核验失败；5 登录失败-账号密码输入错误
+      // 6 取消登录（包含点击温馨提示的“取消”，点击请法人登录的×，在登录页面点击左上角返回按钮退出登录）
+      // 7 退出小程序终止登录；old_1 历史数据：除登录成功之外的所有情况
+      login_status,
+      login_certificate: this.data.certTypeMap[cidType] || 1, // 证件类型
+      invoke_location: '', // 调起位置
+      login_validity_period: this.data.formData.verify_expire_time / 24 || '' // 免登录时间
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

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

@@ -0,0 +1,8 @@
+{
+  "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"
+  },
+  "navigationBarTitleText": "设置密码"
+}

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

@@ -0,0 +1,67 @@
+<!-- 中文版：银联卡实人核验能力 -->
+<view class="{{ language == 'en' ? 'en-page' : ''}}">
+  <view class="top-box">
+    <view class="img-box">
+      <image src="../../images/Frame.png" mode="aspectFit" class="img"></image>
+    </view>
+    <view class="title">{{ language == 'zh_CN' ? '设置登录密码' : 'Set login password' }}</view>
+    <view class="title_describe">{{ language == 'zh_CN' ? '保护您个人信息更安全' : 'Protect your personal information more securely' }}</view>
+  </view>
+  <view class="content-box" wx:if="{{ language === 'zh_CN' }}">
+    <view class="describe-box" style="margin-top: 50rpx">
+        <view class="special-describe-box" >
+          <view>请注意：</view>
+          <view>密码为8~20位字符，需含数字、大写字母、小写字母、特殊字符中的两种及以上。</view>
+        </view>
+      </view>
+    <g-form
+      id="form"
+      model="{{ formData }}"
+      rules="{{ rules }}"
+      validateType="{{ validateType }}"
+      primary-text="确定"
+      bind:submit="handleFormSubmit"
+    >
+      <!-- 设置登录密码 -->
+      <view class="form-item-wrap">
+        <view class="form-item-header">
+              <text class="form-label">设置登录密码<text class="required-star">*</text></text>
+              <view class="password-strength-indicator">
+                <view class="strength-bar">
+                  <view class="strength-segment weak {{ passwordStrength >= 1 ? 'active' : '' }}"></view>
+                  <view class="strength-segment medium {{ passwordStrength >= 2 ? 'active' : '' }}"></view>
+                  <view class="strength-segment strong {{ passwordStrength >= 3 ? 'active' : '' }}"></view>
+                </view>
+                <view class="strength-text {{ passwordStrength >= 3 ? 'strong' : passwordStrength >= 2 ? 'medium' : 'weak' }}">
+                  {{ passwordStrengthText }}
+                </view>
+              </view>
+            </view>
+        <g-input
+          id="bank_card_password"
+          placeholder="请输入登录密码"
+          value="{{ formData.bank_card_password }}"
+          clearable="true"
+          password="true"
+          bind:change="handleChange"
+          bind:input="handleChange"
+          bind:blur="handlePwdChange"
+        />
+      </view>
+      <!-- 确认登录密码 -->
+      <view class="form-item-wrap">
+        <g-input
+          id="bank_card_pwd_password"
+          label="确认登录密码"
+          placeholder="请再次输入登录密码"
+          value="{{ formData.bank_card_pwd_password }}"
+          clearable="true"
+          password="true"
+          bind:change="handleChange"
+          bind:input="handleChange"
+          bind:blur="handleChange"
+        />
+      </view>
+    </g-form>
+  </view>
+</view>