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