MrShi
14 小时以前 00a7a61df86db969f2ba61c508d02ba4709ce3d4
app/pages/driver-certification/driver-certification.vue
@@ -278,11 +278,20 @@
         :minDate="datePickerMode === 'end' ? this.form.cardStartDate : 0"
         @confirm="confirmDate"
         @cancel="showDatePicker = false" />
      <u-popup :show="showDriverCertPopup" mode="center" :mask-click="false" round="24">
         <view class="driver-cert-notice">
            <text class="driver-cert-notice__title">司机认证</text>
            <text class="driver-cert-notice__content">实名信息仅用于司机从业资质审核、寄存订单履约核验与账户安全防护,我们承诺严格保护您的隐私。感谢您的信任。</text>
            <button class="driver-cert-notice__button" @click="acknowledgeDriverCertNotice">已知晓</button>
         </view>
      </u-popup>
   </view>
</template>
<script>
    import { mapState } from 'vuex'
   import { chooseImageWithNotice } from '@/utils/utils'
   export default {
      data() {
         return {
@@ -344,18 +353,24 @@
               otherImgUrls: []
            },
            isAgreed: false,
            imgPrefix: ''
            imgPrefix: '',
            showDriverCertPopup: false
         }
      },
      computed: {
         ...mapState(['userInfo'])
      },
      onLoad() {
         this.showDriverCertPopup = this.userInfo.auditStatus == 99 && !uni.getStorageSync('driver_cert_notice_agreed')
         this.getAreaList()
         this.getCategoryList()
         this.getVerifyDetail()
      },
      methods: {
         acknowledgeDriverCertNotice() {
            uni.setStorageSync('driver_cert_notice_agreed', true)
            this.showDriverCertPopup = false
         },
         getMaritalStatusText(value) {
            if (!value && value !== 0) return '请选择'
            const item = this.maritalOptions.find(option => option.value === String(value))
@@ -409,7 +424,7 @@
               uni.showToast({ title: `最多上传${maxCount}张`, icon: 'none' })
               return
            }
            uni.chooseImage({
            chooseImageWithNotice({
               count: maxCount,
               sizeType: ['compressed'],
               sourceType: ['album', 'camera'],
@@ -419,7 +434,7 @@
                  const tempFilePaths = allTempPaths.slice(0, remaining)
                  this.uploadFiles(field, tempFilePaths, maxCount)
               }
            })
            }).catch(() => {})
         },
         uploadFiles(field, tempFilePaths, maxCount) {
            const uploadPath = this.uploadPaths[field]
@@ -1065,4 +1080,44 @@
         color: #b7bdc7;
      }
   }
</style>
   .driver-cert-notice {
      width: 620rpx;
      padding: 48rpx 36rpx 36rpx;
      background: #ffffff;
      border-radius: 24rpx;
      box-sizing: border-box;
      &__title {
         display: block;
         text-align: center;
         font-size: 34rpx;
         font-weight: 600;
         color: #222222;
      }
      &__content {
         display: block;
         margin-top: 28rpx;
         font-size: 28rpx;
         line-height: 1.7;
         color: #555555;
      }
      &__button {
         margin-top: 40rpx;
         width: 100%;
         height: 88rpx;
         line-height: 88rpx;
         border-radius: 44rpx;
         background: #106efa;
         font-size: 28rpx;
         color: #ffffff;
         padding: 0;
         &::after {
            border: 0;
         }
      }
   }
</style>