weapps-plugin-jingtong-verify 1.4.5 → 1.4.7

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

@@ -0,0 +1,120 @@
+<view wx:if="showCustomTips" class="custom-tips">
+    <g-tips position="fixed" is-show="{{showCustomTips}}" status="warn" closeable catch:close="handleTipsClose">
+      {{customTipsMsg}}
+    </g-tips>
+</view>
+<view class="{{ language == 'en' ? 'en-page' : ''}}">
+  <view class="top-box">
+    <view class="img-box">
+      <image src="../../images/bank-card-verify.png" mode="aspectFit" class="img"></image>
+    </view>
+    <view class="title">{{ language == 'zh_CN' ? '请使用银联卡实人核验能力' : 'Please use UnionPay cards real-person verification capability' }}</view>
+  </view>
+
+   <!-- 中文版：银联卡实人核验能力 -->
+   <view class="content-box" wx:if="{{ language === 'zh_CN' }}">
+    <g-form
+      id="form"
+      model="{{ formData }}"
+      rules="{{ rules }}"
+      validateType="{{ validateType }}"
+      primary-text="确定"
+      bind:submit="handleFormSubmit"
+    >
+      <!-- 姓名 -->
+      <view class="form-item-wrap">
+          <g-input
+            id="cardholder_name"
+            label="持卡人姓名"
+            placeholder="请输入持卡人姓名"
+            value="{{ formData.cardholder_name }}"
+            class="readonly-input"
+          />
+        </view>
+      <view class="form-item-wrap">
+        <g-picker
+          id="cid_type"
+          value="{{ formData.cid_type }}"
+          label="证件类型"
+          required
+          actionText=""
+          class="readonly-picker"
+          range="{{ cidTypeRange }}"
+        ></g-picker>
+      </view>
+      <!-- 证件号码 -->
+      <view class="form-item-wrap">
+        <g-input
+          id="id_card_number"
+          data-star="strCid"
+          label="证件号码"
+          placeholder="请输入本人证件号码"
+          value="{{ formData.strCid || formData.id_card_number }}"
+          showEye="{{ formData.id_card_number }}"
+          isOpen="{{ !formData.strCid }}"   
+          bind:change="handleChange"
+          showQuestion="{{ true }}"
+          class="readonly-input"
+          bind:showQuestionTip="showQuestionTip"
+          bind:openEye="openEye"
+        />
+      </view>
+      <view class="form-item-wrap">
+        <g-input
+          id="bank_card_account"
+          label="该证件的银行卡卡号"
+          placeholder="请输入支持银联的银行卡卡号(带有银联标识)"
+          placeholder-class="bank-card-verify-placeholder"
+          value="{{ formData.bank_card_account }}"
+          clearable="true"
+          bind:change="handleChange"
+        />
+      </view>
+      <view class="form-item-wrap">
+        <g-input
+          id="bank_phone"
+          label="绑定手机号"
+          placeholder="请输入银行卡绑定的手机号码"
+          placeholder-class="bank-card-verify-placeholder"
+          value="{{ formData.bank_phone }}"
+          clearable="true"
+          bind:change="handleChange"
+        />
+      </view>
+      <view class="describe-box" style="margin-top: 50rpx">
+        <view class="special-describe-box" >
+          <view>特别说明：</view>
+          <view>您提供的银行卡号及其绑定手机号仅用于您的身份认证，北京市大数据中心不会留存你的银行卡信息</view>
+        </view>
+      </view>
+    </g-form>
+    <view class="login-help">
+      <view class="login-help-btn" bind:tap="handletoLoginHelp">
+        登录帮助
+      </view>
+    </view>
+   </view>
+</view>
+<!-- 银行卡认证弹窗 -->
+<to-other-modal
+  title="提示" 
+  Confirm="true" 
+  Cancel="true"
+  ConfirmText="人脸识别"
+  CancelText="取消"
+  confirmColor="#ce0022" 
+  cancelColor="#999" 
+  visible="{{ showToOtherModal }}" 
+  bindConfirmBtn="handleToFace" 
+  bindCancelBtn="handleToCancel">
+  <view class="leave-modal">
+    <view style="color: #666666;">因您多次银行卡验证未能通过，为保障账户安全，银行卡的验证方式已暂时锁定，锁定期间您可使用人脸识别进行验证或待锁定时效(30分钟)结束后，重新尝试银行卡验证。</view>
+  </view>
+</to-other-modal>
+<!-- 姓名、证件号码提示弹窗 -->
+<tip-modal 
+  visible="{{ showTipModal }}" 
+  bind:cancel="handleModalOk" 
+  desc1="1、如果您在公安局变更了您的姓名或证件号码等信息，请您填写变更后的身份信息进行登录。" 
+  desc2="2、如果当前显示为他人信息（亲属/朋友等），请您删除后使用本人身份信息进行登录。"
+></tip-modal>

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

