|
|
|
|
@ -5,6 +5,54 @@
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- 录单弹出框 -->
|
|
|
|
|
<a-modal
|
|
|
|
|
title="录单"
|
|
|
|
|
:visible="visible"
|
|
|
|
|
class="modal"
|
|
|
|
|
:confirm-loading="confirmLoading"
|
|
|
|
|
@ok="handleOk"
|
|
|
|
|
@cancel="handleCancel"
|
|
|
|
|
:maskClosable="false"
|
|
|
|
|
okText="提交"
|
|
|
|
|
cancelText="取消"
|
|
|
|
|
:destroyOnClose="true"
|
|
|
|
|
>
|
|
|
|
|
<a-form-model ref="ruleForm" :model="form" :rules="rules" :colon="false">
|
|
|
|
|
<a-form-model-item ref="name" label="老乡姓名" prop="name">
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.name"
|
|
|
|
|
placeholder="请输入老乡姓名"
|
|
|
|
|
@blur="
|
|
|
|
|
() => {
|
|
|
|
|
$refs.name.onFieldBlur();
|
|
|
|
|
}
|
|
|
|
|
"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="tel" label="老乡电话" prop="tel">
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.tel"
|
|
|
|
|
placeholder="请输入老乡电话"
|
|
|
|
|
@blur="
|
|
|
|
|
() => {
|
|
|
|
|
$refs.tel.onFieldBlur();
|
|
|
|
|
}
|
|
|
|
|
"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="peoplecard"
|
|
|
|
|
label="老乡身份证号"
|
|
|
|
|
prop="peoplecard"
|
|
|
|
|
>
|
|
|
|
|
<a-input v-model="form.peoplecard" placeholder="请输入老乡身份证号" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="username" label="报名人" prop="username">
|
|
|
|
|
<a-input v-model="form.username" placeholder="请输入报名人" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<!-- 筛选导航 -->
|
|
|
|
|
<div class="navigation">
|
|
|
|
|
<div class="w">
|
|
|
|
|
@ -16,14 +64,16 @@
|
|
|
|
|
v-for="(item, index) in specialList"
|
|
|
|
|
:key="index"
|
|
|
|
|
@click.stop="specialclick(index, item)"
|
|
|
|
|
:class="{ 'special-active': specialactive.indexOf(index) > -1 }"
|
|
|
|
|
:class="{
|
|
|
|
|
'special-active': specialactive.indexOf(item.name) > -1,
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
{{ item.name }}
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<ul class="filterbox">
|
|
|
|
|
<li>
|
|
|
|
|
<i class="iconfont icon-dingwei"></i
|
|
|
|
|
><a-cascader
|
|
|
|
|
@ -34,6 +84,9 @@
|
|
|
|
|
v-model="formvalue.district"
|
|
|
|
|
popupClassName="flitercity"
|
|
|
|
|
id="city"
|
|
|
|
|
:popupStyle="{
|
|
|
|
|
transform: 'all .1s',
|
|
|
|
|
}"
|
|
|
|
|
><i slot="suffixIcon" class="iconfont icon-xiala"></i
|
|
|
|
|
></a-cascader>
|
|
|
|
|
</li>
|
|
|
|
|
@ -65,7 +118,15 @@
|
|
|
|
|
@click.stop="isspecialboxshowclick"
|
|
|
|
|
:style="isspecialboxshow ? 'color:#ff6a00' : ''"
|
|
|
|
|
>
|
|
|
|
|
<span :style="specialactive.length != 0 ? 'color:#ff6a00' : ''"
|
|
|
|
|
<ul class="showspecial" v-if="specialvalue.length !== 0">
|
|
|
|
|
<li v-for="(item, index) in specialactive" :key="index">
|
|
|
|
|
{{ item }}<i></i>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<span v-if="specialvalue.length >= 3">...</span>
|
|
|
|
|
<span
|
|
|
|
|
:style="specialactive.length != 0 ? 'color:#ff6a00' : ''"
|
|
|
|
|
v-if="specialvalue.length === 0"
|
|
|
|
|
>特色</span
|
|
|
|
|
><i
|
|
|
|
|
class="iconfont icon-xiala"
|
|
|
|
|
@ -91,34 +152,49 @@
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="搜索企业/公司"
|
|
|
|
|
@keyup.enter="onSearch"
|
|
|
|
|
@search="onSearch"
|
|
|
|
|
@input="resetsearch"
|
|
|
|
|
v-model="searchvalue"
|
|
|
|
|
class="searchinput"
|
|
|
|
|
><i slot="prefix" class="iconfont icon-sousuo"></i>
|
|
|
|
|
<button slot="suffix">搜索</button>
|
|
|
|
|
<button slot="suffix" @click="onSearch">搜索</button>
|
|
|
|
|
</a-input>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 面包屑 -->
|
|
|
|
|
<!-- <a-breadcrumb class="w">
|
|
|
|
|
<a-breadcrumb-item href="">
|
|
|
|
|
<router-link to="/main"><a-icon type="home" /></router-link>
|
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
|
<a-breadcrumb-item href="">
|
|
|
|
|
<span>一手职位</span>
|
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
|
</a-breadcrumb> -->
|
|
|
|
|
<!-- 主体部分 -->
|
|
|
|
|
<div class="maincontent w">
|
|
|
|
|
<div class="maincontentleft">
|
|
|
|
|
<div style="text-align: center">
|
|
|
|
|
<a-spin tip="加载中..." :spinning="isspinning"> </a-spin>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
<!-- <div
|
|
|
|
|
class="nodata"
|
|
|
|
|
v-if="jobMainList.length === 0 && isspinning === false"
|
|
|
|
|
>
|
|
|
|
|
<p>没有符合条件的岗位</p>
|
|
|
|
|
</div>
|
|
|
|
|
> -->
|
|
|
|
|
<template v-if="jobMainList.length === 0 && isspinning === false">
|
|
|
|
|
<a-empty class="nodata" description="暂无符合条件的岗位" />
|
|
|
|
|
</template>
|
|
|
|
|
<!-- </div> -->
|
|
|
|
|
<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">
|
|
|
|
|
<div class="imgbox" @click="totop">
|
|
|
|
|
<img v-if="item.logo.length !== 0" :src="item.logo" />
|
|
|
|
|
<img v-else src="../../../static/img/nopicture.png" />
|
|
|
|
|
<img
|
|
|
|
|
v-else
|
|
|
|
|
src="../../../static/img/nopicture.png"
|
|
|
|
|
style="height: 169px; width: "
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="jobinfobox">
|
|
|
|
|
@ -160,28 +236,26 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="subsetright">
|
|
|
|
|
<div
|
|
|
|
|
class="topbox"
|
|
|
|
|
:style="{
|
|
|
|
|
opacity:
|
|
|
|
|
<div class="topbox">
|
|
|
|
|
<div>服务费</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span
|
|
|
|
|
v-if="
|
|
|
|
|
item.returnFee &&
|
|
|
|
|
item.returnFee !== -1 &&
|
|
|
|
|
item.returnFee !== null
|
|
|
|
|
? '1'
|
|
|
|
|
: '0',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<div>服务费</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span>{{ item.returnFee }}</span
|
|
|
|
|
>元/小时
|
|
|
|
|
? true
|
|
|
|
|
: false
|
|
|
|
|
"
|
|
|
|
|
>{{ item.returnFee }}</span
|
|
|
|
|
><i v-else>--</i> 元/小时
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottombox">
|
|
|
|
|
<div class="bottombox1">
|
|
|
|
|
<router-link target="_blank" :to="'/detail/' + item.id">
|
|
|
|
|
<button>更多</button>
|
|
|
|
|
</router-link>
|
|
|
|
|
<button>录单</button>
|
|
|
|
|
<button @click="showmodal(item.id)">录单</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -199,14 +273,35 @@
|
|
|
|
|
ref="pageinput"
|
|
|
|
|
type="text"
|
|
|
|
|
@keyup.enter="inputpageChange"
|
|
|
|
|
@blur="inputpageChange"
|
|
|
|
|
/>页
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="maincontentright">
|
|
|
|
|
<div class="dateinfo">
|
|
|
|
|
<h1 class="bottombox"><i>我的日历</i></h1>
|
|
|
|
|
<p
|
|
|
|
|
class="day"
|
|
|
|
|
:style="{
|
|
|
|
|
'font-size': '60px',
|
|
|
|
|
color: '#FF6A00',
|
|
|
|
|
'line-height': '80px',
|
|
|
|
|
'margin-top': '8px',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
{{ dateinfo.day }}
|
|
|
|
|
</p>
|
|
|
|
|
<p class="week" :style="{ 'font-size': '16px', color: '#FF6A00' }">
|
|
|
|
|
{{ dateinfo.week }}
|
|
|
|
|
</p>
|
|
|
|
|
<p class="date" :style="{ 'font-size': '16px', color: '#FF6A00' }">
|
|
|
|
|
{{ dateinfo.date }}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hotphone">
|
|
|
|
|
<h1 class="bottombox"><i>服务热线</i></h1>
|
|
|
|
|
<p>0371-666666666</p>
|
|
|
|
|
<p>0371-6666 6666</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relationme">
|
|
|
|
|
<p class="bottombox"><i>一手单合作</i></p>
|
|
|
|
|
@ -229,7 +324,7 @@ import { moneyToFixed } from "../../utils/commonUtil";
|
|
|
|
|
import recommend from "@/components/FirstJob/components/recommend.vue";
|
|
|
|
|
export default {
|
|
|
|
|
// 注入获取职位列表的方法
|
|
|
|
|
inject: ["getJobList"],
|
|
|
|
|
inject: ["getJobList", "reload"],
|
|
|
|
|
// 组件名称
|
|
|
|
|
name: "",
|
|
|
|
|
// 局部注册的组件
|
|
|
|
|
@ -257,12 +352,30 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
// jobMainList: [], // 职位列表
|
|
|
|
|
specialList: [], // 获取的特色列表
|
|
|
|
|
|
|
|
|
|
searchvalue: "",
|
|
|
|
|
specialactive: [], // 点中的特色标签索引
|
|
|
|
|
specialvalue: [], // 点中的特色标签
|
|
|
|
|
|
|
|
|
|
visible: false, // 录单模态框的展示
|
|
|
|
|
confirmLoading: false, // 录单提交的loading效果
|
|
|
|
|
cityoption: [], // 城市列表
|
|
|
|
|
newFormValue: [],
|
|
|
|
|
dateinfo: {
|
|
|
|
|
day: "",
|
|
|
|
|
week: "",
|
|
|
|
|
date: "",
|
|
|
|
|
},
|
|
|
|
|
form: {
|
|
|
|
|
// 录单数据
|
|
|
|
|
name: "",
|
|
|
|
|
tel: "",
|
|
|
|
|
peoplecard: "",
|
|
|
|
|
username: "",
|
|
|
|
|
},
|
|
|
|
|
rules: {
|
|
|
|
|
// 录单校验规则
|
|
|
|
|
name: [{ required: true, message: "请输入姓名", trigger: "submit" }],
|
|
|
|
|
tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
|
|
|
|
|
},
|
|
|
|
|
options: {
|
|
|
|
|
//
|
|
|
|
|
price: [
|
|
|
|
|
@ -323,34 +436,34 @@ export default {
|
|
|
|
|
// 筛选列表数据处理
|
|
|
|
|
// if(e.city !== undefined){
|
|
|
|
|
if (e.district.length === 0) {
|
|
|
|
|
document.getElementById("city").style.width = 95 + "px";
|
|
|
|
|
document.getElementById("city").style.width = 85 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
const result = e.district.join("");
|
|
|
|
|
console.log(result);
|
|
|
|
|
if (result.length > 6) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(result.length + 3) * 18 + "px";
|
|
|
|
|
(result.length + 3) * 14 + "px";
|
|
|
|
|
document.getElementById("city").style.maxWidth = "250px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width = // 获取下一个兄弟元素s
|
|
|
|
|
(result.length + 3) * 18 + "px";
|
|
|
|
|
(result.length + 3) * 14 + "px";
|
|
|
|
|
document.getElementById("city").nextElementSibling.style.maxWidth =
|
|
|
|
|
"250px";
|
|
|
|
|
} else if (result.length > 5) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(result.length + 2.6) * 18 + "px";
|
|
|
|
|
(result.length + 2.8) * 14 + "px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width =
|
|
|
|
|
(result.length + 2.6) * 18 + "px";
|
|
|
|
|
(result.length + 2.6) * 14 + "px";
|
|
|
|
|
} else if (result.length > 4) {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(result.length + 2.4) * 18 + "px";
|
|
|
|
|
(result.length + 2.4) * 14 + "px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width =
|
|
|
|
|
(result.length + 2.4) * 18 + "px";
|
|
|
|
|
(result.length + 2.4) * 14 + "px";
|
|
|
|
|
} else {
|
|
|
|
|
document.getElementById("city").style.width =
|
|
|
|
|
(result.length + 1.5) * 18 + "px";
|
|
|
|
|
(result.length + 1.5) * 14 + "px";
|
|
|
|
|
document.getElementById("city").style.minWidth = 72 + "px";
|
|
|
|
|
document.querySelector("#city").nextElementSibling.style.width =
|
|
|
|
|
(result.length + 1.5) * 18 + "px";
|
|
|
|
|
(result.length + 1.5) * 14 + "px";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// }
|
|
|
|
|
@ -360,9 +473,9 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
const result = e.monthlyPayStr.join("");
|
|
|
|
|
if (result.length >= 0) {
|
|
|
|
|
document.getElementById("price").style.width = "140px";
|
|
|
|
|
document.getElementById("price").style.width = "120px";
|
|
|
|
|
document.getElementById("price").nextElementSibling.style.width =
|
|
|
|
|
"150px";
|
|
|
|
|
"130px";
|
|
|
|
|
// document.querySelector(".ant-cascader-picker-label").style.width =
|
|
|
|
|
// "150px";
|
|
|
|
|
}
|
|
|
|
|
@ -373,9 +486,9 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
const result = e.ageStr.join("");
|
|
|
|
|
if (result.length >= 0) {
|
|
|
|
|
document.getElementById("age").style.width = "100px";
|
|
|
|
|
document.getElementById("age").style.width = "90px";
|
|
|
|
|
document.getElementById("age").nextElementSibling.style.width =
|
|
|
|
|
"100px";
|
|
|
|
|
"90px";
|
|
|
|
|
// document.querySelector(".ant-cascader-picker-label").style.width =
|
|
|
|
|
// "150px";
|
|
|
|
|
}
|
|
|
|
|
@ -394,6 +507,7 @@ export default {
|
|
|
|
|
this.getJobList();
|
|
|
|
|
this.getJobSpecial();
|
|
|
|
|
this.getProvince();
|
|
|
|
|
this.getdateinfo();
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
|
|
|
|
|
@ -416,19 +530,26 @@ export default {
|
|
|
|
|
//搜索企业名称
|
|
|
|
|
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();
|
|
|
|
|
}
|
|
|
|
|
} else if (e.target.value.trim() !== "") {
|
|
|
|
|
// if (typeof e === "string" || typeof e === "number") {
|
|
|
|
|
// if (e.length !== 0) {
|
|
|
|
|
// console.log("zifuchuan ");
|
|
|
|
|
// this.formvalue.aliasName = e;
|
|
|
|
|
// this.getJobList();
|
|
|
|
|
// }
|
|
|
|
|
// } else
|
|
|
|
|
if (e.target.value.trim() !== "") {
|
|
|
|
|
console.log("search");
|
|
|
|
|
this.formvalue.aliasName = e.target.value.trim();
|
|
|
|
|
this.getJobList();
|
|
|
|
|
} else if (this.searchvalue.trim() !== "") {
|
|
|
|
|
console.log("search1");
|
|
|
|
|
this.formvalue.aliasName = this.searchvalue;
|
|
|
|
|
this.getJobList();
|
|
|
|
|
}
|
|
|
|
|
this.$router.push("/list").catch((err) => {
|
|
|
|
|
console.log(err);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// this.$router.push("/list").catch((err) => {
|
|
|
|
|
// console.log(err);
|
|
|
|
|
// });
|
|
|
|
|
},
|
|
|
|
|
// 获取职位特色
|
|
|
|
|
async getJobSpecial() {
|
|
|
|
|
@ -487,7 +608,7 @@ export default {
|
|
|
|
|
handleChange() {},
|
|
|
|
|
claerfilter() {
|
|
|
|
|
const { pageNum, pageSize, total } = this.formvalue;
|
|
|
|
|
// this.formvalue = {
|
|
|
|
|
// this.formvalue = { // 改变引用地址不会使vue侦听到数据的变化,
|
|
|
|
|
// district: [],
|
|
|
|
|
// monthlyPayStr: [],
|
|
|
|
|
// ageStr: [],
|
|
|
|
|
@ -510,12 +631,13 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
specialclick(index, item) {
|
|
|
|
|
console.log(item);
|
|
|
|
|
let arrIndex = this.specialactive.indexOf(index);
|
|
|
|
|
console.log(index);
|
|
|
|
|
let arrIndex = this.specialactive.indexOf(item.name);
|
|
|
|
|
if (arrIndex > -1) {
|
|
|
|
|
this.specialactive.splice(arrIndex, 1);
|
|
|
|
|
this.specialvalue.splice(arrIndex, 1);
|
|
|
|
|
} else {
|
|
|
|
|
this.specialactive.push(index);
|
|
|
|
|
this.specialactive.push(item.name);
|
|
|
|
|
this.specialvalue.push(item.id);
|
|
|
|
|
}
|
|
|
|
|
this.formvalue.jobSpecialLabelIds = this.specialvalue;
|
|
|
|
|
@ -545,15 +667,77 @@ export default {
|
|
|
|
|
|
|
|
|
|
this.getJobList();
|
|
|
|
|
}
|
|
|
|
|
this.$router.push("/list").catch((err) => {
|
|
|
|
|
console.log(err);
|
|
|
|
|
// this.$router.push("/list").catch((err) => {
|
|
|
|
|
// console.log(err);
|
|
|
|
|
// });
|
|
|
|
|
},
|
|
|
|
|
// 录单弹出层的关闭
|
|
|
|
|
handleCancel() {
|
|
|
|
|
this.visible = false;
|
|
|
|
|
this.form = {
|
|
|
|
|
// 录单数据
|
|
|
|
|
name: "",
|
|
|
|
|
tel: "",
|
|
|
|
|
peoplecard: "",
|
|
|
|
|
username: "",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
// 录单提交按钮的回调
|
|
|
|
|
handleOk() {
|
|
|
|
|
this.$refs.ruleForm.validate((ispass, no) => {
|
|
|
|
|
console.log(ispass);
|
|
|
|
|
if (ispass) {
|
|
|
|
|
this.confirmLoading = true;
|
|
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.confirmLoading = false;
|
|
|
|
|
this.visible = false;
|
|
|
|
|
}, 2000);
|
|
|
|
|
} else {
|
|
|
|
|
console.log(123);
|
|
|
|
|
}
|
|
|
|
|
console.log(no);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 弹出录单模态框
|
|
|
|
|
showmodal(id) {
|
|
|
|
|
this.visible = true;
|
|
|
|
|
console.log(id);
|
|
|
|
|
},
|
|
|
|
|
// 获取日期信息
|
|
|
|
|
getdateinfo() {
|
|
|
|
|
const date = new Date();
|
|
|
|
|
// console.log(date);
|
|
|
|
|
// console.log(date.getDate());
|
|
|
|
|
// console.log(date.getDay());
|
|
|
|
|
// console.log(date.getFullYear());
|
|
|
|
|
// console.log(date.getMonth());
|
|
|
|
|
if (date.getDay() === 1) {
|
|
|
|
|
this.dateinfo.week = "星期一";
|
|
|
|
|
} else if (date.getDay() === 2) {
|
|
|
|
|
this.dateinfo.week = "星期二";
|
|
|
|
|
} else if (date.getDay() === 3) {
|
|
|
|
|
this.dateinfo.week = "星期三";
|
|
|
|
|
} else if (date.getDay() === 4) {
|
|
|
|
|
this.dateinfo.week = "星期四";
|
|
|
|
|
} else if (date.getDay() === 5) {
|
|
|
|
|
this.dateinfo.week = "星期五";
|
|
|
|
|
} else if (date.getDay() === 6) {
|
|
|
|
|
this.dateinfo.week = "星期六";
|
|
|
|
|
} else if (date.getDay() === 7) {
|
|
|
|
|
this.dateinfo.week = "星期日";
|
|
|
|
|
}
|
|
|
|
|
this.dateinfo.day = "0" + date.getDate();
|
|
|
|
|
this.dateinfo.date = date.getFullYear() + "." + (date.getMonth() + 1);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
|
|
// :focus-visible {
|
|
|
|
|
// outline: none;
|
|
|
|
|
// }
|
|
|
|
|
// .searchbox {
|
|
|
|
|
// background-color: #fff;
|
|
|
|
|
// // border-bottom: 1px solid #eeefef;
|
|
|
|
|
@ -575,12 +759,45 @@ export default {
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// 录单模态框样式
|
|
|
|
|
.modal {
|
|
|
|
|
.ant-form-item {
|
|
|
|
|
// margin-bottom: 0;
|
|
|
|
|
margin-top: -8px;
|
|
|
|
|
.ant-input {
|
|
|
|
|
// width: 430px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
// border: none;
|
|
|
|
|
border: 1px solid #dddddd;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-modal-footer {
|
|
|
|
|
padding: 10px 24px;
|
|
|
|
|
.ant-btn-primary {
|
|
|
|
|
background-color: #ff6a00 !important;
|
|
|
|
|
border: none;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
margin-left: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-modal-header {
|
|
|
|
|
.ant-modal-title {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-modal-body {
|
|
|
|
|
padding: 24px 24px 8px 24px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .navigation {
|
|
|
|
|
// margin-top: -1px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border: 1px solid #f6f6f6;
|
|
|
|
|
height: 72px;
|
|
|
|
|
|
|
|
|
|
// margin-bottom: 10px;
|
|
|
|
|
// line-height: 100px;
|
|
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
@ -605,29 +822,41 @@ export default {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
> span {
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
// margin-right: 285px;
|
|
|
|
|
i {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
color: #adadad;
|
|
|
|
|
}
|
|
|
|
|
.ant-input-affix-wrapper {
|
|
|
|
|
position: relative;
|
|
|
|
|
.ant-input-prefix {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 8px;
|
|
|
|
|
top: 16px;
|
|
|
|
|
}
|
|
|
|
|
.ant-input-suffix {
|
|
|
|
|
right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-input {
|
|
|
|
|
width: 400px;
|
|
|
|
|
width: 320px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
text-indent: 20px;
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
// border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
border-radius: 136px;
|
|
|
|
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
&::placeholder {
|
|
|
|
|
text-indent: 20px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #d9d9d9;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
&:focus {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
@ -636,17 +865,27 @@ export default {
|
|
|
|
|
button {
|
|
|
|
|
width: 70px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
outline: none;
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: #ff842b;
|
|
|
|
|
}
|
|
|
|
|
// &:focus {
|
|
|
|
|
// border: none;
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.specialbox {
|
|
|
|
|
position: absolute;
|
|
|
|
|
border-bottom: 1px solid #f6f6f6;
|
|
|
|
|
box-shadow: 5px 5px 10px rgb(223, 223, 223);
|
|
|
|
|
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
|
|
|
|
|
// display: ;
|
|
|
|
|
transition: all 0.4s;
|
|
|
|
|
left: 0;
|
|
|
|
|
@ -664,18 +903,23 @@ export default {
|
|
|
|
|
float: left;
|
|
|
|
|
background: rgba(216, 216, 216, 0.3);
|
|
|
|
|
border-radius: 15px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: rgb(254, 97, 0);
|
|
|
|
|
background-color: rgba(255, 106, 0, 0.1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
> ul {
|
|
|
|
|
.filterbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
min-width: 595px;
|
|
|
|
|
li {
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
// margin-right: 20px;
|
|
|
|
|
.ant-cascader-picker {
|
|
|
|
|
@ -687,7 +931,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.icon-xiala {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
transform: translateY(-1px) scale(0.5);
|
|
|
|
|
transform: translateY(1px) scale(0.5);
|
|
|
|
|
}
|
|
|
|
|
.ant-cascader-input {
|
|
|
|
|
width: 60px;
|
|
|
|
|
@ -703,7 +947,7 @@ export default {
|
|
|
|
|
// text-indent: 20px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -711,10 +955,10 @@ export default {
|
|
|
|
|
width: 60px;
|
|
|
|
|
// max-width: 150px;
|
|
|
|
|
color: rgb(255, 106, 0) !important;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding: 0 20px 0 0;
|
|
|
|
|
text-align: left;
|
|
|
|
|
line-height: 18px !important;
|
|
|
|
|
line-height: 22px !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -722,23 +966,23 @@ export default {
|
|
|
|
|
> i {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 18px;
|
|
|
|
|
height: 18px;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
// margin-top: -9px;
|
|
|
|
|
&::before {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
// top: -15px;
|
|
|
|
|
top: -2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-cascader-picker {
|
|
|
|
|
width: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
.ant-cascader-input {
|
|
|
|
|
min-width: 95px;
|
|
|
|
|
min-width: 85px;
|
|
|
|
|
&:hover &::placeholder {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
@ -749,7 +993,7 @@ export default {
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
text-indent: 0;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
span {
|
|
|
|
|
// width: auto;
|
|
|
|
|
@ -766,32 +1010,51 @@ export default {
|
|
|
|
|
margin-top: -2px;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
display: flex;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
> .showspecial {
|
|
|
|
|
height: 32px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
li {
|
|
|
|
|
margin: 6px 5px 0 0;
|
|
|
|
|
float: left;
|
|
|
|
|
height: 20px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
border-radius: 999px;
|
|
|
|
|
&:nth-child(n + 4) {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.icon-xiala {
|
|
|
|
|
transition: all 0.2s;
|
|
|
|
|
position: relative;
|
|
|
|
|
// float: left;
|
|
|
|
|
color: #c5c5c5;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
transform: translateY(-2px) scale(0.5);
|
|
|
|
|
transform: translateY(0px) scale(0.5);
|
|
|
|
|
}
|
|
|
|
|
// .turn {
|
|
|
|
|
// transform: translateY(-1px) scale(0.6) rotate(180deg);
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
li:last-child {
|
|
|
|
|
> li:last-child {
|
|
|
|
|
position: relative;
|
|
|
|
|
color: #8c8d8f;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin: 27px 30px 0 25px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 28px 30px 0 25px;
|
|
|
|
|
// color: rgba(78, 88, 95, 0.8);
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
transform: translateY(-1px);
|
|
|
|
|
// margin-left: 25px;
|
|
|
|
|
a {
|
|
|
|
|
transition: all 0.5s;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
line-height: 14px;
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
color: rgb(255, 106, 0);
|
|
|
|
|
@ -813,7 +1076,8 @@ export default {
|
|
|
|
|
text-align: left;
|
|
|
|
|
.nodata {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
height: 100px;
|
|
|
|
|
height: 230px;
|
|
|
|
|
padding-top: 30px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
@ -829,7 +1093,7 @@ export default {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 914px;
|
|
|
|
|
height: 212px;
|
|
|
|
|
// height: 212px;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
@ -837,11 +1101,18 @@ export default {
|
|
|
|
|
.subsetleft {
|
|
|
|
|
display: flex;
|
|
|
|
|
.imgbox {
|
|
|
|
|
width: 240px;
|
|
|
|
|
height: 180px;
|
|
|
|
|
width: 169px;
|
|
|
|
|
height: 169px;
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
|
|
|
|
|
// width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -882,7 +1153,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.jobpricemonth {
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
text-align: left;
|
|
|
|
|
@ -890,7 +1161,7 @@ export default {
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
}
|
|
|
|
|
.jobpricehour {
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-align: left;
|
|
|
|
|
@ -939,28 +1210,35 @@ export default {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bottombox {
|
|
|
|
|
.bottombox1 {
|
|
|
|
|
button {
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
// border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
button:first-child {
|
|
|
|
|
border: 1px solid rgba(140, 147, 153, 0.3);
|
|
|
|
|
border: 1px solid #d9d9d9;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #ff7614;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
button:last-child {
|
|
|
|
|
}
|
|
|
|
|
> button:last-child {
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
border: 1px solid #ff6a00;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
color: rgba(255, 106, 0, 1);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: rgba(255, 121, 26, 0.1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -1018,35 +1296,70 @@ export default {
|
|
|
|
|
> div {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
.dateinfo {
|
|
|
|
|
text-align: center;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
background-color: #fff1e7;
|
|
|
|
|
.bottombox {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
&::after {
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.hotphone {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 270px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
// height: 114px;
|
|
|
|
|
padding: 20px 20px;
|
|
|
|
|
padding: 0 20px 20px 20px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
p {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
top: 65%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.relationme {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 270px;
|
|
|
|
|
padding: 20px 20px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
padding: 0 20px 20px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
button {
|
|
|
|
|
width: 198px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 120px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border-radius: 999px;
|
|
|
|
|
border: 0;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
color: #fff;
|
|
|
|
|
top: 55%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
