@ -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> |