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.
254 lines
6.4 KiB
254 lines
6.4 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}}
|
|
<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 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;" v-if="0">
|
|
<image class="title-img" :src="item.release.logo" mode=""></image>
|
|
</view>
|
|
<view style="flex: 0.95;display: flex;flex-direction: column;justify-content: space-between;margin-bottom: 25rpx;">
|
|
<view>
|
|
<view class="dis-il-block company-name">
|
|
{{item.release.name}}
|
|
</view>
|
|
<view class="dis-il-block company-authentication" v-if="item.release.is_authentication != 0">
|
|
已认证
|
|
</view>
|
|
</view>
|
|
<view style="font-size: 12px;color:#777;">
|
|
{{item.region}}
|
|
</view>
|
|
<!-- <view class="company-tag leave_out" v-if="item.release.nature">
|
|
{{item.release.nature}} · {{item.release.scale}} · {{item.release.industry}}
|
|
</view> -->
|
|
<!-- <view class="company-tag" v-else>
|
|
个人招聘
|
|
</view> -->
|
|
<view class="company-tag" v-if="0">
|
|
企业亮点：<text style="color: #2196f3;">{{item.recruit_brighten}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="release-data">
|
|
<image :src="item.video_img_link" mode="aspectFill" class="title-video"></image>
|
|
<!-- 求职列表可见 -->
|
|
<view class="submit_status" v-if="item.submit_status_text">{{item.submit_status_text}}</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="company-light">
|
|
企业亮点：<text style="color: #2196f3;">{{item.recruit_brighten}}</text>
|
|
</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;
|
|
}
|
|
.workList{
|
|
padding: 0upx 30upx 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-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;
|
|
}
|
|
.wprk-pay{
|
|
float: right;
|
|
font-size: 32upx;
|
|
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: 14upx 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:#777;
|
|
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;
|
|
width: 338rpx;
|
|
height: 190upx;
|
|
margin-bottom: 25upx;
|
|
text-align: right;
|
|
position: relative;
|
|
|
|
.submit_status{
|
|
position: absolute;
|
|
top: 0px;right: 0px;
|
|
color: #fff;font-size: 10px;
|
|
background: rgba(255,255,255,0.3);
|
|
padding: 4px 8px;
|
|
border-bottom-left-radius: 10rpx;
|
|
}
|
|
}
|
|
.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>
|
|
|