1

pages/admin/Jiazheng/common/jiazhengUpload.vue

@@ -3,9 +3,9 @@
 		<text>+</text>
 
 	</view>
-	<viwe v-if="bottomText" class="bottom-text">
+	<view v-if="bottomText" class="bottom-text">
 		{{bottomText}}
-	</viwe>
+	</view>
 </template>
 
 <script>

pages/admin/Jiazheng/zhaopianZiliao.vue

@@ -1,14 +1,87 @@
 <template>
 	<view>
-		<view>
+		<view class="zhaopianZiliao-touxiang">
 			<jiazhengUpload bottomText="上传头像和生活照"></jiazhengUpload>
 		</view>
-		<view>
+		<view class="zhaopianZiliao-shenfenzheng">
 			<view>
 				身份证照片
 			</view>
-			<switch @change="switchChange" />
+			<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>
 
@@ -22,19 +95,67 @@
 		data() {
 
 			return {
-				bottomText: 'bottomTextbottomTextbottomTextbottomText'
+				single: '',
+				tijianRiqi: false,
+				name: 'asdf阿斯顿发'
 			}
 		},
 		components: {
 			jiazhengUpload
 		},
 		methods: {
-			switchChange(data) {
-				console.log('data',data);
-			}
+			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>
+</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>