招聘页面ui更新
This commit is contained in:
dengxin
@@ -1,91 +1,87 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="titleSearch">
|
||||
<view class="searchName">抢任务</view>
|
||||
<view class="searchName">搜 索</view>
|
||||
|
||||
<u-search @focus="goSeach" shape="round" :showAction="false"></u-search>
|
||||
</view>
|
||||
<view>
|
||||
<view>任务</view>
|
||||
<view>岗位</view>
|
||||
<view>推荐</view>
|
||||
<u-search placeholder="搜任务/搜岗位/搜政策" @focus="goSeach" shape="round" :showAction="false"></u-search>
|
||||
</view>
|
||||
|
||||
<view class="content">
|
||||
<view class="typeButtonWrapper">
|
||||
<view class="typeButtonLeft">
|
||||
|
||||
<!-- 筛选 -->
|
||||
<view class="screenButton" @click="showPopUp = true">
|
||||
筛选
|
||||
<view class="arrow-up-right"> </view>
|
||||
<view v-for="(item, index) in nonReactiveArray" :key="index"
|
||||
:class="['typeButton', index == activeTab ? 'activeButton' : '']" @click="changeTab(index)">{{ item
|
||||
}}</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
<view class="screenButton" @click="showPopUp = true">
|
||||
筛选
|
||||
<view class="arrow-up-right"> </view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-popup closeable :show="showPopUp" mode="right" @close="closePopUp">
|
||||
<view class="popUpWrapper">
|
||||
<verticalMenu :closePopUp="closePopUp" :subMitPopUp="subMitPopUp" />
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<block v-if="activeTab == 0">
|
||||
<view v-if="newList.length > 0">
|
||||
<block v-for="(item, index) in newList" :key="index">
|
||||
<companyList :companyitem="item"></companyList>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_notask.svg" class="nothing" mode=""></image>
|
||||
<view class="nothing_text">暂无信息</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<block v-if="activeTab == 1">
|
||||
<view>
|
||||
<view class="location" @click="gomap">
|
||||
<image src="../../static/img/location.svg" mode=""></image>
|
||||
{{ currentAddress }}（切换位置）
|
||||
<image src="../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="companyList.length > 0">
|
||||
<block v-for="(item, index) in companyList" :key="item.id">
|
||||
<companyList :companyitem="item" :near="activeTab === 0"></companyList>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_notask.svg" mode="" class="nothing"></image>
|
||||
<view class="nothingContnt">
|
||||
暂无信息
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<block v-if="activeTab == 2">
|
||||
<view v-if="recommendList.length > 0">
|
||||
<block v-for="(item, index) in recommendList" :key="item.id">
|
||||
<companyList :companyitem="item"></companyList>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_notask.svg" mode="" class="nothing"></image>
|
||||
<view class="nothingContnt">
|
||||
完善技能，获取精推荐
|
||||
</view>
|
||||
<view class="btn" @click="goResume">
|
||||
完善技能
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<cs-button></cs-button>
|
||||
</view>
|
||||
<u-popup closeable :show="showPopUp" mode="right" @close="closePopUp" @open="openPopUp">
|
||||
<view class="popUpWrapper">
|
||||
<verticalMenu></verticalMenu>
|
||||
</view>
|
||||
</u-popup>
|
||||
<!-- <v-tabs :tabs="['最新', '附近', '推荐']" height="45px" v-model="activeTab" color="#999" activeColor="#000"
|
||||
fontSize="36rpx" activeFontSize="36rpx" @change='changeTab' />
|
||||
<image src="../../static/img/search.svg" @click="goSeach" class="topseach" mode=""></image> -->
|
||||
|
||||
|
||||
|
||||
<block v-if="activeTab == 0">
|
||||
<view v-if="newList.length > 0">
|
||||
<block v-for="(item, index) in newList" :key="index">
|
||||
<companyList :companyitem="item"></companyList>
|
||||
<view class="baddd"></view>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_notask.svg" class="nothing" mode=""></image>
|
||||
<view class="nothing_text">暂无信息</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<block v-if="activeTab == 1">
|
||||
<view>
|
||||
<view class="baddd"></view>
|
||||
<view class="location" @click="gomap">
|
||||
<image src="../../static/img/location.svg" mode=""></image>
|
||||
{{ currentAddress }}（切换位置）
|
||||
<image src="../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
<view class="baddd"></view>
|
||||
</view>
|
||||
|
||||
<view v-if="companyList.length > 0">
|
||||
<block v-for="(item, index) in companyList" :key="item.id">
|
||||
<companyList :companyitem="item" :near="activeTab === 0"></companyList>
|
||||
<view class="baddd"></view>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_notask.svg" mode="" class="nothing"></image>
|
||||
<view class="nothingContnt">
|
||||
暂无信息
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<block v-if="activeTab == 2">
|
||||
<view v-if="recommendList.length > 0">
|
||||
<block v-for="(item, index) in recommendList" :key="item.id">
|
||||
<companyList :companyitem="item"></companyList>
|
||||
<view class="baddd"></view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_notask.svg" mode="" class="nothing"></image>
|
||||
<view class="nothingContnt">
|
||||
完善技能，获取精推荐
|
||||
</view>
|
||||
<view class="btn" @click="goResume">
|
||||
完善技能
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<cs-button></cs-button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -102,11 +98,13 @@ import {
|
||||
getcoder
|
||||
} from "@/api/map.js";
|
||||
import verticalMenu from '@/components/vertical-menu/vertical-menu.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
vTabs,
|
||||
companyList, verticalMenu
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
activeTab: 0,
|
||||
@@ -136,12 +134,8 @@ export default {
|
||||
key: 'FW3BZ-6JTK6-GCUS5-MZCRR-3GPR5-HJFEI',
|
||||
open: false,
|
||||
showPopUp: false,
|
||||
indexList: ["年龄", "学历", "工资"],
|
||||
itemArr: [
|
||||
['列表A1', '列表A2', '列表A3'],
|
||||
['列表B1', '列表B2', '列表B3'],
|
||||
['列表C1', '列表C2', '列表C3'],
|
||||
]
|
||||
|
||||
nonReactiveArray: ["任务", "岗位", "推荐"],
|
||||
}
|
||||
},
|
||||
onLoad: function () {
|
||||
@@ -362,42 +356,78 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
openPopUp() {
|
||||
// console.log('open');
|
||||
},
|
||||
|
||||
closePopUp() {
|
||||
this.showPopUp = false
|
||||
// console.log('close');
|
||||
},
|
||||
subMitPopUp({submitData,areaModal,industryModal}) {
|
||||
console.log(submitData,areaModal,industryModal,"------确定");
|
||||
this.showPopUp = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.titleSearch{
|
||||
<style scoped>
|
||||
.titleSearch {
|
||||
display: flex;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
padding: 10rpx;
|
||||
|
||||
}
|
||||
.searchName{
|
||||
margin-right: 15rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.searchName {
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color: #f3f4f8;
|
||||
padding-top: 20rpx;
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.screenButton {
|
||||
position: absolute;
|
||||
/* position: absolute;
|
||||
top: 10px;
|
||||
z-index: 1;
|
||||
left: 30rpx;
|
||||
/* border: 1px solid black; */
|
||||
left: 30rpx; */
|
||||
position: relative;
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
background-color: #f3f4f8;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.typeButtonWrapper {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/* margin-bottom: 10rpx; */
|
||||
}
|
||||
|
||||
.typeButtonLeft {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.typeButton {
|
||||
font-size: 14px;
|
||||
padding: 10rpx 40rpx;
|
||||
background: #fff;
|
||||
border-radius: 50px;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.activeButton {
|
||||
color: #4171f9;
|
||||
background-color: #cfdaf8;
|
||||
}
|
||||
|
||||
.arrow-up-right {
|
||||
@@ -478,10 +508,7 @@ export default {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
|
||||
.baddd {
|
||||
background: #f6f6f6;
|
||||
height: 20rpx;
|
||||
}
|
||||
|
||||
|
||||
.popUpWrapper {
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user