@@ -0,0 +1,217 @@
+@import '../../components/gsd-ui/static/style/main';
+
+.top-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.title {
+  font-size: 44rpx;
+  margin-bottom: 44rpx;
+  text-align: center;
+}
+
+.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%;
+}
+
+.other-way{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-left:40rpx;
+  padding-right: 40rpx;
+  padding-top: 30rpx;
+}
+
+.other-way-btn{
+  width: 100%;
+  height: 76rpx;
+  border: 1px solid;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+}
+
+.login-help{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-left:40rpx;
+  padding-right: 40rpx;
+  padding-top: 30rpx;
+}
+
+.login-help-btn{
+  width: 100%;
+  height: 76rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+  color: #62667a;
+  text-align: center;
+  font-family: "PingFang SC";
+  font-size: 17px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+}
+
+.readonly-input input {
+  pointer-events: none !important;
+  color: #333 !important;
+}
+/* 保持图标可点击 */
+.readonly-input .input__icon__container {
+  pointer-events: auto !important;
+}
+
+.readonly-picker {
+  pointer-events: none !important;
+}
+
+/* 在现有样式中添加隐藏选择文字 */
+.readonly-picker .picker__action {
+  display: none !important;
+}

package/weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.js

@@ -1,87 +1,87 @@
-// weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.js
-const jingtongVerifyRequest = require('../../utils/request')
-const utils = require("../../utils/index")
-const { flow } = require("@wecity/weda-plugin-utils");
-
-Page({
-
-  /**
-   * 页面的初始数据
-   */
-  data: {
-    source: ''
-  },
-
-  // 微信获取手机号码授权
-  async getPhoneNumber(e) {
-    console.log('微信获取手机号码授权', e)
-    if (e.detail.iv) {
-      const params = Object.assign(e.detail, {
-        source: this.data.source || ''
-      })
-      const [err1, session] = await utils.awaitTo(jingtongVerifyRequest.loginPhone(params))
-      if (err1) {
-        wx.showToast({
-          title: err1.errmsg || '手机号码获取失败',
-          icon: 'none',
-          mask: true
-        })
-
-        // 解决用户未找到的问题:跳转到认证信息填写页面
-        if (err1.errcode === 2034) {
-          setTimeout(() => {
-            flow.redirectTo({
-              url: '../face-verify/face-verify?needUnite=true'
-            })
-          }, 1500)
-        }
-        return
-      }
-
-      wx.showToast({
-        title: '绑定成功, 跳转中…',
-        icon: 'none',
-        duration: 5000,
-        mask: true
-      })
-
-      // 登录成功回调 => 业务侧操作事项
-      wx.$_ServiceConfiguration && wx.$_ServiceConfiguration.methods && wx.$_ServiceConfiguration.methods._loginSuccessCallBack && wx.$_ServiceConfiguration.methods._loginSuccessCallBack(session)
-
-      const [err2, token] = await utils.awaitTo(jingtongVerifyRequest.personToken({ source: '8' }))
-      if (err2) {
-        return
-      }
-
-      //  埋点 - 个人用户实体全属性上报
-      let last_login_time = utils.getCurrentTime()
-      wx.setStorageSync('tif.lastLoginTime', last_login_time)
-      const data = 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(data))
-
-      // 返回主包
-      setTimeout(() => {
-        flow.resolve({
-          token
-        })
-      }, 1200)
-    } else {
-      wx.showToast({
-        title: '您的微信版本太低，无法授权',
-        icon: 'none'
-      })
-    }
-  },
-
-  onLoad(options) {
-    console.log('参数', options)
-    this.setData({
-      source: options && options.source || ''
-    })
-    wx.hideShareMenu()
-  }
+// weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.js
+const jingtongVerifyRequest = require('../../utils/request')
+const utils = require("../../utils/index")
+const { flow } = require("@wecity/weda-plugin-utils");
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    source: ''
+  },
+
+  // 微信获取手机号码授权
+  async getPhoneNumber(e) {
+    console.log('微信获取手机号码授权', e)
+    if (e.detail.iv) {
+      const params = Object.assign(e.detail, {
+        source: this.data.source || ''
+      })
+      const [err1, session] = await utils.awaitTo(jingtongVerifyRequest.loginPhone(params))
+      if (err1) {
+        wx.showToast({
+          title: err1.errmsg || '手机号码获取失败',
+          icon: 'none',
+          mask: true
+        })
+
+        // 解决用户未找到的问题:跳转到认证信息填写页面
+        if (err1.errcode === 2034) {
+          setTimeout(() => {
+            flow.redirectTo({
+              url: '../face-verify/face-verify?needUnite=true'
+            })
+          }, 1500)
+        }
+        return
+      }
+
+      wx.showToast({
+        title: '绑定成功, 跳转中…',
+        icon: 'none',
+        duration: 5000,
+        mask: true
+      })
+
+      // 登录成功回调 => 业务侧操作事项
+      wx.$_ServiceConfiguration && wx.$_ServiceConfiguration.methods && wx.$_ServiceConfiguration.methods._loginSuccessCallBack && wx.$_ServiceConfiguration.methods._loginSuccessCallBack(session)
+
+      const [err2, token] = await utils.awaitTo(jingtongVerifyRequest.personToken({ source: '8' }))
+      if (err2) {
+        return
+      }
+
+      //  埋点 - 个人用户实体全属性上报
+      let last_login_time = utils.getCurrentTime()
+      wx.setStorageSync('tif.lastLoginTime', last_login_time)
+      const data = 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(data))
+
+      // 返回主包
+      setTimeout(() => {
+        flow.resolve({
+          token
+        })
+      }, 1200)
+    } else {
+      wx.showToast({
+        title: '您的微信版本太低，无法授权',
+        icon: 'none'
+      })
+    }
+  },
+
+  onLoad(options) {
+    console.log('参数', options)
+    this.setData({
+      source: options && options.source || ''
+    })
+    wx.hideShareMenu()
+  }
 })

