特易招,招聘小程序
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.
 
 
 

95 lines
1.9 KiB

<template>
<view>
<navbar
:title="title"
leftClick @leftClick="$utils.navigateBack" />
<view class="search">
<uv-search
placeholder="请输入岗位/公司名称"
:showAction="false"
search-icon-size="40rpx"
@search="search"
v-model="queryParams.title"></uv-search>
</view>
<!-- 筛选器 -->
<!-- <screenWork @clickItem="clickItem" ref="screenWork"/> -->
<!-- 老板看到的 -->
<userList ref="workList" v-if="role"/>
<!-- 工人看到的 -->
<workList ref="workList" v-else/>
</view>
</template>
<script>
import screenWork from '@/components/screen/screenWork.vue'
import workList from '@/components/list/workList/index.vue'
import userList from '@/components/list/userList/index.vue'
import {
mapState,
} from 'vuex'
export default {
components : {
workList,
screenWork,
userList,
},
computed: {
...mapState(['userInfo', 'role']),
},
data() {
return {
keyword : '',
title : '',
queryParams : {
},
screenWorkList : [],
}
},
onPullDownRefresh(){
this.$refs.workList.getData(this.screenWorkList, this.queryParams)
},
// 页面显示的时候触发
onShow() {
this.$refs.workList.getData(this.screenWorkList, this.queryParams)
},
onLoad({typeId, title, keyword}) {
if(title){
this.title = title
}
if(typeId){
this.queryParams.typeId = typeId
}
if(keyword){
this.queryParams.title = keyword
this.title = keyword
}
},
methods: {
clickItem(result){
console.log(result);
this.screenWorkList = result
this.$refs.workList.getData(this.screenWorkList, this.queryParams)
},
search(){
this.$refs.workList.getData(this.screenWorkList, this.queryParams)
},
}
}
</script>
<style scoped lang="scss">
.search{
padding: 20rpx;
display: flex;
justify-content: center;
background-color: #fff;
/deep/ .uv-search__content__icon{
padding: 10rpx 0;
}
}
</style>