<template>
	<view  :style="{paddingBottom:flag?'0':'0rpx'}">
		<view :class="tabStyle?'workList workList-two':'workList'" style="" v-if="logoding" v-for="(item,index) in inviteList" @click="goNvigeing(item)">
			<!-- <view class="work-title" :style="{border: tabStyle?'none':'1upx solid #EEEEEE;'}">
				<view class="dis-il-block work-name">
					{{item.title}}
				</view>
				<view class="dis-il-block wprk-top" v-if="item.is_top != 0">
					顶
				</view>
				<view class="wprk-pay">
					{{item.salary}}
				</view>
			</view> -->
			<!-- <view class="wprk-tag" v-if="item.welfare_list">
				<view class="tags" v-if="item.welfare_list" :style="{height: opentags[index]?'auto':'60rpx'}">
					<view class="tag-item" v-for="(items,indexs) in item.welfare_list" :key="indexs">
						{{items}}
					</view>
				</view>
				<view class="region" v-if="false" @click="isopen(item,index)">
					更多<text style="font-size: 24upx;" :class="opentags[index]?'iconfont icon-fold':'iconfont icon-unfold'"></text>
				</view>
			</view> -->
			<view class="dis-flex company-profile" v-if="item.release">
				<!-- <view style="flex: 0.15;">
					<image class="title-img" :src="item.release.logo" mode=""></image>
				</view> -->
				<view class="poster-img">
					<image :src="item.recruit_img" mode="aspectFill" class="title-video"></image>
				</view>
				<view style="flex: 0.99;padding-left: 10upx;display: flex;flex-direction: column;justify-content: space-between;margin-bottom: 25rpx;">
					<view class="dis-flex" style="justify-content: space-between;overflow: hidden;">
						<view class="dis-il-block company-name" style="color: #000;font-size: 30upx;width: 70%;">
							
							<span>{{item.title}}</span>
							<span class="dis-il-block wprk-top" v-if="item.is_top != 0">顶</span>
						</view>
						<!-- <view class="dis-il-block wprk-top" v-if="item.is_top != 0">顶</view> -->
						<view style="font-size: 30upx;font-family: DINPro;
						font-weight: 600;color: #FF4444;flex:1;text-align: right;">{{item.salary}}</view>
						<view class="dis-il-block company-authentication" v-if="item.release.is_authentication != 0">
							已认证
						</view>
					</view>
					<view class="company-tag leave_out">
						{{item.release.name}}
					</view>
					<view class="company-tag leave_out">
						{{item.region}}
					</view>
					<!-- <view class="company-tag leave_out" v-if="item.release.nature"> -->
						<!-- {{item.release.nature}} · {{item.release.scale}} · {{item.release.industry}} -->
						<!-- {{item.sub_industry}} -->
					<!-- </view> -->
				</view>
				<!-- <view style="flex: 0.25;" class="release-data">
					<view style="font-size: 12px;color:#777;">{{item.region}}</view>
					<view style="font-size: 12px;color:#777;">{{item.release_time}}</view>
				</view> -->
			</view>
		</view>
	</view>
	
</template>

<script>
	import App from '@/common/js/app.js';
	export default{
		data(){
			return{
				opentags:{},
				logoding:true
			}
		},
		props:{
			inviteList:{
				type:Array,
				default:null
			},
			tabStyle:{
				type:Boolean,
				default:false
			},
			flag:{
				type:Boolean,
				default:true
			}
		},
		methods:{
			goNvigeing(item){
				App.navigationTo({
					url: "pages/subPages2/hirePlatform/recruitmentDetails/recruitmentDetails?id=" + item.id
				});
			},
			isopen(item,index){
				if(!this.opentags[index]){
					this.opentags[index] = true;
				}else{
					this.opentags[index] = false;
				}
				this.logoding = !this.logoding;
				this.logoding = !this.logoding;
				console.log(this.opentags);
				// debugger
				// this.inviteList[index].open = !this.inviteList[index].open;
				// this.$emit('isopen',index);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.workList-two{
		margin: 30upx!important;
		border-radius: 20upx!important;
		background-color: #FFFFFF!important;
	}
	
	.wprk-top{
		background: #F1C426;
		border-radius: 4upx;
		font-size: 22upx;
		font-family: PingFang SC;
		font-weight: 500;
		margin-left: 20upx;
		width: 18px;height: 18px;
		line-height: 18px;text-align: center;
		color: #FFFFFF;
	}
	.workList{
		padding: 0upx 24upx 0upx;
		background-color: #FFFFFF;
		.work-title{
			// border-top: 1upx solid #EEEEEE;
			padding-top: 30upx;
			.work-name{
				font-size: 32upx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
			}
			.wprk-pay{
				float: right;
				font-size: 30upx;
				font-family: DINPro;
				font-weight: 600;
				color: #FF4444;
				line-height: 52upx;
			}
		}
		.wprk-tag{
			padding-top: 30upx;
			display: flex;
			margin: 0;
			width: 100%;
			.tags{
				flex: 0.8;
				overflow: hidden;
				.tag-item{
					background: #F4F4F4;
					border-radius: 4upx;
					font-size: 24upx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #666666;
					padding: 10upx 24upx;
					display: inline-block;
					margin-right: 20upx;
					margin-bottom: 20upx;
				}
			}
			.region{
				flex: 0.2;
				font-size: 26upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
				text-align: right;
				line-height: 50upx;
			}
		}
		.company-profile{
			width: 100%;
			padding: 20upx 0 0upx;
			justify-content: space-between;
			border-bottom: 1upx solid #EEEEEE;
			.title-img{
				width: 120upx;
				height: 120upx;
				background: #F77996;
				border-radius: 10upx;
				margin-right: 14rpx;
			}
			.company-name{
				font-size: 28upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				vertical-align: top;
			}
			.company-authentication{
				font-size: 20upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				background: #3388FF;
				border-radius: 4upx;
				padding: 2upx 6upx;
				margin-left: 20upx;
				vertical-align: top;
			}
			.company-tag{
				padding-top: 4upx;
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #999999;
			}
			.release-data{
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
				height: 120upx;
				margin-bottom: 25upx;
				text-align: right;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			.poster-img{
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
				width: 228rpx;
				height: 128upx;
				margin-bottom: 25upx;
				text-align: right;
			}
			.title-video{
				width: 100%;
				height: 100%;
				background: #F77996;
				border-radius: 10upx;
			}
		}
		.company-light{
			font-size: 13px;
			color: #777;
			border-bottom: 1upx solid #EEEEEE;
			padding-bottom: 35rpx;
		}
	}
	.leave_out{
		// 省略号样式
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;//设置显示多少行
		overflow: hidden;
	}
</style>