package/weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.json

@@ -1,7 +1,7 @@
-{
-  "component": true,
-  "usingComponents": {
-    "g-button-group": "../../components/gsd-ui/g-button-group"
-  },
-  "navigationBarTitleText": "手机绑定"
+{
+  "component": true,
+  "usingComponents": {
+    "g-button-group": "../../components/gsd-ui/g-button-group"
+  },
+  "navigationBarTitleText": "手机绑定"
 }

package/weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.wxml

@@ -1,20 +1,20 @@
-<view>
-  <view class="top-box">
-    <image src="../../images/phone.png" mode="" style="width: 272px; height: 229px;"/>
-  </view>
-  <view class="content-box">
-    <text class="title">绑定手机号码</text>
-    <view class="important-info">
-      （同步注册到北京市统一身份认证平台）
-    </view>
-    <view class="info">
-      信息将与当前微信绑定（用于身份验证）
-    </view>
-  </view>
-  <view class="bottom-box">
-    <button class="btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">
-      <text class="cn">从微信获取，完成绑定</text>
-      <text class="en">You can access your phone number from WeChat to complete the bonding process.</text> 
-    </button>
-  </view>
-</view>
+<view>
+  <view class="top-box">
+    <image src="../../images/phone.png" mode="" style="width: 272px; height: 229px;"/>
+  </view>
+  <view class="content-box">
+    <text class="title">绑定手机号码</text>
+    <view class="important-info">
+      （同步注册到北京市统一身份认证平台）
+    </view>
+    <view class="info">
+      信息将与当前微信绑定（用于身份验证）
+    </view>
+  </view>
+  <view class="bottom-box">
+    <button class="btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">
+      <text class="cn">从微信获取，完成绑定</text>
+      <text class="en">You can access your phone number from WeChat to complete the bonding process.</text> 
+    </button>
+  </view>
+</view>

package/weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.wxss

@@ -1,52 +1,52 @@
-/* weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.wxss */
-.top-box {
-  display: flex;
-  justify-content: center;
-  margin-top: 166rpx;
-}
-.btn {
-  background: rgba(206, 0, 34, 1);
-  color: #ffffff;
-  width: 686rpx !important;
-  border-radius: 16rpx;
-  padding: 24rpx 28rpx;
-  box-shadow: 0 24rpx 48rpx 0 rgba(206, 0, 34, 0.15);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  font-weight: normal;
-}
-.btn .cn {
-  font-size: 34rpx;
-  line-height: 40rpx;
-  margin-bottom: 12rpx;
-}
-.btn .en {
-  font-size: 26rpx;
-  line-height: 30rpx;
-}
-.content-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-.title {
-  font-size: 48rpx;
-  color: #27282E;
-  font-weight: 400;
-  margin-bottom: 12rpx;
-}
-.important-info {
-  color: rgba(206, 0, 34, 1);
-  font-weight: 400;
-  font-size: 32rpx;
-  margin-bottom: 20rpx;
-}
-.info {
-  color: #999999;
-  font-size: 28rpx;
-  font-weight: 500;
-  margin-bottom: 84rpx;
+/* weapps-plugin-jingtong-verify/pages/bind-phone/bind-phone.wxss */
+.top-box {
+  display: flex;
+  justify-content: center;
+  margin-top: 166rpx;
+}
+.btn {
+  background: rgba(206, 0, 34, 1);
+  color: #ffffff;
+  width: 686rpx !important;
+  border-radius: 16rpx;
+  padding: 24rpx 28rpx;
+  box-shadow: 0 24rpx 48rpx 0 rgba(206, 0, 34, 0.15);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-weight: normal;
+}
+.btn .cn {
+  font-size: 34rpx;
+  line-height: 40rpx;
+  margin-bottom: 12rpx;
+}
+.btn .en {
+  font-size: 26rpx;
+  line-height: 30rpx;
+}
+.content-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.title {
+  font-size: 48rpx;
+  color: #27282E;
+  font-weight: 400;
+  margin-bottom: 12rpx;
+}
+.important-info {
+  color: rgba(206, 0, 34, 1);
+  font-weight: 400;
+  font-size: 32rpx;
+  margin-bottom: 20rpx;
+}
+.info {
+  color: #999999;
+  font-size: 28rpx;
+  font-weight: 500;
+  margin-bottom: 84rpx;
 }