<template>
	<view class="curriculumVitae"> 
	<!-- 当前页面暂未启用 -->
		<far-bottom></far-bottom>
		<view style="padding: 20upx 0;" class="dis-flex">
			<view  style="flex: 0.8;">
				<filtertab :requestType="'5'" :isPageScroll="'1'" @selectAreaid="selectAreaid" @selectClassid="selectClassid"
				 @selectClassTwoid="selectClassTwoid" @selectOrders="selectOrders" :cate_one="cate_one" :cate_two="cate_two" :title="title"></filtertab>
			</view>
			<view class="f-26" style="flex: 0.2;line-height: 75upx;padding-left: 20upx;" @click="openclass">
				<text>更多</text>
				<text class="iconfont icon-unfold" style="padding-left: 10upx;vertical-align: top;"></text>
			</view>
		</view>
		 <view class="curriculum-list">
		 	<view class="curriculum-item" v-for="(item,index) in [1,2,3]">
		 		<view class="item-personal">
		 			<view class="personal-img dis-il-block">
		 				<image class="img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2334304083,597995583&fm=26&gp=0.jpg" mode=""></image>
						<view class="gender" v-if="true"><image :src="imgfixUrls + 'inviteImg/nvxing.png'" mode=""></image></view>
						<view class="gender" v-else><image :src="imgfixUrls + 'inviteImg/nanxing.png'" mode=""></image></view>
		 			</view>
					<view class="personal-data dis-il-block">
						<view class="data-name">
							牛妹妹
						</view>
						<view class="data-item">
							36岁 · 6年以上 · 本科
						</view>
					</view>
					<view class="data-salary">
						5-8k
					</view>
		 		</view>
				<view class="item-tags dis-flex">
					<view  style="flex: 0.1;">
						
					</view>
					<view class="tags-box" style="flex: 0.75;">
						<view class="tags-item">
							助理
						</view>
						<view class="tags-item">
							人力资源
						</view>
						<view class="tags-item">
							敲山震虎
						</view>
					</view>
					<view class="region t-r" style="flex: 0.15;">
						双流区
					</view>
				</view>
				<!-- <view class="dis-flex date-and-button">
					<view class="date">
						2020-09-22 15:30
					</view>
					<view class="button t-r">
						<view class="delete dis-il-block">
							删除
						</view>
						<view class="invitation dis-il-block">
							邀请面试
						</view>
					</view>
				</view> -->
		 	</view>
		 </view>
		 <screening :check="check" @openclass="openclass"></screening>
	</view>
</template>

<script>
	import filtertab from '@/components/template/filtertab.vue';
	import workList from '@/components/template/workList.vue';
	import screening from '@/components/template/screening.vue';
	export default{
		data(){
			return{
				cate_one:'',
				cate_two:'',
				title:'',
				check:false
			}
		},
		components:{
			filtertab,
			workList,
			screening
		},
		methods:{
			openclass(){
				this.check = !this.check;
			},
			clickcheck(){
				this.check = !this.check;
			},
			selectOrders(data){
				console.log(data)
			},
			selectAreaid(data){
				console.log(data)
			},
			selectClassid(data){
				console.log(data)
			},
			selectClassTwoid(data){
				console.log(data)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.curriculum-list{
		.curriculum-item{
			padding: 0 30upx 30upx;
			.item-personal{
				padding-top: 30upx;
				border-top: 1upx solid #EEEEEE;
				.personal-img{
					position: relative;
					.img{
						width: 100upx;
						height: 100upx;
						border-radius: 50%;
					}
					.gender {
						background-color: #ff838e;
						padding: 8upx;
						border-radius: 50%;
						width: 16upx;
						height: 16upx;
						position: absolute;
						bottom: 8upx;
						right: 0;
						z-index: 9;
						uni-image {
							width: 16upx;
							height: 16upx;
							vertical-align: top;
						}
					}
				}
				.personal-data{
					padding-left: 30upx;
					.data-name{
						font-size: 32upx;
						height: 32upx;
						line-height: 26upx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
						// vertical-align: bottom;
						margin-bottom: 30upx;
					}
					.data-item{
						font-size: 26upx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #999999;
						// vertical-align: text-top;
					}
				}
				.data-salary{
					font-size: 32upx;
					font-family: DINPro;
					font-weight: 500;
					color: #FF4444;
					float: right;
				}
			}
			.item-tags{
				.tags-box{
					padding:  30upx 0 10upx 64upx;
					.tags-item{
						background: #F4F4F4;
						display: inline-block;
						border-radius: 4upx;
						font-size: 24upx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #666666;
						padding: 10upx 20upx;
						margin-bottom: 20upx;
						margin-right: 20upx;
					}
				}
				.region{
					font-size: 26upx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #999999;
					line-height: 60upx;
					padding-top: 30upx;
				}
			}
			.date-and-button{
				.date{
					flex: 0.5;
					font-size: 28upx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #999999;
					height: 68upx;
					line-height: 68upx;
				}
				.button{
					flex: 0.5;
					.delete{
						font-size: 26upx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #3388FF;
						border: 1px solid #3388FF;
						border-radius: 4upx;
						padding: 15upx 25upx;
					}
					.invitation{
						font-size: 26upx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						background-color: #3388FF;
						border: 1px solid #3388FF;
						border-radius: 4upx;
						padding: 15upx 25upx;
						margin-left: 20upx;
					}
				}
			}
		}
	}
</style>
