You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
260 lines
6.7 KiB
260 lines
6.7 KiB
<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>
|
|
|