weapps-plugin-jingtong-verify 1.4.6 → 1.4.8

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

@@ -0,0 +1,10 @@
+{
+  "usingComponents": {
+    "custom-steps": "../../components/custom-steps/custom-steps",
+    "g-form": "../../components/gsd-ui/g-form/index",
+    "g-input": "../../components/gsd-ui/g-input/index",
+    "tip-modal": "../../components/tip-modal/tip-modal",
+    "to-other-modal": "../../components/to-other-modal/to-other-modal"
+  },
+  "navigationBarTitleText": "设置密码"
+}

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

@@ -0,0 +1,254 @@
+<!-- <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/Frame.png" mode="aspectFit" class="img"></image>
+    </view>
+    <view class="title">{{ language == 'zh_CN' ? '设置新登录密码' : 'Set new 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' }}">
+    <!-- 完整配置 -->
+    <custom-steps
+      steps="{{ steps }}"
+      active="{{ currentStep }}"
+      active-color="#ce0022"
+      inactive-color="#ccc"
+      bind:stepTap="onStepTap"
+    />
+    <!-- 根据当前步骤显示不同内容 -->
+    <view class="step-content">
+      <!-- 第一步：信息确认 -->
+      <view wx:if="{{ currentStep === 0 }}" class="step-panel">
+        <g-form
+          id="form"
+          model="{{ formData }}"
+          rules="{{ rules }}"
+          validateType="{{ validateType }}"
+          primary-text="开始人脸识别"
+          bind:submit="handleFormSubmit"
+        >
+          <!-- 姓名 -->
+          <view class="form-item-wrap">
+            <g-input
+              id="name"
+              label="姓名"
+              placeholder="请输入本人姓名"
+              value="{{ formData.name }}"
+              clearable="{{false}}"
+              class="readonly-input"
+              bind:change="handleChange"
+            />
+          </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 }}"   
+              clearable="{{ false }}"
+              class="readonly-input"
+              isOpen="{{ !formData.strCid }}"
+              showQuestion="{{ true }}"
+              bind:showQuestionTip="showQuestionTip"
+              bind:openEye="openEye"
+            />
+          </view>
+        </g-form>
+        <!-- 其他方式   start -->
+        <view class="other-way">
+          <view class="other-way-btn" bind:tap="handletoOther">
+            其他方式
+          </view>
+        </view>
+      </view>
+      <!-- 第二步：安全验证 -->
+      <view wx:if="{{ currentStep === 1 }}" class="step-panel">
+        <g-form
+          id="formSafe"
+          model="{{ formSafeData }}"
+          rules="{{ safeRules }}"
+          validateType="{{ validateSafeType }}"
+          primary-text="下一步"
+          bind:submit="handleSafeFormSubmit"
+        >
+          <view class="form-item-wrap">
+            <!-- <g-input
+              id="id_card_number"
+              data-star="strCid"
+              label="身份证号码"
+              placeholder="请输入本人证件号码"
+              value="{{ formSafeData.strCid || formSafeData.id_card_number }}"
+              clearable="{{ false }}"
+              class="readonly-input"
+              isOpen="{{ !formSafeData.strCid }}"         
+              bind:change="handleSafeChange"
+              showQuestion="{{ true }}"
+              bind:showQuestionTip="showQuestionTip"
+            /> -->
+            
+              <!-- isOpen="{{ !formData.strCid }}"          -->
+              <!-- bind:openEye="openEye" -->
+              <!-- showEye="{{ formData.id_card_number }}" -->
+            <g-input
+              id="id_card_number"
+              data-star="strCid"
+              label="身份证号码"
+              placeholder="请输入本人证件号码"
+              value="{{ formSafeData.strCid || formSafeData.id_card_number }}"
+              clearable="{{ false }}"
+              bind:change="handleSafeChange"
+              showQuestion="{{ true }}"
+              bind:showQuestionTip="showQuestionTip"
+              bind:blur="getTailNumber"
+            />
+          </view>
+          <!-- 手机号码 -->
+          <view class="form-item-wrap">
+            <g-input
+              id="phone_number"
+              label="手机号码"
+              placeholder="{{ '请输入您的手机号码' + phoneNumberEndTitle }}"
+              value="{{ formSafeData.phone_number }}"
+              clearable="true"
+              bind:change="handleSafeChange"
+            />
+          </view>
+          <!-- 验证码 -->
+          <view class="form-item-wrap">
+            <g-input
+              id="verification_code"
+              label="验证码"
+              placeholder="请填写短信验证码"
+              value="{{ formSafeData.verification_code }}"
+              clearable="true"
+              bind:change="handleSafeChange"
+              append="true"
+            >
+              <view 
+                slot="append" 
+                class="verification-btn {{ isCountingDown ? 'disabled' : '' }}" 
+                bind:tap="sendVerificationCode"
+              >
+                {{ verificationText }}
+              </view>
+            </g-input>
+          </view>
+          <!-- 收不到验证码 -->
+          <view class="form-item-wrap">
+            <view class="not_get_verification_code" bind:tap="handleNotVerificationTipModal">
+              收不到验证码?
+            </view>
+          </view>
+        </g-form>
+      </view>
+      <!-- 第三步：重置密码 -->
+      <view wx:if="{{ currentStep === 2 }}" class="step-panel">
+        <view class="describe-box" style="margin-top: 5rpx">
+          <view class="special-describe-box" >
+            <view>请注意：</view>
+            <view>密码为8~20位字符，需含数字、大写字母、小写字母、特殊字符中的两种及以上。</view>
+          </view>
+        </view>
+        <g-form
+          id="formPwd"
+          model="{{ formPwdData }}"
+          rules="{{ pwdRules }}"
+          validateType="{{ validatePwdType }}"
+          primary-text="确认"
+          bind:submit="handlePwdFormSubmit"
+        >
+          <!-- 设置登录密码 -->
+          <view class="form-item-wrap">
+            <view class="form-item-header">
+              <text class="form-label">设置新密码*</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="{{ formPwdData.bank_card_password }}"
+              clearable="true"
+              password="true"
+              maxlength="20"
+              bind:change="handlePwdChange"
+              bind:input="handlePwdChange"
+              bind:blur="handlePwdStrongChange"
+            />
+          </view>
+          <!-- 确认登录密码 -->
+          <view class="form-item-wrap">
+            <g-input
+              id="bank_card_pwd_password"
+              label="确认登录密码"
+              placeholder="请再次输入新登录密码"
+              value="{{ formPwdData.bank_card_pwd_password }}"
+              clearable="true"
+              password="true"
+              maxlength="20"
+              bind:change="handlePwdChange"
+              bind:input="handlePwdChange"
+              bind:blur="handlePwdChange"
+            />
+          </view>
+        </g-form>
+      </view>
+    </view>
+  </view>
+</view>
+
+<!-- 收不到验证码弹窗 -->
+<tip-modal 
+  visible="{{ showNotGetVerificationCodeTipModal }}" 
+  bind:cancel="handleNotGetVerificationCodeTipModalCancel"
+  xAlign="left" 
+  desc1="1、短信验证码会发送至您已在京通绑定的手机号。" 
+  desc2="2、请确认当前手机信号良好并已关闭飞行模式。" 
+  desc3="3、请检查短信是否被手机安全软件拦截。" 
+  desc4="4、如仍收不到短信验证码，请尝试使用人脸识别方式验证。" 
+></tip-modal>
+<!-- 姓名、证件号码提示弹窗 -->
+<tip-modal 
+  visible="{{ showTipModal }}" 
+  bind:cancel="handleModalOk" 
+  desc1="1、如果您在公安局变更了您的姓名或证件号码等信息，请您填写变更后的身份信息进行登录。" 
+  desc2="2、如果当前显示为他人信息（亲属/朋友等），请您删除后使用本人身份信息进行登录。"
+></tip-modal>
+<!-- 人脸认证弹窗 -->
+<to-other-modal
+  title="提示" 
+  Confirm="true" 
+  Cancel="true"
+  ConfirmText="银行卡验证"
+  CancelText="取消"
+  confirmColor="#ce0022" 
+  cancelColor="#999" 
+  visible="{{ showToOtherModal }}" 
+  bindConfirmBtn="handleToBankCard" 
+  bindCancelBtn="handleToCancel">
+  <view class="leave-modal">
+    <view style="color: #666666;">因您多次人脸识别验证未能通过，为保障账户安全，人脸识别的验证方式已暂时锁定，锁定期间您可使用银行卡方式进行验证或待锁定时效(10 分钟)结束后，重新尝试人脸识别验证。</view>
+  </view>
+</to-other-modal>
+<!-- 人脸认证弹窗 -->
+<tip-modal 
+  visible="{{ showTipFaceModal }}" 
+  bind:cancel="handleFaceModalOk" 
+  desc1="因您多次人脸识别验证未能通过，为保障账户安全，人脸识别的验证方式已暂时锁定，待锁定时效(10分钟)结束后，重新尝试人脸识别验证。"
+></tip-modal>

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

