uniProject/pages/admin/Jiazheng/zhaopianZiliao.vue

<template>
	<view>
		<view class="zhaopianZiliao-touxiang">
			<jiazhengUpload bottomText="上传头像和生活照"></jiazhengUpload>
		</view>
		<view class="zhaopianZiliao-shenfenzheng">
			<view>
				身份证照片
			</view>
			<switch @change="switchSfzChange" />
		</view>
		<view class="zhaopianZiliao-shenfenzhengImg">
			<view class="zhaopianZiliao-shenfenzhengImg-first">
				<jiazhengUpload bottomText="上传身份证头像面"></jiazhengUpload>
			</view>
			<view class="zhaopianZiliao-shenfenzhengImg-two">
				<jiazhengUpload bottomText="上传身份证国徽面"></jiazhengUpload>
			</view>

		</view>
		<view class="zhaopianZiliao-shenfenzheng">
			<view>
				工作生活照
			</view>
			<switch @change="switchGzChange" />
		</view>
		<view class="zhaopianZiliao-shenfenzhengImg">
			<view class="zhaopianZiliao-shenfenzhengImg-first">
				<jiazhengUpload></jiazhengUpload>
			</view>
		</view>
		<view class="zhaopianZiliao-shenfenzheng">
			<view>
				资格类照片
			</view>
			<switch @change="switchZgChange" />
		</view>
		<view class="zhaopianZiliao-shenfenzhengImg">
			<view class="zhaopianZiliao-shenfenzhengImg-first">
				<jiazhengUpload></jiazhengUpload>
			</view>
		</view>
		<!-- 	<view class="list-row"  @click="clickTijianriqi">
			<icon class="list-icon error-icon"></icon>
			<text>最近体检日期</text>
		</view> -->
		<!-- <uni-datetime-picker ref="datePicker" type="date" placeholder="选择日期121231233"   :clear-icon="false" v-model="single" @maskClick="maskClick" /> -->

		<uni-datetime-picker v-model="single" type="date" @change="changeTijian">
			<view class="list-row">
				<icon class="list-icon error-icon"></icon>
				<text>最近体检日期123</text>
			</view>
		</uni-datetime-picker>

		<uni-datetime-picker v-model="single" type="date" @change="changeTijian">
			<view class="list-row">
				<icon class="list-icon error-icon"></icon>
				<text>健康证日期</text>
			</view>
		</uni-datetime-picker>

		<view>
			<view>
				体检报告文件
				（*如未经同意，体检报告均不展示在简历中;在系统中预约的体检，如有电子报告，会自动关联到简历中）
			</view>
			<view>
				<checkbox-group>

					<checkbox value="cb" checked="true" />已经{{name}}同意，上传个人体检报告
				</checkbox-group>
			</view>
		</view>


		<view>
			还没有上传的体验报告
			可点击下方上传体检报告
		</view>
		<view>
			＋从手机上传体检报告(pdf)
		</view>
		<button type="default" @click="saveZhaopianziliao" class="phone-green-btn login-btn">完成</button>
	</view>
</template>

<script>
	import {
		getAliyunPolicy
	} from "@/api/jiazheng.js"
	import jiazhengUpload from "./common/jiazhengUpload.vue"

	export default {
		data() {

			return {
				single: '',
				tijianRiqi: false,
				name: 'asdf阿斯顿发'
			}
		},
		components: {
			jiazhengUpload
		},
		methods: {
			saveZhaopianziliao(data) {
				console.log('data', data);
			
			},
			changeTijian(data) {
				console.log('data', data);
			
			},
			switchSfzChange(data) {
				console.log('data', data);
			},
			switchGzChange(data) {
				console.log('data', data);
			},
			switchZgChange(data) {
				console.log('data', data);
			},

		},
		created() {
			// setTimeout(()=>{
			// 	 this.$refs.datePicker.show()
			// },1000)

		},
	};
</script>
<style scoped>
	.zhaopianZiliao-touxiang {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.zhaopianZiliao-shenfenzhengImg {
		display: flex;

	}

	.zhaopianZiliao-shenfenzheng {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
	}

	.zhaopianZiliao-shenfenzhengImg-first {
		margin-left: 20px;
	}

	.zhaopianZiliao-shenfenzhengImg-two {
		margin-left: 20px;
	}
</style>