|
|
|
@ -23,35 +23,16 @@
|
|
|
|
>
|
|
|
|
>
|
|
|
|
</a-modal> -->
|
|
|
|
</a-modal> -->
|
|
|
|
<!-- 城市的弹出框 -->
|
|
|
|
<!-- 城市的弹出框 -->
|
|
|
|
<a-modal
|
|
|
|
<a-modal class="cityModal" transitionName="" v-model="visible" width="680px" @cancel="cityModalClose" title="请选择城市" :footer="null">
|
|
|
|
class="cityModal"
|
|
|
|
|
|
|
|
transitionName=""
|
|
|
|
|
|
|
|
v-model="visible"
|
|
|
|
|
|
|
|
width="680px"
|
|
|
|
|
|
|
|
@cancel="cityModalClose"
|
|
|
|
|
|
|
|
title="请选择城市"
|
|
|
|
|
|
|
|
:footer="null"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div class="inputBox">
|
|
|
|
<div class="inputBox">
|
|
|
|
<a-input
|
|
|
|
<a-input placeholder="请输入城市名称" allow-clear width="300px" v-model="cityValue" @keyup.enter="searchCity" @input="resetCityList"></a-input>
|
|
|
|
placeholder="请输入城市名称"
|
|
|
|
<a-button @click="searchCity">确认</a-button>
|
|
|
|
allow-clear
|
|
|
|
|
|
|
|
width="300px"
|
|
|
|
|
|
|
|
v-model="cityValue"
|
|
|
|
|
|
|
|
@keyup.enter="searchCity"
|
|
|
|
|
|
|
|
@input="resetCityList"
|
|
|
|
|
|
|
|
></a-input
|
|
|
|
|
|
|
|
><a-button @click="searchCity">确认</a-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ul class="firstList">
|
|
|
|
<ul class="firstList">
|
|
|
|
<li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
|
|
|
|
<li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
|
|
|
|
<div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
|
|
|
|
<div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li
|
|
|
|
<li v-for="(item, index) in hasJobCityList.firstList" :key="index" @click="[changeCurrentCity(index), (activeInd = index)]">
|
|
|
|
v-for="(item, index) in hasJobCityList.firstList"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
@click="[changeCurrentCity(index), (activeInd = index)]"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div :class="activeInd == index ? 'active' : ''">
|
|
|
|
<div :class="activeInd == index ? 'active' : ''">
|
|
|
|
<span v-for="i in item" :key="i">{{ i }}</span>
|
|
|
|
<span v-for="i in item" :key="i">{{ i }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -68,10 +49,9 @@
|
|
|
|
<div class="w" id="navigation">
|
|
|
|
<div class="w" id="navigation">
|
|
|
|
<span>
|
|
|
|
<span>
|
|
|
|
<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
|
|
|
|
<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
|
|
|
|
<router-link to="/main"
|
|
|
|
<router-link to="/main"><svg class="icon" aria-hidden="true">
|
|
|
|
><svg class="icon" aria-hidden="true">
|
|
|
|
<use xlink:href="#icon-yishoudanlogo"></use>
|
|
|
|
<use xlink:href="#icon-yishoudanlogo"></use></svg
|
|
|
|
</svg></router-link>
|
|
|
|
></router-link>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<!-- 特色筛选的列表盒子 -->
|
|
|
|
<!-- 特色筛选的列表盒子 -->
|
|
|
|
<!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
|
|
|
|
<!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
|
|
|
|
@ -206,39 +186,10 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
</ul> -->
|
|
|
|
</ul> -->
|
|
|
|
<div
|
|
|
|
<div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
|
|
|
|
class="searchBox"
|
|
|
|
<a-input placeholder="搜索职位、企业名称、年龄要求" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput" style="" allow-clear>
|
|
|
|
@blur="hidedownHotStore"
|
|
|
|
<div slot="prefix" @focus.stop="" tabindex="0" @click.stop="visible = true">
|
|
|
|
@focus="showHotStore"
|
|
|
|
<span>{{ currentCity }}</span><i class="iconfont icon-sousuoxiala"></i><i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i>
|
|
|
|
tabindex="0"
|
|
|
|
|
|
|
|
outline="0"
|
|
|
|
|
|
|
|
hidefocus="true"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
placeholder="搜索职位、企业名称、年龄要求"
|
|
|
|
|
|
|
|
@keyup.enter="onSearch"
|
|
|
|
|
|
|
|
@input="resetsearch"
|
|
|
|
|
|
|
|
@blur="hidedownHotStore"
|
|
|
|
|
|
|
|
@focus="showHotStore"
|
|
|
|
|
|
|
|
tabindex="0"
|
|
|
|
|
|
|
|
v-model="searchValue"
|
|
|
|
|
|
|
|
class="searchinput"
|
|
|
|
|
|
|
|
style=""
|
|
|
|
|
|
|
|
allow-clear
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
|
|
|
slot="prefix"
|
|
|
|
|
|
|
|
@focus.stop=""
|
|
|
|
|
|
|
|
tabindex="0"
|
|
|
|
|
|
|
|
@click.stop="visible = true"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<span>{{ currentCity }}</span
|
|
|
|
|
|
|
|
><i class="iconfont icon-sousuoxiala"></i
|
|
|
|
|
|
|
|
><i
|
|
|
|
|
|
|
|
class="iconfont icon-guanbishixin"
|
|
|
|
|
|
|
|
v-show="currentCity != '全国'"
|
|
|
|
|
|
|
|
@click.stop="resetCity"
|
|
|
|
|
|
|
|
></i>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button slot="suffix" @click="onSearch" style="">搜索</button>
|
|
|
|
<button slot="suffix" @click="onSearch" style="">搜索</button>
|
|
|
|
</a-input>
|
|
|
|
</a-input>
|
|
|
|
@ -252,11 +203,7 @@
|
|
|
|
<div class="hotStore">
|
|
|
|
<div class="hotStore">
|
|
|
|
<!-- <span>热门企业：</span> -->
|
|
|
|
<!-- <span>热门企业：</span> -->
|
|
|
|
<ul>
|
|
|
|
<ul>
|
|
|
|
<li
|
|
|
|
<li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">
|
|
|
|
v-for="(item, index) in hotStoreList"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
@click="getHotStoreList(item)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{{ item.storeName }}
|
|
|
|
{{ item.storeName }}
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
|
|
|
|
<!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
|
|
|
|
@ -265,14 +212,9 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ul class="hotTag" style="display: none">
|
|
|
|
<ul class="hotTag" style="display: none">
|
|
|
|
<div>热门：</div>
|
|
|
|
<div>热门：</div>
|
|
|
|
<li
|
|
|
|
<li v-for="(item, index) in specialHotTag" :key="index" @click="specialclick(index, item)" :class="{
|
|
|
|
v-for="(item, index) in specialHotTag"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
@click="specialclick(index, item)"
|
|
|
|
|
|
|
|
:class="{
|
|
|
|
|
|
|
|
active: filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
active: filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
}"
|
|
|
|
}">
|
|
|
|
>
|
|
|
|
|
|
|
|
{{ item.name }}
|
|
|
|
{{ item.name }}
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
@ -291,73 +233,33 @@
|
|
|
|
<div class="w" id="maincontent">
|
|
|
|
<div class="w" id="maincontent">
|
|
|
|
<div class="maincontentleft" style="padding-top: 50px">
|
|
|
|
<div class="maincontentleft" style="padding-top: 50px">
|
|
|
|
<div class="tabBar" @click="changeTab($event)">
|
|
|
|
<div class="tabBar" @click="changeTab($event)">
|
|
|
|
<div
|
|
|
|
<div class="tabSubset" :class="{ active: signType == '' }" data-type="0">
|
|
|
|
class="tabSubset"
|
|
|
|
|
|
|
|
:class="{ active: signType == '' }"
|
|
|
|
|
|
|
|
data-type="0"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
全部
|
|
|
|
全部
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div class="tabSubset" :class="{ active: signType == 1 }" data-type="1">
|
|
|
|
class="tabSubset"
|
|
|
|
|
|
|
|
:class="{ active: signType == 1 }"
|
|
|
|
|
|
|
|
data-type="1"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
自营
|
|
|
|
自营
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">
|
|
|
|
class="tabSubset"
|
|
|
|
|
|
|
|
:class="{ active: signType == 2 }"
|
|
|
|
|
|
|
|
data-type="2"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
三方
|
|
|
|
三方
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="">
|
|
|
|
<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="">
|
|
|
|
<div
|
|
|
|
<div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
|
|
|
|
class="filter-title"
|
|
|
|
<span><span>所有筛选<i class="iconfont icon-youjiantou"></i></span>
|
|
|
|
:style="{ top: filterStatus == 0 ? '-32px' : '-21px' }"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
><span>所有筛选<i class="iconfont icon-youjiantou"></i></span>
|
|
|
|
|
|
|
|
<span class="filter-show">
|
|
|
|
<span class="filter-show">
|
|
|
|
<span
|
|
|
|
<span @click="delFilter($event, 'price')" v-show="filterObj.price">{{ filterObj.price
|
|
|
|
@click="delFilter($event, 'price')"
|
|
|
|
}}<i class="iconfont icon-guanbi2" v-show="filterObj.price"></i></span>
|
|
|
|
v-show="filterObj.price"
|
|
|
|
<span @click="delFilter($event, 'gender')" v-show="filterObj.gender">{{ filterObj.gender
|
|
|
|
>{{ filterObj.price
|
|
|
|
}}<i class="iconfont icon-guanbi2" v-show="filterObj.gender"></i></span>
|
|
|
|
}}<i
|
|
|
|
<span @click="delFilter($event, 'special', item)" v-for="(item, index) in filterObj.specialactive" :key="index">{{ item.name }}<i class="iconfont icon-guanbi2"></i></span>
|
|
|
|
class="iconfont icon-guanbi2"
|
|
|
|
|
|
|
|
v-show="filterObj.price"
|
|
|
|
|
|
|
|
></i
|
|
|
|
|
|
|
|
></span>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
@click="delFilter($event, 'gender')"
|
|
|
|
|
|
|
|
v-show="filterObj.gender"
|
|
|
|
|
|
|
|
>{{ filterObj.gender
|
|
|
|
|
|
|
|
}}<i
|
|
|
|
|
|
|
|
class="iconfont icon-guanbi2"
|
|
|
|
|
|
|
|
v-show="filterObj.gender"
|
|
|
|
|
|
|
|
></i
|
|
|
|
|
|
|
|
></span>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
@click="delFilter($event, 'special', item)"
|
|
|
|
|
|
|
|
v-for="(item, index) in filterObj.specialactive"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
>{{ item.name }}<i class="iconfont icon-guanbi2"></i
|
|
|
|
|
|
|
|
></span>
|
|
|
|
|
|
|
|
<i v-show="showDotted" style="line-height: 24px">...</i>
|
|
|
|
<i v-show="showDotted" style="line-height: 24px">...</i>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<span @click="hideFilterContent"
|
|
|
|
<span @click="hideFilterContent">{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
|
|
|
|
>{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
|
|
|
|
}}<i class="iconfont icon-sousuoxiala" :style="{
|
|
|
|
}}<i
|
|
|
|
|
|
|
|
class="iconfont icon-sousuoxiala"
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
transform:
|
|
|
|
transform:
|
|
|
|
filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
|
|
|
|
filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
|
|
|
|
}"
|
|
|
|
}"></i></span>
|
|
|
|
></i
|
|
|
|
|
|
|
|
></span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="filter-content" style="transition: height 0.2s">
|
|
|
|
<div class="filter-content" style="transition: height 0.2s">
|
|
|
|
<dl class="price">
|
|
|
|
<dl class="price">
|
|
|
|
@ -365,156 +267,86 @@
|
|
|
|
<dd>
|
|
|
|
<dd>
|
|
|
|
<div class="ageinputbox">
|
|
|
|
<div class="ageinputbox">
|
|
|
|
<!-- <div> -->
|
|
|
|
<!-- <div> -->
|
|
|
|
<a-input
|
|
|
|
<a-input class="ageinput" v-model="minMonthlyPay" type="text" allow-clear prefix="￥" @input="resetAgeSearch" @click.stop="
|
|
|
|
class="ageinput"
|
|
|
|
|
|
|
|
v-model="minMonthlyPay"
|
|
|
|
|
|
|
|
type="text"
|
|
|
|
|
|
|
|
allow-clear
|
|
|
|
|
|
|
|
prefix="￥"
|
|
|
|
|
|
|
|
@input="resetAgeSearch"
|
|
|
|
|
|
|
|
@click.stop="
|
|
|
|
|
|
|
|
() => {
|
|
|
|
() => {
|
|
|
|
return false;
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
"
|
|
|
|
"></a-input><span class="middle-line"> - </span>
|
|
|
|
></a-input
|
|
|
|
<a-input class="ageinput" v-model="maxMonthlyPay" type="text" allow-clear prefix="￥" @input="resetAgeSearch" @click.stop="
|
|
|
|
><span class="middle-line"> - </span
|
|
|
|
|
|
|
|
><a-input
|
|
|
|
|
|
|
|
class="ageinput"
|
|
|
|
|
|
|
|
v-model="maxMonthlyPay"
|
|
|
|
|
|
|
|
type="text"
|
|
|
|
|
|
|
|
allow-clear
|
|
|
|
|
|
|
|
prefix="￥"
|
|
|
|
|
|
|
|
@input="resetAgeSearch"
|
|
|
|
|
|
|
|
@click.stop="
|
|
|
|
|
|
|
|
() => {
|
|
|
|
() => {
|
|
|
|
return false;
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
"
|
|
|
|
"></a-input>
|
|
|
|
></a-input>
|
|
|
|
|
|
|
|
<div class="confirm">
|
|
|
|
<div class="confirm">
|
|
|
|
<button @click="searchPrice">确定</button>
|
|
|
|
<button @click="searchPrice">确定</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- </div> -->
|
|
|
|
<!-- </div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<i @click="searchPrice"
|
|
|
|
<i @click="searchPrice"><span :style="{
|
|
|
|
><span
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: filterObj.price == '3000-4000' ? '#ff4400' : '',
|
|
|
|
color: filterObj.price == '3000-4000' ? '#ff4400' : '',
|
|
|
|
}"
|
|
|
|
}">3000-4000</span>
|
|
|
|
>3000-4000</span
|
|
|
|
<span :style="{
|
|
|
|
>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: filterObj.price == '4000-5000' ? '#ff4400' : '',
|
|
|
|
color: filterObj.price == '4000-5000' ? '#ff4400' : '',
|
|
|
|
}"
|
|
|
|
}">4000-5000</span>
|
|
|
|
>4000-5000</span
|
|
|
|
<span :style="{
|
|
|
|
>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: filterObj.price == '5000-6000' ? '#ff4400' : '',
|
|
|
|
color: filterObj.price == '5000-6000' ? '#ff4400' : '',
|
|
|
|
}"
|
|
|
|
}">5000-6000</span>
|
|
|
|
>5000-6000</span
|
|
|
|
<span :style="{
|
|
|
|
>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: filterObj.price == '6000-7000' ? '#ff4400' : '',
|
|
|
|
color: filterObj.price == '6000-7000' ? '#ff4400' : '',
|
|
|
|
}"
|
|
|
|
}">6000-7000</span></i>
|
|
|
|
>6000-7000</span
|
|
|
|
|
|
|
|
></i
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
<dl>
|
|
|
|
<dl>
|
|
|
|
<dt>性别：</dt>
|
|
|
|
<dt>性别：</dt>
|
|
|
|
<dd @click="searchGender">
|
|
|
|
<dd @click="searchGender">
|
|
|
|
<span
|
|
|
|
<span :style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }">男</span><span :style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }">女</span><span :style="{
|
|
|
|
:style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }"
|
|
|
|
|
|
|
|
>男</span
|
|
|
|
|
|
|
|
><span
|
|
|
|
|
|
|
|
:style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }"
|
|
|
|
|
|
|
|
>女</span
|
|
|
|
|
|
|
|
><span
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: filterObj.gender == '男女不限' ? '#ff4400' : '',
|
|
|
|
color: filterObj.gender == '男女不限' ? '#ff4400' : '',
|
|
|
|
}"
|
|
|
|
}">男女不限</span>
|
|
|
|
>男女不限</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
<dl>
|
|
|
|
<dl>
|
|
|
|
<dt>薪资福利：</dt>
|
|
|
|
<dt>薪资福利：</dt>
|
|
|
|
<dd>
|
|
|
|
<dd>
|
|
|
|
<span
|
|
|
|
<span v-for="(item, index) in tagArray1" :key="index" :class="{
|
|
|
|
v-for="(item, index) in tagArray1"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
:class="{
|
|
|
|
|
|
|
|
'special-active':
|
|
|
|
'special-active':
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
}"
|
|
|
|
}" @click.stop="specialclick(index, item)">{{ item.name }}</span>
|
|
|
|
@click.stop="specialclick(index, item)"
|
|
|
|
|
|
|
|
>{{ item.name }}</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
<dl>
|
|
|
|
<dl>
|
|
|
|
<dt>宿舍保障：</dt>
|
|
|
|
<dt>宿舍保障：</dt>
|
|
|
|
<dd>
|
|
|
|
<dd>
|
|
|
|
<span
|
|
|
|
<span v-for="(item, index) in tagArray3" :key="index" :class="{
|
|
|
|
v-for="(item, index) in tagArray3"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
:class="{
|
|
|
|
|
|
|
|
'special-active':
|
|
|
|
'special-active':
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
}"
|
|
|
|
}" @click.stop="specialclick(index, item)">{{ item.name }}</span>
|
|
|
|
@click.stop="specialclick(index, item)"
|
|
|
|
|
|
|
|
>{{ item.name }}</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
<dl>
|
|
|
|
<dl>
|
|
|
|
<dt>班制休息：</dt>
|
|
|
|
<dt>班制休息：</dt>
|
|
|
|
<dd>
|
|
|
|
<dd>
|
|
|
|
<span
|
|
|
|
<span v-for="(item, index) in tagArray0" :key="index" :class="{
|
|
|
|
v-for="(item, index) in tagArray0"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
:class="{
|
|
|
|
|
|
|
|
'special-active':
|
|
|
|
'special-active':
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
}"
|
|
|
|
}" @click.stop="specialclick(index, item)">{{ item.name }}</span>
|
|
|
|
@click.stop="specialclick(index, item)"
|
|
|
|
|
|
|
|
>{{ item.name }}</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
<dl>
|
|
|
|
<dl>
|
|
|
|
<dt>面试特色：</dt>
|
|
|
|
<dt>面试特色：</dt>
|
|
|
|
<dd>
|
|
|
|
<dd>
|
|
|
|
<span
|
|
|
|
<span v-for="(item, index) in tagArray4" :key="index" :class="{
|
|
|
|
v-for="(item, index) in tagArray4"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
:class="{
|
|
|
|
|
|
|
|
'special-active':
|
|
|
|
'special-active':
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
}"
|
|
|
|
}" @click.stop="specialclick(index, item)">{{ item.name }}</span>
|
|
|
|
@click.stop="specialclick(index, item)"
|
|
|
|
|
|
|
|
>{{ item.name }}</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
<dl>
|
|
|
|
<dl>
|
|
|
|
<dt>其他特色：</dt>
|
|
|
|
<dt>其他特色：</dt>
|
|
|
|
<dd>
|
|
|
|
<dd>
|
|
|
|
<span
|
|
|
|
<span v-for="(item, index) in tagArray2" :key="index" :class="{
|
|
|
|
v-for="(item, index) in tagArray2"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
:class="{
|
|
|
|
|
|
|
|
'special-active':
|
|
|
|
'special-active':
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
filterObj.specialactive.indexOf(item) > -1,
|
|
|
|
}"
|
|
|
|
}" @click.stop="specialclick(index, item)">{{ item.name }}</span>
|
|
|
|
@click.stop="specialclick(index, item)"
|
|
|
|
|
|
|
|
>{{ item.name }}</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</dd>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
</dl>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -532,14 +364,10 @@
|
|
|
|
<!-- </div> -->
|
|
|
|
<!-- </div> -->
|
|
|
|
|
|
|
|
|
|
|
|
<div v-if="!isspinning">
|
|
|
|
<div v-if="!isspinning">
|
|
|
|
<div class="subset" v-for="(item, index) in jobMainList" :key="index">
|
|
|
|
<div class="subset" v-for="(item, index) in jobMainList" :key="index" :style="{background:item.recruitment == '1'?'#fff':'#f5f5f5'}">
|
|
|
|
<router-link
|
|
|
|
<router-link target="_blank" :to="
|
|
|
|
target="_blank"
|
|
|
|
|
|
|
|
:to="
|
|
|
|
|
|
|
|
'/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum
|
|
|
|
'/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum
|
|
|
|
"
|
|
|
|
" rel="opener">
|
|
|
|
rel="opener"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div class="subsetleft" @click="totop">
|
|
|
|
<div class="subsetleft" @click="totop">
|
|
|
|
<div class="imgbox">
|
|
|
|
<div class="imgbox">
|
|
|
|
<img v-if="item.logo.length !== 0" :src="item.logo" />
|
|
|
|
<img v-if="item.logo.length !== 0" :src="item.logo" />
|
|
|
|
@ -560,39 +388,24 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="jobtag">
|
|
|
|
<div class="jobtag">
|
|
|
|
<!-- <span>返费</span> -->
|
|
|
|
<!-- <span>返费</span> -->
|
|
|
|
<i
|
|
|
|
<i class="iconfont icon-ziying" v-if="item.signType == 1" style=""></i>
|
|
|
|
class="iconfont icon-ziying"
|
|
|
|
<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span><span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
|
|
|
|
v-if="item.signType == 1"
|
|
|
|
|
|
|
|
style=""
|
|
|
|
|
|
|
|
></i>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
v-for="(item1, index) in item.jobSpecialLabelNames"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
>{{ item1 }}</span
|
|
|
|
|
|
|
|
><span v-if="item.jobSpecialLabelNames.length == 0"
|
|
|
|
|
|
|
|
>暂无特色</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="jobpricemonth">
|
|
|
|
<div class="jobpricemonth">
|
|
|
|
<!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
|
|
|
|
<!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
|
|
|
|
|
|
|
|
|
|
|
|
<span>{{
|
|
|
|
<span>{{
|
|
|
|
item.minMonthlyPay ? item.minMonthlyPay : ""
|
|
|
|
item.minMonthlyPay ? item.minMonthlyPay : ""
|
|
|
|
}}</span
|
|
|
|
}}</span>-<span>{{
|
|
|
|
>-<span>{{
|
|
|
|
|
|
|
|
item.maxMonthlyPay ? item.maxMonthlyPay : ""
|
|
|
|
item.maxMonthlyPay ? item.maxMonthlyPay : ""
|
|
|
|
}}</span
|
|
|
|
}}</span>元/月
|
|
|
|
>元/月
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div class="jobpricehour" v-html="
|
|
|
|
class="jobpricehour"
|
|
|
|
|
|
|
|
v-html="
|
|
|
|
|
|
|
|
getSalaryClassifyValue(
|
|
|
|
getSalaryClassifyValue(
|
|
|
|
item.salaryClassify,
|
|
|
|
item.salaryClassify,
|
|
|
|
item.salaryClassifyValue
|
|
|
|
item.salaryClassifyValue
|
|
|
|
)
|
|
|
|
)
|
|
|
|
"
|
|
|
|
">
|
|
|
|
>
|
|
|
|
|
|
|
|
<!-- <template v-if="item.hourlyPay"
|
|
|
|
<!-- <template v-if="item.hourlyPay"
|
|
|
|
><span>{{ item.hourlyPay }}</span
|
|
|
|
><span>{{ item.hourlyPay }}</span
|
|
|
|
>元/小时</template
|
|
|
|
>元/小时</template
|
|
|
|
@ -608,8 +421,7 @@
|
|
|
|
<div class="subsetright">
|
|
|
|
<div class="subsetright">
|
|
|
|
<div class="topContainer">
|
|
|
|
<div class="topContainer">
|
|
|
|
<div class="updateTime" style="display: none">
|
|
|
|
<div class="updateTime" style="display: none">
|
|
|
|
<span
|
|
|
|
<span>更新时间：{{ item.updateTime || "--" }} (
|
|
|
|
>更新时间：{{ item.updateTime || "--" }} (
|
|
|
|
|
|
|
|
{{ item.diffTime || "--" }} )
|
|
|
|
{{ item.diffTime || "--" }} )
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -625,24 +437,14 @@
|
|
|
|
<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
|
|
|
|
<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
|
|
|
|
><span v-else>暂无详单</span>
|
|
|
|
><span v-else>暂无详单</span>
|
|
|
|
</template> -->
|
|
|
|
</template> -->
|
|
|
|
<router-link
|
|
|
|
<router-link target="_blank" :to="'/detail?' +'id=' + item.id + '&' + 'page=' + formvalue.pageNum" rel="opener">
|
|
|
|
target="_blank"
|
|
|
|
<button type="primary" class="jobDesp" :style="{background:item.recruitment == '1'?'#fff':'#f5f5f5'}">
|
|
|
|
:to="
|
|
|
|
|
|
|
|
'/detail?' +
|
|
|
|
|
|
|
|
'id=' +
|
|
|
|
|
|
|
|
item.id +
|
|
|
|
|
|
|
|
'&' +
|
|
|
|
|
|
|
|
'page=' +
|
|
|
|
|
|
|
|
formvalue.pageNum
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
rel="opener"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<button type="primary" class="jobDesp">
|
|
|
|
|
|
|
|
更多
|
|
|
|
更多
|
|
|
|
</button></router-link
|
|
|
|
</button>
|
|
|
|
>
|
|
|
|
</router-link>
|
|
|
|
<!-- </a-popover> -->
|
|
|
|
<!-- </a-popover> -->
|
|
|
|
<button @click="torecord(item)">报名</button>
|
|
|
|
<button class="apply" @click="torecord(item)" v-if="item.recruitment == '1'">报名</button>
|
|
|
|
|
|
|
|
<button class="norecruitment" v-else>暂时停招</button>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <button @click="showmodal(item)" @click="">报名</button> -->
|
|
|
|
<!-- <button @click="showmodal(item)" @click="">报名</button> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -650,35 +452,21 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pagecontainer">
|
|
|
|
<div class="pagecontainer">
|
|
|
|
<a-pagination
|
|
|
|
<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
|
|
|
|
:current="+formvalue.pageNum"
|
|
|
|
|
|
|
|
:default-current="1"
|
|
|
|
|
|
|
|
:defaultPageSize="8"
|
|
|
|
|
|
|
|
:total="formvalue.total"
|
|
|
|
|
|
|
|
@change="pageChange"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper">
|
|
|
|
<div class="ant-pagination-options-quick-jumper">
|
|
|
|
跳至<input
|
|
|
|
跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
|
|
|
|
ref="pageinput"
|
|
|
|
|
|
|
|
type="text"
|
|
|
|
|
|
|
|
@keyup.enter="inputpageChange"
|
|
|
|
|
|
|
|
@blur="inputpageChange"
|
|
|
|
|
|
|
|
/>页
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="maincontentright">
|
|
|
|
<div class="maincontentright">
|
|
|
|
<div class="dateinfo">
|
|
|
|
<div class="dateinfo">
|
|
|
|
<h1 class="bottombox"><i>我的日历</i></h1>
|
|
|
|
<h1 class="bottombox"><i>我的日历</i></h1>
|
|
|
|
<p
|
|
|
|
<p class="day" :style="{
|
|
|
|
class="day"
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
'font-size': '60px',
|
|
|
|
'font-size': '60px',
|
|
|
|
color: '#ff4400',
|
|
|
|
color: '#ff4400',
|
|
|
|
'line-height': '80px',
|
|
|
|
'line-height': '80px',
|
|
|
|
'margin-top': '8px',
|
|
|
|
'margin-top': '8px',
|
|
|
|
}"
|
|
|
|
}">
|
|
|
|
>
|
|
|
|
|
|
|
|
{{ dateinfo.day }}
|
|
|
|
{{ dateinfo.day }}
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
<p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
|
|
|
|
<p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
|
|
|
|
@ -2783,7 +2571,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
> button:last-child {
|
|
|
|
.apply {
|
|
|
|
margin-left: 16px;
|
|
|
|
margin-left: 16px;
|
|
|
|
border: 1px solid #ff4400;
|
|
|
|
border: 1px solid #ff4400;
|
|
|
|
background-color: #fff;
|
|
|
|
background-color: #fff;
|
|
|
|
@ -2797,6 +2585,13 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.norecruitment {
|
|
|
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
color: #ccc;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// .pagecontainer {
|
|
|
|
// .pagecontainer {
|
|
|
|
// display: flex;
|
|
|
|
// display: flex;
|
|
|
|
|
