zhywpt-h5/pages/drivingLicense/drivingLicense.vue

<template>
	<div>
		<custom-header title="车辆信息"></custom-header>
		<div style="padding: 20rpx 0">
			<form-builder-vue :formData="formData" :config="config" @radioChange="radioChange" @uploadImg="uploadImg"
				@submit="submit">
			</form-builder-vue>
		</div>
	</div>

</template>
<script setup lang='ts'>
	import formBuilderVue from '@/components/form-builder/form-builder-vue3'
	import {
		TypeData,
		Index
	} from '@/components/form-builder/tools'
	import {
		IdCard,
		NatureVehicle,
		TollModel
	} from '../../static/data/testData.js'
	import {
		reactive
	} from 'vue'
	import {
		fileURL
	} from '@/static/js/network/api.js';
	// import {
	// 	request
	// } from '../../static/js/network/request';
	import {
		onLoad
	} from '@dcloudio/uni-app';
	import {
		storageKey
	} from '../../static/data/storageKey.js'
	import CustomHeader from '@/components/CustomHeader.vue';

	let config = ({
		submitName: '下一步',
		titleWidth: 250
	})
	
	let formData = reactive([{
		'title': '行驶证照片',
		'type': 8,
		'vertical': 2,
		'inputType': 2,
		'value': 'licensePoImageUrl,licenseNeImageUrl',
		'required': false,
		'hint': '注意事项:且上传有效证件照且图片大小不超过2M',
		'hint1': '行驶证主页',
		'hint2': '行驶证副业',
		'placeholderImg1':fileURL + '/image/applyCard/car-zhu.png',
		'placeholderImg2': fileURL + '/image/applyCard/car-fu.png'
	}, {
		'title': '上传车辆照片',
		'type': 8,
		'vertical': 2,
		'required': false,
		'value': 'vehicleBodyFortyFiveUrl,vehicleFrontUrl',
		'hint': '注意事项:且上传有效证件照且图片大小不超过2M',
		'hint1': '车身45°照',
		'hint2': '车头照片',
		'placeholderImg1': '../../static/image/car1.jpg',
		'placeholderImg2': '../../static/image/car2.jpg'
	}, {
		'title': '上传人车合影和车轴照片',
		'type': 8,
		'vertical': 2,
		'value': 'oneCarImageUrl,axleImageUrl',
		'hint': '注意事项:且上传有效证件照且图片大小不超过2M',
		'hint1': '人车合影照',
		'hint2': '车轴照片'
	}, {
		'title': '相关证书',
		'type': 8,
		'vertical': 2,
		'value': 'roadTransCertUrl,vehicleAuthUrl',
		'hint': '注意事项:且上传有效证件照且图片大小不超过2M',
		'hint1': '牵引车道路运输证',
		'hint2': '车辆授权书'
	}, {
		'title': '车辆用户类型',
		'type': 4,
		'value': 'vehicleCustomerType',
		'required': false,
		'name': 'key',
		'itemKey': 'value',
		'itemData': [{
			'value': '普通车',
			'key': 0
		}, {
			'value': '含【货物专用运输(集装箱)】的牵引车',
			'key': 24
		}, {
			'value': '不含【货物专用运输(集装箱)】的牵引车',
			'key': 27
		}, {
			'value': '其他牵引车',
			'key': 28
		}]
	}, {
		'title': '收费车型',
		'type': 4,
		'value': 'chargeBusType',
		'required': false,
		'name': 'key',
		'itemKey': 'value',
		'itemData': TollModel
	}, {
		'title': '车轮数',
		'type': 2,
		'value': 'wheelCount',
		'inputType': 'number',
		'maxlength': 8
	}, {
		'title': '车轴数',
		'type': 2,
		'value': 'axleCount',
		'inputType': 'number',
		'maxlength': 8
	}, {
		'title': '轴距',
		'type': 2,
		'value': 'axleDistance',
		'inputType': 'number',
		'maxlength': 8
	}, {
		'title': '轴型',
		'type': 2,
		'value': 'axisType'
	}, {
		'title': '所有人证件类型',
		'type': 4,
		'value': 'ownerIdType',
		'required': false,
		'hint': '请选择证件类型',
		'name': 'key',
		'itemKey': 'value',
		'itemData': IdCard
	}, {
		'title': '所有人证件号',
		'type': 2,
		'required': false,
		'value': 'ownerIdNum'
	}, {
		'title': '所有人手机号',
		'type': 2,
		'required': false,
		'value': 'ownerTel'
	}, {
		'title': '所有人',
		'type': 2,
		'required': false,
		'value': 'ownerName',
		'hint': '请输入所有人',
		'show': false
	}, {
		'title': '车辆类型',
		'type': 4,
		'required': false,
		'value': 'vehicleType',
		'hint': '请选择车辆类型',
		'maxlength': 3,
		'show': false
	}, {
		'title': '住址',
		'type': 2,
		'required': false,
		'value': 'licenseAddress',
		'hint': '请输入住址',
		'show': false
	}, {
		'title': '使用性质',
		'type': 4,
		'required': false,
		'value': 'useCharacter',
		'show': false,
		'name': 'key',
		'itemKey': 'value',
		'itemData': NatureVehicle
	}, {
		'title': '品牌型号',
		'type': 2,
		'required': false,
		'value': 'vehicleModel',
		'hint': '请输入品牌型号',
		'show': false
	}, {
		'title': '车辆识别代码',
		'type': 2,
		'value': 'vin',
		'required': false,
		'hint': '请输入车辆识别代码',
		'show': false
	}, {
		'title': '发动机号码',
		'type': 2,
		'required': false,
		'value': 'engineNum',
		'hint': '请输入发动机号码',
		'show': false
	}, {
		'title': '注册日期',
		'type': 4,
		'mode': 'date',
		'value': 'registerDate',
		'hint': '请输入注册日期',
		'show': false
	}, {
		'title': '发证日期',
		'type': 4,
		'mode': 'date',
		'value': 'issueDate',
		'hint': '请输入发证日期',
		'show': false
	}, {
		'title': '档案编号',
		'type': 2,
		'value': 'fileNum',
		'hint': '请输入档案编号',
		'show': false
	}, {
		'title': '核定载人数',
		'type': 2,
		'required': false,
		'inputType': 'number',
		'value': 'approvedCount',
		'hint': '请输入核定载人数',
		'show': false
	}, {
		'title': '总质量(kg)',
		'type': 2,
		'required': false,
		'inputType': 'number',
		'value': 'totalMass',
		'hint': '请输入总质量',
		'show': false
	}, {
		'title': '整备质量(kg)',
		'type': 2,
		'required': false,
		'inputType': 'number',
		'value': 'maIntegerenanceMass',
		'hint': '请输入整备质量',
		'show': false
	}, {
		'title': '核定载质量(kg)',
		'type': 2,
		'inputType': 'number',
		'value': 'permittedWeight',
		'hint': '请输入核定载质量',
		'show': false
	}, {
		'title': '外廓尺寸',
		'type': 2,
		'required': false,
		'value': 'outsideDimensions',
		'hint': '请输入外廓尺寸',
		'show': false
	}, {
		'title': '准牵引总质量(kg)',
		'type': 2,
		'inputType': 'number',
		'value': 'permittedTowWeight',
		'hint': '请输入准牵引总质量',
		'show': false
	}]) 

	onLoad((option) => {
		console.log('内容', option, uni.getStorageSync(storageKey.userIdType))
	})

	for (let IdData of IdCard) {
		if (IdData.key === uni.getStorageSync(storageKey.userIdType)) {
			formData[Index('所有人证件类型', formData)][formData[Index('所有人证件类型', formData)].value] = IdData
		}
	}
	formData[Index('所有人证件号', formData)][formData[Index('所有人证件号', formData)].value] = uni.getStorageSync(storageKey.userIdNum)
	formData[Index('所有人手机号', formData)][formData[Index('所有人手机号', formData)].value] = uni.getStorageSync('operatorId')

	console.log('formData', formData)

	//单项选择器
	function radioChange(e: any, item: TypeData) {

	}

	//图像文件上传
	function uploadImg(data: any, item: TypeData, index: Number) {
		console.log('图片文件', data, item, index)
		if (index != 1) {
			data.apc = data.apc.replaceAll('人', '')
			data.gross = data.gross.replaceAll('kg', '')
			data.unladen = data.unladen.replaceAll('kg', '')
			data.alc = data.alc.replaceAll('kg', '')
			data.towing = data.towing.replaceAll('kg', '')
		}
		console.log('输出内容', data)
		//调整文件格式
		if (item.title === '行驶证照片') {
			let arr = [
				[Index('所有人', formData), 'man'],
				[Index('车辆类型', formData), 'vehicle'],
				[Index('住址', formData), 'address'],
				[Index('使用性质', formData), ''],
				[Index('品牌型号', formData), 'model'],
				[Index('车辆识别代码', formData), 'vin'],
				[Index('发动机号码', formData), 'engine'],
				[Index('注册日期', formData), 'register'],
				[Index('发证日期', formData), 'issue'],
				[Index('档案编号', formData), 'file'],
				[Index('核定载人数', formData), 'apc'],
				[Index('总质量(kg)', formData), 'gross'],
				[Index('整备质量(kg)', formData), 'unladen'],
				[Index('核定载质量(kg)', formData), 'alc'],
				[Index('外廓尺寸', formData), 'overall'],
				[Index('准牵引总质量(kg)', formData), 'towing']
			]
			for (var i = 0; i < arr.length; i++) {
				if (formData[arr[i][0]] && formData[arr[i][0]].show) {
					formData[arr[i][0]].show = false
				}
				if (data[arr[i][1]]) {
					formData[arr[i][0]][formData[arr[i][0]].value] = data[arr[i][1]]
				}
			}
		}
	}

	function submit(item: any) {
		console.log('输出内容', item);
		uni.navigateTo({
			url: '/pages/mailingAddress/mailingAddress',
			animationType: 'pop-in',
			animationDuration: 500
		})
	}
</script>
<style lang='scss' scoped>

</style>