@ -0,0 +1,145 @@ | |||||
<template> | |||||
<view class="boss-item"> | |||||
<view class="head"> | |||||
<view class="headImage"> | |||||
<image src="/static/image/center/headImage.png" mode=""></image> | |||||
</view> | |||||
<view class="info"> | |||||
<view class="name"> | |||||
李老板 | |||||
<view> | |||||
企业HR | |||||
</view> | |||||
</view> | |||||
<view class="tips"> | |||||
湖南江海国际经济技术合作有限公司 | |||||
</view> | |||||
</view> | |||||
<view class="right"> | |||||
一个小时前 | |||||
</view> | |||||
</view> | |||||
<view class="item" | |||||
v-for="(item, index) in 2"> | |||||
<view class="top"> | |||||
<view class="title"> | |||||
产品经理 | |||||
</view> | |||||
<view class="price"> | |||||
12-18K | |||||
</view> | |||||
</view> | |||||
<view class="bottom"> | |||||
<view class="address"> | |||||
长沙 | 经验不限 | 学历不限 | |||||
</view> | |||||
<view class="time"> | |||||
09月23日 16:20 | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<view class="more"> | |||||
查看全部5个职位 | |||||
</view> | |||||
</view> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
data() { | |||||
return { | |||||
} | |||||
}, | |||||
methods: { | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.boss-item{ | |||||
background-color: #fff; | |||||
border-radius: 20rpx; | |||||
.head { | |||||
display: flex; | |||||
align-items: center; | |||||
position: relative; | |||||
padding: 20rpx; | |||||
image { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.headImage { | |||||
width: 80rpx; | |||||
height: 80rpx; | |||||
background-size: 100% 100%; | |||||
overflow: hidden; | |||||
border-radius: 50%; | |||||
margin-right: 40rpx; | |||||
} | |||||
.info { | |||||
font-size: 28rpx; | |||||
.name { | |||||
font-size: 32rpx; | |||||
display: flex; | |||||
padding-bottom: 10rpx; | |||||
view { | |||||
display: flex; | |||||
font-size: 24rpx; | |||||
align-items: center; | |||||
margin-left: 20rpx; | |||||
background: rgba($uni-color, 0.2); | |||||
color: $uni-color; | |||||
padding: 10rpx; | |||||
border-radius: 10rpx; | |||||
} | |||||
} | |||||
.tips { | |||||
font-size: 24rpx; | |||||
} | |||||
} | |||||
.right{ | |||||
margin-left: auto; | |||||
font-size: 24rpx; | |||||
} | |||||
} | |||||
.item{ | |||||
padding: 20rpx; | |||||
border-top: 1rpx solid #00000015; | |||||
.top{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
font-weight: 900; | |||||
.title{ | |||||
} | |||||
.price{ | |||||
color: $uni-color; | |||||
} | |||||
} | |||||
.bottom{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: flex-end; | |||||
font-size: 24rpx; | |||||
margin-top: 20rpx; | |||||
.time{ | |||||
color: #999999; | |||||
} | |||||
} | |||||
} | |||||
.more{ | |||||
padding: 20rpx; | |||||
text-align: center; | |||||
color: $uni-color; | |||||
font-size: 24rpx; | |||||
} | |||||
} | |||||
</style> |
@ -0,0 +1,70 @@ | |||||
<template> | |||||
<scroll-view | |||||
scroll-y="true" | |||||
:style="{height: height}" | |||||
@scrolltolower="loadMoreData"> | |||||
<view class="bossList"> | |||||
<view | |||||
@click="$utils.navigateTo('/pages_order/boss/bossDetail?id=' + 123)" | |||||
:key="index" | |||||
v-for="(item, index) in 10"> | |||||
<bossItem :item="item"/> | |||||
</view> | |||||
</view> | |||||
</scroll-view> | |||||
</template> | |||||
<script> | |||||
import bossItem from './bossItem.vue' | |||||
export default { | |||||
components : { | |||||
bossItem, | |||||
}, | |||||
props : { | |||||
height : { | |||||
default : 'auto' | |||||
}, | |||||
api : { | |||||
default : '' | |||||
} | |||||
}, | |||||
data() { | |||||
return { | |||||
queryParams: { | |||||
pageNo: 1, | |||||
pageSize: 10, | |||||
}, | |||||
total : 0, | |||||
list : 10, | |||||
} | |||||
}, | |||||
methods: { | |||||
queryVideoList(){ | |||||
if(uni.getStorageSync('token')){ | |||||
this.queryParams.token = uni.getStorageSync('token') | |||||
} | |||||
this.$api(this.api, this.queryParams, res => { | |||||
if(res.code == 200){ | |||||
this.list = res.result | |||||
// this.total = res.result.total | |||||
} | |||||
}) | |||||
}, | |||||
loadMoreData(){ | |||||
if(this.queryParams.pageSize <= this.list.length){ | |||||
this.queryParams.pageSize += 10 | |||||
this.queryVideoList() | |||||
} | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.bossList { | |||||
&>view{ | |||||
margin: 20rpx; | |||||
} | |||||
} | |||||
</style> |
@ -0,0 +1,58 @@ | |||||
<template> | |||||
<!-- 谁看过我 --> | |||||
<view class="page"> | |||||
<navbar title="谁看过我简历" | |||||
bgColor="#3796F8" | |||||
leftClick | |||||
color="#fff" | |||||
@leftClick="$utils.navigateBack"/> | |||||
<statisticsNumber title="简历被查看量"/> | |||||
<bossList ref="bossList"/> | |||||
</view> | |||||
</template> | |||||
<script> | |||||
import bossList from '@/components/list/bossList/index.vue' | |||||
import statisticsNumber from '../components/statistics/statisticsNumber.vue' | |||||
import mixinList from '@/mixins/list.js' | |||||
export default { | |||||
mixins : [mixinList], | |||||
components : { | |||||
statisticsNumber, | |||||
bossList | |||||
}, | |||||
data() { | |||||
return { | |||||
options: [ | |||||
{ | |||||
text: '修改', | |||||
style: { | |||||
backgroundColor: '#ffa12c' | |||||
} | |||||
}, | |||||
{ | |||||
text: '删除', | |||||
style: { | |||||
backgroundColor: '#FA5A0A' | |||||
} | |||||
}, | |||||
], | |||||
} | |||||
}, | |||||
methods: { | |||||
clickSwipeAction({e, item}){ | |||||
console.log(e, item); | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.page{ | |||||
/deep/ .uv-swipe-action{ | |||||
width: 100%; | |||||
} | |||||
} | |||||
</style> |