cyl/dev
wangxia 4 years ago
parent d4805c626d
commit 6eccb9461f

File diff suppressed because one or more lines are too long

@ -167,7 +167,7 @@ export default {
i {
display: inline-block;
line-height: 20px;
border-bottom: 2px solid #ff6a00;
border-bottom: 2px solid #ff4400;
padding: 6px 0;
}
span {
@ -177,7 +177,7 @@ export default {
width: 4px;
height: 20px;
margin-right: 8px;
background: #ff6a00;
background: #ff4400;
}
}
.jobinfobox:last-of-type {
@ -209,7 +209,7 @@ export default {
height: 20px;
left: 0;
bottom: 0;
background: #ff6a00;
background: #ff4400;
border-radius: 16px 16px 16px 0px;
font-size: 12px;
font-weight: 500;
@ -242,7 +242,7 @@ export default {
margin-top: 12px;
text-align: left;
// span:first-child {
// color: #ff6a00;
// color: #ff4400;
// background: rgba(254, 97, 0, 0.1);
// }
span {
@ -261,7 +261,7 @@ export default {
margin-bottom: 16px;
font-size: 16px;
text-align: left;
color: #ff6a00;
color: #ff4400;
font-weight: normal;
line-height: 18px;
span {

@ -120,8 +120,8 @@
style="
margin-left: 10px;
color: #fff;
background-color: #ff6a00;
border-color: #ff6a00;
background-color: #ff4400;
border-color: #ff4400;
"
@click="handleOk"
>
@ -406,10 +406,10 @@ export default {
box-shadow: none;
}
.ant-radio-inner {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
&::after {
background-color: #ff6a00 !important;
background-color: #ff4400 !important;
}
}
}
@ -420,7 +420,7 @@ export default {
display: none;
}
&:hover .ant-radio-inner {
border-color: #ff6a00 !important;
border-color: #ff4400 !important;
box-shadow: none;
}
}

@ -177,13 +177,12 @@ export default {
},
isShow() {
const that = this;
let box = document.querySelector('.time-container')
box.style.opacity = 1
let box = document.querySelector(".time-container");
box.style.opacity = 1;
if (this.isShow) {
// console.log(this.selectHour);
this.$nextTick(() => {
this.selectDate = new Date(
new Date(this.datetime || new Date()).format("yyyy-MM-dd 00:00")
).getTime();
@ -280,12 +279,11 @@ export default {
// this.confirmPicker();
},
closePicker() {
let box = document.querySelector('.time-container')
box.style.opacity = 0
let box = document.querySelector(".time-container");
box.style.opacity = 0;
setTimeout(() => {
this.$emit("update:is-show", false);
}, (300));
}, 300);
console.log(box);
},
setNow() {
@ -367,7 +365,7 @@ export default {
},
closebox() {
console.log(this.selectDate);
this.closePicker()
this.closePicker();
},
// onSelectMinute(n) {
// this.selectMinute = n;
@ -430,7 +428,7 @@ export default {
<style lang="less">
.time-container {
opacity: 1;
transition: opacity .3s;
transition: opacity 0.3s;
}
.date-picker-bg {
position: fixed;
@ -584,13 +582,13 @@ export default {
}
td:not(.bggray):hover {
div {
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
}
}
td.active {
div {
background: #ff6a00;
background: #ff4400;
color: white !important;
font-weight: bold;
}
@ -666,7 +664,7 @@ export default {
// }
li.active {
color: white;
background: #ff6a00;
background: #ff4400;
}
}
.minutes-list {
@ -701,13 +699,13 @@ export default {
}
}
&:last-child {
background-color: #ff6a00;
border-color: #ff6a00;
background-color: #ff4400;
border-color: #ff4400;
color: #fff;
&:active,
&:hover {
border-color: #ff6a00;
background-color: #ff6a00;
border-color: #ff4400;
background-color: #ff4400;
}
}
}

@ -121,18 +121,43 @@
<div class="maincontent w">
<div class="maincontentleft">
<div class="subset">
<a-skeleton avatar :loading="skeletonshow" v-if="skeletonshow" :paragraph="{ rows: 4 }" />
<a-skeleton
avatar
:loading="skeletonshow"
v-if="skeletonshow"
:paragraph="{ rows: 4 }"
/>
<div class="subsetleft" v-else>
<div class="imgbox">
<a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
<div slot="prevArrow" class="custom-slick-arrow" style="left: 5px; z-index: 99">
<a-carousel
arrows
:autoplay="true"
effect="fade"
:dots="true"
ref="scrollimg"
v-if="storeImage.length !== 0"
>
<div
slot="prevArrow"
class="custom-slick-arrow"
style="left: 5px; z-index: 99"
>
<a-icon type="left-circle" />
</div>
<div slot="nextArrow" class="custom-slick-arrow" style="right: 5px; z-index: 99">
<div
slot="nextArrow"
class="custom-slick-arrow"
style="right: 5px; z-index: 99"
>
<a-icon type="right-circle" />
</div>
<img v-for="(item, index) in storeImage" :key="index" :src="item" alt="" />
<img
v-for="(item, index) in storeImage"
:key="index"
:src="item"
alt=""
/>
</a-carousel>
<img v-else src="../../../static/img/nopicture.png" alt="" />
</div>
@ -145,16 +170,36 @@
</div>
<div class="jobtag">
<!-- <span>返费</span> -->
<a-tag :color="labelColor[index % labelColor.length]" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">{{ item }}</a-tag>
<a-tag
:color="labelColor[index % labelColor.length]"
v-for="(item, index) in jobDetail.jobRequestLabelNames"
:key="index"
>{{ item }}</a-tag
>
</div>
<div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
<div
style="height: 27px"
v-if="!jobDetail.jobRequestLabelNames"
class="jobtag"
>
<a-tag :color="labelColor[1]">暂无要求</a-tag>
</div>
<div class="jobtag1">
<!-- <span>返费</span> -->
<a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
<a-tag
v-for="(item, index) in jobDetail.jobSpecialLabelNames"
:key="index"
>{{ item }}</a-tag
>
</div>
<div style="display: flex; align-items: center; height: 26px; margin-top: 16px">
<div
style="
display: flex;
align-items: center;
height: 26px;
margin-top: 16px;
"
>
<div class="jobpricehour">
<!-- <template v-if="jobDetail.hourlyPay"
><span>{{ jobDetail.hourlyPay }}</span
@ -164,7 +209,12 @@
><span>{{ jobDetail.dayPay }}</span
>/</template
> -->
{{ getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue) }}
{{
getSalaryClassifyValue(
jobDetail.salaryClassify,
jobDetail.salaryClassifyValue
)
}}
</div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth">
@ -203,7 +253,9 @@
<a-button type="primary" class="jobDesp">职位详单</a-button>
</a-popover> -->
<button class="dropdown bottombox1" @click="torecord()"></button>
<button class="dropdown bottombox1" @click="torecord()">
报名
</button>
</div>
</div>
</div>
@ -214,14 +266,30 @@
<div class="jobinformationbox">
<h1>
<div class="infotitle">
<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
<span @click="tabchange = 0" :class="tabchange !== 1 ? 'active' : ''">财务结算</span>
<span
@click="tabchange = 1"
:class="tabchange === 1 ? 'active' : ''"
>基本信息</span
>
<span
@click="tabchange = 0"
:class="tabchange !== 1 ? 'active' : ''"
>财务结算</span
>
</div>
<div class="copy" @click="xiangdanVisible = true">通告</div>
<a-modal v-model="xiangdanVisible" title="通告" class="xiangdan" :footer="null" @ok="handleOk">
<a-modal
v-model="xiangdanVisible"
title="通告"
class="xiangdan"
:footer="null"
@ok="handleOk"
>
<!-- <template slot="content" class="jobDesp_content"> -->
<div class="copy" @click="copyText($event)"></div>
<span v-if="jobDetail.jobDesp" class="copyInfo">{{ jobDetail.jobDesp }}</span
<span v-if="jobDetail.jobDesp" class="copyInfo">{{
jobDetail.jobDesp
}}</span
><span v-else></span>
<!-- </template> -->
</a-modal>
@ -235,7 +303,12 @@
</div>
<div class="pay" id="pay">
<div class="mb12 mt20">薪资待遇</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc boubleLevel">
<a-descriptions
bordered
size="small"
:column="1"
class="leftDesc boubleLevel"
>
<!-- <a-descriptions-item class="test1">
<span slot="label" class="fw500">工价</span>
<span>{{ jobDetail.calculationUnit }}</span>
@ -258,7 +331,9 @@
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">补充说明</span>
<span style="white-space: break-spaces">{{ jobDetail.salaryDesp || "-" }}</span>
<span style="white-space: break-spaces">{{
jobDetail.salaryDesp || "-"
}}</span>
</a-descriptions-item>
<!-- <a-descriptions-item style="padding: 0">
<span slot="label">薪资说明</span>
@ -296,15 +371,24 @@
<!-- 岗位要求 -->
<div class="required" id="required">
<div class="mb12 mt20">面试要求</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc">
<a-descriptions
bordered
size="small"
:column="1"
class="leftDesc"
>
<a-descriptions-item class="test1">
<span slot="label" class="fw500">性别年龄</span>
<span>
<span class="man" v-if="jobDetail.minAgeMan"
> {{ jobDetail.minAgeMan }} <span v-if="jobDetail.maxAgeMan">{{ "- " + jobDetail.maxAgeMan }}</span
> {{ jobDetail.minAgeMan }}
<span v-if="jobDetail.maxAgeMan">{{
"- " + jobDetail.maxAgeMan
}}</span
> </span
><span class="woman" v-if="jobDetail.minAgeWoman">
{{ jobDetail.minAgeWoman }} <span> {{ "- " + jobDetail.maxAgeWoman }}</span
{{ jobDetail.minAgeWoman }}
<span> {{ "- " + jobDetail.maxAgeWoman }}</span
></span
>
</span>
@ -340,7 +424,12 @@
<!-- 基本信息 -->
<div class=" " id="contentspecial">
<div class="mb12 mt20">岗位说明</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc">
<a-descriptions
bordered
size="small"
:column="1"
class="leftDesc"
>
<a-descriptions-item class="test1">
<span slot="label" class="fw500">工作内容</span>
<span>{{ jobDetail.workContent || "-" }}</span>
@ -371,7 +460,9 @@
</a-descriptions-item> -->
<a-descriptions-item>
<span slot="label" class="fw500">补充说明</span>
<span style="white-space: break-spaces">{{ jobDetail.otherDesp || "-" }}</span>
<span style="white-space: break-spaces">{{
jobDetail.otherDesp || "-"
}}</span>
</a-descriptions-item>
</a-descriptions>
</div>
@ -383,7 +474,8 @@
<div>吃饭</div>
<ul>
<li>
<span>吃饭</span><span>{{ jobDetail.workingLunch || "-" }}</span>
<span>吃饭</span
><span>{{ jobDetail.workingLunch || "-" }}</span>
</li>
<!-- <li>
<span>餐补</span
@ -401,7 +493,10 @@
<span>民族窗口</span><span>{{ jobDetail.muslim }}</span>
</li> -->
<li>
<span>补充说明</span><span style="white-space: break-spaces">{{ jobDetail.workingLunchDesp || "-" }}</span>
<span>补充说明</span
><span style="white-space: break-spaces">{{
jobDetail.workingLunchDesp || "-"
}}</span>
</li>
</ul>
</li>
@ -409,10 +504,12 @@
<div>住宿</div>
<ul>
<li>
<span>住宿</span><span>{{ jobDetail.dormitory || "-" }}</span>
<span>住宿</span
><span>{{ jobDetail.dormitory || "-" }}</span>
</li>
<li>
<span>宿舍设施</span><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
<span>宿舍设施</span
><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
</li>
<!-- <li>
<span>宿舍距离</span
@ -433,13 +530,17 @@
><span>{{ jobDetail.dormitoryFacilities }}</span>
</li> -->
<li>
<span>水电费</span><span>{{ jobDetail.waterAndElec || "-" }}</span>
<span>水电费</span
><span>{{ jobDetail.waterAndElec || "-" }}</span>
</li>
<!-- <li>
<span>班车</span><span>{{ jobDetail.regularBus }}</span>
</li> -->
<li>
<span>补充说明</span><span style="white-space: break-spaces">{{ jobDetail.dormitoryDesp || "-" }}</span>
<span>补充说明</span
><span style="white-space: break-spaces">{{
jobDetail.dormitoryDesp || "-"
}}</span>
</li>
</ul>
</li>
@ -507,7 +608,13 @@
<div class="mb12 mt20">代理须知</div>
<div class="showInfo">{{ jobDetail.agencyStatement || "-" }}</div>
</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px">
<a-descriptions
bordered
size="small"
:column="1"
class="leftDesc mt20"
style="width: 900px"
>
<a-descriptions-item class="test1">
<span slot="label" class="fw500">代理利润</span>
<span>{{ jobDetail.agencyProfit || "-" }}</span>
@ -581,7 +688,10 @@
</template>
<script>
import { getJobDetailApi } from "../../api/job";
import { disposeJobListData, getSalaryClassifyValue } from "../../utils/commonUtil";
import {
disposeJobListData,
getSalaryClassifyValue,
} from "../../utils/commonUtil";
import recommend from "../../components/FirstJob/components/recommend.vue";
import { nationlist } from "../../utils/datalist";
// import GDMap from '../map.vue'
@ -612,7 +722,16 @@ export default {
skeletonshow: true,
tabchange: 1,
nationlist,
labelColor: ["pink", "blue", "purple", "orange", "green", "cyan", "red", "purple"],
labelColor: [
"pink",
"blue",
"purple",
"orange",
"green",
"cyan",
"red",
"purple",
],
form: {
//
name: "",
@ -673,7 +792,9 @@ export default {
console.log(data);
this.jobDetail = disposeJobListData(data.data.storeJob);
this.skeletonshow = false;
this.jobDetail.district = disposeJobListData(data.data.store).district;
this.jobDetail.district = disposeJobListData(
data.data.store
).district;
let newdata = {
id: data.data.storeJob.id,
aliasName: data.data.store.aliasName,
@ -842,12 +963,12 @@ export default {
// padding: 10px 24px;
// .ant-btn {
// &:hover {
// color: #ff6a00;
// border-color: #ff6a00;
// color: #ff4400;
// border-color: #ff4400;
// }
// }
// .ant-btn.ant-btn-primary {
// background-color: #ff6a00 !important;
// background-color: #ff4400 !important;
// border: none;
// line-height: 32px;
// margin-left: 12px;
@ -941,7 +1062,7 @@ export default {
opacity: 0.6;
}
.custom-slick-arrow:before {
// color: #ff6a00;
// color: #ff4400;
display: none;
}
.custom-slick-arrow:hover {
@ -962,7 +1083,7 @@ export default {
color: #4d575e;
line-height: 20px;
// &:hover {
// color: #ff6a00;
// color: #ff4400;
// }
}
.jobinfo {
@ -979,7 +1100,7 @@ export default {
margin-top: 12px;
text-align: left;
// span:first-child {
// color: #ff6a00;
// color: #ff4400;
// background: rgba(254, 97, 0, 0.1);
// }
span {
@ -1011,7 +1132,7 @@ export default {
font-size: 18px;
font-weight: normal;
text-align: left;
color: #ff6a00;
color: #ff4400;
// line-height: 24px;
span {
vertical-align: baseline;
@ -1031,7 +1152,7 @@ export default {
background-color: rgba(254, 97, 0, 0.1);
font-size: 18px;
font-weight: normal;
color: #ff6a00;
color: #ff4400;
line-height: 34px;
}
// button {
@ -1039,7 +1160,7 @@ export default {
// // padding: 0 16px;
// height: 36px;
// border: none;
// background-color: #ff6a00;
// background-color: #ff4400;
// color: #fff;
// font-weight: normal;
// font-size: 18px;
@ -1054,7 +1175,7 @@ export default {
padding: 0 16px;
height: 36px;
border: none;
background-color: #ff6a00;
background-color: #ff4400;
color: #fff;
font-weight: normal;
font-size: 18px;
@ -1095,17 +1216,17 @@ export default {
}
div:first-child {
height: 24px;
background: #ff6a00;
background: #ff4400;
line-height: 21px;
font-size: 14px;
color: #ffffff;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
border-radius: 4px 4px 0px 0px;
}
div:last-child {
font-weight: normal;
background-color: #fff4e3;
color: #ff6a00;
color: #ff4400;
font-size: 18px;
span:last-child {
font-size: 16px;
@ -1120,7 +1241,7 @@ export default {
font-size: 16px;
// border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 4px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
cursor: pointer;
@ -1138,7 +1259,7 @@ export default {
margin-right: 20px;
// border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 4px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
transition: none;
@ -1189,7 +1310,7 @@ export default {
.active {
background-color: #fafafa;
// font-weight: bold;0
color: #ff6a00;
color: #ff4400;
}
}
span {
@ -1214,15 +1335,15 @@ export default {
right: 0px;
bottom: 12px;
font-size: 14px;
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 5px;
line-height: 22px;
text-align: center;
cursor: pointer;
&:hover {
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
}
}
}
@ -1237,10 +1358,10 @@ export default {
padding-left: 5px !important;
}
.ant-anchor-ink-ball {
// border-color: #ff6a00;
// border-color: #ff4400;
width: 10px;
height: 10px;
border: 2px solid #ff6a00;
border: 2px solid #ff4400;
}
.ant-anchor-link {
padding: 7px 0 7px 12px !important;
@ -1251,7 +1372,7 @@ export default {
}
.ant-anchor-link-active {
a {
color: #ff6a00 !important;
color: #ff4400 !important;
// font-weight: bold;
}
}
@ -1341,7 +1462,7 @@ export default {
span {
position: absolute;
right: 10px;
color: #ff6a00;
color: #ff4400;
}
}
p {
@ -1362,7 +1483,7 @@ export default {
// border: 1px solid #eeefef;
p {
font-size: 24px;
color: #ff6a00;
color: #ff4400;
// font-weight: normal;
margin-top: 12px;
}
@ -1449,7 +1570,12 @@ export default {
font-size: 16px;
color: #878787;
}
.boubleLevel > .ant-descriptions-view > table > tbody > .ant-descriptions-row:last-child > .ant-descriptions-item-content {
.boubleLevel
> .ant-descriptions-view
> table
> tbody
> .ant-descriptions-row:last-child
> .ant-descriptions-item-content {
// padding: 0 !important;
.noborder {
.ant-descriptions-view {
@ -1461,7 +1587,7 @@ export default {
.showInfo {
white-space: pre-wrap;
word-break: break-all;
color: #ff6a00;
color: #ff4400;
}
}
.hotTel {
@ -1480,7 +1606,7 @@ export default {
> p {
font-size: 16px;
text-align: center;
color: #ff6a00;
color: #ff4400;
}
&:hover > div {
display: block;
@ -1502,7 +1628,7 @@ export default {
> p:last-child {
padding: 16px 0;
font-size: 24px;
color: #ff6a00;
color: #ff4400;
}
}
}

@ -23,13 +23,34 @@
>
</a-modal> -->
<!-- 城市的弹出框 -->
<a-modal class="cityModal" v-model="visible" width="680px" @cancel="cityModalClose" title="请选择城市" :footer="null">
<div class="inputBox"><a-input placeholder="请输入城市名称" allow-clear width="300px" v-model="cityValue" @keyup.enter="searchCity" @input="resetCityList"></a-input><a-button @click="searchCity"></a-button></div>
<a-modal
class="cityModal"
v-model="visible"
width="680px"
@cancel="cityModalClose"
title="请选择城市"
:footer="null"
>
<div class="inputBox">
<a-input
placeholder="请输入城市名称"
allow-clear
width="300px"
v-model="cityValue"
@keyup.enter="searchCity"
@input="resetCityList"
></a-input
><a-button @click="searchCity"></a-button>
</div>
<ul class="firstList">
<li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
<div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
</li>
<li v-for="(item, index) in hasJobCityList.firstList" :key="index" @click="[changeCurrentCity(index), (activeInd = index)]">
<li
v-for="(item, index) in hasJobCityList.firstList"
:key="index"
@click="[changeCurrentCity(index), (activeInd = index)]"
>
<div :class="activeInd == index ? 'active' : ''">
<span v-for="i in item" :key="i">{{ i }}</span>
</div>
@ -63,7 +84,15 @@
</div>
<span class="searchBox">
<a-input placeholder="搜索企业/公司/职位" @keyup.enter="onSearch" @input="resetsearch" v-model="formvalue.aliasName" class="searchinput" style="" allow-clear
<a-input
placeholder="搜索企业/公司/职位"
@keyup.enter="onSearch"
@input="resetsearch"
allowClear
v-model="formvalue.aliasName"
class="searchinput"
style=""
allow-clear
><div slot="prefix" @click="visible = true">
<span>{{ currentCity }}</span
><i class="iconfont icon-sousuoxiala"></i
@ -88,7 +117,11 @@
<div class="hotStore">
<span>热门企业</span>
<ul>
<li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">
<li
v-for="(item, index) in hotStoreList"
:key="index"
@click="getHotStoreList(item)"
>
{{ item.storeName }}
</li>
<!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
@ -167,12 +200,33 @@
></a-cascader>
</li> -->
<li class="special">
<div @click.stop="isspecialboxshowclick" :style="isspecialboxshow ? 'color:#ff6a00' : ''">
<div
@click.stop="isspecialboxshowclick"
:style="isspecialboxshow ? 'color:#ff4400' : ''"
>
<ul class="showspecial" v-if="specialactive.length !== 0">
<li v-for="(item, index) in specialactive" :key="index" @click.stop>{{ item }}<i class="iconfont icon-guanbi" @click.stop="delmark(index)"></i></li>
<li
v-for="(item, index) in specialactive"
:key="index"
@click.stop
>
{{ item
}}<i
class="iconfont icon-guanbi"
@click.stop="delmark(index)"
></i>
</li>
</ul>
<span v-if="specialactive.length > 3">...</span>
<span :style="specialactive.length > 0 ? 'color:#ff6a00' : ''" v-if="specialactive.length === 0">特色</span><i class="iconfont icon-xiala" :class="isspecialboxshow ? 'turn' : ''" :style="isspecialboxshow ? 'color:#ff6a00' : ''"></i>
<span
:style="specialactive.length > 0 ? 'color:#ff4400' : ''"
v-if="specialactive.length === 0"
>特色</span
><i
class="iconfont icon-xiala"
:class="isspecialboxshow ? 'turn' : ''"
:style="isspecialboxshow ? 'color:#ff4400' : ''"
></i>
</div>
</li>
<li class="claerfilter">
@ -206,11 +260,19 @@
<!-- </div> -->
<div v-if="!isspinning">
<div class="subset" v-for="(item, index) in jobMainList" :key="index">
<router-link target="_blank" :to="'/detail/' + item.id" rel="opener">
<router-link
target="_blank"
:to="'/detail/' + item.id"
rel="opener"
>
<div class="subsetleft" @click="totop">
<div class="imgbox">
<img v-if="item.logo.length !== 0" :src="item.logo" />
<img v-else src="../../../static/img/nopicture.png" style="height: 169px; width: " />
<img
v-else
src="../../../static/img/nopicture.png"
style="height: 169px; width: "
/>
</div>
<div class="jobinfobox">
<!-- <router-link
@ -227,17 +289,30 @@
</div>
<div class="jobtag">
<!-- <span>返费</span> -->
<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</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
<span>{{
item.minMonthlyPay ? item.minMonthlyPay : ""
}}</span
>-<span>{{
item.maxMonthlyPay ? item.maxMonthlyPay : ""
}}</span
>/
</div>
<div class="jobpricehour">
{{ getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) }}
{{
getSalaryClassifyValue(
item.salaryClassify,
item.salaryClassifyValue
)
}}
<!-- <template v-if="item.hourlyPay"
><span>{{ item.hourlyPay }}</span
@ -254,7 +329,10 @@
<div class="subsetright">
<div class="topContainer">
<div class="updateTime" style="display: none">
<span>更新时间{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} ) </span>
<span
>更新时间{{ item.updateTime || "--" }} (
{{ item.diffTime || "--" }} )
</span>
</div>
<div class="topbox">
<div>服务费</div>
@ -268,7 +346,15 @@
<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
><span v-else></span>
</template> -->
<router-link target="_blank" :to="'/detail/' + item.id" rel="opener"> <a-button type="primary" class="jobDesp">更多</a-button></router-link>
<router-link
target="_blank"
:to="'/detail/' + item.id"
rel="opener"
>
<button type="primary" class="jobDesp">
更多
</button></router-link
>
<!-- </a-popover> -->
<button @click="torecord(item)"></button>
@ -279,8 +365,21 @@
</div>
</div>
<div class="pagecontainer">
<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
<div class="ant-pagination-options-quick-jumper">跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" /></div>
<a-pagination
:current="+formvalue.pageNum"
:default-current="1"
:defaultPageSize="8"
:total="formvalue.total"
@change="pageChange"
/>
<div class="ant-pagination-options-quick-jumper">
跳至<input
ref="pageinput"
type="text"
@keyup.enter="inputpageChange"
@blur="inputpageChange"
/>
</div>
</div>
</div>
<div class="maincontentright">
@ -290,17 +389,17 @@
class="day"
:style="{
'font-size': '60px',
color: '#FF6A00',
color: '#ff4400',
'line-height': '80px',
'margin-top': '8px',
}"
>
{{ dateinfo.day }}
</p>
<p class="week" :style="{ 'font-size': '16px', color: '#FF6A00' }">
<p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
{{ dateinfo.week }}
</p>
<p class="date" :style="{ 'font-size': '16px', color: '#FF6A00' }">
<p class="date" :style="{ 'font-size': '16px', color: '#ff4400' }">
{{ dateinfo.date }}
</p>
</div>
@ -496,7 +595,8 @@ export default {
const result = e.monthlyPayStr.join("");
if (result.length >= 0) {
document.getElementById("price").style.width = "120px";
document.getElementById("price").nextElementSibling.style.width = "130px";
document.getElementById("price").nextElementSibling.style.width =
"130px";
// document.querySelector(".ant-cascader-picker-label").style.width =
// "150px";
}
@ -508,7 +608,8 @@ export default {
const result = e.monthlyPayStr.join("");
if (result.length >= 0) {
document.getElementById("price").style.width = "120px";
document.getElementById("price").nextElementSibling.style.width = "130px";
document.getElementById("price").nextElementSibling.style.width =
"130px";
// document.querySelector(".ant-cascader-picker-label").style.width =
// "150px";
}
@ -589,7 +690,10 @@ export default {
// }
// } else
this.formvalue.pageNum = 1;
if (this.formvalue.aliasName.trim() !== "" || this.formvalue.ageStr.trim() !== "") {
if (
this.formvalue.aliasName.trim() !== "" ||
this.formvalue.ageStr.trim() !== ""
) {
// console.log("search1");
// this.formvalue.aliasName = this.searchvalue;
console.log(this.formvalue);
@ -969,7 +1073,7 @@ export default {
// border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 4px;
margin-left: 16px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
text-align: center;
@ -1066,12 +1170,12 @@ export default {
// .ant-btn {
// box-shadow: none;
// &:hover {
// color: #ff6a00;
// border-color: #ff6a00;
// color: #ff4400;
// border-color: #ff4400;
// }
// }
// .ant-btn.ant-btn-primary {
// background-color: #ff6a00 !important;
// background-color: #ff4400 !important;
// border: none;
// line-height: 32px;
// margin-left: 12px;
@ -1178,19 +1282,19 @@ export default {
font-size: 14px !important;
}
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
}
&:focus {
border-color: #ff6a00;
border-color: #ff4400;
}
}
button {
width: 120px;
height: 44px;
color: white;
background: #ff6a00;
border-color: #ff6a00;
background: #ff4400;
border-color: #ff4400;
border: none;
// border-radius: 16px;
font-size: 18px;
@ -1272,7 +1376,7 @@ export default {
flex-wrap: wrap;
flex: 1;
li {
color: #ff6a00;
color: #ff4400;
margin-right: 20px;
overflow: hidden;
cursor: pointer;
@ -1345,7 +1449,7 @@ export default {
height: 15px;
margin-right: 6px;
font-size: 14px;
color: #ff6a00;
color: #ff4400;
// margin-top: -9px;
&::before {
position: absolute;
@ -1359,7 +1463,7 @@ export default {
.ant-cascader-input {
min-width: 85px;
&:hover &::placeholder {
color: #ff6a00;
color: #ff4400;
}
}
@ -1397,7 +1501,7 @@ export default {
line-height: 19px;
padding: 0 8px;
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
border-radius: 999px;
i {
display: inline-block;
@ -1518,7 +1622,7 @@ export default {
color: #4d575e;
line-height: 20px;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
.jobinfo {
@ -1534,7 +1638,7 @@ export default {
margin-top: 14px;
text-align: left;
// span:first-child {
// color: #ff6a00;
// color: #ff4400;
// background: rgba(254, 97, 0, 0.1);
// }
span {
@ -1558,7 +1662,7 @@ export default {
font-size: 16px;
font-weight: normal;
text-align: left;
color: #ff6a00;
color: #ff4400;
// line-height: 24px;
span {
vertical-align: baseline;
@ -1604,24 +1708,24 @@ export default {
}
div:first-child {
height: 24px;
background: #ff6a00;
background: #ff4400;
line-height: 21px;
font-size: 14px;
color: #ffffff;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
border-radius: 4px 4px 0px 0px;
}
div:last-child {
font-weight: normal;
background-color: #fff4e3;
color: #ff6a00 !important;
color: #ff4400 !important;
}
}
.bottombox1 {
display: flex;
align-items: center;
.jobDesp {
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
transition: none;
@ -1658,7 +1762,7 @@ export default {
> button:last-child {
margin-left: 16px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
cursor: pointer;
@ -1688,26 +1792,26 @@ export default {
// .ant-pagination-next,
// .ant-pagination-prev {
// a:hover {
// color: #ff6a00;
// color: #ff4400;
// }
// }
// input[type="text"] {
// box-shadow: none;
// &:focus {
// border: 1px solid #ff6a00;
// border: 1px solid #ff4400;
// }
// &:hover {
// border: 1px solid #ff6a00;
// border: 1px solid #ff4400;
// }
// }
// .ant-pagination-item {
// border: none;
// a:hover {
// color: #ff6a00;
// color: #ff4400;
// }
// }
// .ant-pagination-item-active {
// background: #ff6a00;
// background: #ff4400;
// a {
// color: white;
// }
@ -1740,7 +1844,7 @@ export default {
font-size: 16px;
border-bottom: none;
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
&::after {
left: 0;
display: none;
@ -1761,7 +1865,7 @@ export default {
position: absolute;
width: 100%;
font-size: 24px;
color: #ff6a00;
color: #ff4400;
// font-weight: normal;
top: 65%;
left: 50%;
@ -1785,7 +1889,7 @@ export default {
line-height: 20px;
border-radius: 999px;
border: 0;
background-color: #ff6a00;
background-color: #ff4400;
color: #fff;
top: 55%;
left: 50%;
@ -1803,26 +1907,26 @@ export default {
margin-right: 30px;
.ant-input {
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
}
&:focus {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
}
}
}
.ant-btn {
&:hover {
border-color: #ff6a00;
color: #ff6a00;
border-color: #ff4400;
color: #ff4400;
}
&:active {
border-color: #ee3f00;
color: #ee3f00;
}
&:focus {
border-color: #ff6a00;
color: #ff6a00;
border-color: #ff4400;
color: #ff4400;
}
}
button {
@ -1842,7 +1946,7 @@ export default {
cursor: pointer;
}
.active {
color: #ff6a00;
color: #ff4400;
// position: relative;
// &::after {
// content:'';
@ -1852,9 +1956,9 @@ export default {
// width: 50px;
// bottom: 0;
// left: 0;
// background-color: #ff6a00;
// background-color: #ff4400;
// }
border-bottom: 2px solid #ff6a00;
border-bottom: 2px solid #ff4400;
}
}
}

@ -194,7 +194,7 @@
<li class="special">
<div
@click.stop="isspecialboxshowclick"
:style="isspecialboxshow ? 'color:#ff6a00' : ''"
:style="isspecialboxshow ? 'color:#ff4400' : ''"
>
<ul class="showspecial" v-if="specialactive.length !== 0">
<li
@ -211,13 +211,13 @@
</ul>
<span v-if="specialactive.length > 3">...</span>
<span
:style="specialactive.length != 0 ? 'color:#ff6a00' : ''"
:style="specialactive.length != 0 ? 'color:#ff4400' : ''"
v-if="specialactive.length === 0"
>特色</span
><i
class="iconfont icon-xiala"
:class="isspecialboxshow ? 'turn' : ''"
:style="isspecialboxshow ? 'color:#ff6a00' : ''"
:style="isspecialboxshow ? 'color:#ff4400' : ''"
></i>
</div>
</li>
@ -369,17 +369,17 @@
class="day"
:style="{
'font-size': '60px',
color: '#FF6A00',
color: '#ff4400',
'line-height': '80px',
'margin-top': '8px',
}"
>
{{ dateinfo.day }}
</p>
<p class="week" :style="{ 'font-size': '16px', color: '#FF6A00' }">
<p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
{{ dateinfo.week }}
</p>
<p class="date" :style="{ 'font-size': '16px', color: '#FF6A00' }">
<p class="date" :style="{ 'font-size': '16px', color: '#ff4400' }">
{{ dateinfo.date }}
</p>
</div>
@ -1059,7 +1059,7 @@ export default {
// border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 4px;
margin-left: 16px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
text-align: center;
@ -1156,12 +1156,12 @@ export default {
// .ant-btn {
// box-shadow: none;
// &:hover {
// color: #ff6a00;
// border-color: #ff6a00;
// color: #ff4400;
// border-color: #ff4400;
// }
// }
// .ant-btn.ant-btn-primary {
// background-color: #ff6a00 !important;
// background-color: #ff4400 !important;
// border: none;
// line-height: 32px;
// margin-left: 12px;
@ -1258,19 +1258,19 @@ export default {
font-size: 14px !important;
}
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
}
&:focus {
border-color: #ff6a00;
border-color: #ff4400;
}
}
button {
width: 120px;
height: 44px;
color: white;
background: #ff6a00;
border-color: #ff6a00;
background: #ff4400;
border-color: #ff4400;
border: none;
// border-radius: 16px;
font-size: 18px;
@ -1349,7 +1349,7 @@ export default {
flex-wrap: wrap;
flex: 1;
li {
color: #ff6a00;
color: #ff4400;
margin-right: 40px;
overflow: hidden;
cursor: pointer;
@ -1416,7 +1416,7 @@ export default {
height: 15px;
margin-right: 6px;
font-size: 14px;
color: #ff6a00;
color: #ff4400;
// margin-top: -9px;
&::before {
position: absolute;
@ -1430,7 +1430,7 @@ export default {
.ant-cascader-input {
min-width: 85px;
&:hover &::placeholder {
color: #ff6a00;
color: #ff4400;
}
}
@ -1468,7 +1468,7 @@ export default {
line-height: 19px;
padding: 0 8px;
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
border-radius: 999px;
i {
display: inline-block;
@ -1589,7 +1589,7 @@ export default {
color: #4d575e;
line-height: 20px;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
.jobinfo {
@ -1605,7 +1605,7 @@ export default {
margin-top: 14px;
text-align: left;
// span:first-child {
// color: #ff6a00;
// color: #ff4400;
// background: rgba(254, 97, 0, 0.1);
// }
span {
@ -1629,7 +1629,7 @@ export default {
font-size: 16px;
font-weight: normal;
text-align: left;
color: #ff6a00;
color: #ff4400;
// line-height: 24px;
span {
vertical-align: baseline;
@ -1675,17 +1675,17 @@ export default {
}
div:first-child {
height: 24px;
background: #ff6a00;
background: #ff4400;
line-height: 21px;
font-size: 14px;
color: #ffffff;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
border-radius: 4px 4px 0px 0px;
}
div:last-child {
font-weight: normal;
background-color: #fff4e3;
color: #ff6a00 !important;
color: #ff4400 !important;
}
}
.bottombox1 {
@ -1714,7 +1714,7 @@ export default {
> button:last-child {
margin-left: 16px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
background-color: #fff;
color: rgba(255, 106, 0, 1);
cursor: pointer;
@ -1744,26 +1744,26 @@ export default {
// .ant-pagination-next,
// .ant-pagination-prev {
// a:hover {
// color: #ff6a00;
// color: #ff4400;
// }
// }
// input[type="text"] {
// box-shadow: none;
// &:focus {
// border: 1px solid #ff6a00;
// border: 1px solid #ff4400;
// }
// &:hover {
// border: 1px solid #ff6a00;
// border: 1px solid #ff4400;
// }
// }
// .ant-pagination-item {
// border: none;
// a:hover {
// color: #ff6a00;
// color: #ff4400;
// }
// }
// .ant-pagination-item-active {
// background: #ff6a00;
// background: #ff4400;
// a {
// color: white;
// }
@ -1796,7 +1796,7 @@ export default {
font-size: 16px;
border-bottom: none;
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
&::after {
left: 0;
display: none;
@ -1817,7 +1817,7 @@ export default {
position: absolute;
width: 100%;
font-size: 24px;
color: #ff6a00;
color: #ff4400;
// font-weight: normal;
top: 65%;
left: 50%;
@ -1841,7 +1841,7 @@ export default {
line-height: 20px;
border-radius: 999px;
border: 0;
background-color: #ff6a00;
background-color: #ff4400;
color: #fff;
top: 55%;
left: 50%;
@ -1875,7 +1875,7 @@ export default {
cursor: pointer;
}
.active {
color: #ff6a00;
color: #ff4400;
// position: relative;
// &::after {
// content:'';
@ -1885,9 +1885,9 @@ export default {
// width: 50px;
// bottom: 0;
// left: 0;
// background-color: #ff6a00;
// background-color: #ff4400;
// }
border-bottom: 2px solid #ff6a00;
border-bottom: 2px solid #ff4400;
}
}
}

@ -22,7 +22,14 @@
</a-breadcrumb>
<div class="content">
<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
<a-form-model-item ref="proxy" label="代理" prop="" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
<a-form-model-item
ref="proxy"
label="代理"
prop=""
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
style="height: 30px; margin-bottom: 18px"
>
<!-- <a-input
:value="
proxyinfo.userName !== '' &&
@ -34,16 +41,35 @@
:disabled="true"
/> -->
<div class="pzbox" style="width: 100%">
<span v-if="proxyStatus === ''"> {{ proxyinfo.userName !== "" && proxyinfo.userName !== null && proxyinfo.userName !== undefined ? proxyinfo.userName : proxyinfo.tel }}</span>
<a-select v-if="proxyStatus === 'proxy'" mode="combobox" auto-focus style="width: calc(100% - 200px)" placeholder="请选择代理" @blur="proxyStatus = ''">
<a-select-option v-for="i in proxyList" :key="i.userName" @click="proxyChange(i)">
<span v-if="proxyStatus === ''">
{{
proxyinfo.userName !== "" &&
proxyinfo.userName !== null &&
proxyinfo.userName !== undefined
? proxyinfo.userName
: proxyinfo.tel
}}</span
>
<a-select
v-if="proxyStatus === 'proxy'"
mode="combobox"
auto-focus
style="width: calc(100% - 200px)"
placeholder="请选择代理"
@blur="proxyStatus = ''"
>
<a-select-option
v-for="i in proxyList"
:key="i.userName"
@click="proxyChange(i)"
>
{{ i.userName }}
</a-select-option>
</a-select>
<span
@click="proxyStatus = 'proxy'"
:style="{
color: '#ff6a00',
color: '#ff4400',
marginLeft: '10px',
cursor: 'pointer',
}"
@ -52,19 +78,43 @@
>
</div>
</a-form-model-item>
<a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
<a-form-model-item
ref="username"
label="报名企业"
prop="username"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
style="height: 30px; margin-bottom: 18px"
>
<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
<div class="pzbox" style="width: 100%">
<span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">
<a-select
v-if="storeStatus === 'store'"
show-search
auto-focus
mode="combobox"
placeholder="请选择企业"
style="width: calc(100% - 200px)"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
@search="storeSearch"
@blur="storeStatus = ''"
>
<a-select-option
v-for="i in storeList"
:key="i.id + ''"
@click="storeChange(i)"
>
{{ i.aliasName }}
</a-select-option>
</a-select>
<span
@click="storeStatus = 'store'"
:style="{
color: '#ff6a00',
color: '#ff4400',
marginLeft: '10px',
cursor: 'pointer',
}"
@ -73,19 +123,38 @@
>
</div>
</a-form-model-item>
<a-form-model-item ref="username" label="岗位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px">
<a-form-model-item
ref="username"
label="岗位"
prop="username"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
style="height: 30px"
>
<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
<div class="pzbox" style="width: 100%">
<span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
<a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">
<a-select
v-if="jobnameStatus === 'jobname'"
show-search
auto-focus
placeholder="请选择岗位"
option-filter-prop="children"
style="width: 200px"
@blur="jobnameStatus = ''"
>
<a-select-option
v-for="i in storeJobList"
:key="i.id"
@click="storeJobChange(i)"
>
{{ i.aliasName }}
</a-select-option>
</a-select>
<span
@click="selected"
:style="{
color: '#ff6a00',
color: '#ff4400',
marginLeft: '10px',
cursor: 'pointer',
}"
@ -95,9 +164,30 @@
</div>
</a-form-model-item>
<a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker>
<a-input v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
<a-form-model-item
class="time-input"
ref="interviewTime"
label="面试时间"
prop="interviewTime"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<timepicker
:isShow.sync="isShow"
:datetime.sync="form.interviewTime"
></timepicker>
<a-input
v-model="form.interviewTime"
placeholder="请选择面试时间"
@input="verify"
allowClear
@click="getDateinfo"
><i
class="iconfont icon-rili"
slot="suffix"
@click="getDateinfo"
></i
></a-input>
<!-- <a-date-picker
:showToday="false"
format="YYYY-MM-DD HH:mm"
@ -119,12 +209,32 @@
</a-form-model-item>
<a-row>
<a-col :span="20">
<a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入老乡身份证号" :max-length="18" />
<a-form-model-item
ref="idCard"
label="身份证号"
prop="idCard"
:wrapperCol="{ span: 16 }"
:labelCol="{ span: 5 }"
>
<a-input
v-model="form.idCard"
@change="getIdInfo($event)"
placeholder="请输入老乡身份证号"
:max-length="18"
/>
</a-form-model-item>
</a-col>
<a-col :span="4" class="idCardUpload"
><a-upload :customRequest="customRequestFun" list-type="picture-card" :file-list="fileList" @change="handleChange" @preview="handlePreview" style="margin-left: -50px" :beforeUpload="beforeUpload" :data="dataObj">
><a-upload
:customRequest="customRequestFun"
list-type="picture-card"
:file-list="fileList"
@change="handleChange"
@preview="handlePreview"
style="margin-left: -50px"
:beforeUpload="beforeUpload"
:data="dataObj"
>
<!-- <div
v-if="fileList.length < 1"
style="
@ -141,27 +251,70 @@
:src="form.idCardImageUrl"
alt="avatar"
/> -->
<div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding">
<div
v-if="fileList.length == 0"
style="
display: flex;
justify-content: center;
align-items: center;
"
class="nloding"
>
<a-icon type="plus" />
<div class="ant-upload-text">上传证件</div>
</div>
</a-upload>
<div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading">
<a-icon :type="loading ? 'loading' : 'plus'" style="margin-right: 10px" />
<div
v-if="loading"
style="
display: flex;
justify-content: center;
align-items: center;
"
class="uploading"
>
<a-icon
:type="loading ? 'loading' : 'plus'"
style="margin-right: 10px"
/>
<div class="ant-upload-text">上传中</div>
</div>
<i class="iconfont icon-guanbi" v-if="fileList.length !== 0 && !loading" @click="fileList = []"></i
<i
class="iconfont icon-guanbi"
v-if="fileList.length !== 0 && !loading"
@click="fileList = []"
></i
></a-col>
</a-row>
<a-row class="specialbox">
<a-col :span="12">
<a-form-model-item ref="userName" label="姓名" prop="userName" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
<a-input v-model="form.userName" placeholder="请输入老乡姓名" class="special-input" />
<a-form-model-item
ref="userName"
label="姓名"
prop="userName"
:wrapperCol="{ span: 15 }"
:labelCol="{ span: 8 }"
>
<a-input
v-model="form.userName"
placeholder="请输入老乡姓名"
class="special-input"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item ref="sex" label="性别" prop="sex" :wrapperCol="{ span: 18 }" :labelCol="{ span: 5 }">
<a-radio-group v-model="form.sex" defaultValue="nan" class="radiobox">
<a-form-model-item
ref="sex"
label="性别"
prop="sex"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 5 }"
>
<a-radio-group
v-model="form.sex"
defaultValue="nan"
class="radiobox"
>
<a-radio value="1"> </a-radio>
<a-radio value="2"> </a-radio>
</a-radio-group>
@ -171,23 +324,65 @@
<a-row>
<a-col :span="12">
<!-- :offset="2" -->
<a-form-model-item ref="age" label="年龄" prop="age" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
<a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
<a-form-model-item
ref="age"
label="年龄"
prop="age"
:wrapperCol="{ span: 15 }"
:labelCol="{ span: 8 }"
>
<a-input
v-model="form.age"
placeholder="请输入年龄"
class="special-input"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard" :wrapperCol="{ span: 15 }" :labelCol="{ span: 5 }">
<a-select v-model="form.nation" placeholder="请选择民族" class="special-input">
<a-select-option v-for="item in nationlist" :key="item.id" :value="item.name">{{ item.name }}</a-select-option>
<a-form-model-item
ref="peoplecard"
label="民族"
prop="peoplecard"
:wrapperCol="{ span: 15 }"
:labelCol="{ span: 5 }"
>
<a-select
v-model="form.nation"
placeholder="请选择民族"
class="special-input"
>
<a-select-option
v-for="item in nationlist"
:key="item.id"
:value="item.name"
>{{ item.name }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
</a-row>
<a-form-model-item ref="tel" label="电话" prop="tel" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="margin-bottom: 18px">
<a-input v-model="form.tel" placeholder="请输入电话号" :max-length="11" />
<a-form-model-item
ref="tel"
label="电话"
prop="tel"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
style="margin-bottom: 18px"
>
<a-input
v-model="form.tel"
placeholder="请输入电话号"
:max-length="11"
/>
</a-form-model-item>
<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<a-form-model-item
ref="peoplecard"
label="家庭住址"
prop="peoplecard"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<a-input v-model="form.address" placeholder="请输入家庭住址" />
</a-form-model-item>
@ -196,12 +391,22 @@
<a-select-option :value="apply.id">{{ apply.id }}</a-select-option>
</a-select>
</a-form-model-item> -->
<a-form-model-item ref="policy" label="政策" prop="policy" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<a-form-model-item
ref="policy"
label="政策"
prop="policy"
class="policyContainer"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<!-- <a-input v-model="form.policy" type='textarea'/> -->
<div class="policy" style="">
{{ form.policy }}
</div>
<div class="openContral"><span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)"></span></div>
<div class="openContral">
<span v-if="isFold" @click="toFold(1)"></span
><span v-else @click="toFold(2)"></span>
</div>
</a-form-model-item>
</a-form-model>
@ -220,11 +425,27 @@
>
取消
</a-button>
<a-button style="margin-left: 10px; color: #fff; background-color: #ff6a00; border-color: #ff6a00" @click="handleOk" :loading="confirmLoading"> 提交 </a-button>
<a-button
style="
margin-left: 10px;
color: #fff;
background-color: #ff4400;
border-color: #ff4400;
"
@click="handleOk"
:loading="confirmLoading"
>
提交
</a-button>
</div>
</div>
</div>
<a-modal title="预览" :visible="previewVisible" :footer="null" @cancel="previewVisible = false">
<a-modal
title="预览"
:visible="previewVisible"
:footer="null"
@cancel="previewVisible = false"
>
<img alt="example" :src="form.idCardImageUrl" />
</a-modal>
</div>
@ -236,7 +457,13 @@ import { nationlist } from "../../utils/datalist";
import moment from "moment";
import { isEmptyCheck, getAgeFromBirthday } from "../../utils/commonUtil";
import timepicker from "./components/timepicker.vue";
import { recordBillApi, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi } from "@/api/job";
import {
recordBillApi,
getProxyInfoApi,
getStoreAliasApi,
getStoreJobApi,
getPolicyByJobIdApi,
} from "@/api/job";
import request from "@/utils/request";
// import axios from "axios";
import $ from "jquery";
@ -346,7 +573,8 @@ export default {
// trigger: "blur",
// },
{
pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
pattern:
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
message: "请输入正确的手机号",
trigger: "blur",
},
@ -594,7 +822,8 @@ export default {
that.dataObj.policy = response.data.policy;
that.dataObj.signature = response.data.signature;
that.dataObj.ossaccessKeyId = response.data.accessid;
that.dataObj.key = response.data.dir + that.getUUID() + "_${filename}";
that.dataObj.key =
response.data.dir + that.getUUID() + "_${filename}";
that.dataObj.dir = response.data.dir;
that.dataObj.host = response.data.host;
console.log("响应的数据222。。。", that.dataObj);
@ -608,7 +837,9 @@ export default {
},
getUUID() {
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
return (c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8").toString(16);
return (
c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8"
).toString(16);
});
},
async customRequestFun(file) {
@ -643,7 +874,8 @@ export default {
// headers: {'Content-Type': 'application/x-www-form-urlencoded'}
headers: {
"Content-Type": "multipart/form-data;boundary = " + new Date().getTime(),
"Content-Type":
"multipart/form-data;boundary = " + new Date().getTime(),
},
})
.then(({ data }) => {
@ -692,7 +924,10 @@ export default {
_self.uploadFileFlag = true;
console.log(data);
var img = _self.dataObj.host + "/" + _self.dataObj.key.replace("${filename}", file.file.name);
var img =
_self.dataObj.host +
"/" +
_self.dataObj.key.replace("${filename}", file.file.name);
_self.form.idCardImageUrl = img;
console.log(_self.form.idCardImageUrl);
},
@ -849,8 +1084,8 @@ export default {
}
button:first-child {
&:hover {
border-color: #ff6a00 !important;
color: #ff6a00 !important;
border-color: #ff4400 !important;
color: #ff4400 !important;
}
}
button:last-child {
@ -878,7 +1113,7 @@ export default {
display: none;
}
&:hover .ant-radio-inner {
border-color: #ff6a00 !important;
border-color: #ff4400 !important;
box-shadow: none;
}
}
@ -887,10 +1122,10 @@ export default {
box-shadow: none;
}
.ant-radio-inner {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
&::after {
background-color: #ff6a00 !important;
background-color: #ff4400 !important;
}
}
}
@ -944,7 +1179,7 @@ export default {
box-sizing: border-box;
border-radius: 2px;
&:hover {
border-color: #ff6a00 !important;
border-color: #ff4400 !important;
}
.ant-upload {
@ -1030,7 +1265,7 @@ export default {
// &:last-child {
// cursor: pointer;
// margin-left: 10px;
// color: #ff6a00;
// color: #ff4400;
// }
}
// &::before {
@ -1122,7 +1357,6 @@ export default {
border-radius: 4px;
overflow: hidden;
line-height: 2;
}
.openContral {
position: absolute;
@ -1132,7 +1366,7 @@ export default {
right: 10px;
cursor: pointer;
&::after {
content: '';
content: "";
position: absolute;
width: 480px;
height: 1px;
@ -1141,12 +1375,12 @@ export default {
left: -445px;
}
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
}
// background-color: #ff6a00;
// background-color: #ff4400;
}
/deep/ .date-picker {
.picker-content {
@ -1242,13 +1476,13 @@ export default {
}
td:not(.bggray):hover {
div {
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
}
}
td.active {
div {
background: #ff6a00;
background: #ff4400;
color: white !important;
font-weight: bold;
}
@ -1321,7 +1555,7 @@ export default {
}
&:hover {
color: white;
background: #ff6a00;
background: #ff4400;
}
}
// li:not(:last-child) {
@ -1330,7 +1564,7 @@ export default {
.active {
color: white;
background: #ff6a00;
background: #ff4400;
}
}
.minutes-list {
@ -1365,13 +1599,13 @@ export default {
}
}
&:last-child {
background-color: #ff6a00;
border-color: #ff6a00;
background-color: #ff4400;
border-color: #ff4400;
color: #fff;
&:active,
&:hover {
border-color: #ff6a00;
background-color: #ff6a00;
border-color: #ff4400;
background-color: #ff4400;
}
}
}

@ -400,7 +400,7 @@ export default {
padding: 0 0 0 23px !important;
border: 1px solid #dddddd;
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
}
&:focus {
box-shadow: none;
@ -418,7 +418,7 @@ export default {
height: 36px;
margin-top: 20px;
border-radius: 27px;
background-color: #ff6a00;
background-color: #ff4400;
font-size: 16px;
border: none;
color: white;
@ -458,7 +458,7 @@ export default {
line-height: 18px;
margin-top: 2px;
i {
color: #ff6a00;
color: #ff4400;
font-size: 14px;
vertical-align: middle;
margin-right: 5px;
@ -471,7 +471,7 @@ export default {
transition: all 0.2s;
font-size: 12px;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
}

@ -97,7 +97,7 @@
/>
<span label="register">注册即表示您已阅读并同意</span>
<span style="color: #ff6a00; font-size: 12px">平台用户协议</span>
<span style="color: #ff4400; font-size: 12px">平台用户协议</span>
</div>
<a-form-item>
<span></span>
@ -294,7 +294,7 @@ export default {
width: 100%;
height: 36px;
margin-top: 20px;
background-color: #ff6a00;
background-color: #ff4400;
font-size: 20px;
border: none;
border-radius: 27px;
@ -313,7 +313,7 @@ export default {
}
}
a {
color: #ff6a00;
color: #ff4400;
}
}
.autologin {
@ -321,7 +321,7 @@ export default {
justify-content: space-between;
font-size: 14px;
a {
color: #ff6a00;
color: #ff4400;
}
}
.getrulecode {

@ -319,7 +319,7 @@ export default {
padding: 0 0 0 23px !important;
border: 1px solid #dddddd;
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
}
&:focus {
box-shadow: none;
@ -337,7 +337,7 @@ export default {
height: 36px;
margin-top: 8px;
border-radius: 27px;
background-color: #ff6a00;
background-color: #ff4400;
font-size: 16px;
border: none;
color: white;
@ -374,7 +374,7 @@ export default {
transition: all 0.2s;
}
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
a {

@ -168,7 +168,7 @@ export default {
justify-content: space-between;
margin-top: 30px;
.outletslocation {
color: #ff6a00;
color: #ff4400;
// line-height: 22px;
font-size: 17px;
i {
@ -182,9 +182,9 @@ export default {
width: 100px;
height: 32px;
line-height: 32px;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
font-size: 16px;
color: #ff6a00;
color: #ff4400;
background-color: #fff;
border-radius: 4px;
}
@ -198,11 +198,11 @@ export default {
// .ant-pagination-item {
// border: none;
// a:hover {
// color: #ff6a00;
// color: #ff4400;
// }
// }
// .ant-pagination-item-active {
// background: #ff6a00;
// background: #ff4400;
// a {
// color: white;
// }
@ -234,7 +234,7 @@ export default {
position: absolute;
width: 100%;
font-size: 24px;
color: #ff6a00;
color: #ff4400;
// font-weight: normal;
top: 65%;
left: 50%;
@ -259,7 +259,7 @@ export default {
line-height: 20px;
border-radius: 999px;
border: 0;
background-color: #ff6a00;
background-color: #ff4400;
color: #fff;
top: 55%;
left: 50%;

@ -346,7 +346,7 @@ export default {
font-size: 16px;
}
.ant-anchor-link-active > .ant-anchor-link-title {
color: #ff6a00;
color: #ff4400;
}
.ant-anchor-ink {
display: none;
@ -372,7 +372,7 @@ export default {
width: 30px;
height: 2px;
position: absolute;
background-color: #ff6a00;
background-color: #ff4400;
bottom: 0;
left: 50%;
transform: translateX(-50%);
@ -474,7 +474,7 @@ export default {
.banner {
height: 72px;
// margin-top: 20px;
background-color: rgba(255, 106, 0);
background-color: #ff4400;
margin-bottom: -20px;
.w {
display: flex;

@ -299,7 +299,7 @@ export default {
font-size: 16px;
}
.ant-anchor-link-active > .ant-anchor-link-title {
color: #ff6a00;
color: #ff4400;
}
.ant-anchor-ink {
display: none;
@ -325,7 +325,7 @@ export default {
width: 30px;
height: 2px;
position: absolute;
background-color: #ff6a00;
background-color: #ff4400;
bottom: 0;
left: 50%;
transform: translateX(-50%);
@ -414,7 +414,7 @@ export default {
.banner {
height: 72px;
margin-top: 20px;
background-color: rgba(255, 106, 0);
background-color: #ff4400;
margin-bottom: -20px;
.w {
display: flex;

@ -103,7 +103,7 @@ export default {
justify-content: left;
align-items: center;
background: #fff1e7;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
border-radius: 8px;
.logo {
width: 32px;

@ -30,7 +30,10 @@
</div>
<div class="contentbody" v-else>
<div>{{ userinfo.hidetel }}</div>
<button style="width: 106px; margin-top: 16px" @click="istelshow = false">
<button
style="width: 106px; margin-top: 16px"
@click="istelshow = false"
>
更换手机号
</button>
</div>
@ -70,7 +73,7 @@ export default {
timmer: null,
},
istelshow: false,
isShow :false
isShow: false,
};
},
//
@ -85,25 +88,26 @@ export default {
this.istelshow = true;
// console.log(this.istelshow);
}
this.isShow = true
this.isShow = true;
// },200)
}
},
},
//
/**
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/
created() {
},
created() {},
/**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/
mounted() {
if (this.userinfo.tel) {
this.istelshow = true;
// console.log(this.istelshow);
this.isShow = true;
}
},
//
methods: {
@ -194,7 +198,7 @@ export default {
button {
width: 64px;
height: 32px;
background: #ff6a00;
background: #ff4400;
border-radius: 4px;
border: none;
font-size: 14px;

@ -90,7 +90,7 @@ export default {
// width: 64px;
// height: 32px;
padding: 5px 18px;
background: #ff6a00;
background: #ff4400;
margin-top: 16px;
border-radius: 4px;
border: none;

@ -57,7 +57,8 @@ export default {
*/
created() {
console.log(this.userinfo.hidename);
this.username = this.userinfo.userName || this.userinfo.nickName || this.userinfo.tel;
this.username =
this.userinfo.userName || this.userinfo.nickName || this.userinfo.tel;
},
/**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
@ -84,14 +85,14 @@ export default {
},
changeStatus(e) {
// console.log(e);
let pas = document.querySelector('.passwordInp')
let pas = document.querySelector(".passwordInp");
// console.dir(pas);
if (e.target.className == "iconfont icon-biyan1") {
e.target.className = "iconfont icon-zhengyan1";
pas.attributes[1].nodeValue = 'text'
pas.attributes[1].nodeValue = "text";
} else {
e.target.className = "iconfont icon-biyan1";
pas.attributes[1].nodeValue = 'password'
pas.attributes[1].nodeValue = "password";
}
},
},
@ -136,7 +137,7 @@ export default {
width: 64px;
height: 32px;
margin-top: 21px;
background: #ff6a00;
background: #ff4400;
border-radius: 4px;
border: none;
font-size: 14px;

@ -135,7 +135,7 @@ export default {
button {
width: 64px;
height: 32px;
background: #ff6a00;
background: #ff4400;
border-radius: 4px;
border: none;
font-size: 14px;

@ -536,7 +536,7 @@ export default {
i {
width: 64px;
height: 64px;
color: #ff6a00;
color: #ff4400;
> span {
font-size: 64px;
line-height: 64px;
@ -622,18 +622,18 @@ export default {
}
}
&:hover {
// background-color: #ff6a00 !important;
color: #ff6a00;
// background-color: #ff4400 !important;
color: #ff4400;
span {
span {
color: #ff6a00;
color: #ff4400;
}
i {
color: #ff6a00;
color: #ff4400;
}
}
i {
color: #ff6a00;
color: #ff4400;
}
}
}
@ -686,18 +686,18 @@ export default {
}
}
&:hover {
// background-color: #ff6a00 !important;
color: #ff6a00;
// background-color: #ff4400 !important;
color: #ff4400;
span {
span {
color: #ff6a00;
color: #ff4400;
}
i {
color: #ff6a00;
color: #ff4400;
}
}
i {
color: #ff6a00;
color: #ff4400;
}
}
}

@ -215,7 +215,7 @@ export default {
margin-top: 16px;
span {
font-size: 20px;
color: #ff6a00;
color: #ff4400;
}
div {
button {

@ -6,45 +6,56 @@
@click="pagination.status = -1"
:class="{ townsmanactive: pagination.status === -1 }"
>
全部
全部<span>99</span>
</li>
<li
@click="pagination.status = 10"
:class="{ townsmanactive: pagination.status === 10 }"
>
审核中
审核中<span>99</span>
</li>
<li
@click="pagination.status = 20"
:class="{ townsmanactive: pagination.status === 20 }"
>
待面试
待面试<span>99</span>
</li>
<li
@click="pagination.status = 25"
:class="{ townsmanactive: pagination.status === 25 }"
>
已接到
已接到<span>99</span>
</li>
<li
@click="pagination.status = 30"
:class="{ townsmanactive: pagination.status === 30 }"
>
面试通过
面试通过<span>99</span>
</li>
<li
@click="pagination.status = 40"
:class="{ townsmanactive: pagination.status === 40 }"
>
在职中
在职中<span>99</span>
</li>
<li
@click="pagination.status = 999"
:class="{ townsmanactive: pagination.status === 999 }"
>
报名结束
报名结束<span>99</span>
</li>
<li
@click="pagination.status = 50"
:class="{ townsmanactive: pagination.status === 50 }"
>
当前<span>99</span>
</li>
<li
@click="pagination.status = 70"
:class="{ townsmanactive: pagination.status === 70 }"
>
稍后<span>99</span>
</li>
<!-- <li
@click="pagination.status = 70"
:class="{ townsmanactive: pagination.status === 70 }"
@ -58,14 +69,18 @@
<div class="searchinput">
<a-input
placeholder="搜索工单号/职位/姓名/电话/身份证号"
allowClear
@keyup.enter="onSearch"
@input="resetsearch"
v-model="pagination.keys"
><i slot="prefix" class="iconfont icon-sousuo"></i>
<button slot="suffix" @click="onSearch"></button>
</a-input>
<div>
<div>报名时间</div>
<a-range-picker style="" @change="dateChange" class="" />
</div>
</div>
<div class="pagechange">
<button @click="changepage(-1)"></button>
<button @click="changepage(1)"></button>
@ -78,7 +93,27 @@
<li>姓名</li>
<li>报名岗位</li>
<li>政策</li>
<li>状态</li>
<!-- <button @click="statusFilter">filter</button> -->
<li>
<div>状态</div>
<a-select
size="small"
placeholder=""
allowClear
@change="resetStatus"
:dropdownMatchSelectWidth="false"
dropdownClassName="statusclass"
style=""
>
<a-select-option
v-for="(i, index) in orderStatus"
:key="index"
@click="handleChange(i)"
>
{{ i.name }}</a-select-option
>
</a-select>
</li>
</ul>
</div>
<div style="text-align: center; margin-top: 16px">
@ -95,7 +130,7 @@
:class="item.isDown ? '' : 'isDownstyle'"
>
<ul class="proxyInfo">
<li>创建时间: {{ item.createTime }}</li>
<li>报名时间: {{ item.createTime }}</li>
<li>工单号: {{ item.orderNum }}</li>
<li>{{ item.agencyName }}</li>
<li>
@ -203,6 +238,7 @@ import {
getUserApplyOrderStatusById,
isEmptyCheck,
formatDateYMDHM,
formatDateYMD,
} from "../../../../utils/commonUtil";
export default {
@ -221,6 +257,8 @@ export default {
scaleNum: 1, //
rotateNum: 0,
searchvalue: "", //
filterStatus: 1, //
saveBill: [], //
pagination: {
pageNum: 1,
pageSize: 10,
@ -228,7 +266,61 @@ export default {
status: -1,
keys: "",
},
orderStatus: [
{
id: "10",
name: "已报名,审核中",
value: "10",
text: "报名审核中",
num: 0,
},
{
id: "20",
name: "报名成功,待面试",
value: "20",
text: "审核通过",
num: 0,
},
{
id: "21",
name: "审核未通过,报名失败",
value: "21",
text: "审核未通过",
num: 0,
},
{ id: "25", name: "已接到", value: "25", text: "已接到", num: 0 },
{ id: "26", name: "未接到", value: "26", text: "未接到", num: 0 },
{
id: "30",
name: "面试通过,待入职",
value: "30",
text: "面试通过",
num: 0,
},
{
id: "35",
name: "面试未通过",
value: "35",
text: "面试未通过",
num: 0,
},
{
id: "40",
name: "已入职,在职中",
value: "40",
text: "已入职",
num: 0,
},
{
id: "45",
name: "面试通过,未入职",
value: "45",
text: "通过未入职",
num: 0,
},
{ id: "50", name: "已离职", value: "50", text: "已离职", num: 0 },
// { id: "60", name: "", value: "60", text: "", num: 0 }
],
billList: [],
isunfold: false,
statusTimeInfo: "", //
@ -259,7 +351,19 @@ export default {
this.getBill();
},
dateChange(e) {
console.log("ischange");
console.log(e);
if (e.length != 0) {
let date1 = new Date(e[0]._d);
let date2 = new Date(e[1]._d);
this.pagination.startDate = formatDateYMD(date1);
this.pagination.endDate = formatDateYMD(date2);
} else {
this.pagination.startDate = "";
this.pagination.endDate = "";
}
this.getBill();
},
inputpageChange(e) {
const pagenumcount = this.pagination.total / this.pagination.pageSize;
@ -288,6 +392,7 @@ export default {
if (data.status === 200) {
// console.log();
this.billList = data.data.recordList;
console.log(this.billList);
setTimeout(() => {
this.billList.forEach((item, index) => {
@ -372,7 +477,16 @@ export default {
item.controlUnfold = true;
console.log(item.status);
// setTimeout(() => {
if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26|| item.status == 30|| item.status == 35|| item.status == 45) {
if (
item.status == 10 ||
item.status == 20 ||
item.status == 21 ||
item.status == 25 ||
item.status == 26 ||
item.status == 30 ||
item.status == 35 ||
item.status == 45
) {
item.statusTimeInfo = "面试时间";
item.statusShowTime = item.interviewTime;
} else if (item.status == 40) {
@ -389,6 +503,7 @@ export default {
// console.log("isunfold", item.isunfold);
// console.log(item);
});
this.saveBill = JSON.parse(JSON.stringify(this.billList));
}, 0);
this.pagination.total = data.data.recordCount;
@ -563,6 +678,52 @@ export default {
this.$forceUpdate();
console.log(item.controlUnfold);
},
statusFilter() {
//
let num = this.filterStatus % 3;
if (num == 1) {
this.billList.sort((a, b) => {
return a.status - b.status;
});
} else if (num == 2) {
this.billList.sort((a, b) => {
return b.status - a.status;
});
} else {
this.billList = JSON.parse(JSON.stringify(this.saveBill));
}
this.filterStatus++;
},
handleChange(e) {
this.billList = JSON.parse(JSON.stringify(this.saveBill));
let list = [];
this.billList.forEach((item) => {
if (item.status == e.value) {
list.push(item);
}
});
this.billList = list;
this.billList.forEach((item, index) => {
let parent = this.$refs["Control" + index][0].parentNode;
let sibling = this.$refs["Control" + index][0].previousElementSibling;
if (sibling.offsetHeight > parent.offsetHeight) {
// sibling.style.height = "100%";
sibling.style.overflow = "hidden";
parent.style.paddingBottom = "20px";
item.isunfold = true;
} else {
item.isunfold = false;
}
item.controlUnfold = true;
});
console.log(e);
},
resetStatus(e) {
if (e == undefined) {
this.billList = JSON.parse(JSON.stringify(this.saveBill));
}
console.log(e);
},
},
};
</script>
@ -571,7 +732,7 @@ export default {
.mybill-container {
position: relative;
min-height: 802px;
margin-top: 20px;
margin-top: 16px;
border-radius: 4px;
padding: 1px 10px;
background-color: #fff;
@ -645,7 +806,7 @@ export default {
float: right;
width: 72px;
height: 32px;
background-color: #ff6a00;
background-color: #ff4400;
border: none;
color: #fff;
border-radius: 4px;
@ -689,34 +850,53 @@ export default {
height: 40px;
.townsmanactive {
// border-color: #;
color: #ff6a00;
color: #ff6600;
z-index: 999;
border-bottom: 2px solid #ff6a00;
border-bottom: 2px solid #ff6600;
span {
color: #ff6600;
}
}
li {
position: relative;
width: 96px;
// width: 104px;
// height: 40px;
padding: 0px 20px;
padding-bottom: 16px;
font-weight: 600;
color: #666;
// line-height: 40px;
text-align: center;
cursor: pointer;
span {
color: #ff6600;
margin-left: 4px;
font-size: 16px;
}
&:hover {
color: #ff6600;
span {
color: #ff6600;
}
}
&::after {
content: "";
position: absolute;
display: block;
width: 1px;
height: 16px;
height: 24px;
right: 0;
top: 5px;
top: 0%;
// transform: translateY(-50%);
background-color: #eeeeee;
}
&:last-child::after {
display: none;
}
&:nth-child(7)::after {
height: 57px;
top: -16px;
}
}
button {
width: 100px;
@ -728,7 +908,7 @@ export default {
margin-right: -1px;
cursor: pointer;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
button:first-child {
@ -755,6 +935,17 @@ export default {
.searchinput {
display: flex;
position: relative;
> div {
display: flex;
// width: 375px;
justify-content: start;
align-items: center;
font-size: 16px;
> div {
margin-left: 50px;
width: 84px;
}
}
.ant-input {
width: 400px;
// width: 300px;
@ -774,11 +965,11 @@ export default {
font-size: 14px !important;
}
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
}
&:focus {
border-color: #ff6a00;
border-color: #ff4400;
}
}
.ant-input-affix-wrapper {
@ -800,8 +991,8 @@ export default {
width: 70px;
height: 32px;
color: white;
background: #ff6a00;
border-color: #ff6a00;
background: #ff4400;
border-color: #ff4400;
border: none;
border-radius: 16px;
font-size: 14px;
@ -817,11 +1008,17 @@ export default {
}
.ant-calendar-picker-input {
display: flex;
margin-left: 50px;
// margin-left: 20px;
width: 260px;
border-color: #ccc;
border-radius: 4px;
// border: none;
.ant-calendar-range-picker-input {
width: 95px;
}
.ant-calendar-range-picker-separator {
margin-right: 10px;
}
.ant-calendar-picker-clear {
margin-right: 10px;
}
@ -837,8 +1034,8 @@ export default {
color: #4d575e;
background-color: #fff;
&:hover {
border-color: #ff6a00;
color: #ff6a00;
border-color: #ff4400;
color: #ff4400;
}
&:first-child {
margin-right: 12px;
@ -849,7 +1046,7 @@ export default {
.infocontent {
.contenttltle {
margin-top: 16px;
ul {
> ul {
height: 32px;
line-height: 32px;
display: flex;
@ -875,7 +1072,18 @@ export default {
// background-color: green;
}
li:nth-child(4) {
display: flex;
justify-content: center;
align-items: center;
padding-left: 50px;
width: 321px;
.ant-select {
width: 120px;
margin-left: 20px;
}
.ant-select-focused {
box-shadow: none;
}
// background-color: purple;
}
}
@ -890,7 +1098,6 @@ export default {
border-color: rgba(0, 122, 255, 0.6) !important;
.serial {
border-color: rgba(0, 122, 255, 0.6) !important;
}
}
}
@ -953,9 +1160,9 @@ export default {
height: 100%;
width: 60px;
left: 0;
font-weight: 600;
color: #666;
font-size: 18px;
font-weight: 400;
color: #333;
font-size: 16px;
justify-content: center;
background-color: #fff;
border-right: 1px solid #ccc;
@ -1012,7 +1219,7 @@ export default {
bottom: 3px;
text-align: right;
background-color: #fff;
color: #ff6a00;
color: #ff4400;
cursor: pointer;
}
// background-color: green;

@ -126,7 +126,7 @@ export default {
margin-bottom: 16px;
span {
font-size: 20px;
color: #ff6a00;
color: #ff4400;
}
div {
button {
@ -193,7 +193,7 @@ export default {
height: 102px;
// width: 790px;
background-color: #fff1e7;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
border-radius: 8px;
div {
float: left;
@ -204,9 +204,9 @@ export default {
> div:nth-of-type(1) {
margin-left: 52px;
margin-top: 16px;
color: #ff6a00;
color: #ff4400;
h1 {
color: #ff6a00;
color: #ff4400;
font-size: 44px;
font-weight: normal;
line-height: 44px;
@ -245,7 +245,7 @@ export default {
line-height: 28px;
float: right;
color: #fff;
background: #ff6a00;
background: #ff4400;
text-align: center;
border-radius: 96px 0px 0px 96px;
}

@ -225,7 +225,7 @@ export default {
margin-top: 16px;
span {
font-size: 20px;
color: #ff6a00;
color: #ff4400;
}
div {
button {

@ -2,16 +2,28 @@
<div class="townsman-container w">
<div class="contenttitle">
<ul @click="resetpag">
<li @click="pagination.status = 0" :class="{ townsmanactive: pagination.status === 0 }">
<li
@click="pagination.status = 0"
:class="{ townsmanactive: pagination.status === 0 }"
>
全部<span>{{ statusNum.num0 }}</span>
</li>
<li @click="pagination.status = 1" :class="{ townsmanactive: pagination.status === 1 }">
<li
@click="pagination.status = 1"
:class="{ townsmanactive: pagination.status === 1 }"
>
空闲中<span>{{ statusNum.num1 }}</span>
</li>
<li @click="pagination.status = 2" :class="{ townsmanactive: pagination.status === 2 }">
<li
@click="pagination.status = 2"
:class="{ townsmanactive: pagination.status === 2 }"
>
报名中<span>{{ statusNum.num2 }}</span>
</li>
<li @click="pagination.status = 3" :class="{ townsmanactive: pagination.status === 3 }">
<li
@click="pagination.status = 3"
:class="{ townsmanactive: pagination.status === 3 }"
>
在职中<span>{{ statusNum.num3 }}</span>
</li>
</ul>
@ -19,7 +31,11 @@
<div class="contentbody">
<div class="searchbox">
<div class="searchinput">
<a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys"
<a-input
placeholder="请输入老乡姓名/身份证号"
@keyup.enter="onSearch"
@input="resetsearch"
v-model="pagination.keys"
><i slot="prefix" class="iconfont icon-sousuo"></i>
<button slot="suffix" @click="onSearch"></button>
</a-input>
@ -45,8 +61,22 @@
<a slot="name" slot-scope="text">{{ text }}</a>
</a-table>
<div class="pagecontainer">
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper">跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" :style="{ 'background-Color': '#f6f6f6' }" /></div>
<a-pagination
:current="+pagination.pageNum"
:default-current="1"
:defaultPageSize="8"
:total="pagination.total"
@change="onChange"
/>
<div class="ant-pagination-options-quick-jumper">
跳至<input
ref="pageinput"
type="text"
@keyup.enter="inputpageChange"
@blur="inputpageChange"
:style="{ 'background-Color': '#f6f6f6' }"
/>
</div>
</div>
</div>
</div>
@ -54,7 +84,10 @@
<script>
import { userTownsmanApi, gettownsManCountApi } from "../../../../api/userinfo";
import { formatDateYMD, getUserApplyOrderStatusById } from "../../../../utils/commonUtil";
import {
formatDateYMD,
getUserApplyOrderStatusById,
} from "../../../../utils/commonUtil";
export default {
//
@ -71,7 +104,10 @@ export default {
emptyText: () => (
<div>
<div>
<img src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png" style="width:105px;height:90px;marginTop:20px" />
<img
src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png"
style="width:105px;height:90px;marginTop:20px"
/>
</div>
<div style="marginBottom:20px">暂无数据</div>
</div>
@ -182,10 +218,9 @@ export default {
console.log(e);
console.log(e1);
console.log(e2);
if (typeof e == 'number') {
if (typeof e == "number") {
this.pagination.pageNum = e;
this.getTownsman();
}
},
inputpageChange(e) {
@ -215,7 +250,9 @@ export default {
this.data = data.data.recordList;
this.data.forEach((item, index) => {
// console.log(item);
item.userApplyOrder = getUserApplyOrderStatusById(item.userApplyOrderStatus);
item.userApplyOrder = getUserApplyOrderStatusById(
item.userApplyOrderStatus
);
item.updateTime = formatDateYMD(item.updateTime);
item.index = index + 1;
});
@ -257,7 +294,7 @@ export default {
pageSize: 8,
total: null,
status: this.pagination.status,
keys: null
keys: null,
};
this.getTownsman();
},
@ -274,12 +311,16 @@ export default {
if (this.pagination.keys != null && this.pagination.keys.length != 0) {
this.getTownsman();
this.gettownsManCount();
}
},
changepage(num) {
console.log(Math.ceil(this.pagination.total / this.pagination.pageSize));
if ((this.pagination.pageNum === 1 && num === -1) || (this.pagination.pageNum === Math.ceil(this.pagination.total / this.pagination.pageSize) && num === 1)) {
if (
(this.pagination.pageNum === 1 && num === -1) ||
(this.pagination.pageNum ===
Math.ceil(this.pagination.total / this.pagination.pageSize) &&
num === 1)
) {
if (num === -1) {
this.$message.warning("已经到第一页了");
} else {
@ -297,6 +338,7 @@ export default {
<style scoped lang="less">
.townsman-container {
margin-top: 16px;
padding: 0 10px;
background-color: #fff;
border: 1px solid #0000;
@ -315,13 +357,13 @@ export default {
height: 40px;
.townsmanactive {
// border-color: #;
width: 128px;
color: #ff6a00;
// width: 128px;
color: #ff4400;
z-index: 999;
border-bottom: 2px solid #ff6a00;
border-bottom: 2px solid #ff4400;
> span {
font-size: 16px;
color: #ff6a00;
color: #ff4400;
}
}
li {
@ -365,7 +407,7 @@ export default {
margin-right: -1px;
cursor: pointer;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
button:first-child {
@ -403,11 +445,11 @@ export default {
font-size: 14px !important;
}
&:hover {
border-color: #ff6a00;
border-color: #ff4400;
box-shadow: none;
}
&:focus {
border-color: #ff6a00;
border-color: #ff4400;
}
}
.ant-input-affix-wrapper {
@ -429,8 +471,8 @@ export default {
width: 70px;
height: 32px;
color: white;
background: #ff6a00;
border-color: #ff6a00;
background: #ff4400;
border-color: #ff4400;
border: none;
border-radius: 16px;
font-size: 14px;
@ -455,8 +497,8 @@ export default {
color: #4d575e;
background-color: #fff;
&:hover {
border-color: #ff6a00;
color: #ff6a00;
border-color: #ff4400;
color: #ff4400;
}
&:first-child {
margin-right: 12px;

@ -386,7 +386,7 @@ i {
.ant-breadcrumb {
.ant-breadcrumb-link {
a:hover {
color: #ff6a00;
color: #ff4400;
}
}
}
@ -399,7 +399,7 @@ i {
margin-top: 15px;
.ant-pagination-item-container {
.ant-pagination-item-link-icon {
color: #ff6a00;
color: #ff4400;
}
}
@ -418,27 +418,27 @@ i {
color: #000000a6;
}
&:hover .ant-pagination-item-link {
color: #ff6a00;
color: #ff4400;
}
}
input[type="text"] {
box-shadow: none;
border-color: transparent;
&:focus {
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
}
&:hover {
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
}
}
.ant-pagination-item {
border: none;
a:hover {
color: #ff6a00;
color: #ff4400;
}
}
.ant-pagination-item-active {
background: #ff6a00;
background: #ff4400;
a {
color: white;
}
@ -449,7 +449,7 @@ i {
.ant-pagination-item-link {
border: none;
// &:hover .anticon-right {
// color: #ff6a00;
// color: #ff4400;
// }
// .anticon-right{
@ -548,7 +548,7 @@ i {
justify-content: space-between;
border-bottom: 1px solid #eee;
&:hover {
color: #ff6a00;
color: #ff4400;
}
span {
line-height: 18px;
@ -566,7 +566,7 @@ i {
margin-top: 24px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
color: #ff6a00;
color: #ff4400;
font-size: 14px;
line-height: 32px;
background-color: #fff;
@ -582,7 +582,7 @@ i {
width: 4px;
height: 20px;
margin-right: 8px;
background: #ff6a00;
background: #ff4400;
}
h1.bottombox,
p.bottombox {
@ -606,7 +606,7 @@ p.bottombox {
// i {
// display: inline-block;
// line-height: 20px;
// border-bottom: 3px solid #ff6a00;
// border-bottom: 3px solid #ff4400;
// padding: 6px 0;
// }
}
@ -632,7 +632,7 @@ p.bottombox {
}
}
.ant-select-dropdown-menu-item-active ,.ant-select-dropdown-menu-item-selected{
color: #ff6a00 !important;
color: #ff4400 !important;
font-weight: normal;
background-color: rgba(255, 106, 0,.1) !important;
}
@ -669,14 +669,14 @@ p.bottombox {
height: 22px;
right: 10px;
top: 10px;
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 999px;
line-height:22px;
text-align: center;
cursor: pointer;
&:hover {
background-color: #ff6a00;
background-color: #ff4400;
color: #fff;
}
}
@ -701,15 +701,15 @@ p.bottombox {
right: 20px;
top: 7px;
font-size: 14px;
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 5px;
line-height: 22px;
text-align: center;
cursor: pointer;
&:hover {
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
}
}
}

@ -147,7 +147,7 @@ i {
border-color: #d9d9d9 !important;
}
.ant-breadcrumb .ant-breadcrumb-link a:hover {
color: #ff6a00;
color: #ff4400;
}
.pagecontainer {
display: flex;
@ -157,7 +157,7 @@ i {
margin-top: 15px;
}
.pagecontainer .ant-pagination-item-container .ant-pagination-item-link-icon {
color: #ff6a00;
color: #ff4400;
}
.pagecontainer .ant-pagination-options-quick-jumper {
margin-left: 10px;
@ -172,26 +172,26 @@ i {
}
.pagecontainer .ant-pagination-next:hover .ant-pagination-item-link,
.pagecontainer .ant-pagination-prev:hover .ant-pagination-item-link {
color: #ff6a00;
color: #ff4400;
}
.pagecontainer input[type="text"] {
box-shadow: none;
border-color: transparent;
}
.pagecontainer input[type="text"]:focus {
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
}
.pagecontainer input[type="text"]:hover {
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
}
.pagecontainer .ant-pagination-item {
border: none;
}
.pagecontainer .ant-pagination-item a:hover {
color: #ff6a00;
color: #ff4400;
}
.pagecontainer .ant-pagination-item-active {
background: #ff6a00;
background: #ff4400;
}
.pagecontainer .ant-pagination-item-active a {
color: white;
@ -229,7 +229,7 @@ i {
.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item:hover,
.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item:hover {
background-color: rgba(255, 106, 0, 0.1);
color: #ff6a00;
color: #ff4400;
}
.ant-cascader-menus.slide-up-leave-active {
animation: none !important;
@ -263,7 +263,7 @@ i {
}
.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item:hover {
background-color: rgba(255, 106, 0, 0.1);
color: #ff6a00;
color: #ff4400;
}
.logindropdown {
left: calc(463vw) !important;
@ -292,7 +292,7 @@ i {
border-bottom: 1px solid #eee;
}
.logindropdown .loginbox > a > div:hover {
color: #ff6a00;
color: #ff4400;
}
.logindropdown .loginbox > a > div span {
line-height: 18px;
@ -308,7 +308,7 @@ i {
margin-top: 24px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
color: #ff6a00;
color: #ff4400;
font-size: 14px;
line-height: 32px;
background-color: #fff;
@ -321,7 +321,7 @@ i {
width: 4px;
height: 20px;
margin-right: 8px;
background: #ff6a00;
background: #ff4400;
}
h1.bottombox,
p.bottombox {
@ -366,7 +366,7 @@ p.bottombox::after {
}
.ant-select-dropdown-menu-item-active,
.ant-select-dropdown-menu-item-selected {
color: #ff6a00 !important;
color: #ff4400 !important;
font-weight: normal;
background-color: rgba(255, 106, 0, 0.1) !important;
}
@ -398,15 +398,15 @@ p.bottombox::after {
height: 22px;
right: 10px;
top: 10px;
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 999px;
line-height: 22px;
text-align: center;
cursor: pointer;
}
.ant-popover .ant-popover-content .ant-popover-inner-content > div:hover {
background-color: #ff6a00;
background-color: #ff4400;
color: #fff;
}
.xiangdan .ant-modal-content {
@ -425,8 +425,8 @@ p.bottombox::after {
right: 20px;
top: 7px;
font-size: 14px;
border: 1px solid #ff6a00;
color: #ff6a00;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 5px;
line-height: 22px;
text-align: center;
@ -434,5 +434,5 @@ p.bottombox::after {
}
.xiangdan .ant-modal-content .ant-modal-body .copy:hover {
color: #fff;
background-color: #ff6a00;
background-color: #ff4400;
}

@ -1,6 +1,6 @@
// 左侧列表的active样式
.tagactive {
background-color: #ff6a00 !important;
background-color: #ff4400 !important;
color: #fff !important;
span {
span {
@ -24,7 +24,7 @@
margin-bottom: 24px;
span {
font-size: 20px;
color: #ff6a00;
color: #ff4400;
}
}
// .ant-table-thead {

File diff suppressed because one or more lines are too long

@ -96,7 +96,7 @@ export default {
height: 100%;
float: left;
position: relative;
background-color: #ff6a00;
background-color: #ff4400;
.slogan {
position: absolute;
top: 50%;

@ -590,12 +590,12 @@ export default {
/deep/ .pagetitle {
background-color: #fff;
padding: 14px 0;
width: 100vw;
// width: 100vw;
// font-size: 16px;
.titleactive {
// font-size: 18px;
font-weight: bold;
color: #ff6a00;
color: #ff4400;
}
.w {
overflow: hidden;
@ -621,8 +621,8 @@ export default {
height: 52px;
// font-size: 46px;
// line-height: 52px;
// color: #ff6a00;
color: #ff6a00;
// color: #ff4400;
color: #ff4400;
}
}
> span:nth-of-type(2) {
@ -632,6 +632,8 @@ export default {
margin-left: 80px;
color: #666666;
li {
font-weight: 600;
color: #666;
margin-right: 40px;
line-height: 52px;
text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
@ -639,7 +641,7 @@ export default {
a {
transition: none;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
}
@ -659,10 +661,10 @@ export default {
a.titleactiveafter {
font-size: 16px;
font-weight: bold;
color: #ff6a00;
color: #ff4400;
}
a:hover {
color: #ff6a00;
color: #ff4400;
}
&:first-child {
margin-right: 24px;
@ -692,7 +694,7 @@ export default {
margin-top: 4px;
// margin-left: 33px;
border-radius: 999px;
// background-color: #ff6a00;
// background-color: #ff4400;
margin-right: -3px;
text-align: center;
}
@ -700,7 +702,7 @@ export default {
i {
font-size: 32px;
line-height: 30px;
color: #ff6a00;
color: #ff4400;
cursor: pointer;
&:hover {
color: #ff842b;
@ -713,10 +715,10 @@ export default {
font-size: 14px;
margin-top: 10px;
background-color: #fff;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
line-height: 30px;
border-radius: 999px;
color: #ff6a00;
color: #ff4400;
text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
}
@ -741,7 +743,7 @@ export default {
width: 4px;
height: 25px;
margin-right: 8px;
background: #ff6a00;
background: #ff4400;
}
}
}
@ -773,7 +775,7 @@ export default {
height: 28px;
left: 0;
bottom: 0;
background: #ff6a00;
background: #ff4400;
border-radius: 16px 16px 16px 0px;
font-size: 16px;
text-align: center;
@ -803,7 +805,7 @@ export default {
margin-top: 12px;
text-align: left;
span:first-child {
color: #ff6a00;
color: #ff4400;
background: rgba(254, 97, 0, 0.1);
}
span {
@ -819,7 +821,7 @@ export default {
font-size: 18px;
font-weight: normal;
text-align: left;
color: #ff6a00;
color: #ff4400;
line-height: 25px;
span {
font-size: 22px;
@ -832,7 +834,7 @@ export default {
.banner {
height: 72px;
margin-top: 20px;
background-color: rgba(255, 106, 0);
background-color: #ff4400;
margin-bottom: -20px;
.w {
display: flex;
@ -911,7 +913,7 @@ export default {
display: block;
line-height: 24px;
font-size: 24px !important;
color: #ff6a00;
color: #ff4400;
margin-right: 8px;
}

@ -370,7 +370,7 @@ export default {
.titleactive {
font-size: 16px;
font-weight: bold;
color: #ff6a00;
color: #ff4400;
}
.w {
overflow: hidden;
@ -396,8 +396,8 @@ export default {
height: 52px;
// font-size: 46px;
// line-height: 52px;
// color: #ff6a00;
// color: #ff6a00;
// color: #ff4400;
// color: #ff4400;
}
}
.navigationleft {
@ -414,7 +414,7 @@ export default {
a {
transition: none;
&:hover {
color: #ff6a00;
color: #ff4400;
}
}
}
@ -432,10 +432,10 @@ export default {
cursor: pointer;
a.titleactiveafter {
font-weight: bold;
color: #ff6a00;
color: #ff4400;
}
a:hover {
color: #ff6a00;
color: #ff4400;
}
&:first-child {
margin-right: 24px;
@ -459,14 +459,14 @@ export default {
margin-top: 5px;
// margin-left: 33px;
border-radius: 999px;
// background-color: #ff6a00;
// background-color: #ff4400;
margin-right: -3px;
text-align: center;
}
i {
font-size: 32px;
line-height: 30px;
color: #ff6a00;
color: #ff4400;
cursor: pointer;
&:hover {
color: #ff842b;
@ -479,10 +479,10 @@ export default {
font-size: 14px;
margin-top: 10px;
background-color: #fff;
border: 1px solid #ff6a00;
border: 1px solid #ff4400;
line-height: 30px;
border-radius: 999px;
color: #ff6a00;
color: #ff4400;
text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
}
@ -507,7 +507,7 @@ export default {
width: 4px;
height: 25px;
margin-right: 8px;
background: #ff6a00;
background: #ff4400;
}
}
}
@ -539,7 +539,7 @@ export default {
height: 28px;
left: 0;
bottom: 0;
background: #ff6a00;
background: #ff4400;
border-radius: 16px 16px 16px 0px;
font-size: 16px;
text-align: center;
@ -569,7 +569,7 @@ export default {
margin-top: 12px;
text-align: left;
span:first-child {
color: #ff6a00;
color: #ff4400;
background: rgba(254, 97, 0, 0.1);
}
span {
@ -585,7 +585,7 @@ export default {
font-size: 18px;
font-weight: normal;
text-align: left;
color: #ff6a00;
color: #ff4400;
line-height: 25px;
span {
font-size: 22px;
@ -598,7 +598,7 @@ export default {
.banner {
height: 72px;
margin-top: 20px;
background-color: rgba(255, 106, 0);
background-color: #ff4400;
margin-bottom: -20px;
.w {
display: flex;

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 870 KiB

After

Width:  |  Height:  |  Size: 870 KiB

@ -2,7 +2,7 @@
<svg width="14px" height="19px" viewBox="0 0 14 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>定位</title>
<g id="一手单页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="首页(下滑)" transform="translate(-818.000000, -3321.000000)" fill="#FF6A00" fill-rule="nonzero">
<g id="首页(下滑)" transform="translate(-818.000000, -3321.000000)" fill="#ff4400" fill-rule="nonzero">
<g id="编组-4" transform="translate(360.000000, 3315.000000)">
<g id="地图-地标备份" transform="translate(458.000000, 6.000000)">
<path d="M7,0 C3.13964945,0 0,3.13477988 0,6.98782001 C0,8.41825355 0.430956147,9.79512192 1.23686849,10.9534687 C1.27704237,11.02286 1.31782494,11.0898165 1.36591186,11.1549468 L6.47529872,17.8785932 C6.61408121,18.032593 6.80034192,18.1178103 7,18.1178103 C7.19721114,18.1178103 7.38468924,18.0319843 7.54721083,17.8499845 L12.6328586,11.1543381 C12.6827716,11.0873817 12.7259889,11.0143383 12.7491194,10.9717296 C13.565149,9.80365046 14.0018769,8.41270938 14,6.98782001 C14,3.13477988 10.8597297,0 7,0 Z M6.99999392,9.4865135 C5.62093454,9.48584573 4.50249403,8.36931102 4.49947435,6.9902548 C4.53608413,5.63573427 5.64467439,4.55670197 6.99968957,4.55670197 C8.35470475,4.55670197 9.46329501,5.63573427 9.49990479,6.9902548 C9.49655093,8.36883581 8.37857865,9.48490261 6.99999392,9.4859048 L6.99999392,9.4865135 Z" id="定位"></path>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Loading…
Cancel
Save