900 lines
35 KiB
Vue
900 lines
35 KiB
Vue
|
<template>
|
|||
|
<view>
|
|||
|
<!-- <cu-custom bgColor="bg-gradual-blueness" :isBack="true">
|
|||
|
<block slot="backText">返回</block>
|
|||
|
<block slot="content">从业人员注册-基础信息</block>
|
|||
|
</cu-custom>-->
|
|||
|
<scroll-view scroll-y="false" >
|
|||
|
<view class="form">
|
|||
|
<view class="cu-form-group">
|
|||
|
<view class="title">姓名</view>
|
|||
|
<input v-model="formData.NAME" disabled placeholder="请输入姓名" maxlength="50" name="input" style="color: #cccccc" />
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">身份证号</view>
|
|||
|
<input v-model="formData.USER_ID_CARD" disabled placeholder="请输入身份证号" maxlength="18" name="input" style="color: #cccccc" />
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">手机</view>
|
|||
|
<input v-model="formData.PHONE" disabled placeholder="请输入手机证号" maxlength="11" name="input" style="color: #cccccc" />
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">人员类型</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.PERSONNEL_TYPE_NAME}}</view>
|
|||
|
<picker v-else @change="pickerChangeData($event,'PERSONNEL_TYPE')" disabled :value="dictData.PERSONNEL_TYPE.index" :range="dictData.PERSONNEL_TYPE.list" range-key="NAME">
|
|||
|
<view class="picker" style="color: #cccccc">
|
|||
|
{{formData.PERSONNEL_TYPE_NAME?formData.PERSONNEL_TYPE_NAME:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
|
|||
|
<!-- 身份证 -->
|
|||
|
<uni-section title="身份证" type="line" class="margin-top" padding>
|
|||
|
<view v-if="forbidEdit" class="cu-form-textarea">
|
|||
|
<view class="title">
|
|||
|
<text>身份证(正面)</text>
|
|||
|
</view>
|
|||
|
<view class="cu-form-p">
|
|||
|
<scroll-view scroll-x class="bg-white nav" scroll-with-animation>
|
|||
|
<view class="imgs">
|
|||
|
<image :src="baseImgPath+formData.ID_CARD_FRONT" @click="ViewShowImage(event, formData.ID_CARD_FRONT)"
|
|||
|
mode=""></image>
|
|||
|
</view>
|
|||
|
</scroll-view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-bar bg-white margin-top">
|
|||
|
<view class="action" style="font-size: 28upx; font-weight: bold; color: #000;">
|
|||
|
身份证(正面)
|
|||
|
</view>
|
|||
|
<view class="action">
|
|||
|
{{fileData.idCardFront.length}}/1
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-form-group">
|
|||
|
<view class="grid col-4 grid-square flex-sub">
|
|||
|
<view class="bg-img" v-for="(item,index) in fileData.idCardFront" :key="index" @tap="ViewImage($event,'idCardFront')" data-type="0" :data-url="fileData.idCardFront[index].filePath">
|
|||
|
<image :src="fileData.idCardFront[index].filePath" mode="aspectFill"></image>
|
|||
|
<view class="cu-tag bg-red" @tap.stop="DelImg($event,'idCardFront')" data-type="0" :data-index="index">
|
|||
|
<text class='cuIcon-close'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="solids" @tap.stop="openAuth('CAMERA','idCardFront')" v-if="fileData.idCardFront.length<1">
|
|||
|
<text class='cuIcon-cameraadd'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="forbidEdit" class="cu-form-textarea">
|
|||
|
<view class="title">
|
|||
|
<text>身份证(背面)</text>
|
|||
|
</view>
|
|||
|
<view class="cu-form-p">
|
|||
|
<scroll-view scroll-x class="bg-white nav" scroll-with-animation>
|
|||
|
<view class="imgs">
|
|||
|
<image :src="baseImgPath+formData.ID_CARD_BACK" @click="ViewShowImage(event, formData.ID_CARD_BACK)"
|
|||
|
mode=""></image>
|
|||
|
</view>
|
|||
|
</scroll-view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-bar bg-white margin-top-xs">
|
|||
|
<view class="action" style="font-size: 28upx; font-weight: bold; color: #000;">
|
|||
|
身份证(背面)
|
|||
|
</view>
|
|||
|
<view class="action">
|
|||
|
{{fileData.idCardBack.length}}/1
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-form-group">
|
|||
|
<view class="grid col-4 grid-square flex-sub">
|
|||
|
<view class="bg-img" v-for="(item,index) in fileData.idCardBack" :key="index" @tap="ViewImage($event,'idCardBack')" data-type="0" :data-url="fileData.idCardBack[index].filePath">
|
|||
|
<image :src="fileData.idCardBack[index].filePath" mode="aspectFill"></image>
|
|||
|
<view class="cu-tag bg-red" @tap.stop="DelImg($event,'idCardBack')" data-type="0" :data-index="index">
|
|||
|
<text class='cuIcon-close'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="solids" @tap.stop="openAuth('CAMERA','idCardBack')" v-if="fileData.idCardBack.length<1">
|
|||
|
<text class='cuIcon-cameraadd'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">生日</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.DATE_OF_BIRTH}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'DATE_OF_BIRTH')" :value="formData.DATE_OF_BIRTH" :end="limitData.DATE_OF_BIRTH.end">
|
|||
|
<view class="picker">
|
|||
|
{{formData.DATE_OF_BIRTH?formData.DATE_OF_BIRTH:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">民族</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.NATION_NAME}}</view>
|
|||
|
<picker v-else @change="pickerChangeData($event,'NATION')" :value="dictData.NATION.index" :range="dictData.NATION.list" range-key="NAME">
|
|||
|
<view class="picker">
|
|||
|
{{formData.NATION_NAME?formData.NATION_NAME:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">性别</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.SEX_NAME}}</view>
|
|||
|
<picker v-else @change="pickerChangeData($event,'SEX')" :value="dictData.SEX.index" :range="dictData.SEX.list" range-key="NAME">
|
|||
|
<view class="picker">
|
|||
|
{{formData.SEX_NAME?formData.SEX_NAME:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">有效期(起始)</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.ID_CARD_VALIDITY_START}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'ID_CARD_VALIDITY_START')" :value="formData.ID_CARD_VALIDITY_START" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.ID_CARD_VALIDITY_START?formData.ID_CARD_VALIDITY_START:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">有效期(截止)</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.ID_CARD_VALIDITY_END}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'ID_CARD_VALIDITY_END')" :value="formData.ID_CARD_VALIDITY_END" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.ID_CARD_VALIDITY_END?formData.ID_CARD_VALIDITY_END:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-textarea margin-top-xs">
|
|||
|
<view class="cu-form-title">住址</view>
|
|||
|
<textarea v-model="formData.ID_CARD_ADDRESS" :disabled="forbidEdit" maxlength="150" placeholder="请输入身份证住址" :style="'color:' + colorValue + ';'"></textarea>
|
|||
|
</view>
|
|||
|
<view class="cu-form-textarea margin-top-xs">
|
|||
|
<view class="cu-form-title">签发机关</view>
|
|||
|
<textarea v-model="formData.ID_CARD_ORGAN" :disabled="forbidEdit" maxlength="150" placeholder="请输入身份证签发机关" :style="'color:' + colorValue + ';'"></textarea>
|
|||
|
</view>
|
|||
|
</uni-section>
|
|||
|
|
|||
|
<!-- 驾驶证 -->
|
|||
|
<uni-section title="驾驶证" type="line" class="margin-top" padding>
|
|||
|
<view v-if="forbidEdit" class="cu-form-textarea">
|
|||
|
<view class="title">
|
|||
|
<text>驾驶证</text>
|
|||
|
</view>
|
|||
|
<view class="cu-form-p">
|
|||
|
<scroll-view scroll-x class="bg-white nav" scroll-with-animation>
|
|||
|
<view class="imgs">
|
|||
|
<image :src="baseImgPath+formData.DRIVER_LICENSE" @click="ViewShowImage(event, formData.DRIVER_LICENSE)"
|
|||
|
mode=""></image>
|
|||
|
</view>
|
|||
|
</scroll-view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-bar bg-white margin-top">
|
|||
|
<view class="action" style="font-size: 28upx; font-weight: bold; color: #000;">
|
|||
|
驾驶证
|
|||
|
</view>
|
|||
|
<view class="action">
|
|||
|
{{fileData.driverLicense.length}}/1
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-form-group">
|
|||
|
<view class="grid col-4 grid-square flex-sub">
|
|||
|
<view class="bg-img" v-for="(item,index) in fileData.driverLicense" :key="index" @tap="ViewImage($event,'driverLicense')" data-type="0" :data-url="fileData.driverLicense[index].filePath">
|
|||
|
<image :src="fileData.driverLicense[index].filePath" mode="aspectFill"></image>
|
|||
|
<view class="cu-tag bg-red" @tap.stop="DelImg($event,'driverLicense')" data-type="0" :data-index="index">
|
|||
|
<text class='cuIcon-close'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="solids" @tap.stop="openAuth('CAMERA','driverLicense')" v-if="fileData.driverLicense.length<1">
|
|||
|
<text class='cuIcon-cameraadd'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">驾驶证号</view>
|
|||
|
<input v-model="formData.DRIVER_LICENSE_NO" :disabled="forbidEdit" placeholder="请输入驾驶证号" maxlength="18" name="input" :style="'color:' + colorValue + ';'" />
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">准驾车型</view>
|
|||
|
<zqs-select
|
|||
|
:multiple="true"
|
|||
|
:list="dictData.DRIVING_MODEL.list"
|
|||
|
:show-search="false"
|
|||
|
:disabled="forbidEdit"
|
|||
|
v-model="formData.DRIVING_MODEL"
|
|||
|
label-key="NAME"
|
|||
|
value-key="DICTIONARIES_ID"
|
|||
|
placeholder="请选择准驾车型"
|
|||
|
title="选择准驾车型"
|
|||
|
clearable
|
|||
|
@change="changeSelect($event, 'DRIVING_MODEL')"
|
|||
|
></zqs-select>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">国籍</view>
|
|||
|
<zqs-select
|
|||
|
:multiple="false"
|
|||
|
:list="dictData.NATIONALITY.list"
|
|||
|
:show-search="true"
|
|||
|
:disabled="forbidEdit"
|
|||
|
v-model="formData.DRIVING_NATIONALITY"
|
|||
|
label-key="NAME"
|
|||
|
value-key="NAME"
|
|||
|
placeholder="请选择国籍"
|
|||
|
title="选择国籍"
|
|||
|
clearable
|
|||
|
></zqs-select>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">初次领证日期</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.DRIVER_LICENSE_ISSUE_DATE}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'DRIVER_LICENSE_ISSUE_DATE')" :value="formData.DRIVER_LICENSE_ISSUE_DATE" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.DRIVER_LICENSE_ISSUE_DATE?formData.DRIVER_LICENSE_ISSUE_DATE:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">有效期(起始)</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.DRIVER_LICENSE_VALIDITY_START}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'DRIVER_LICENSE_VALIDITY_START')" :value="formData.DRIVER_LICENSE_VALIDITY_START" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.DRIVER_LICENSE_VALIDITY_START?formData.DRIVER_LICENSE_VALIDITY_START:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">有效期(截止)</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.DRIVER_LICENSE_VALIDITY_END}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'DRIVER_LICENSE_VALIDITY_END')" :value="formData.DRIVER_LICENSE_VALIDITY_END" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.DRIVER_LICENSE_VALIDITY_END?formData.DRIVER_LICENSE_VALIDITY_END:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-textarea margin-top-xs">
|
|||
|
<view class="cu-form-title">签发机关</view>
|
|||
|
<textarea v-model="formData.DRIVER_LICENSE_ORGAN" :disabled="forbidEdit" maxlength="150" placeholder="请输入驾驶证签发机关" :style="'color:' + colorValue + ';'"></textarea>
|
|||
|
</view>
|
|||
|
</uni-section>
|
|||
|
|
|||
|
<!-- 道路运输从业人员从业资格证 -->
|
|||
|
<uni-section title="道路运输从业人员从业资格证" type="line" class="margin-top" padding>
|
|||
|
<view v-if="forbidEdit" class="cu-form-textarea">
|
|||
|
<view class="title">
|
|||
|
<text>从业资格证</text>
|
|||
|
</view>
|
|||
|
<view class="cu-form-p">
|
|||
|
<scroll-view scroll-x class="bg-white nav" scroll-with-animation>
|
|||
|
<view class="imgs">
|
|||
|
<image :src="baseImgPath+formData.QUALIFICATION_CERTIFICATE" @click="ViewShowImage(event, formData.QUALIFICATION_CERTIFICATE)"
|
|||
|
mode=""></image>
|
|||
|
</view>
|
|||
|
</scroll-view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-bar bg-white margin-top">
|
|||
|
<view class="action" style="font-size: 28upx; font-weight: bold; color: #000;">
|
|||
|
从业资格证
|
|||
|
</view>
|
|||
|
<view class="action">
|
|||
|
{{fileData.qualificationCertificate.length}}/1
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view v-if="!forbidEdit" class="cu-form-group">
|
|||
|
<view class="grid col-4 grid-square flex-sub">
|
|||
|
<view class="bg-img" v-for="(item,index) in fileData.qualificationCertificate" :key="index" @tap="ViewImage($event,'qualificationCertificate')" data-type="0" :data-url="fileData.qualificationCertificate[index].filePath">
|
|||
|
<image :src="fileData.qualificationCertificate[index].filePath" mode="aspectFill"></image>
|
|||
|
<view class="cu-tag bg-red" @tap.stop="DelImg($event,'qualificationCertificate')" data-type="0" :data-index="index">
|
|||
|
<text class='cuIcon-close'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="solids" @tap.stop="openAuth('CAMERA','qualificationCertificate')" v-if="fileData.qualificationCertificate.length<1">
|
|||
|
<text class='cuIcon-cameraadd'></text>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">从业资格证号</view>
|
|||
|
<input v-model="formData.QUALIFICATION_CERTIFICATE_NO" :disabled="forbidEdit" placeholder="请输入从业资格证号" maxlength="18" name="input" :style="'color:' + colorValue + ';'" />
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">从业资格类别</view>
|
|||
|
<zqs-select
|
|||
|
:multiple="true"
|
|||
|
:list="dictData.QUALIFICATION_CERTIFICATE_CATEGORY.list"
|
|||
|
:show-search="false"
|
|||
|
:disabled="forbidEdit"
|
|||
|
v-model="formData.QUALIFICATION_CERTIFICATE_CATEGORY"
|
|||
|
label-key="NAME"
|
|||
|
value-key="DICTIONARIES_ID"
|
|||
|
placeholder="请选择从业资格类别"
|
|||
|
title="选择从业资格类别"
|
|||
|
clearable
|
|||
|
@change="changeSelect($event, 'QUALIFICATION_CERTIFICATE_CATEGORY')"
|
|||
|
></zqs-select>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">国籍</view>
|
|||
|
<zqs-select
|
|||
|
:multiple="false"
|
|||
|
:list="dictData.NATIONALITY.list"
|
|||
|
:show-search="true"
|
|||
|
:disabled="forbidEdit"
|
|||
|
v-model="formData.QUALIFICATION_CERTIFICATE_NATIONALITY"
|
|||
|
label-key="NAME"
|
|||
|
value-key="NAME"
|
|||
|
placeholder="请选择国籍"
|
|||
|
title="选择国籍"
|
|||
|
clearable
|
|||
|
></zqs-select>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">初次领证日期</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.QUALIFICATION_CERTIFICATE_ISSUE_DATE}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'QUALIFICATION_CERTIFICATE_ISSUE_DATE')" :value="formData.QUALIFICATION_CERTIFICATE_ISSUE_DATE" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.QUALIFICATION_CERTIFICATE_ISSUE_DATE?formData.QUALIFICATION_CERTIFICATE_ISSUE_DATE:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">有效期(起始)</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.QUALIFICATION_CERTIFICATE_VALIDITY_START}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'QUALIFICATION_CERTIFICATE_VALIDITY_START')" :value="formData.QUALIFICATION_CERTIFICATE_VALIDITY_START" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.QUALIFICATION_CERTIFICATE_VALIDITY_START?formData.QUALIFICATION_CERTIFICATE_VALIDITY_START:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-group margin-top-xs">
|
|||
|
<view class="title">有效期(截止)</view>
|
|||
|
<view v-if="forbidEdit" style="color: #cccccc">{{formData.QUALIFICATION_CERTIFICATE_VALIDITY_END}}</view>
|
|||
|
<picker v-else mode="date" @change="changeDate($event,'QUALIFICATION_CERTIFICATE_VALIDITY_END')" :value="formData.QUALIFICATION_CERTIFICATE_VALIDITY_END" >
|
|||
|
<view class="picker">
|
|||
|
{{formData.QUALIFICATION_CERTIFICATE_VALIDITY_END?formData.QUALIFICATION_CERTIFICATE_VALIDITY_END:'请选择'}}
|
|||
|
</view>
|
|||
|
</picker>
|
|||
|
</view>
|
|||
|
<view class="cu-form-textarea margin-top-xs">
|
|||
|
<view class="cu-form-title">签发机关</view>
|
|||
|
<textarea v-model="formData.QUALIFICATION_CERTIFICATE_ORGAN" :disabled="forbidEdit" maxlength="150" placeholder="请输入从业资格证签发机关" :style="'color:' + colorValue + ';'"></textarea>
|
|||
|
</view>
|
|||
|
</uni-section>
|
|||
|
|
|||
|
|
|||
|
</view>
|
|||
|
<view class="cu-bar btn-group" style="margin-top: 30upx;">
|
|||
|
<!-- <button v-if="!forbidEdit" class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(confirmCertificate)">下一步</button>-->
|
|||
|
<button v-if="!forbidEdit" :loading="buttonloading" :disabled="buttonloading" class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(confirmCertificate)">提 交</button>
|
|||
|
<button v-if="forbidEdit && applyStatus !== '0'" class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(goEdit)">编辑</button>
|
|||
|
<!-- <button class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goback)">返回</button>-->
|
|||
|
</view>
|
|||
|
</scroll-view>
|
|||
|
<yk-authpup ref="authpup" type="top" @changeAuth="ChooseImage(0)" :permissionID="permissionID"></yk-authpup>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script>
|
|||
|
import {
|
|||
|
formatDate, baseImgPath, getLevel, getLevelCustom
|
|||
|
} from '../../../../common/tool.js';
|
|||
|
import UniSection from "../../../../components/uni-section/components/uni-section/uni-section";
|
|||
|
import ZqsSelect from '../../../../components/zqs-select/zqs-select.vue'
|
|||
|
export default {
|
|||
|
name: "register_certificate",
|
|||
|
components: {
|
|||
|
UniSection, ZqsSelect
|
|||
|
},
|
|||
|
props: {
|
|||
|
applyStatus: {
|
|||
|
type: String,
|
|||
|
default: ''
|
|||
|
},
|
|||
|
forbidEdit: {
|
|||
|
type: Boolean,
|
|||
|
default: true
|
|||
|
},
|
|||
|
colorValue: {
|
|||
|
type: String,
|
|||
|
default: "#cccccc"
|
|||
|
},
|
|||
|
formData: {
|
|||
|
type: Object,
|
|||
|
default: function() {
|
|||
|
return {}
|
|||
|
}
|
|||
|
},
|
|||
|
fileData: {
|
|||
|
type: Object,
|
|||
|
default: function() {
|
|||
|
return {}
|
|||
|
}
|
|||
|
},
|
|||
|
buttonloading: {
|
|||
|
type: Boolean,
|
|||
|
default: function() {
|
|||
|
return false
|
|||
|
}
|
|||
|
}
|
|||
|
},
|
|||
|
data() {
|
|||
|
return {
|
|||
|
baseImgPath:baseImgPath,
|
|||
|
permissionID:'',
|
|||
|
noClick: true,
|
|||
|
currentFileDataList: '', // 当前是那个附件选择list
|
|||
|
// 范围限制
|
|||
|
limitData: {
|
|||
|
// 生日
|
|||
|
DATE_OF_BIRTH:{ start: '', end: '' },
|
|||
|
// 身份证有效期(起始)
|
|||
|
ID_CARD_VALIDITY_START:{ start: '', end: '' },
|
|||
|
// 身份证有效期(截止)
|
|||
|
ID_CARD_VALIDITY_END:{ start: '', end: '' },
|
|||
|
// 驾驶证初次领证日期
|
|||
|
DRIVER_LICENSE_ISSUE_DATE:{ start: '', end: '' },
|
|||
|
// 驾驶证有效期(起始)
|
|||
|
DRIVER_LICENSE_VALIDITY_START:{ start: '', end: '' },
|
|||
|
// 驾驶证有效期(截止)
|
|||
|
DRIVER_LICENSE_VALIDITY_END:{ start: '', end: '' },
|
|||
|
// 从业资格证初次领证日期
|
|||
|
QUALIFICATION_CERTIFICATE_ISSUE_DATE:{ start: '', end: '' },
|
|||
|
// 从业资格证有效期(起始)
|
|||
|
QUALIFICATION_CERTIFICATE_VALIDITY_START:{ start: '', end: '' },
|
|||
|
// 从业资格证有效期(截止)
|
|||
|
QUALIFICATION_CERTIFICATE_VALIDITY_END:{ start: '', end: '' },
|
|||
|
},
|
|||
|
dictData:{
|
|||
|
// 人员类型
|
|||
|
PERSONNEL_TYPE:{
|
|||
|
index: -1,
|
|||
|
list:[],
|
|||
|
},
|
|||
|
// 性别
|
|||
|
SEX:{
|
|||
|
index: -1,
|
|||
|
list:[
|
|||
|
{ NAME: '男', DICTIONARIES_ID: '1' },
|
|||
|
{ NAME: '女', DICTIONARIES_ID: '0' }
|
|||
|
],
|
|||
|
},
|
|||
|
// 民族
|
|||
|
NATION:{
|
|||
|
index: -1,
|
|||
|
list:[],
|
|||
|
},
|
|||
|
// 准驾车型
|
|||
|
DRIVING_MODEL: {
|
|||
|
index: -1,
|
|||
|
list:[],
|
|||
|
},
|
|||
|
// 国籍
|
|||
|
NATIONALITY: {
|
|||
|
index: -1,
|
|||
|
list:[],
|
|||
|
},
|
|||
|
// 从业资格类别
|
|||
|
QUALIFICATION_CERTIFICATE_CATEGORY: {
|
|||
|
index: -1,
|
|||
|
list:[],
|
|||
|
},
|
|||
|
// 国籍
|
|||
|
QUALIFICATION_CERTIFICATE_NATIONALITY: {
|
|||
|
index: -1,
|
|||
|
list:[],
|
|||
|
},
|
|||
|
}
|
|||
|
}
|
|||
|
},
|
|||
|
mounted() {
|
|||
|
this.getDictList()
|
|||
|
var _this = this
|
|||
|
let now = new Date();
|
|||
|
var birthEnd=now.setFullYear(now.getFullYear()-17);
|
|||
|
birthEnd=new Date(birthEnd);
|
|||
|
this.limitData.DATE_OF_BIRTH.end = formatDate(birthEnd, 'yyyy-MM-dd'); // 生日截止时间
|
|||
|
this.dictData.SEX.list.forEach((item, index) => {
|
|||
|
if (item.DICTIONARIES_ID === _this.formData.SEX) {
|
|||
|
_this.dictData.SEX.index = index;
|
|||
|
_this.formData.SEX = _this.dictData.SEX.list[_this.dictData.SEX.index].DICTIONARIES_ID
|
|||
|
_this.formData.SEX_NAME = _this.dictData.SEX.list[_this.dictData.SEX.index].NAME
|
|||
|
}
|
|||
|
})
|
|||
|
},
|
|||
|
methods: {
|
|||
|
async getDictList(){
|
|||
|
// 人员类型
|
|||
|
this.dictData.PERSONNEL_TYPE.list = await getLevel({DICTIONARIES_ID: '0b62f92b0b624aab8e89a77304a64d5e', BIANMA: 'TRAFFIC_EMPLOYMENT_DRIVE'});
|
|||
|
// 民族
|
|||
|
this.dictData.NATION.list = await getLevel({DICTIONARIES_ID: '0a0e406f27f74ee698fe9979d25f62dd'});
|
|||
|
// 准驾车型
|
|||
|
this.dictData.DRIVING_MODEL.list = await getLevel({DICTIONARIES_ID: 'b41e247057334789b60bdf3fe6d8d6ba'});
|
|||
|
// 国籍
|
|||
|
this.dictData.NATIONALITY.list = await getLevel({DICTIONARIES_ID: '3b614b43e8814f51a3492f2fdbc9a415'});
|
|||
|
// 从业资格类别
|
|||
|
this.dictData.QUALIFICATION_CERTIFICATE_CATEGORY.list = await getLevelCustom({DICTIONARIES_ID: 'ed38fa5f78c64e6d906d2bad0d72bd63', LEVEL: 3});
|
|||
|
this.dictData.QUALIFICATION_CERTIFICATE_CATEGORY.list.forEach((item) => {
|
|||
|
item.NAME = '('+ item.BIANMA + ') ' + item.NAME
|
|||
|
})
|
|||
|
|
|||
|
},
|
|||
|
//跳转事件
|
|||
|
confirmCertificate() {
|
|||
|
if (this.validateData()) {
|
|||
|
this.$emit("confirm", '');
|
|||
|
}
|
|||
|
},
|
|||
|
goEdit(){
|
|||
|
this.$emit("goEdit", false);
|
|||
|
},
|
|||
|
changeDate(e,name) {
|
|||
|
this.formData[name] = e.detail.value
|
|||
|
this.$forceUpdate();//强制刷新
|
|||
|
},
|
|||
|
changeSelect(e, name) {
|
|||
|
this.$forceUpdate();//强制刷新
|
|||
|
},
|
|||
|
pickerChangeData(e,name) {
|
|||
|
// 人员类型
|
|||
|
if (name === 'PERSONNEL_TYPE') {
|
|||
|
this.dictData.PERSONNEL_TYPE.index = e.detail.value;
|
|||
|
this.formData.PERSONNEL_TYPE = this.dictData.PERSONNEL_TYPE.list[this.dictData.PERSONNEL_TYPE.index].DICTIONARIES_ID
|
|||
|
this.formData.PERSONNEL_TYPE_NAME = this.dictData.PERSONNEL_TYPE.list[this.dictData.PERSONNEL_TYPE.index].NAME
|
|||
|
}
|
|||
|
// 性别
|
|||
|
if (name === 'SEX') {
|
|||
|
this.dictData.SEX.index = e.detail.value;
|
|||
|
this.formData.SEX = this.dictData.SEX.list[this.dictData.SEX.index].DICTIONARIES_ID
|
|||
|
this.formData.SEX_NAME = this.dictData.SEX.list[this.dictData.SEX.index].NAME
|
|||
|
}
|
|||
|
// 民族
|
|||
|
if (name === 'NATION') {
|
|||
|
this.dictData.NATION.index = e.detail.value;
|
|||
|
this.formData.NATION = this.dictData.NATION.list[this.dictData.NATION.index].DICTIONARIES_ID
|
|||
|
this.formData.NATION_NAME = this.dictData.NATION.list[this.dictData.NATION.index].NAME
|
|||
|
}
|
|||
|
this.$forceUpdate();//强制刷新
|
|||
|
},
|
|||
|
openAuth(permissionID, list){
|
|||
|
this.permissionID = permissionID;
|
|||
|
this.currentFileDataList = list
|
|||
|
setTimeout(()=>{
|
|||
|
this.$refs['authpup'].open();
|
|||
|
},200)
|
|||
|
},
|
|||
|
|
|||
|
//图片上传
|
|||
|
ChooseImage(e) {
|
|||
|
var _this = this;
|
|||
|
var ss=1-this.fileData[this.currentFileDataList].length;
|
|||
|
uni.chooseImage({
|
|||
|
count: ss, //默认9
|
|||
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
|
|||
|
sourceType: ['camera','album'], //从相册选择
|
|||
|
success: (res) => {
|
|||
|
if(e==0) {
|
|||
|
for (let i = 0; i < res.tempFilePaths.length; i++) {
|
|||
|
let img={};
|
|||
|
img.id='';
|
|||
|
img.filePath=res.tempFilePaths[i];
|
|||
|
this.fileData[this.currentFileDataList].push(img)
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
});
|
|||
|
},
|
|||
|
ViewImage(e,list) {
|
|||
|
console.info(e.currentTarget.dataset.type)
|
|||
|
let files =[];
|
|||
|
if(e.currentTarget.dataset.type==0) {
|
|||
|
for(var i=0;i<this.fileData[list].length;i++){
|
|||
|
files.push(this.fileData[list][i].filePath)
|
|||
|
}
|
|||
|
}else{
|
|||
|
let files =[];
|
|||
|
for(var i=0;i<this.fileData[list].length;i++){
|
|||
|
files.push(this.fileData[list][i].filePath)
|
|||
|
}
|
|||
|
}
|
|||
|
uni.previewImage({
|
|||
|
urls: files,
|
|||
|
current: e.currentTarget.dataset.url
|
|||
|
});
|
|||
|
},
|
|||
|
DelImg(e, list) {
|
|||
|
var _this = this;
|
|||
|
let i=e.currentTarget.dataset.index
|
|||
|
uni.showModal({
|
|||
|
title: '操作提示',
|
|||
|
content: '确定要删除这张图片吗?',
|
|||
|
cancelColor:"#000000",
|
|||
|
cancelText: '取消',
|
|||
|
confirmText: '确定',
|
|||
|
success: res => {
|
|||
|
if (res.confirm) {
|
|||
|
if(e.currentTarget.dataset.type==0) {
|
|||
|
if(_this.formData.USER_ID) {
|
|||
|
uni.showLoading({
|
|||
|
title: '处理中'
|
|||
|
})
|
|||
|
uni.request({
|
|||
|
url: basePath+'/app/imgfiles/delete',
|
|||
|
method: 'POST',
|
|||
|
dataType: 'json',
|
|||
|
header: {
|
|||
|
'Content-type':'application/x-www-form-urlencoded'
|
|||
|
},
|
|||
|
data: {
|
|||
|
list: '',
|
|||
|
CORPINFO_ID:loginUser.CORPINFO_ID,
|
|||
|
USER_ID:loginUser.USER_ID,
|
|||
|
},
|
|||
|
success: (res) => {
|
|||
|
uni.hideLoading();
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '删除成功',
|
|||
|
duration: 1500
|
|||
|
});
|
|||
|
_this.fileData[list].splice(i, 1)
|
|||
|
},
|
|||
|
fail: (err) => {
|
|||
|
uni.hideLoading();
|
|||
|
uni.showModal({
|
|||
|
content: err.errMsg,
|
|||
|
showCancel: false
|
|||
|
});
|
|||
|
}
|
|||
|
})
|
|||
|
}else {
|
|||
|
this.fileData[list].splice(e.currentTarget.dataset.index, 1)
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
})
|
|||
|
},
|
|||
|
ViewShowImage(e, path) {
|
|||
|
let files = [];
|
|||
|
files.push(baseImgPath + path)
|
|||
|
uni.previewImage({
|
|||
|
urls: files,
|
|||
|
current: e.currentTarget.dataset.index
|
|||
|
});
|
|||
|
},
|
|||
|
goback(){
|
|||
|
var pages = getCurrentPages(); // 获取当前页面栈
|
|||
|
var prePage = pages[pages.length - 2]; // 上二级页面
|
|||
|
prePage.$vm.initflag = true; // A 页面 init方法 为true
|
|||
|
uni.navigateBack({delta: 1});
|
|||
|
uni.hideLoading();
|
|||
|
},
|
|||
|
validateData() {
|
|||
|
// 身份证
|
|||
|
if (this.fileData.idCardFront.length < 1) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请上传身份证照片(正面)',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (this.fileData.idCardBack.length < 1) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请上传身份证照片(背面)',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.DATE_OF_BIRTH) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择生日',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.NATION) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择民族',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.SEX) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择性别',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.ID_CARD_VALIDITY_START || !this.formData.ID_CARD_VALIDITY_END) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择身份证有效期时间',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.ID_CARD_ADDRESS) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请输入住址信息',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.ID_CARD_ORGAN) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请输入身份证的签发机关',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
|
|||
|
// 驾驶证
|
|||
|
if (this.fileData.driverLicense.length < 1) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请上传驾驶证照片',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.DRIVER_LICENSE_NO) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请输入驾驶证号',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (this.formData.DRIVING_MODEL.length < 1) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择准驾车型',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.DRIVER_LICENSE_ISSUE_DATE) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择初次领证日期',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.DRIVER_LICENSE_VALIDITY_START || !this.formData.DRIVER_LICENSE_VALIDITY_END) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择驾驶证有效期时间',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.DRIVER_LICENSE_ORGAN) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请输入驾驶证的签发机关',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
|
|||
|
// 从业资格证证
|
|||
|
if (this.fileData.qualificationCertificate.length < 1) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请上传从业资格证照片',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.QUALIFICATION_CERTIFICATE_NO) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请输入从业资格证号',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (this.formData.QUALIFICATION_CERTIFICATE_CATEGORY.length < 1) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择从业资格证类别',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.QUALIFICATION_CERTIFICATE_ISSUE_DATE) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择初次领证日期',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.QUALIFICATION_CERTIFICATE_VALIDITY_START || !this.formData.QUALIFICATION_CERTIFICATE_VALIDITY_END) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请选择从业资格证有效期时间',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!this.formData.QUALIFICATION_CERTIFICATE_ORGAN) {
|
|||
|
uni.showToast({
|
|||
|
icon: 'none',
|
|||
|
title: '请输入从业资格证的签发机关',
|
|||
|
duration: 2000
|
|||
|
});
|
|||
|
return false;
|
|||
|
}
|
|||
|
return true;
|
|||
|
},
|
|||
|
|
|||
|
}
|
|||
|
}
|
|||
|
</script>
|
|||
|
|
|||
|
<style>
|
|||
|
page{
|
|||
|
background-color: #f3f2f2;
|
|||
|
}
|
|||
|
.prevent {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
position: fixed;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.cu-form-title{
|
|||
|
padding: 20upx 0;
|
|||
|
}
|
|||
|
.cu-form-textarea{
|
|||
|
background-color: #ffffff;
|
|||
|
padding: 1upx 30upx 20upx;
|
|||
|
min-height: 100upx;
|
|||
|
}
|
|||
|
.cu-form-textarea textarea {
|
|||
|
height: 4.6em;
|
|||
|
width: 100%;
|
|||
|
line-height: 1.2em;
|
|||
|
flex: 1;
|
|||
|
font-size: 28upx;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.selected{
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
height: 100upx;
|
|||
|
}
|
|||
|
.selected .radio{
|
|||
|
transform:scale(0.8);
|
|||
|
margin-right: 10upx;
|
|||
|
}
|
|||
|
.group{
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.cu-form-group .title{
|
|||
|
font-size: 28upx;
|
|||
|
font-weight: bold;
|
|||
|
}
|
|||
|
.cu-bar .action:first-child {
|
|||
|
font-size: 28upx;
|
|||
|
}
|
|||
|
.cu-form-group .picker{
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
.picker-tree{
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
</style>
|