fix: s

zhengyiming

2025-09-16 bd76c5eb441133b8aeb96ab7a96326325e8b0b23

 apps/cMiniApp/src/subpackages/authentication/authenticationRealName/InnerPage.vue

@@ -3,18 +3,14 @@
    <nut-form :model-value="form" ref="formRef" :rules="rules">
      <ProFormItemCell label="身份证照片:" required>
        <div class="id-imgUrl-wrapper">
          <nut-form-item
            label=" "
            class="bole-form-item"
            prop="legalPersonIdFrontImgUrl"
            label-width="0px"
          >
          <nut-form-item label=" " class="bole-form-item" prop="identityImg" label-width="0px">
            <Uploader
              v-model:file-list="form.legalPersonIdFrontImgUrl"
              v-model:file-list="form.identityImg"
              :maximum="1"
              :limitFileSize="10"
              class="bole-uploader nopaddingtop"
              @my-success="handleFrontImgUrlChange"
              @delete="handleFrontImgUrlDelete"
            >
              <template #upload-icon>
                <div class="photograph-wrapper">
@@ -24,14 +20,9 @@
              </template>
            </Uploader>
          </nut-form-item>
          <nut-form-item
            label=" "
            class="bole-form-item"
            prop="legalPersonIdBackImgUrl"
            label-width="0px"
          >
          <nut-form-item label=" " class="bole-form-item" prop="identityBackImg" label-width="0px">
            <Uploader
              v-model:file-list="form.legalPersonIdBackImgUrl"
              v-model:file-list="form.identityBackImg"
              :maximum="1"
              :limitFileSize="10"
              class="bole-uploader nopaddingtop"
@@ -55,41 +46,45 @@
          v-model.trim="form.name"
          class="nut-input-text bole-input-text"
          placeholder="请填写姓名"
          :formatter="filterNotCN"
          type="text"
        />
      </nut-form-item>
      <nut-form-item label="身份证号:" class="bole-form-item" prop="idNumber" required>
      <nut-form-item label="身份证号:" class="bole-form-item" prop="identity" required>
        <nut-input
          v-model.trim="form.idNumber"
          v-model.trim="form.identity"
          class="nut-input-text bole-input-text"
          placeholder="请填写身份证号码"
          type="text"
        />
      </nut-form-item>
      <nut-form-item label="手机号:" class="bole-form-item" prop="contactPhone" required>
        <nut-input
          v-model.trim="form.contactPhone"
          class="nut-input-text bole-input-text"
          placeholder="请填写手机号码"
          type="text"
        >
          <template #right>
            <ProFormCaptcha
              :onGetCaptcha="() => onGetCaptcha(form.contactPhone)"
              :phonePropName="['contactPhone', 'name', 'idNumber']"
              :validateField="formRef?.validate"
            ></ProFormCaptcha>
          </template>
        </nut-input>
      </nut-form-item>
      <nut-form-item label="短信验证码:" class="bole-form-item" prop="verificationCode" required>
        <nut-input
          v-model.trim="form.verificationCode"
          class="nut-input-text bole-input-text"
          placeholder="请输入验证码"
          type="number"
        />
      </nut-form-item>
      <template v-if="type === 'realName'">
        <nut-form-item label="手机号:" class="bole-form-item" prop="phoneNumber" required>
          <nut-input
            v-model.trim="form.phoneNumber"
            class="nut-input-text bole-input-text"
            placeholder="请填写手机号码"
            type="text"
          >
            <template #right>
              <ProFormCaptcha
                :onGetCaptcha="() => onGetCaptcha(form.phoneNumber)"
                :phonePropName="['phoneNumber', 'name', 'identity']"
                :validateField="formRef?.validate"
              ></ProFormCaptcha>
            </template>
          </nut-input>
        </nut-form-item>
        <nut-form-item label="短信验证码:" class="bole-form-item" prop="verifyCode" required>
          <nut-input
            v-model.trim="form.verifyCode"
            class="nut-input-text bole-input-text"
            placeholder="请输入验证码"
            type="number"
            :max-length="6"
          />
        </nut-form-item>
      </template>
    </nut-form>
  </ContentScrollView>
  <PageFooter :isOnlyAction="false">
@@ -100,25 +95,31 @@
</template>

<script setup lang="ts">
import { VerificationCodeBusinessType } from '@12333/constants';
import { ProFormCaptcha, ProFormItemCell } from 'senin-mini/components';
import * as commonServices from '@12333/services/api/Common';
import * as electronSignServices from '@12333/services/apiV2/electronSign';
import { FileItem } from '@nutui/nutui-taro/dist/types/__VUE/uploader/type';
import { Photograph } from '@nutui/icons-vue-taro';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import { FormValidator } from '@12333/utils';
import { FormValidator, filterNotCN } from '@12333/utils';
import Taro from '@tarojs/taro';
import { userCredentialVerifyOcrIDCard } from '@12333/hooks';
import { EnumOcrAccess } from '@12333/constants';

