mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://47.95.113.45:19998/r/matripe/code/yishoudan

Browse Source
cyl/dev
ws 4 years ago
parent ab93efc997 9d3196dbbb
commit 6ca09d3f20
5 changed files with 249 additions and 159 deletions
Show Stats Download Patch File Download Diff File

4
src/components/FirstJob/joblist.vue
Unescape Escape View File

@ -284,7 +284,7 @@
</div> </div>
<div class="subsetright"> <div class="subsetright">
<div class="topContainer"> <div class="topContainer">
<div class="updateTime"> <div class="updateTime" style="display: none">
<span <span
>更新时间：{{ item.updateTime || "--" }} ( >更新时间：{{ item.updateTime || "--" }} (
{{ item.diffTime || "--" }} ) {{ item.diffTime || "--" }} )
@ -351,7 +351,7 @@
</div> </div>
<div class="hotphone"> <div class="hotphone">
<h1 class="bottombox"><i>服务热线</i></h1> <h1 class="bottombox"><i>服务热线</i></h1>
<p>135 2307 4549</p> <p>0371-6611 3723</p>
</div> </div>
<!-- <div class="relationme"> <!-- <div class="relationme">
<p class="bottombox"><i>一手单合作</i></p> <p class="bottombox"><i>一手单合作</i></p>

346
src/components/FirstJob/joblist1.vue
Unescape Escape View File