@@ -0,0 +1,389 @@
+@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%;
+}
+.forgot-password {
+  color: #CE0022;
+  font-size: 32rpx;
+  white-space: nowrap;
+  padding: 0 10rpx;
+  cursor: pointer;
+  transition: opacity 0.2s ease;  /* 过渡效果 */
+}
+
+.forgot-password:active {
+  opacity: 0.6;            /* 点击时透明度变化 */
+}
+
+/* 如果需要下划线效果 */
+.forgot-password.underlined {
+  text-decoration: underline;
+}
+
+.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 #CE0022;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+  color: #CE0022;
+}
+
+/* 步骤条以及内容 */
+.step-content {
+  margin-top: 5rpx;
+}
+
+.step-panel {
+  /* background: #fff; */
+  border-radius: 20rpx;
+  /* padding: 20rpx; */
+  /* box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.1); */
+}
+
+.panel-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 40rpx;
+  text-align: center;
+}
+
+.form-item {
+  margin-bottom: 30rpx;
+}
+
+.label {
+  font-size: 28rpx;
+  color: #666;
+  margin-right: 20rpx;
+}
+
+.value {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.verify-methods {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 40rpx;
+}
+
+.method-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 30rpx;
+  border: 2rpx solid #eee;
+  border-radius: 20rpx;
+  background: #f9f9f9;
+}
+
+.method-icon {
+  font-size: 60rpx;
+  margin-bottom: 20rpx;
+}
+
+.method-text {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.btn-primary {
+  width: 100%;
+  height: 88rpx;
+  background: #ce0022;
+  color: #fff;
+  border-radius: 44rpx;
+  font-size: 32rpx;
+  margin-top: 40rpx;
+}
+
+.btn-primary:disabled {
+  background: #ccc;
+}
+
+/* 短信验证码 */
+/* 验证码按钮样式 */
+.verification-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 64rpx;                 /* 胶囊高度 */
+  padding: 0 28rpx;               /* 左右内边距 */
+  background: #ce0022;            /* 红底 */
+  color: #ffffff;                 /* 白字 */
+  font-size: 28rpx;
+  white-space: nowrap;
+  border-radius: 40rpx;           /* 圆角形成胶囊 */
+  transition: opacity 0.2s ease;
+  cursor: pointer;
+  box-shadow: 0 4rpx 12rpx rgba(206, 0, 34, 0.18);
+}
+
+/* 倒计时状态样式 */
+.verification-btn.disabled {
+  background: #E6E6E6;           /* 灰底 */
+  color: #999999;                /* 灰字 */
+  box-shadow: none;
+  cursor: not-allowed;
+}
+
+/* 点击效果 */
+.verification-btn:active:not(.disabled) {
+  opacity: 0.85;
+}
+
+/* 收不到验证码 */
+.not_get_verification_code{
+  padding:40rpx; color: #ce0022;
+  font-family: "PingFang SC";
+  font-size: 34rpx;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  letter-spacing: -0.3px;
+  padding: 40rpx;
+}
+
+/* 设置密码强度样式 */
+.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;
+}
+
+.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;
+}
+
+.readonly-input input {
+  pointer-events: none !important;
+  color: #333 !important;
+}
+
+/* 保持图标可点击 */
+.readonly-input .input__icon__container {
+  pointer-events: auto !important;
+}

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

@@ -0,0 +1,66 @@
+// weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-sms-setting/bank-card-login-forgot-sms-setting.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})