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.
195 lines
3.3 KiB
195 lines
3.3 KiB
<template>
|
|
|
|
<view class="work-item" @click="$emit('click', item)">
|
|
<view class="top">
|
|
<view class="hire">
|
|
<view class="Position">
|
|
{{ item.title }}
|
|
</view>
|
|
</view>
|
|
<view class="index">
|
|
<view class="Salary">
|
|
<text v-if="item.minPrice">{{item.minPrice}}</text>
|
|
<!-- - -->
|
|
<!-- <text v-if="item.maxPrice">{{item.maxPrice}}元</text> -->
|
|
</view>
|
|
<!-- <view class="gang"
|
|
v-if="item.school">
|
|
|
|
|
</view> -->
|
|
<!-- <view class="Cashregister"
|
|
v-if="item.school">
|
|
{{item.school}}
|
|
</view> -->
|
|
<view class="gang"
|
|
v-if="item.workYear">
|
|
|
|
|
</view>
|
|
<view class="Cashregister"
|
|
v-if="item.workYear">
|
|
{{item.workYear}}
|
|
</view>
|
|
|
|
<template
|
|
v-for="(t, i) in item.iconText && item.iconText.split(',')">
|
|
<view class="gang">
|
|
|
|
|
</view>
|
|
<view class="Cashregister">
|
|
{{t}}
|
|
</view>
|
|
</template>
|
|
|
|
</view>
|
|
<addressSpot
|
|
:address="item.address"
|
|
:latitude="item.latitude"
|
|
:longitude="item.longitude"
|
|
/>
|
|
<view class="address">
|
|
<view class="shop">
|
|
{{ item.company }}
|
|
</view>
|
|
<view class="authentication"
|
|
v-if="item.isCardOpen">
|
|
<!-- 已认证 -->
|
|
{{ item.isCardOpen }}
|
|
</view>
|
|
</view>
|
|
<view class="bottom">
|
|
<view class="festival"
|
|
v-if="item.iconTitle">
|
|
<!-- 节假日福利 -->
|
|
{{ item.iconTitle }}
|
|
</view>
|
|
<!-- <view class="Apply"
|
|
@click.stop="callPhone">
|
|
应聘
|
|
</view> -->
|
|
|
|
<callPhone
|
|
style="margin-left: auto;"
|
|
:phone="item.userPhone"
|
|
type="2"
|
|
:phoneTitle="item.title"
|
|
:pid="item.id"
|
|
title="应聘"/>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
item: {
|
|
default: {}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
callPhone() {
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.item.userPhone,
|
|
success() {
|
|
console.log('安卓拨打成功');
|
|
},
|
|
fail() {
|
|
console.log('安卓拨打失败');
|
|
}
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.work-item {
|
|
background-color: #fff;
|
|
padding: 20rpx;
|
|
border-radius: 20rpx;
|
|
box-shadow: 0 0 6rpx 6rpx #00000011;
|
|
margin: 24rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.hire {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 10rpx 0rpx;
|
|
}
|
|
|
|
.index {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
.Salary {
|
|
color: red;
|
|
}
|
|
|
|
.gang {
|
|
margin: 0rpx 25rpx 0rpx 25rpx;
|
|
color: $uni-color;
|
|
}
|
|
|
|
.Cashregister {
|
|
color: #888;
|
|
}
|
|
|
|
}
|
|
|
|
.address {
|
|
display: flex;
|
|
margin-top: 10rpx;
|
|
color: #fff;
|
|
|
|
|
|
.shop {
|
|
color: #888;
|
|
}
|
|
|
|
.authentication {
|
|
background-color: $uni-color;
|
|
margin-left: 10rpx;
|
|
padding: 5rpx 10rpx;
|
|
font-size: 25rpx;
|
|
flex-shrink: 0;
|
|
border-radius: 10rpx;
|
|
}
|
|
}
|
|
|
|
.bottom {
|
|
display: flex;
|
|
margin-top: 10rpx;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
.festival {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: white;
|
|
color: $uni-color;
|
|
border: 1px solid $uni-color;
|
|
padding: 5rpx 10rpx;
|
|
border-radius: 10rpx;
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.Apply {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 10rpx 30rpx;
|
|
background-color: $uni-color;
|
|
color: #fff;
|
|
border-radius: 10rpx;
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
</style>
|