@ -79,9 +79,49 @@
</ul> </ul>
</div> </div>
</div> </div>
<ul class="filterbox" style="display: none">
<span class="searchBox">
<a-input
placeholder="搜索企业/公司"
@keyup.enter="onSearch"
@input="resetsearch"
v-model="formvalue.aliasName"
class="searchinput"
style=""
><div slot="prefix" @click="visible = true">
<span>{{ currentCity }}</span
><i class="iconfont icon-sousuoxiala"></i
><a-input
class="ageinput"
placeholder="年龄,如20"
v-model="formvalue.ageStr"
@input="resetAgeSearch"
@click.stop="
() => {
return false;
}
"
></a-input>
</div>
<button slot="suffix" @click="onSearch" style="">搜索</button>
</a-input>
</span>
<div class="hotStore">
<span>热门企业：</span>
<ul>
<li
v-for="(item, index) in hotStoreList"
:key="index"
@click="getHotStoreList(item)"
>
{{ item.aliasName }}
</li>
<!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
</ul>
</div>
<ul class="filterbox" style="">
<!-- @click="visible = true" --> <!-- @click="visible = true" -->
<li> <!-- <li>
<i class="iconfont icon-dingwei"></i <i class="iconfont icon-dingwei"></i
><a-cascader ><a-cascader
:options="cityoption" :options="cityoption"
@ -101,7 +141,7 @@
}" }"
><i slot="suffixIcon" class="iconfont icon-xiala"></i ><i slot="suffixIcon" class="iconfont icon-xiala"></i
></a-cascader> ></a-cascader>
</li> </li> -->
<li> <li>
<a-cascader <a-cascader
:options="options.price" :options="options.price"
@ -118,8 +158,24 @@
><i slot="suffixIcon" class="iconfont icon-xiala"></i ><i slot="suffixIcon" class="iconfont icon-xiala"></i
></a-cascader> ></a-cascader>
</li> </li>
<li> <li>
<a-cascader
:options="options.gender"
placeholder="性别"
@change="onChange"
class="gender"
popupClassName="gender"
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model="formvalue.sex"
id="gender"
><i slot="suffixIcon" class="iconfont icon-xiala"></i
></a-cascader>
</li>
<!-- <li>
<a-cascader <a-cascader
:options="options.age" :options="options.age"
placeholder="年龄" placeholder="年龄"
@ -134,7 +190,7 @@
id="age" id="age"
><i slot="suffixIcon" class="iconfont icon-xiala"></i ><i slot="suffixIcon" class="iconfont icon-xiala"></i
></a-cascader> ></a-cascader>
</li> </li> -->
<li class="special"> <li class="special">
<div <div
@click.stop="isspecialboxshowclick" @click.stop="isspecialboxshowclick"
@ -166,50 +222,11 @@
</div> </div>
</li> </li>
<li class="claerfilter"> <li class="claerfilter">
<a <a @click="claerfilter" href="javascript:;">清空筛选条件</a>
@click="claerfilter"
href="javascript:;"
v-if="
formvalue.district.length !== 0 ||
formvalue.monthlyPayStr.length !== 0 ||
formvalue.ageStr.length !== 0 ||
formvalue.jobSpecialLabelIds.length !== 0
"
>清空筛选</a
>
</li>
</ul>
<span>
<a-input
placeholder="搜索企业/公司"
@keyup.enter="onSearch"
@input="resetsearch"
v-model="searchvalue"
class="searchinput"
style="width: 500px"
><div slot="prefix" @click="visible = true">
{{ currentCity }}<i class="iconfont icon-sousuoxiala"></i>
</div>
<button slot="suffix" @click="onSearch" style="margin-right: -12px">
搜索
</button>
</a-input>
</span>
<div class="hotStore">
<span>热门企业：</span>
<ul>
<li
v-for="(item, index) in hotStoreList"
:key="index"
@click="getHotStoreList(item)"
>
{{ item.aliasName }}
</li> </li>
<li @click="resetResult" style="color: #aaa">重置</li>
</ul> </ul>
</div> </div>
</div> </div>
</div>
<!-- 面包屑 --> <!-- 面包屑 -->
<!-- <a-breadcrumb class="w"> <!-- <a-breadcrumb class="w">
<a-breadcrumb-item href=""> <a-breadcrumb-item href="">
@ -301,7 +318,7 @@
</div> </div>
<div class="subsetright"> <div class="subsetright">
<div class="topContainer"> <div class="topContainer">
<div class="updateTime"> <div class="updateTime" style="display: none">
<span <span
>更新时间：{{ item.updateTime || "--" }} ( >更新时间：{{ item.updateTime || "--" }} (
{{ item.diffTime || "--" }} ) {{ item.diffTime || "--" }} )
@ -368,7 +385,7 @@
</div> </div>
<div class="hotphone"> <div class="hotphone">
<h1 class="bottombox"><i>服务热线</i></h1> <h1 class="bottombox"><i>服务热线</i></h1>
<p>135 2307 4549</p> <p>0371-6611 3723</p>
</div> </div>
<!-- <div class="relationme"> <!-- <div class="relationme">
<p class="bottombox"><i>一手单合作</i></p> <p class="bottombox"><i>一手单合作</i></p>
@ -426,7 +443,7 @@ export default {
return { return {
// jobMainList: [], // 职位列表 // jobMainList: [], // 职位列表
specialList: [], // 获取的特色列表 specialList: [], // 获取的特色列表
searchvalue: "", // searchvalue: "",
specialactive: [], // 点中的特色标签索引 specialactive: [], // 点中的特色标签索引
specialvalue: [], // 点中的特色标签 specialvalue: [], // 点中的特色标签
visible: false, // 录单模态框的展示 visible: false, // 录单模态框的展示
@ -496,6 +513,23 @@ export default {
uid: 2, uid: 2,
}, },
], ],
gender: [
{
value: "1",
label: "男",
uid: 3,
},
{
value: "2",
label: "女",
uid: 3,
},
{
value: "-1",
label: "男女不限",
uid: 3,
},
],
}, },
relationList: [], relationList: [],
}; };
@ -506,44 +540,36 @@ export default {
watch: { watch: {
formvalue: { formvalue: {
handler(e) { handler(e) {
// console.log(e); console.log(e);
// 筛选列表数据处理 // 筛选列表数据处理
// if(e.city !== undefined){ // if(e.city !== undefined){
if (e.district.length === 0) { // if (e.district.length === 0) {
document.getElementById("city").style.width = 85 + "px"; // document.getElementById("city").style.width = 85 + "px";
} else { // } else {
const result = e.district.join(""); // const result = e.district.join("");
// console.log(result); // // console.log(result);
if (result.length > 6) { // if (result.length > 6) {
document.getElementById("city").style.width = // document.getElementById("city").style.width = (result.length + 3) * 14 + "px";
(result.length + 3) * 14 + "px"; // document.getElementById("city").style.maxWidth = "210px";
document.getElementById("city").style.maxWidth = "210px"; // document.querySelector("#city").nextElementSibling.style.width = (result.length + 3) * 14 + "px"; // 获取下一个兄弟元素s
document.querySelector("#city").nextElementSibling.style.width = // document.getElementById("city").nextElementSibling.style.maxWidth = "210px";
(result.length + 3) * 14 + "px"; // 获取下一个兄弟元素s // } else if (result.length > 5) {
document.getElementById("city").nextElementSibling.style.maxWidth = // document.getElementById("city").style.width = (result.length + 2.8) * 14 + "px";
"210px"; // document.querySelector("#city").nextElementSibling.style.width = (result.length + 2.6) * 14 + "px";
} else if (result.length > 5) { // } else if (result.length > 4) {
document.getElementById("city").style.width = // document.getElementById("city").style.width = (result.length + 2.4) * 14 + "px";
(result.length + 2.8) * 14 + "px"; // document.querySelector("#city").nextElementSibling.style.width = (result.length + 2.4) * 14 + "px";
document.querySelector("#city").nextElementSibling.style.width = // } else {
(result.length + 2.6) * 14 + "px"; // document.getElementById("city").style.width = (result.length + 1.5) * 14 + "px";
} else if (result.length > 4) { // document.getElementById("city").style.minWidth = 72 + "px";
document.getElementById("city").style.width = // document.querySelector("#city").nextElementSibling.style.width = (result.length + 1.5) * 14 + "px";
(result.length + 2.4) * 14 + "px"; // }
document.querySelector("#city").nextElementSibling.style.width = // }
(result.length + 2.4) * 14 + "px";
} else {
document.getElementById("city").style.width =
(result.length + 1.5) * 14 + "px";
document.getElementById("city").style.minWidth = 72 + "px";
document.querySelector("#city").nextElementSibling.style.width =
(result.length + 1.5) * 14 + "px";
}
}
// } // }
// 工价的判断 // 工价的判断
if (e.monthlyPayStr.length === 0) { if (e.monthlyPayStr.length == 0) {
document.getElementById("price").style.width = 60 + "px"; document.getElementById("price").style.width = 60 + "px";
document.getElementById("price").style.minWidth = 60 + "px";
} else { } else {
const result = e.monthlyPayStr.join(""); const result = e.monthlyPayStr.join("");
if (result.length >= 0) { if (result.length >= 0) {
@ -554,19 +580,31 @@ export default {
// "150px"; // "150px";
} }
} }
// 年龄筛选长度的判断 if (e.monthlyPayStr.length == 0) {
if (e.ageStr.length === 0) { document.getElementById("price").style.width = 60 + "px";
document.getElementById("age").style.width = 60 + "px"; document.getElementById("price").style.minWidth = 60 + "px";
} else { } else {
const result = e.ageStr.join(""); const result = e.monthlyPayStr.join("");
if (result.length >= 0) { if (result.length >= 0) {
document.getElementById("age").style.width = "90px"; document.getElementById("price").style.width = "120px";
document.getElementById("age").nextElementSibling.style.width = document.getElementById("price").nextElementSibling.style.width =
"90px"; "130px";
// document.querySelector(".ant-cascader-picker-label").style.width = // document.querySelector(".ant-cascader-picker-label").style.width =
// "150px"; // "150px";
} }
} }
// 年龄筛选长度的判断
// if (e.ageStr.length === 0) {
// document.getElementById("age").style.width = 60 + "px";
// } else {
// const result = e.ageStr.join("");
// if (result.length >= 0) {
// document.getElementById("age").style.width = "90px";
// document.getElementById("age").nextElementSibling.style.width = "90px";
// // document.querySelector(".ant-cascader-picker-label").style.width =
// // "150px";
// }
// }
}, },
deep: true, deep: true,
}, },
@ -630,13 +668,13 @@ export default {
// } // }
// } else // } else
this.formvalue.pageNum = 1; this.formvalue.pageNum = 1;
if (e.target.value.trim() !== "") { if (
console.log("search"); this.formvalue.aliasName.trim() !== "" ||
this.formvalue.aliasName = e.target.value.trim(); this.formvalue.ageStr.trim() !== ""
this.getJobList(); ) {
} else if (this.searchvalue.trim() !== "") { // console.log("search1");
console.log("search1"); // this.formvalue.aliasName = this.searchvalue;
this.formvalue.aliasName = this.searchvalue; console.log(this.formvalue);
this.getJobList(); this.getJobList();
} }
@ -674,17 +712,22 @@ export default {
onChange(e, item) { onChange(e, item) {
console.log(e); console.log(e);
console.log(item); console.log(item);
if (item) { console.log(this.formvalue);
if (item.uid === 1) { // if (item) {
console.log(1); // if (item.uid === 1) {
this.formvalue.monthlyPayStr = item[0]; // console.log(1);
} else if (item.uid === 2) { // this.formvalue.monthlyPayStr = item[0];
this.formvalue.ageStr = item[0]; // } else if (item.uid === 2) {
} else if (item[0].id) { // this.formvalue.ageStr = item[0];
console.log(e.join()); // } else if (item[0].id) {
this.formvalue.district = e; // console.log(e.join());
} // this.formvalue.district = e;
} // } else
// if (item[0].uid == 3){
// this.formvalue.sex = item[0].value;
// }
// }
this.getJobList(); this.getJobList();
}, },
pageChange(e) { pageChange(e) {
@ -722,12 +765,17 @@ export default {
// }; // };
this.formvalue.district = []; this.formvalue.district = [];
this.formvalue.monthlyPayStr = []; this.formvalue.monthlyPayStr = [];
this.formvalue.ageStr = []; this.formvalue.ageStr = "";
this.formvalue.jobSpecialLabelIds = []; this.formvalue.jobSpecialLabelIds = [];
this.formvalue.aliasName = "";
this.formvalue.cityName = "";
this.formvalue.levelType = "";
this.formvalue.hotStoreId = "";
this.currentCity = "全国";
this.formvalue.pageNum = pageNum; this.formvalue.pageNum = pageNum;
this.formvalue.pageSize = pageSize; this.formvalue.pageSize = pageSize;
this.formvalue.total = total; this.formvalue.total = total;
console.log(this.formvalue); // console.log(this.formvalue);
this.specialactive = []; this.specialactive = [];
this.specialvalue = []; this.specialvalue = [];
this.getJobList(); this.getJobList();
@ -760,6 +808,7 @@ export default {
// window.body.scrollY = 0; // window.body.scrollY = 0;
}, },
moneyToFixed(value) { moneyToFixed(value) {
console.log(value);
return moneyToFixed(value); return moneyToFixed(value);
}, },
// 重置搜索结果 // 重置搜索结果
@ -774,7 +823,13 @@ export default {
// console.log(err); // console.log(err);
// }); // });
}, },
resetAgeSearch(e) {
if (e.target.value.length === 0) {
this.formvalue.ageStr = "";
this.getJobList();
}
},
// 录单弹出层的关闭 // 录单弹出层的关闭
// handleCancel() { // handleCancel() {
// this.visible = false; // this.visible = false;
@ -929,8 +984,15 @@ export default {
const { data } = await getHotStoreApi(); const { data } = await getHotStoreApi();
console.log(data); console.log(data);
if (data.status == 200) { if (data.status == 200) {
let middle = [];
this.hotStoreList = data.data; this.hotStoreList = data.data;
console.log(this.hotStoreList); this.hotStoreList.forEach((item, index) => {
if (index <= 6) {
middle.push(item);
}
});
this.hotStoreList = middle;
// console.log(this.hotStoreList);
} }
} catch (error) { } catch (error) {
console.log(error); console.log(error);
@ -1155,33 +1217,38 @@ export default {
.searchinput { .searchinput {
margin-top: 19px; margin-top: 19px;
// margin-right: 285px; // margin-right: 285px;
i { width: 1200px;
font-size: 12px; height: 44px;
margin-left: 4px; &.ant-input-affix-wrapper {
color: #adadad;
}
.ant-input-affix-wrapper {
position: relative; position: relative;
.ant-input-prefix { .ant-input-prefix {
position: absolute; position: absolute;
left: 8px; left: 8px;
top: 16px; top: 50%;
transform: translateY(-50%);
> div {
> span {
display: inline-block;
width: 50px;
}
}
i { i {
font-size: 12px; font-size: 12px;
color: #c9c9c9; // margin-left: 15px;
color: #adadad;
} }
} }
.ant-input-suffix { .ant-input-suffix {
right: 0px !important; right: 0px !important;
} }
} }
.ant-input { > .ant-input {
width: 100%; width: 100%;
height: 32px; height: 44px;
text-indent: 40px; text-indent: 170px;
background: #fff; background: #fff;
// border: 1px solid rgba(77, 87, 94, 0.3); // border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 136px; // border-radius: 136px;
box-shadow: 0px 2px 4px 0px transparent; box-shadow: 0px 2px 4px 0px transparent;
font-size: 14px !important; font-size: 14px !important;
padding-right: 0; padding-right: 0;
@ -1199,14 +1266,14 @@ export default {
} }
} }
button { button {
width: 70px; width: 120px;
height: 32px; height: 44px;
color: white; color: white;
background: #ff6a00; background: #ff6a00;
border-color: #ff6a00; border-color: #ff6a00;
border: none; border: none;
border-radius: 16px; // border-radius: 16px;
font-size: 14px; font-size: 18px;
box-shadow: none; box-shadow: none;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
@ -1217,6 +1284,26 @@ export default {
// border: none; // border: none;
// } // }
} }
.ageinput {
padding: 0;
margin: 0 15px;
height: 32px;
width: 100px;
border-radius: 0;
text-indent: 10px;
border-color: #e9e9e9;
border-top-color: transparent;
border-bottom-color: transparent;
&:hover {
border-left-color: #e9e9e9;
border-right-color: #e9e9e9;
}
&:focus {
box-shadow: none;
border-left-color: #e9e9e9;
border-right-color: #e9e9e9;
}
}
} }
.specialbox { .specialbox {
position: absolute; position: absolute;
@ -1225,7 +1312,7 @@ export default {
// display: ; // display: ;
transition: all 0.4s; transition: all 0.4s;
left: 0; left: 0;
top: 71px; top: 164px;
width: 100vw; width: 100vw;
background-color: #fff; background-color: #fff;
z-index: 999; z-index: 999;
@ -1277,7 +1364,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
min-width: 645px; min-width: 645px;
> li { > li {
margin-top: 22px; // margin-top: 22px;
font-size: 14px; font-size: 14px;
color: #4d575e; color: #4d575e;
margin-right: 4px; margin-right: 4px;
@ -1417,14 +1504,15 @@ export default {
position: relative; position: relative;
color: #8c8d8f; color: #8c8d8f;
font-size: 14px; font-size: 14px;
margin: 28px 25px 0 20px; margin: 0px 25px 0 20px;
// color: rgba(78, 88, 95, 0.8); // color: rgba(78, 88, 95, 0.8);
transform: translateY(-1px); transform: translateY(-1px);
// margin-left: 25px; // margin-left: 25px;
a { a {
display: inline-block;
margin-top: 7px;
transition: all 0.5s; transition: all 0.5s;
line-height: 14px; line-height: 14px;
&:active { &:active {
color: rgb(255, 106, 0); color: rgb(255, 106, 0);
transition: none; transition: none;

5
src/style/index.less
Unescape Escape View File

@ -460,12 +460,13 @@ i {
} }
.ant-cascader-menus.monthlypay, .ant-cascader-menus.monthlypay,
.ant-cascader-menus.agestr { .ant-cascader-menus.agestr,
.ant-cascader-menus.gender {
// position: fixed !important; // position: fixed !important;
// border-top: 1px solid #000; // border-top: 1px solid #000;
width: 100vw; width: 100vw;
margin: 0 auto; margin: 0 auto;
top: 70px !important; top: 164px !important;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
transition: none !important; transition: none !important;

4
src/utils/request.js
Unescape Escape View File

@ -13,8 +13,8 @@ console.log(baseURL);
axios.defaults.withCredentials = true; //添加这行代码 axios.defaults.withCredentials = true; //添加这行代码
// console.log(axios); // console.log(axios);
const service = axios.create({ const service = axios.create({
// baseURL: "/api_prod", // url = base url + request url baseURL: "/api_prod", // url = base url + request url
baseURL: baseURL, // baseURL: "/api", // url = base url + request url // baseURL: baseURL, // baseURL: "/api", // url = base url + request url
withCredentials: true, // send cookies when cross-domain requests withCredentials: true, // send cookies when cross-domain requests
timeout: 10000, // request timeout timeout: 10000, // request timeout
crossDomain: true, crossDomain: true,

3
src/views/main.vue
Unescape Escape View File

@ -258,9 +258,10 @@ export default {
// 筛选的上传参数 // 筛选的上传参数
district: [], // 城镇数据 district: [], // 城镇数据
monthlyPayStr: [], // 每月工资 monthlyPayStr: [], // 每月工资
ageStr: [], // 年龄数据 ageStr: "", // 年龄数据
jobSpecialLabelIds: [], // 特色标签索引 jobSpecialLabelIds: [], // 特色标签索引
aliasName: "", aliasName: "",
sex: [],
pageNum: 1, pageNum: 1,
pageSize: 8, pageSize: 8,
total: null, //分页配置 total: null, //分页配置

Write Preview
Loading…
Cancel
Save