|
|
|
|
@ -54,7 +54,7 @@
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<!-- 筛选导航 -->
|
|
|
|
|
<div class="navigation">
|
|
|
|
|
<div class="navigation" id="navigation">
|
|
|
|
|
<div class="w">
|
|
|
|
|
<!-- 特色筛选的列表盒子 -->
|
|
|
|
|
<div v-if="isspecialboxshow" class="specialbox" @click.stop="">
|
|
|
|
|
@ -143,8 +143,9 @@
|
|
|
|
|
></i>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li @click="claerfilter" class="claerfilter">
|
|
|
|
|
<li class="claerfilter">
|
|
|
|
|
<a
|
|
|
|
|
@click="claerfilter"
|
|
|
|
|
href="javascript:;"
|
|
|
|
|
v-if="
|
|
|
|
|
formvalue.district.length !== 0 ||
|
|
|
|
|
@ -195,7 +196,11 @@
|
|
|
|
|
<div v-if="!isspinning">
|
|
|
|
|
<div class="subset" v-for="(item, index) in jobMainList" :key="index">
|
|
|
|
|
<div class="subsetleft">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<router-link
|
|
|
|
|
target="_blank"
|
|
|
|
|
:to="'/detail/' + item.id"
|
|
|
|
|
rel="opener"
|
|
|
|
|
>
|
|
|
|
|
<div class="imgbox" @click="totop">
|
|
|
|
|
<img v-if="item.logo.length !== 0" :src="item.logo" />
|
|
|
|
|
<img
|
|
|
|
|
@ -206,7 +211,11 @@
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="jobinfobox">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<router-link
|
|
|
|
|
target="_blank"
|
|
|
|
|
:to="'/detail/' + item.id"
|
|
|
|
|
rel="opener"
|
|
|
|
|
>
|
|
|
|
|
<div class="jobname" @click="totop">{{ item.aliasName }}</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="jobinfo">
|
|
|
|
|
@ -256,11 +265,15 @@
|
|
|
|
|
: false
|
|
|
|
|
"
|
|
|
|
|
>{{ item.returnFee }}</span
|
|
|
|
|
><i v-else>--</i> 元/小时
|
|
|
|
|
><i v-else>--</i>{{ item.servetype }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottombox1">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<router-link
|
|
|
|
|
target="_blank"
|
|
|
|
|
:to="'/detail/' + item.id"
|
|
|
|
|
rel="opener"
|
|
|
|
|
>
|
|
|
|
|
<button>更多</button>
|
|
|
|
|
</router-link>
|
|
|
|
|
<button @click="showmodal(item.id)">录单</button>
|
|
|
|
|
@ -440,22 +453,22 @@ export default {
|
|
|
|
|
watch: {
|
|
|
|
|
formvalue: {
|
|
|
|
|
handler(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|
// console.log(e);
|
|
|
|
|
// 筛选列表数据处理
|
|
|
|
|
// if(e.city !== undefined){
|
|
|
|
|
if (e.district.length === 0) {
|
|
|
|
|
document.getElementById("city").style.width = 85 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
const result = e.district.join("");
|
|
|
|
|
console.log(result);
|
|
|
|
|
// console.log(result);
|
|
|
|
|
if (result.length > 6) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(result.length + 3) * 14 + "px";
|
|
|
|
|
document.getElementById("city").style.maxWidth = "250px";
|
|
|
|
|
document.getElementById("city").style.maxWidth = "210px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width = // 获取下一个兄弟元素s
|
|
|
|
|
(result.length + 3) * 14 + "px";
|
|
|
|
|
document.getElementById("city").nextElementSibling.style.maxWidth =
|
|
|
|
|
"250px";
|
|
|
|
|
"210px";
|
|
|
|
|
} else if (result.length > 5) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(result.length + 2.8) * 14 + "px";
|
|
|
|
|
@ -528,13 +541,37 @@ export default {
|
|
|
|
|
// document.querySelector(".ant-pagination-options-quick-jumper").innerHTML =
|
|
|
|
|
// "跳至<input type='text'>页";
|
|
|
|
|
console.log(this.formvalue);
|
|
|
|
|
window.addEventListener("scroll", this.windowScroll); //监听页面滚动
|
|
|
|
|
},
|
|
|
|
|
// 组件方法
|
|
|
|
|
methods: {
|
|
|
|
|
/**
|
|
|
|
|
* 处理后台返回的职位列表
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
windowScroll() {
|
|
|
|
|
let scrollTop =
|
|
|
|
|
window.pageYOffset ||
|
|
|
|
|
document.documentElement.scrollTop ||
|
|
|
|
|
document.body.scrollTop;
|
|
|
|
|
// console.log(scrollTop); // 获取到页面滚动的值,
|
|
|
|
|
let navigation = document.getElementById("navigation");
|
|
|
|
|
let content = document.querySelector(".maincontent");
|
|
|
|
|
// console.log(content);
|
|
|
|
|
// let left = ("100vw" - "1200px") / 2;
|
|
|
|
|
if (scrollTop >= 81) {
|
|
|
|
|
navigation.style.position = "fixed";
|
|
|
|
|
navigation.style.top = "0px";
|
|
|
|
|
navigation.style.boxShadow = "2px 2px 4px 0px rgba(0,0,0,0.05)";
|
|
|
|
|
// navigation.style.left = 0;
|
|
|
|
|
content.style.marginTop = "90px";
|
|
|
|
|
// navigation.style.backgroundColor = "red";
|
|
|
|
|
// console.log(navigation.style);
|
|
|
|
|
} else {
|
|
|
|
|
navigation.style.position = "relative";
|
|
|
|
|
content.style.marginTop = "16px";
|
|
|
|
|
navigation.style.boxShadow = "none";
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//搜索企业名称
|
|
|
|
|
onSearch(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|
@ -545,6 +582,7 @@ export default {
|
|
|
|
|
// this.getJobList();
|
|
|
|
|
// }
|
|
|
|
|
// } else
|
|
|
|
|
this.formvalue.pageNum = 1;
|
|
|
|
|
if (e.target.value.trim() !== "") {
|
|
|
|
|
console.log("search");
|
|
|
|
|
this.formvalue.aliasName = e.target.value.trim();
|
|
|
|
|
@ -609,7 +647,17 @@ export default {
|
|
|
|
|
this.getJobList();
|
|
|
|
|
},
|
|
|
|
|
inputpageChange(e) {
|
|
|
|
|
const pagenumcount = this.formvalue.total / this.formvalue.pageSize;
|
|
|
|
|
console.log(pagenumcount);
|
|
|
|
|
if (e.target.value) {
|
|
|
|
|
if (e.target.value > pagenumcount) {
|
|
|
|
|
this.formvalue.pageNum = Math.ceil(pagenumcount);
|
|
|
|
|
} else {
|
|
|
|
|
this.formvalue.pageNum = e.target.value;
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.formvalue.pageNum = 1;
|
|
|
|
|
}
|
|
|
|
|
this.getJobList();
|
|
|
|
|
console.log(e);
|
|
|
|
|
},
|
|
|
|
|
@ -696,9 +744,16 @@ export default {
|
|
|
|
|
console.log(ispass);
|
|
|
|
|
if (ispass) {
|
|
|
|
|
this.confirmLoading = true;
|
|
|
|
|
|
|
|
|
|
console.log(this.form);
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.confirmLoading = false;
|
|
|
|
|
this.form = {
|
|
|
|
|
// 录单数据置空
|
|
|
|
|
name: "",
|
|
|
|
|
tel: "",
|
|
|
|
|
peoplecard: "",
|
|
|
|
|
username: "",
|
|
|
|
|
};
|
|
|
|
|
this.visible = false;
|
|
|
|
|
}, 2000);
|
|
|
|
|
} else {
|
|
|
|
|
@ -735,10 +790,14 @@ export default {
|
|
|
|
|
} else if (date.getDay() === 7) {
|
|
|
|
|
this.dateinfo.week = "星期日";
|
|
|
|
|
}
|
|
|
|
|
if (date.getDate().length < 2) {
|
|
|
|
|
console.log(date.getDate());
|
|
|
|
|
console.log(date.getDate().length);
|
|
|
|
|
if (date.getDate().toString().length <= 1) {
|
|
|
|
|
this.dateinfo.day = "0" + date.getDate();
|
|
|
|
|
console.log(this.dateinfo.day);
|
|
|
|
|
} else {
|
|
|
|
|
this.dateinfo.day = date.getDate();
|
|
|
|
|
console.log(this.dateinfo.day);
|
|
|
|
|
}
|
|
|
|
|
this.dateinfo.date = date.getFullYear() + "." + (date.getMonth() + 1);
|
|
|
|
|
},
|
|
|
|
|
@ -794,6 +853,7 @@ export default {
|
|
|
|
|
/deep/ .ant-modal-footer {
|
|
|
|
|
padding: 10px 24px;
|
|
|
|
|
.ant-btn {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
@ -805,6 +865,7 @@ export default {
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
margin-left: 12px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: #ff8025 !important;
|
|
|
|
|
}
|
|
|
|
|
@ -813,7 +874,7 @@ export default {
|
|
|
|
|
/deep/ .ant-modal-header {
|
|
|
|
|
.ant-modal-title {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
// font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-modal-body {
|
|
|
|
|
@ -822,6 +883,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
/deep/ .navigation {
|
|
|
|
|
// margin-top: -1px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border: 1px solid #f6f6f6;
|
|
|
|
|
height: 72px;
|
|
|
|
|
@ -829,7 +891,7 @@ export default {
|
|
|
|
|
// line-height: 100px;
|
|
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
z-index: 999;
|
|
|
|
|
.special-active {
|
|
|
|
|
color: rgb(254, 97, 0) !important;
|
|
|
|
|
background-color: rgba(255, 106, 0, 0.1) !important;
|
|
|
|
|
@ -850,7 +912,7 @@ export default {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
> span {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-top: 19px;
|
|
|
|
|
// margin-right: 285px;
|
|
|
|
|
i {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
@ -863,21 +925,25 @@ export default {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 8px;
|
|
|
|
|
top: 16px;
|
|
|
|
|
i {
|
|
|
|
|
color: #c9c9c9;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-input-suffix {
|
|
|
|
|
right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-input {
|
|
|
|
|
width: 320px;
|
|
|
|
|
width: 300px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
// border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
border-radius: 136px;
|
|
|
|
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
|
|
|
|
|
box-shadow: 0px 2px 4px 0px transparent;
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
border-color: #e9e9e9;
|
|
|
|
|
&::placeholder {
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
@ -944,12 +1010,12 @@ export default {
|
|
|
|
|
.filterbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
min-width: 595px;
|
|
|
|
|
min-width: 645px;
|
|
|
|
|
> li {
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
margin-top: 22px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
// margin-right: 20px;
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
.ant-cascader-picker {
|
|
|
|
|
width: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
@ -995,9 +1061,9 @@ export default {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
// margin-top: -9px;
|
|
|
|
|
&::before {
|
|
|
|
|
@ -1057,7 +1123,7 @@ export default {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
height: 12px;
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
|
|
|
|
|
transform: scale(0.8);
|
|
|
|
|
// vertical-align: middle;
|
|
|
|
|
@ -1086,7 +1152,7 @@ export default {
|
|
|
|
|
position: relative;
|
|
|
|
|
color: #8c8d8f;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 28px 30px 0 25px;
|
|
|
|
|
margin: 28px 25px 0 20px;
|
|
|
|
|
// color: rgba(78, 88, 95, 0.8);
|
|
|
|
|
transform: translateY(-1px);
|
|
|
|
|
// margin-left: 25px;
|
|
|
|
|
@ -1109,7 +1175,7 @@ export default {
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
.maincontentleft {
|
|
|
|
|
width: 914px;
|
|
|
|
|
width: 944px;
|
|
|
|
|
margin-right: 16px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
.nodata {
|
|
|
|
|
@ -1130,12 +1196,19 @@ export default {
|
|
|
|
|
.subset {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 914px;
|
|
|
|
|
// width: 944px;
|
|
|
|
|
// height: 212px;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
transition: all 0.2s;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
// position: relative;
|
|
|
|
|
box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.1);
|
|
|
|
|
// transform: translateY(-0.5px);
|
|
|
|
|
}
|
|
|
|
|
.subsetleft {
|
|
|
|
|
display: flex;
|
|
|
|
|
.imgbox {
|
|
|
|
|
@ -1158,7 +1231,7 @@ export default {
|
|
|
|
|
.jobname {
|
|
|
|
|
// margin: 12px 0;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
@ -1201,7 +1274,7 @@ export default {
|
|
|
|
|
.jobpricehour {
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
// line-height: 24px;
|
|
|
|
|
@ -1227,25 +1300,26 @@ export default {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
div {
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
// font-weight: normal;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
// font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
div:first-child {
|
|
|
|
|
height: 24px;
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border: 1px solid #ff6a00;
|
|
|
|
|
border-radius: 4px 4px 0px 0px;
|
|
|
|
|
}
|
|
|
|
|
div:last-child {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
background-color: #fff4e3;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bottombox1 {
|
|
|
|
|
@ -1334,6 +1408,7 @@ export default {
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
.maincontentright {
|
|
|
|
|
width: 240px;
|
|
|
|
|
> div {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
@ -1343,7 +1418,7 @@ export default {
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
background-color: #fff1e7;
|
|
|
|
|
background-color: #fff4e3;
|
|
|
|
|
.bottombox {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
@ -1355,13 +1430,14 @@ export default {
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
&::after {
|
|
|
|
|
left: 0;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.hotphone {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 270px;
|
|
|
|
|
width: 240px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
// height: 114px;
|
|
|
|
|
padding: 0 20px 20px 20px;
|
|
|
|
|
@ -1373,7 +1449,7 @@ export default {
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
// font-weight: normal;
|
|
|
|
|
top: 65%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
@ -1382,7 +1458,7 @@ export default {
|
|
|
|
|
.relationme {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 270px;
|
|
|
|
|
width: 240px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
padding: 0 20px 20px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
|
ws
4 years ago
