integrated_traffic_uniapp/pages/basics/basic-info/components/certificate.vue

900 lines
35 KiB
Vue
Raw Normal View History

2024-03-22 15:08:55 +08:00
<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>