defineOptions({
  name: 'InnerPage',
});

const { userDetail } = useUser();
const router = Taro.useRouter();
const type = router.params?.type ?? '';

const form = reactive({
  legalPersonIdFrontImgUrl: [] as FileItem[],
  legalPersonIdBackImgUrl: [] as FileItem[],
  identityImg: [] as FileItem[],
  identityBackImg: [] as FileItem[],
  name: '',
  idNumber: '',
  contactPhone: '',
  verificationCode: '',
  identity: '',
  phoneNumber: userDetail.value?.contactPhoneNumber,
  verifyCode: '',
});

const formRef = ref<any>(null);
@@ -126,52 +127,103 @@

const rules: FormRules = {
  name: [{ required: true, message: '请填写姓名' }],
  legalPersonIdFrontImgUrl: [
  identityImg: [
    { required: true, message: '请上传身份证人像面', validator: FormValidator.validatorArray },
  ],
  legalPersonIdBackImgUrl: [
  identityBackImg: [
    { required: true, message: '请上传身份证国徽面', validator: FormValidator.validatorArray },
  ],
  idNumber: [
  identity: [
    { required: true, message: '请填写身份证号码' },
    { message: '请输入正确的身份证号码', validator: FormValidator.validatorIDCard },
  ],
  legalPersonContactPhone: [
  phoneNumber: [
    { required: true, message: '请填写手机号码' },
    { message: '请输入正确的手机号码', validator: FormValidator.validatorPhoneNumber },
  ],
  verificationCode: [{ required: true, message: '请输入验证码' }],
  verifyCode: [{ required: true, message: '请输入验证码' }],
};

async function onGetCaptcha(phoneNumber: string) {
  await commonServices.sendPhoneCertificationVerificationCode(
  await electronSignServices.sendPersonalUserIdentity3RealSms(
    {
      name: form.name,
      identity: form.idNumber,
      mobile: form.contactPhone,
      businessType: VerificationCodeBusinessType.UserCertificationPhoneCertification,
      identity: form.identity,
      phoneNumber: form.phoneNumber,
    },
    { showLoading: false }
  );
}

function handleFrontImgUrlChange(response: FileItem) {
  // userCredentialVerifyOcrIDCard(response, {
  //   onSuccess(res) {
  //     if (res.realName) form.legalPersonName = res.realName;
  //     if (res.idcardNum) form.legalPersonIdNumber = res.idcardNum;
  //   },
  // });
  userCredentialVerifyOcrIDCard({
    response: response,
    access: EnumOcrAccess.Baidu,
    isOssUrl: true,
    onSuccess(res) {
      if (res.model?.name) form.name = res.model?.name;
      if (res.model?.identity) form.identity = res.model?.identity;
    },
  });
}

function handleSubmit() {
  if (!formRef.value) return;
  formRef.value.validate().then(({ valid, errors }: any) => {
    if (valid) {
      // submit();
      submit();
    }
  });
}

function submit() {
  if (type === 'realName') {
    personalUserIdentity3Real();
  }
  if (type === 'face') {
    personalUserFaceReal();
  }
}

async function personalUserIdentity3Real() {
  try {
    let params: API.PersonalUserIdentity3RealCommand = {
      name: form.name,
      phoneNumber: form.phoneNumber,
      identity: form.identity,
      identityImg: form.identityImg?.[0]?.path ?? '',
      identityBackImg: form.identityBackImg?.[0]?.path ?? '',
      verifyCode: form.verifyCode,
    };
    let res = await electronSignServices.personalUserIdentity3Real(params);
    if (res) {
      Taro.navigateTo({ url: `${RouterPath.authenticationResult}` });
    }
  } catch (error) {}
}

async function personalUserFaceReal() {
  try {
    let params: API.PersonalUserFaceRealCommand = {
      name: form.name,
      identity: form.identity,
      identityImg: form.identityImg?.[0]?.path ?? '',
      identityBackImg: form.identityBackImg?.[0]?.path ?? '',
    };
    let res = await electronSignServices.personalUserFaceReal(params);
    if (res) {
      const encodedUrl = encodeURIComponent(res);
      Taro.navigateTo({ url: `${RouterPath.extraPage}?url=${encodedUrl}` });
    }
  } catch (error) {}
}

function handleFrontImgUrlDelete({ files, fileList, index }) {
  if (fileList?.length === 0) {
    form.name = '';
    form.identity = '';
  }
}
</script>

<style lang="scss">