|
|
|
|
@ -1,5 +1,23 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="joblist-container">
|
|
|
|
|
<div class="searchbox">
|
|
|
|
|
<div class="w">
|
|
|
|
|
<span
|
|
|
|
|
><router-link to="/list"><h1 class="logo"></h1></router-link
|
|
|
|
|
></span>
|
|
|
|
|
<span>
|
|
|
|
|
<a-input-search
|
|
|
|
|
placeholder="企业/公司"
|
|
|
|
|
enter-button="搜索"
|
|
|
|
|
@keyup.enter="onSearch"
|
|
|
|
|
@search="onSearch"
|
|
|
|
|
@input="resetsearch"
|
|
|
|
|
class="searchinput"
|
|
|
|
|
><i slot="prefix" class="iconfont icon-sousuo"></i
|
|
|
|
|
></a-input-search>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 筛选导航 -->
|
|
|
|
|
<div class="navigation">
|
|
|
|
|
<div class="w">
|
|
|
|
|
@ -27,17 +45,21 @@
|
|
|
|
|
@change="onChange"
|
|
|
|
|
placeholder="选择城市"
|
|
|
|
|
v-model="formvalue.district"
|
|
|
|
|
popupClassName="flitercity"
|
|
|
|
|
id="city"
|
|
|
|
|
/>
|
|
|
|
|
><i slot="suffixIcon" class="iconfont icon-xiala"></i
|
|
|
|
|
></a-cascader>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a-cascader
|
|
|
|
|
:options="options.price"
|
|
|
|
|
placeholder="工价"
|
|
|
|
|
@change="onChange"
|
|
|
|
|
popupClassName="monthlypay"
|
|
|
|
|
v-model="formvalue.monthlyPayStr"
|
|
|
|
|
id="price"
|
|
|
|
|
/>
|
|
|
|
|
><i slot="suffixIcon" class="iconfont icon-xiala"></i
|
|
|
|
|
></a-cascader>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
@ -45,9 +67,11 @@
|
|
|
|
|
:options="options.age"
|
|
|
|
|
placeholder="年龄"
|
|
|
|
|
@change="onChange"
|
|
|
|
|
popupClassName="agestr"
|
|
|
|
|
v-model="formvalue.ageStr"
|
|
|
|
|
id="age"
|
|
|
|
|
/>
|
|
|
|
|
><i slot="suffixIcon" class="iconfont icon-xiala"></i
|
|
|
|
|
></a-cascader>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="special">
|
|
|
|
|
<div
|
|
|
|
|
@ -63,7 +87,18 @@
|
|
|
|
|
></i>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li @click="claerfilter"><a href="javascript:;">清空筛选</a></li>
|
|
|
|
|
<li @click="claerfilter" class="claerfilter">
|
|
|
|
|
<a
|
|
|
|
|
href="javascript:;"
|
|
|
|
|
v-if="
|
|
|
|
|
formvalue.district.length !== 0 ||
|
|
|
|
|
formvalue.monthlyPayStr.length !== 0 ||
|
|
|
|
|
formvalue.ageStr.length !== 0 ||
|
|
|
|
|
formvalue.jobSpecialLabelIds.length !== 0
|
|
|
|
|
"
|
|
|
|
|
>清空筛选</a
|
|
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -81,56 +116,71 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="!isspinning">
|
|
|
|
|
<div class="subset" v-for="(item, index) in jobMainList" :key="index">
|
|
|
|
|
<router-link :to="'/detail/' + item.id">
|
|
|
|
|
<div class="subsetleft">
|
|
|
|
|
<div class="imgbox">
|
|
|
|
|
<img
|
|
|
|
|
:src="item.logo || 'require(../../assets/美特科技.png)'"
|
|
|
|
|
/>
|
|
|
|
|
<div class="subsetleft">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<div class="imgbox" @click="totop">
|
|
|
|
|
<img v-if="item.logo.length !== 0" :src="item.logo" />
|
|
|
|
|
<img v-else src="../../../static/img/nopicture.png" />
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="jobinfobox">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<div class="jobname" @click="totop">{{ item.aliasName }}</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="jobinfo">
|
|
|
|
|
<span>{{ item.district }}</span>
|
|
|
|
|
<span>{{ item.gender }}</span>
|
|
|
|
|
<span>{{ item.age }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobinfobox">
|
|
|
|
|
<div class="jobname">{{ item.aliasName }}</div>
|
|
|
|
|
<div class="jobinfo">
|
|
|
|
|
<span>{{ item.district }}</span>
|
|
|
|
|
<span>{{ item.gender }}</span>
|
|
|
|
|
<span>丨{{ item.age }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobtag">
|
|
|
|
|
<span>返费</span>
|
|
|
|
|
<span
|
|
|
|
|
v-for="(item1, index) in item.jobSpecialLabelNames"
|
|
|
|
|
:key="index"
|
|
|
|
|
>{{ item1 }}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="jobpricemonth"
|
|
|
|
|
:style="{ opacity: item.minMonthlyPay ? '1' : '0' }"
|
|
|
|
|
<div class="jobtag">
|
|
|
|
|
<span>返费</span>
|
|
|
|
|
<span
|
|
|
|
|
v-for="(item1, index) in item.jobSpecialLabelNames"
|
|
|
|
|
:key="index"
|
|
|
|
|
>{{ item1 }}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobpricemonth">
|
|
|
|
|
<!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
|
|
|
|
|
|
|
|
|
|
<span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span
|
|
|
|
|
>-<span>{{
|
|
|
|
|
item.maxMonthlyPay ? item.maxMonthlyPay : ""
|
|
|
|
|
}}</span
|
|
|
|
|
>元/月
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobpricehour">
|
|
|
|
|
<template v-if="item.hourlyPay"
|
|
|
|
|
><span>{{ item.hourlyPay }}</span
|
|
|
|
|
>元/小时</template
|
|
|
|
|
>
|
|
|
|
|
<template v-else-if="item.dayPay"
|
|
|
|
|
><span>{{ item.dayPay }}</span
|
|
|
|
|
>元/日</template
|
|
|
|
|
>
|
|
|
|
|
<span>{{ item.minMonthlyPay }}</span
|
|
|
|
|
>-<span>{{ item.maxMonthlyPay }}</span
|
|
|
|
|
>元/月
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobpricehour">
|
|
|
|
|
<template v-if="item.hourlyPay"
|
|
|
|
|
><span>{{ item.hourlyPayTemp / 100 }}</span
|
|
|
|
|
>元/小时</template
|
|
|
|
|
>
|
|
|
|
|
<template v-else-if="item.dayPay"
|
|
|
|
|
><span>{{ item.hourlyPayTemp / 100 }}</span
|
|
|
|
|
>元/日</template
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="subsetright">
|
|
|
|
|
<div class="topbox">
|
|
|
|
|
<div
|
|
|
|
|
class="topbox"
|
|
|
|
|
:style="{
|
|
|
|
|
opacity:
|
|
|
|
|
item.returnFee &&
|
|
|
|
|
item.returnFee !== -1 &&
|
|
|
|
|
item.returnFee !== null
|
|
|
|
|
? '1'
|
|
|
|
|
: '0',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<div>服务费</div>
|
|
|
|
|
<div><span>1.5</span>元/小时</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span>{{ item.returnFee }}</span
|
|
|
|
|
>元/小时
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottombox">
|
|
|
|
|
<router-link :to="'/detail/' + item.id">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<button>更多</button>
|
|
|
|
|
</router-link>
|
|
|
|
|
<button>录单</button>
|
|
|
|
|
@ -142,7 +192,7 @@
|
|
|
|
|
<a-pagination
|
|
|
|
|
:current="+formvalue.pageNum"
|
|
|
|
|
:default-current="1"
|
|
|
|
|
:defaultPageSize="2"
|
|
|
|
|
:defaultPageSize="8"
|
|
|
|
|
:total="formvalue.total"
|
|
|
|
|
@change="pageChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -157,11 +207,11 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="maincontentright">
|
|
|
|
|
<div class="hotphone">
|
|
|
|
|
<h1>服务热线</h1>
|
|
|
|
|
<h1 class="bottombox"><i>服务热线</i></h1>
|
|
|
|
|
<p>0371-666666666</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relationme">
|
|
|
|
|
<p>一手单合作</p>
|
|
|
|
|
<p class="bottombox"><i>一手单合作</i></p>
|
|
|
|
|
<button>发布一手单</button>
|
|
|
|
|
</div>
|
|
|
|
|
<recommend />
|
|
|
|
|
@ -172,14 +222,16 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
JobListApi,
|
|
|
|
|
// JobListApi,
|
|
|
|
|
getJobSpecialApi,
|
|
|
|
|
getProvinceApi,
|
|
|
|
|
// getCityApi,
|
|
|
|
|
} from "../../api/job";
|
|
|
|
|
import { disposeJobListData } from "../../utils/commonUtil";
|
|
|
|
|
import { moneyToFixed } from "../../utils/commonUtil";
|
|
|
|
|
import recommend from "@/components/FirstJob/components/recommend.vue";
|
|
|
|
|
export default {
|
|
|
|
|
// 注入获取职位列表的方法
|
|
|
|
|
inject: ["getJobList"],
|
|
|
|
|
// 组件名称
|
|
|
|
|
name: "",
|
|
|
|
|
// 局部注册的组件
|
|
|
|
|
@ -191,28 +243,28 @@ export default {
|
|
|
|
|
isspecialboxshow: {
|
|
|
|
|
require: true,
|
|
|
|
|
},
|
|
|
|
|
formvalue: {
|
|
|
|
|
// type: Object,
|
|
|
|
|
require: true,
|
|
|
|
|
},
|
|
|
|
|
jobMainList: {
|
|
|
|
|
require: true,
|
|
|
|
|
},
|
|
|
|
|
isspinning: {
|
|
|
|
|
require: true,
|
|
|
|
|
}, // 加载中显示
|
|
|
|
|
},
|
|
|
|
|
// 组件状态值
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
isspinning: false, // 加载中显示
|
|
|
|
|
jobMainList: [], // 职位列表
|
|
|
|
|
// jobMainList: [], // 职位列表
|
|
|
|
|
specialList: [], // 获取的特色列表
|
|
|
|
|
|
|
|
|
|
formvalue: {
|
|
|
|
|
// 筛选的上传参数
|
|
|
|
|
district: [],
|
|
|
|
|
monthlyPayStr: [],
|
|
|
|
|
ageStr: [],
|
|
|
|
|
jobSpecialLabelIds: [],
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 2,
|
|
|
|
|
total: null, //分页配置
|
|
|
|
|
},
|
|
|
|
|
specialactive: [], // 点中的特色标签索引
|
|
|
|
|
specialvalue: [], // 点中的特色标签
|
|
|
|
|
|
|
|
|
|
cityoption: [], // 城市列表
|
|
|
|
|
newFormValue: [],
|
|
|
|
|
options: {
|
|
|
|
|
//
|
|
|
|
|
price: [
|
|
|
|
|
@ -275,24 +327,24 @@ export default {
|
|
|
|
|
if (e.district.length === 0) {
|
|
|
|
|
document.getElementById("city").style.width = 105 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
const data = e.district.join("");
|
|
|
|
|
console.log(data);
|
|
|
|
|
if (data.length > 6) {
|
|
|
|
|
const result = e.district.join("");
|
|
|
|
|
console.log(result);
|
|
|
|
|
if (result.length > 6) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(data.length + 4) * 18 + "px";
|
|
|
|
|
(result.length + 4) * 18 + "px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width = // 获取下一个兄弟元素s
|
|
|
|
|
(data.length + 4) * 18 + "px";
|
|
|
|
|
} else if (data.length > 4) {
|
|
|
|
|
(result.length + 4) * 18 + "px";
|
|
|
|
|
} else if (result.length > 4) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(data.length + 2.6) * 18 + "px";
|
|
|
|
|
(result.length + 2.6) * 18 + "px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width =
|
|
|
|
|
(data.length + 2.6) * 18 + "px";
|
|
|
|
|
(result.length + 2.6) * 18 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(data.length + 2) * 18 + "px";
|
|
|
|
|
(result.length + 2) * 18 + "px";
|
|
|
|
|
document.getElementById("city").style.minWidth = 72 + "px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width =
|
|
|
|
|
(data.length + 2) * 18 + "px";
|
|
|
|
|
(result.length + 2) * 18 + "px";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// }
|
|
|
|
|
@ -300,8 +352,8 @@ export default {
|
|
|
|
|
if (e.monthlyPayStr.length === 0) {
|
|
|
|
|
document.getElementById("price").style.width = 70 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
const data = e.monthlyPayStr.join("");
|
|
|
|
|
if (data.length >= 0) {
|
|
|
|
|
const result = e.monthlyPayStr.join("");
|
|
|
|
|
if (result.length >= 0) {
|
|
|
|
|
document.getElementById("price").style.width = "150px";
|
|
|
|
|
document.getElementById("price").nextElementSibling.style.width =
|
|
|
|
|
"150px";
|
|
|
|
|
@ -313,8 +365,8 @@ export default {
|
|
|
|
|
if (e.ageStr.length === 0) {
|
|
|
|
|
document.getElementById("age").style.width = 70 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
const data = e.ageStr.join("");
|
|
|
|
|
if (data.length >= 0) {
|
|
|
|
|
const result = e.ageStr.join("");
|
|
|
|
|
if (result.length >= 0) {
|
|
|
|
|
document.getElementById("age").style.width = "100px";
|
|
|
|
|
document.getElementById("age").nextElementSibling.style.width =
|
|
|
|
|
"100px";
|
|
|
|
|
@ -347,6 +399,7 @@ export default {
|
|
|
|
|
// });
|
|
|
|
|
// document.querySelector(".ant-pagination-options-quick-jumper").innerHTML =
|
|
|
|
|
// "跳至<input type='text'>页";
|
|
|
|
|
console.log(this.formvalue);
|
|
|
|
|
},
|
|
|
|
|
// 组件方法
|
|
|
|
|
methods: {
|
|
|
|
|
@ -354,49 +407,23 @@ export default {
|
|
|
|
|
* 处理后台返回的职位列表
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
// 获取工作列表
|
|
|
|
|
async getJobList() {
|
|
|
|
|
this.isspinning = true;
|
|
|
|
|
console.log(this.formvalue);
|
|
|
|
|
try {
|
|
|
|
|
var newdata = {
|
|
|
|
|
district: "",
|
|
|
|
|
monthlyPayStr: "",
|
|
|
|
|
ageStr: "",
|
|
|
|
|
jobSpecialLabelIds: "",
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 2,
|
|
|
|
|
total: null, //分页配置
|
|
|
|
|
};
|
|
|
|
|
for (var k in this.formvalue) {
|
|
|
|
|
console.log(this.formvalue[k]);
|
|
|
|
|
if (Array.isArray(this.formvalue[k])) {
|
|
|
|
|
newdata[k] =
|
|
|
|
|
this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
|
|
|
|
|
} else {
|
|
|
|
|
newdata[k] = this.formvalue[k];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
console.log(newdata);
|
|
|
|
|
// debugger;
|
|
|
|
|
const { data } = await JobListApi(newdata);
|
|
|
|
|
if (data.status === 200) {
|
|
|
|
|
this.jobMainList = disposeJobListData(data.data.recordList);
|
|
|
|
|
this.formvalue.total = data.data.recordCount;
|
|
|
|
|
console.log(this.jobMainList);
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.info("数据获取失败");
|
|
|
|
|
//搜索企业名称
|
|
|
|
|
onSearch(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|
if (typeof e === "string" || typeof e === "number") {
|
|
|
|
|
if (e.length !== 0) {
|
|
|
|
|
console.log("zifuchuan ");
|
|
|
|
|
this.formvalue.aliasName = e;
|
|
|
|
|
this.getJobList();
|
|
|
|
|
}
|
|
|
|
|
console.log(data);
|
|
|
|
|
// = data.data.recordList;
|
|
|
|
|
this.isspinning = false;
|
|
|
|
|
console.log(this.formvalue);
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.log(error);
|
|
|
|
|
} else if (e.target.value.trim() !== "") {
|
|
|
|
|
this.formvalue.aliasName = e.target.value.trim();
|
|
|
|
|
this.getJobList();
|
|
|
|
|
}
|
|
|
|
|
this.$router.push("/list").catch((err) => {
|
|
|
|
|
console.log(err);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onSearch() {},
|
|
|
|
|
// 获取职位特色
|
|
|
|
|
async getJobSpecial() {
|
|
|
|
|
try {
|
|
|
|
|
@ -413,6 +440,7 @@ export default {
|
|
|
|
|
// const that = this;
|
|
|
|
|
try {
|
|
|
|
|
const { data } = await getProvinceApi();
|
|
|
|
|
console.log(data);
|
|
|
|
|
data.data.pop();
|
|
|
|
|
this.cityoption = data.data;
|
|
|
|
|
|
|
|
|
|
@ -429,7 +457,6 @@ export default {
|
|
|
|
|
if (item) {
|
|
|
|
|
if (item.uid === 1) {
|
|
|
|
|
console.log(1);
|
|
|
|
|
console.log(item[0]);
|
|
|
|
|
this.formvalue.monthlyPayStr = item[0];
|
|
|
|
|
} else if (item.uid === 2) {
|
|
|
|
|
this.formvalue.ageStr = item[0];
|
|
|
|
|
@ -454,15 +481,22 @@ export default {
|
|
|
|
|
handleChange() {},
|
|
|
|
|
claerfilter() {
|
|
|
|
|
const { pageNum, pageSize, total } = this.formvalue;
|
|
|
|
|
this.formvalue = {
|
|
|
|
|
district: [],
|
|
|
|
|
monthlyPayStr: [],
|
|
|
|
|
ageStr: [],
|
|
|
|
|
jobSpecialLabelIds: [],
|
|
|
|
|
pageNum,
|
|
|
|
|
pageSize,
|
|
|
|
|
total, //分页配置
|
|
|
|
|
};
|
|
|
|
|
// this.formvalue = {
|
|
|
|
|
// district: [],
|
|
|
|
|
// monthlyPayStr: [],
|
|
|
|
|
// ageStr: [],
|
|
|
|
|
// jobSpecialLabelIds: [],
|
|
|
|
|
// pageNum,
|
|
|
|
|
// pageSize,
|
|
|
|
|
// total, //分页配置
|
|
|
|
|
// };
|
|
|
|
|
this.formvalue.district = [];
|
|
|
|
|
this.formvalue.monthlyPayStr = [];
|
|
|
|
|
this.formvalue.ageStr = [];
|
|
|
|
|
this.formvalue.jobSpecialLabelIds = [];
|
|
|
|
|
this.formvalue.pageNum = pageNum;
|
|
|
|
|
this.formvalue.pageSize = pageSize;
|
|
|
|
|
this.formvalue.total = total;
|
|
|
|
|
console.log(this.formvalue);
|
|
|
|
|
this.specialactive = [];
|
|
|
|
|
this.specialvalue = [];
|
|
|
|
|
@ -488,13 +522,100 @@ export default {
|
|
|
|
|
isspecialboxshowclick() {
|
|
|
|
|
this.$emit("update:isspecialboxshow", !this.isspecialboxshow);
|
|
|
|
|
},
|
|
|
|
|
totop() {
|
|
|
|
|
// console.log(window);
|
|
|
|
|
document.body.scrollTop = 0;
|
|
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
|
|
// window.body.scrollY = 0;
|
|
|
|
|
},
|
|
|
|
|
moneyToFixed(value) {
|
|
|
|
|
return moneyToFixed(value);
|
|
|
|
|
},
|
|
|
|
|
// 重置搜索结果
|
|
|
|
|
resetsearch(e) {
|
|
|
|
|
// console.log(e);
|
|
|
|
|
if (e.target.value.length === 0) {
|
|
|
|
|
this.formvalue.aliasName = "";
|
|
|
|
|
|
|
|
|
|
this.getJobList();
|
|
|
|
|
}
|
|
|
|
|
this.$router.push("/list").catch((err) => {
|
|
|
|
|
console.log(err);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
|
|
.searchbox {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
// border-bottom: 1px solid #eeefef;
|
|
|
|
|
.w {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
height: 100px;
|
|
|
|
|
span {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
.logo {
|
|
|
|
|
width: 424px;
|
|
|
|
|
height: 49px;
|
|
|
|
|
margin-top: 26px;
|
|
|
|
|
margin-right: 60px;
|
|
|
|
|
background: url("../../assets/logo.png") no-repeat;
|
|
|
|
|
background-size: contain;
|
|
|
|
|
}
|
|
|
|
|
span:nth-of-type(2) {
|
|
|
|
|
margin-top: 27px;
|
|
|
|
|
i {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
color: #adadad;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-input {
|
|
|
|
|
width: 446px;
|
|
|
|
|
height: 46px;
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
border-color: #d9d9d9;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
font-size: 16px !important;
|
|
|
|
|
|
|
|
|
|
&::placeholder {
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #d9d9d9;
|
|
|
|
|
}
|
|
|
|
|
&:focus {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-input-group-addon .ant-btn {
|
|
|
|
|
width: 86px;
|
|
|
|
|
height: 46px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
span:nth-of-type(3) {
|
|
|
|
|
width: 76px;
|
|
|
|
|
height: 76px;
|
|
|
|
|
float: right;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .navigation {
|
|
|
|
|
margin-top: -1px;
|
|
|
|
|
// margin-top: -1px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border: 1px solid #f6f6f6;
|
|
|
|
|
height: 50px;
|
|
|
|
|
@ -519,9 +640,11 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
> .w {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: start;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
.specialbox {
|
|
|
|
|
position: absolute;
|
|
|
|
|
border-bottom: 1px solid #f6f6f6;
|
|
|
|
|
box-shadow: 5px 5px 10px rgb(223, 223, 223);
|
|
|
|
|
// display: ;
|
|
|
|
|
transition: all 0.4s;
|
|
|
|
|
left: 0;
|
|
|
|
|
@ -531,10 +654,10 @@ export default {
|
|
|
|
|
z-index: 999;
|
|
|
|
|
ul {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 12px 0 0 0;
|
|
|
|
|
padding: 20px 0 8px 0;
|
|
|
|
|
li {
|
|
|
|
|
padding: 5px 12px;
|
|
|
|
|
margin: 0px 24px 10px 0;
|
|
|
|
|
padding: 4px 16px;
|
|
|
|
|
margin: 0px 24px 12px 0;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
float: left;
|
|
|
|
|
background: rgba(216, 216, 216, 0.3);
|
|
|
|
|
@ -547,15 +670,23 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
> ul {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: start;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
li {
|
|
|
|
|
// margin-right: 30px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
.ant-cascader-picker {
|
|
|
|
|
width: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
.anticon-close-circle {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
.icon-xiala {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
transform: translateY(-1px) scale(0.5);
|
|
|
|
|
}
|
|
|
|
|
.ant-cascader-input {
|
|
|
|
|
width: 70px;
|
|
|
|
|
// margin-top: -5px;
|
|
|
|
|
@ -564,14 +695,16 @@ export default {
|
|
|
|
|
padding: 0;
|
|
|
|
|
// margin-bottom: 6px;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
|
|
&::placeholder {
|
|
|
|
|
// width: auto;
|
|
|
|
|
// text-indent: 20px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-cascader-input::placeholder {
|
|
|
|
|
// width: auto;
|
|
|
|
|
// text-indent: 20px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
// width: 110px;
|
|
|
|
|
// max-width: 150px;
|
|
|
|
|
@ -590,7 +723,7 @@ export default {
|
|
|
|
|
width: 18px;
|
|
|
|
|
height: 18px;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
// margin-top: -9px;
|
|
|
|
|
&::before {
|
|
|
|
|
@ -604,13 +737,17 @@ export default {
|
|
|
|
|
position: relative;
|
|
|
|
|
.ant-cascader-input {
|
|
|
|
|
min-width: 105px;
|
|
|
|
|
&:hover &::placeholder {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-cascader-input::placeholder {
|
|
|
|
|
// width: auto;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
text-indent: 0;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
span {
|
|
|
|
|
// width: auto;
|
|
|
|
|
@ -628,18 +765,18 @@ export default {
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
i {
|
|
|
|
|
.icon-xiala {
|
|
|
|
|
transition: all 0.2s;
|
|
|
|
|
position: relative;
|
|
|
|
|
color: #c5c5c5;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
transform: translateY(-1px) scale(0.7);
|
|
|
|
|
}
|
|
|
|
|
.turn {
|
|
|
|
|
transform: translateY(-1px) scale(0.7) rotate(180deg);
|
|
|
|
|
transform: translateY(-2px) scale(0.5);
|
|
|
|
|
}
|
|
|
|
|
// .turn {
|
|
|
|
|
// transform: translateY(-1px) scale(0.6) rotate(180deg);
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
li:last-child {
|
|
|
|
|
@ -649,9 +786,9 @@ export default {
|
|
|
|
|
// color: rgba(78, 88, 95, 0.8);
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
transition: all 0.5s;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
color: rgb(255, 106, 0);
|
|
|
|
|
@ -690,15 +827,15 @@ export default {
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 914px;
|
|
|
|
|
height: 212px;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
.subsetleft {
|
|
|
|
|
display: flex;
|
|
|
|
|
.imgbox {
|
|
|
|
|
width: 230px;
|
|
|
|
|
height: 172px;
|
|
|
|
|
width: 240px;
|
|
|
|
|
height: 180px;
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
@ -712,7 +849,10 @@ export default {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.jobinfo {
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
@ -724,7 +864,7 @@ export default {
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
}
|
|
|
|
|
.jobtag {
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
span:first-child {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
@ -732,22 +872,22 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
span {
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding: 4px 8px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
padding: 2px 10px;
|
|
|
|
|
background: rgba(51, 51, 51, 0.06);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.jobpricemonth {
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
}
|
|
|
|
|
.jobpricehour {
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-align: left;
|
|
|
|
|
@ -768,14 +908,15 @@ export default {
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
.topbox {
|
|
|
|
|
width: 116px;
|
|
|
|
|
height: 62px;
|
|
|
|
|
height: 54px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background: rgba(255, 106, 0, 0.1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
div {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
@ -783,28 +924,30 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
div:first-child {
|
|
|
|
|
height: 28px;
|
|
|
|
|
height: 24px;
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border: 1px solid #ff6a00;
|
|
|
|
|
border-radius: 4px 4px 0px 0px;
|
|
|
|
|
}
|
|
|
|
|
div:last-child {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bottombox {
|
|
|
|
|
button {
|
|
|
|
|
width: 72px;
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
button:first-child {
|
|
|
|
|
width: 72px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border: 1px solid rgba(140, 147, 153, 0.3);
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
@ -842,10 +985,10 @@ export default {
|
|
|
|
|
input[type="text"] {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
&:focus {
|
|
|
|
|
border: 1px solid #ff6a006a;
|
|
|
|
|
border: 1px solid #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
border: 1px solid #ff6a006a;
|
|
|
|
|
border: 1px solid #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-pagination-item {
|
|
|
|
|
@ -874,25 +1017,25 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.hotphone {
|
|
|
|
|
width: 270px;
|
|
|
|
|
height: 106px;
|
|
|
|
|
padding: 20px 32px;
|
|
|
|
|
// height: 114px;
|
|
|
|
|
padding: 20px 20px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.relationme {
|
|
|
|
|
width: 270px;
|
|
|
|
|
padding: 20px 40px;
|
|
|
|
|
padding: 20px 20px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
button {
|
|
|
|
|
width: 150px;
|
|
|
|
|
width: 198px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
