cyl/dev
wangxia 3 years ago
parent 0b28879d91
commit 665a300269

@ -18,6 +18,7 @@
"js-cookie": "^3.0.1",
"moment": "^2.29.1",
"popmotion": "^9.3.5",
"swiper": "^4.0.7",
"v-viewer": "^1.6.4",
"vue": "^2.6.11",
"vue-amap": "^0.5.10",

@ -2,65 +2,48 @@
<div class="recommend-container">
<div class="recommendposition">
<!-- :class="isdetail ? 'showborder' : ''" -->
<h1 class="bottombox" style="text-align: center"><i>推荐职位</i></h1>
<h1 class="bottombox" style="text-align: center">
<i>推荐职位</i>
</h1>
<div style="text-align: center">
<a-spin tip="加载中..." :spinning="isspinning"> </a-spin>
<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
</div>
<div
class="jobinfobox"
v-for="(item, index) in relationList"
:key="index"
>
<router-link
target="_blank"
:to="'/detail?id=' + item.id"
@click.prevent="resetpage"
>
<!-- <a href="javascript:;" > -->
<div class="imgbox">
<img v-if="item.logo" :src="item.logo" alt="" />
<img v-else src="../../../../static/img/nopicture.png" alt="" />
<span>服务费{{ item.servetype }}</span>
<div class="jobBox">
<div class="jobinfobox" v-for="(item, index) in relationList" :key="index">
<router-link target="_blank" :to="'/detail?id=' + item.id" @click.prevent="resetpage">
<!-- <a href="javascript:;" > -->
<div class="imgbox">
<img v-if="item.logo" :src="item.logo" alt />
<img v-else src="../../../../static/img/nopicture.png" alt />
<span>服务费{{ item.servetype }}</span>
</div>
<div class="jobname">{{item.storeName !== null && item.storeName !== "" ? item.storeName: item.aliasName }}</div>
<!-- </a> -->
</router-link>
<div class="jobinfo">
<span>{{ item.district }}</span>
<span>{{ item.gender }}</span>
<span>{{ item.age }}</span>
</div>
<div class="jobname">
{{
item.storeName !== null && item.storeName !== ""
? item.storeName
: item.aliasName
}}
<div class="jobtag">
<!-- <span>返费</span> -->
<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
</div>
<!-- </a> -->
</router-link>
<div class="jobinfo">
<span>{{ item.district }}</span>
<span>{{ item.gender }}</span>
<span>{{ item.age }}</span>
</div>
<div class="jobtag">
<!-- <span>返费</span> -->
<span
v-for="(item1, index) in item.jobSpecialLabelNames"
:key="index"
>{{ item1 }}</span
>
</div>
<div
class="jobprice"
v-html="
<div class="jobprice" v-html="
getSalaryClassifyValue(
item.salaryClassify,
item.salaryClassifyValue
)
"
>
<!-- <template v-if="item.hourlyPay"
">
<!-- <template v-if="item.hourlyPay"
><span>{{ item.hourlyPayTemp / 100 }}</span
>/小时</template
>
<template v-else-if="item.dayPay"
><span>{{ item.hourlyPayTemp / 100 }}</span
>/</template
> -->
>-->
</div>
</div>
</div>
</div>
@ -68,18 +51,15 @@
</template>
<script>
import {
disposeJobListData,
getSalaryClassifyValue,
} from "../../../utils/commonUtil";
import { disposeJobListData, getSalaryClassifyValue } from '../../../utils/commonUtil'
import {
JobListApi,
// getCityApi,
} from "../../../api/job";
} from '../../../api/job'
export default {
inject: ["reload"],
inject: ['reload'],
//
name: "",
name: '',
//
components: {},
//
@ -90,7 +70,7 @@ export default {
isspinning: false,
isdetail: false,
relationList: [],
};
}
},
//
computed: {},
@ -101,7 +81,7 @@ export default {
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/
created() {
this.getRecommendJob();
this.getRecommendJob()
},
/**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
@ -109,47 +89,47 @@ export default {
*/
mounted() {
// console.log(this.$route.fullPath);
if (this.$route.fullPath.indexOf("detail") > -1) {
this.isdetail = true;
if (this.$route.fullPath.indexOf('detail') > -1) {
this.isdetail = true
}
console.log(this.isdetail);
console.log(this.isdetail)
},
//
methods: {
async getRecommendJob() {
this.isspinning = true;
this.isspinning = true
try {
const { data } = await JobListApi({
pageNum: 1,
pageSize: 3,
jobCategory: 608,
});
console.log(data);
this.relationList = disposeJobListData(data.data.recordList);
})
console.log(data)
this.relationList = disposeJobListData(data.data.recordList)
console.log(this.relationList);
console.log(this.relationList)
this.relationList.forEach((item) => {
item.age = "";
});
item.age = ''
})
// this.$emit("update:relationList", this.relationList);
} catch (error) {
console.log(error);
console.log(error)
}
this.isspinning = false;
this.isspinning = false
},
resetpage() {
console.log(1);
console.log(1)
setTimeout(() => {
this.reload();
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}, 1000);
this.reload()
document.body.scrollTop = 0
document.documentElement.scrollTop = 0
}, 1000)
},
getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
return getSalaryClassifyValue(salaryClassify, salaryClassifyValue)
},
},
};
}
</script>
<style scoped lang="less">
@ -162,7 +142,7 @@ export default {
overflow: hidden;
background: #ffffff;
// border-radius: 4px;
padding: 0px 20px 0px 20px;
// padding: 0px 20px 0px 20px;
h1 {
// margin-bottom: 12px;
@ -175,7 +155,7 @@ export default {
display: inline-block;
line-height: 20px;
// border-bottom: 2px solid #ff4400;
padding: 6px 0;
// padding: 6px 0;
}
span {
display: inline-block;
@ -187,95 +167,98 @@ export default {
background: #ff4400;
}
}
.jobinfobox:last-of-type {
border-bottom: none;
}
.jobinfobox {
// width: 240px;
// height: 298px;
// margin-bottom: 16px;
background: #ffffff;
// border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 4px;
// padding: 20px;
border-bottom: 1px solid #f2f0ec;
.jobBox {
padding:16px 20px;
.jobinfobox:last-of-type {
border-bottom: none;
}
.jobinfobox {
// width: 240px;
// height: 298px;
// margin-bottom: 16px;
background: #ffffff;
// border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 4px;
// padding: 20px;
border-bottom: 1px solid #f2f0ec;
margin-bottom: 20px;
.imgbox {
width: 200px;
height: 200px;
position: relative;
img {
width: 100%;
height: 100%;
margin-bottom: 20px;
.imgbox {
width: 200px;
height: 200px;
position: relative;
img {
width: 100%;
height: 100%;
}
span {
position: absolute;
// width: 118px;
padding: 0 10px;
height: 20px;
left: 0;
bottom: 0;
background: #ff4400;
border-radius: 16px 16px 16px 0px;
font-size: 12px;
font-weight: 500;
text-align: center;
color: #ffffff;
line-height: 20px;
}
}
span {
position: absolute;
// width: 118px;
padding: 0 10px;
height: 20px;
left: 0;
bottom: 0;
background: #ff4400;
border-radius: 16px 16px 16px 0px;
font-size: 12px;
font-weight: 500;
text-align: center;
color: #ffffff;
line-height: 20px;
.jobname {
// height: 45px;
// margin: 12px 0;
font-size: 18px;
font-weight: normal;
text-align: left;
color: #4d575e;
line-height: 18px;
margin-top: 16px;
// border-bottom: 1px solid #f2f0ec;
}
}
.jobname {
// height: 45px;
// margin: 12px 0;
font-size: 18px;
font-weight: normal;
text-align: left;
color: #4d575e;
line-height: 18px;
margin-top: 16px;
// border-bottom: 1px solid #f2f0ec;
}
.jobinfo {
margin-top: 12px;
font-size: 14px;
font-weight: 400;
text-align: left;
color: #999;
line-height: 18px;
}
.jobtag {
margin-top: 12px;
text-align: left;
// span:first-child {
// color: #ff4400;
// background: rgba(254, 97, 0, 0.1);
// }
span {
margin-right: 12px;
.jobinfo {
margin-top: 12px;
font-size: 14px;
padding: 2px 5px;
background: rgba(51, 51, 51, 0.06);
border-radius: 4px;
}
span:nth-of-type(n + 3) {
display: none;
font-weight: 400;
text-align: left;
color: #999;
line-height: 18px;
}
}
/deep/ .jobprice {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
text-align: left;
color: #ff4400;
line-height: 18px;
font-weight: 600;
span {
font-weight: 600 !important;
.jobtag {
margin-top: 12px;
text-align: left;
// span:first-child {
// color: #ff4400;
// background: rgba(254, 97, 0, 0.1);
// }
span {
margin-right: 12px;
font-size: 14px;
padding: 2px 5px;
background: rgba(51, 51, 51, 0.06);
border-radius: 4px;
}
span:nth-of-type(n + 3) {
display: none;
}
}
i {
font-size: 18px;
line-height: 28px;
/deep/ .jobprice {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
text-align: left;
color: #ff4400;
line-height: 18px;
font-weight: 600;
span {
font-weight: 600 !important;
}
i {
font-size: 18px;
line-height: 28px;
}
}
}
}

@ -125,8 +125,9 @@
<div class="subset">
<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
<div class="subsetleft" v-show="!skeletonshow">
<div class="imgbox">
<a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
<div class="info">
<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-icon type="left-circle" />
</div>
@ -134,59 +135,60 @@
<a-icon type="right-circle" />
</div>
<img v-for="(item, index) in storeImage" :key="index" :src="item" alt />
</a-carousel>
<img v-else src="../../../static/img/nopicture.png" alt />
</div>
<div class="jobinfobox">
<div class="jobname">{{ jobDetail.jobName }}</div>
<div class="jobinfo">
<span>{{ jobDetail.district }}</span>
<span>{{ jobDetail.gender }}</span>
<span>{{ jobDetail.age }}</span>
</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-carousel>-->
<img v-if="store.logo" :src="store.logo" alt />
<img v-else src="../../../static/img/nopicture.png" alt />
</div>
<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>
</div>
<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
<a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
</div>
<div style="
<div class="jobinfobox">
<div class="jobname">{{ jobDetail.jobName }}</div>
<div class="jobinfo">
<span>{{ jobDetail.district }}</span>
<span>{{ jobDetail.gender }}</span>
<span>{{ jobDetail.age }}</span>
</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>
</div>
<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>
</div>
<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
<a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
</div>
<div style="
display: flex;
align-items: center;
height: 26px;
margin-top: 16px;
">
<div class="jobpricehour" v-html="
<div class="jobpricehour" v-html="
getSalaryClassifyValue(
jobDetail.salaryClassify,
jobDetail.salaryClassifyValue
)
">
<!-- <template v-if="jobDetail.hourlyPay"
<!-- <template v-if="jobDetail.hourlyPay"
><span>{{ jobDetail.hourlyPay }}</span
>/小时</template
>
<template v-else-if="jobDetail.dayPay"
><span>{{ jobDetail.dayPay }}</span
>/</template
>-->
>-->
</div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth">
<span>{{ jobDetail.minMonthlyPay }}</span>-
<span>{{ jobDetail.maxMonthlyPay }}</span>/
</div>
</div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth">
<span>{{ jobDetail.minMonthlyPay }}</span>-
<span>{{ jobDetail.maxMonthlyPay }}</span>/
</div>
</div>
<!-- <div class="billbutton">
<!-- <div class="billbutton">
<span>服务费 <i>1.5</i>/小时</span>
<a-dropdown class="dropdown" :trigger="['click']">
<a
@ -200,7 +202,19 @@
<a-menu-item @click="torecord"> </a-menu-item>
</a-menu>
</a-dropdown>
</div>-->
</div>-->
</div>
</div>
<div class="swiperBox">
<div id="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in [...storeImage]" :key="index">
<img :src="item" alt />
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<div class="subsetright">
@ -220,6 +234,7 @@
</div>
</div>
</div>
<!-- <div class="proxy">
<h1><i>代理政策</i></h1>
<div>{{ jobDetail.returnFeeDesp }}</div>
@ -231,18 +246,19 @@
<span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''">财务结算</span>
<span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位通告</span>
</div>
<!-- <div class="copy" @click="xiangdanVisible = true">通告</div>-->
<span>我的政策更好给我供人</span>
<!-- <div class="copy" @click="xiangdanVisible = true">通告</div>
<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-else></span>
<!-- </template> -->
</a-modal>
<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-else></span>
</template>
</a-modal>-->
</h1>
<div class="pay" id="tip" v-show="tabchange === 1">
<div class="mb12 mt20 titlestyle">温馨提示</div>
@ -255,47 +271,47 @@
<div class="mb12 mt20">薪资待遇</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc boubleLevel">
<!-- <a-descriptions-item class="test1">
<span slot="label" class="fw500">工价</span>
<span slot="label" class="">工价</span>
<span>{{ jobDetail.calculationUnit }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">综合月薪</span>
<span slot="label" class="">综合月薪</span>
<span>{{ jobDetail.combiSalary }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">薪资明细</span>
<span slot="label" class="">薪资明细</span>
<span>{{ jobDetail.salaryDetail }}</span>
</a-descriptions-item>-->
<a-descriptions-item class="test1">
<span slot="label" class="fw500">薪资明细</span>
<span slot="label" class>薪资明细</span>
<span>{{ jobDetail.salaryDetail || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">薪资发放</span>
<span slot="label" class>薪资发放</span>
<span>{{ jobDetail.payDay || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">银行卡</span>
<span slot="label" class>银行卡</span>
<span>{{ jobDetail.bankInfo || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">工期</span>
<span>{{ jobDetail.workCycle || "-" }}</span>
<span slot="label" class>押金</span>
<span>{{ jobDetail.mealCardDeposit || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">培训</span>
<span slot="label" class>培训</span>
<span>{{ jobDetail.training || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">试用期</span>
<span slot="label" class>试用期</span>
<span>{{ jobDetail.probation || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">福利待遇</span>
<span slot="label" class>福利待遇</span>
<span>{{ jobDetail.boon || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">薪资说明</span>
<span slot="label" class>薪资说明</span>
<span style="white-space: break-spaces">
{{
jobDetail.salaryDesp || "-"
@ -311,24 +327,24 @@
class="leftDesc noborder"
>
<a-descriptions-item>
<span slot="label" class="fw500">发薪日 </span>
<span slot="label" class="">发薪日 </span>
<span>{{ jobDetail.payDay }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">计薪周期 </span>
<span slot="label" class="">计薪周期 </span>
<span>{{ jobDetail.calculationSalaryType }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">工资卡</span>
<span slot="label" class="">工资卡</span>
<span>{{ jobDetail.payCard }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">费用报销</span>
<span slot="label" class="">费用报销</span>
<span>{{
jobDetail.reimbursement
}}</span> </a-descriptions-item
><a-descriptions-item>
<span slot="label" class="fw500">补充说明 </span>
<span slot="label" class="">补充说明 </span>
<span v-html="jobDetail.salaryDesp"></span>
</a-descriptions-item>
</a-descriptions>
@ -337,10 +353,10 @@
</div>
<!-- 岗位要求 -->
<div class="required" id="required">
<div class="mb12 mt20">面试要求</div>
<div class="mb12 mt20">招聘要求</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc">
<a-descriptions-item class="test1">
<span slot="label" class="fw500">性别年龄</span>
<span slot="label" class>性别年龄</span>
<span>
<span class="man" v-if="jobDetail.minAgeMan">
{{ jobDetail.minAgeMan }}
@ -357,45 +373,45 @@
</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">文化学历</span>
<span slot="label" class>文化学历</span>
<span>{{ jobDetail.education || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">证件</span>
<span slot="label" class>证件</span>
<span>{{ jobDetail.idCard || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">疑难杂症</span>
<span slot="label" class>疑难杂症</span>
<span>{{ jobDetail.otherRequire || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">体检</span>
<span slot="label" class>体检</span>
<span>{{ jobDetail.healthRequire || "-" }}</span>
</a-descriptions-item>
<!-- <a-descriptions-item>
<span slot="label" class="fw500">面试资料</span>
<span slot="label" class="">面试资料</span>
<span>{{ jobDetail.idCard || "-" }}</span>
</a-descriptions-item>-->
<!-- <a-descriptions-item>
<span slot="label" class="fw500">证件</span>
<span slot="label" class="">证件</span>
<span>{{ jobDetail.certificate }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">带手机</span>
<span slot="label" class="">带手机</span>
<span>{{ jobDetail.carryTel }}</span>
</a-descriptions-item>-->
<!-- <a-descriptions-item>
<span slot="label" class="fw500">体检要求</span>
<span slot="label" class="">体检要求</span>
<span>{{ jobDetail.healthRequire || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">其它要求</span>
<span slot="label" class="">其它要求</span>
<span>{{ jobDetail.otherRequire || "-" }}</span>
</a-descriptions-item>-->
</a-descriptions>
@ -405,141 +421,104 @@
<div class="mb12 mt20">岗位说明</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc">
<a-descriptions-item class="test1">
<span slot="label" class="fw500">工作内容</span>
<span slot="label" class>工作内容</span>
<span>{{ jobDetail.workContent || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class="fw500">工作方式</span>
<span slot="label" class>工作方式</span>
<span>{{ jobDetail.workMode || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">班次工时</span>
<span slot="label" class>班次工时</span>
<span>{{ jobDetail.workClasses || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">工作衣</span>
<span slot="label" class>工作衣</span>
<span>{{ jobDetail.workClothes || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">车间</span>
<span slot="label" class>车间</span>
<span>{{ jobDetail.securityCheck || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">保险</span>
<span slot="label" class>保险</span>
<span>{{ jobDetail.employeeInsurance || "-" }}</span>
</a-descriptions-item>
<!-- <a-descriptions-item>
<span slot="label" class="fw500">工作时长</span>
<span slot="label" class="">工作时长</span>
<span>{{ jobDetail.workDuration }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">倒班频次</span>
<span slot="label" class="">倒班频次</span>
<span>{{ jobDetail.workByTurns }}</span>
</a-descriptions-item>-->
<a-descriptions-item>
<span slot="label" class="fw500">换岗调班</span>
<!-- <a-descriptions-item>
<span slot="label" class="">换岗调班</span>
<span style="white-space: break-spaces">
{{
jobDetail.otherDesp || "-"
}}
</span>
</a-descriptions-item>
</a-descriptions-item>-->
</a-descriptions>
</div>
<div class="condition" id="condition">
<div class="mb12 mt20">饮食住宿</div>
<div class="mb12 mt20">吃饭住宿</div>
<ul class="conditiontable">
<li>
<div>吃饭</div>
<ul>
<li>
<span>吃饭</span>
<span>{{ jobDetail.workingLunch || "-" }}</span>
</li>
<!-- <li>
<span>餐补</span
><span>{{ jobDetail.mealSubsidy }}</span>
</li>-->
<!-- <li>
<span>餐费</span><span>{{ jobDetail.mealFee }}</span>
</li>-->
<!-- <li>
<span>餐卡押金</span
><span>{{ jobDetail.mealCardDeposit }}</span>
</li>
<li>
<span>民族窗口</span><span>{{ jobDetail.muslim }}</span>
</li>-->
<!-- <li>
<span>补充说明</span
><span style="white-space: break-spaces">{{
jobDetail.workingLunchDesp || "-"
}}</span>
</li>-->
</ul>
<span>吃饭</span>
<span>{{ jobDetail.workingLunch || "-" }}</span>
</li>
<li>
<div>住宿</div>
<ul>
<li>
<span>住宿费用</span>
<span>{{ jobDetail.dormitory || "-" }}</span>
</li>
<li>
<span>宿舍设施</span>
<span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
</li>
<li>
<span>宿舍距离</span>
<span>{{ jobDetail.dormDistance || "-" }}</span>
</li>
<li>
<span>厂车</span>
<span>{{ jobDetail.bus || "-" }}</span>
</li>
<li>
<span>住宿要求</span>
<span>{{ jobDetail.dormitoryDesp || "-" }}</span>
</li>
<!-- <li>
<span>住宿费用</span>
<span>{{ jobDetail.dormitory || "-" }}</span>
</li>
<li>
<span>宿舍设施</span>
<span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
</li>
<li>
<span>宿舍距离</span>
<span>{{ jobDetail.dormDistance || "-" }}</span>
</li>
<li>
<span>入住条件</span>
<span>{{ jobDetail.dormitoryDesp || "-" }}</span>
</li>
<!-- <li>
<span>宿舍距离</span
><span>{{ jobDetail.dormitoryDistance }}</span>
</li>-->
<!-- <li>
</li>-->
<!-- <li>
<span>住宿费</span
><span>{{ jobDetail.dormitoryCost }}</span>
</li>
-->
-->
<!-- <li>
<!-- <li>
<span>单间人数</span
><span>{{ jobDetail.dormitoryPeoples }}</span>
</li>
<li>
<span>硬件设施</span
><span>{{ jobDetail.dormitoryFacilities }}</span>
</li>-->
<!-- <li>
</li>-->
<!-- <li>
<span>水电费</span
><span>{{ jobDetail.waterAndElec || "-" }}</span>
</li>-->
<!-- <li>
</li>-->
<!-- <li>
<span>班车</span><span>{{ jobDetail.regularBus }}</span>
</li>-->
<!-- <li>
</li>-->
<!-- <li>
<span>补充说明</span
><span style="white-space: break-spaces">{{
jobDetail.dormitoryDesp || "-"
}}</span>
</li>-->
</ul>
</li>
</li>-->
</ul>
<!-- <a-descriptions
bordered
@ -548,51 +527,85 @@
class="leftDesc"
>
<a-descriptions-item class="test1">
<span slot="label" class="fw500">工作餐</span>
<span slot="label" class="">工作餐</span>
<a-descriptions size="small" :column="1">
<a-descriptions-item>
<span slot="label" class="fw500">工作餐</span>
<span class="fw500">工包早中餐作餐</span>
<span slot="label" class="">工作餐</span>
<span class="">工包早中餐作餐</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">餐费</span>
<span class="fw500">收费先吃后扣</span>
<span slot="label" class="">餐费</span>
<span class="">收费先吃后扣</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">餐补</span>
<span class="fw500"></span>
<span slot="label" class="">餐补</span>
<span class=""></span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">餐卡押金</span>
<span class="fw500">10</span>
<span slot="label" class="">餐卡押金</span>
<span class="">10</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">清真窗口</span>
<span class="fw500"></span>
<span slot="label" class="">清真窗口</span>
<span class=""></span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">工作餐 说明</span>
<span class="fw500">有肉有菜</span>
<span slot="label" class="">工作餐 说明</span>
<span class="">有肉有菜</span>
</a-descriptions-item>
</a-descriptions>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">班次时间</span>
<span slot="label" class="">班次时间</span>
<span>9:30-14:0017:00-22:00</span>
</a-descriptions-item>
</a-descriptions>-->
</div>
<div class="otherInfo" id="other">
<!-- <div class="otherInfo" id="other">
<div class="mb12 mt20">其他信息</div>
<div style="white-space: break-spaces">{{ jobDetail.otherInfo || "-" }}</div>
</div>-->
<div class="required" id="required">
<div class="mb12 mt20">对接信息</div>
<a-descriptions bordered size="small" :column="1" class="leftDesc">
<a-descriptions-item class="test1">
<span slot="label" class>面试时间</span>
<span>{{jobDetail.interviewDuration || '-'}}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class>面试地点</span>
<span>{{jobPoses.interview.posContent || '-'}}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class>宿舍地址</span>
<span>{{jobPoses.room.posContent ? jobPoses.room.posContent : '-'}}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class>总包驻场</span>
<span>{{jobDetail.onSiteInfo || '-'}}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class>面试说明</span>
<span>{{jobDetail.interviewDesp || '-'}}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class>入职说明</span>
<span>{{jobDetail.entryDesp || '-'}}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<span slot="label" class>离职说明</span>
<span>{{jobDetail.leaveRequire || '-'}}</span>
</a-descriptions-item>
</a-descriptions>
</div>
</div>
<a-anchor @click.prevent class="navigation">
<a-anchor-link href="#tip" title="注意" />
<a-anchor-link href="#pay" title="薪资" />
<a-anchor-link href="#required" title="要求" />
<a-anchor-link href="#contentspecial" title="岗位" />
<a-anchor-link href="#condition" title="食宿" />
<a-anchor-link href="#other" title="其他" />
<a-anchor-link href="#condition" title="吃住" />
<a-anchor-link href="#other" title="对接" />
</a-anchor>
</div>
@ -604,27 +617,27 @@
</div>
<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 slot="label" class>代理利润</span>
<span>{{ jobDetail.agencyProfit || "-" }}</span>
</a-descriptions-item>
<!-- <a-descriptions-item>
<span slot="label" class="fw500">代理政策</span>
<span slot="label" class="">代理政策</span>
<span>{{ jobDetail.returnFeeDesp }}</span>
</a-descriptions-item>-->
<a-descriptions-item>
<span slot="label" class="fw500">扣税说明</span>
<span slot="label" class>扣税说明</span>
<span>{{ jobDetail.deductTaxDesp || "-" }}</span>
</a-descriptions-item>
<!-- <a-descriptions-item>
<span slot="label" class="fw500">支付周期</span>
<span slot="label" class="">支付周期</span>
<span>{{ jobDetail.paymentCycle }}</span>
</a-descriptions-item>-->
<a-descriptions-item>
<span slot="label" class="fw500">出名单</span>
<span slot="label" class>出名单</span>
<span>{{ jobDetail.outListTime || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item>
<span slot="label" class="fw500">结算时间</span>
<span slot="label" class>结算时间</span>
<span>{{ jobDetail.settlementTime || "-" }}</span>
</a-descriptions-item>
</a-descriptions>
@ -635,7 +648,7 @@
<div class="showInfo" style="width: unset;color: #000 !important;">
<div class="copy" @click="copyText($event)"></div>
<!-- {{ jobDetail.jobDesp || "-" }}-->
<div class="copyInfo" style="border: none; padding: 0 0; width: unset;">{{ jobDetail.jobDesp || "-" }}</div>
<div class="copyInfo" style="border: none; padding: 0 0; width: unset;white-space: pre-line;">{{ jobDetail.jobDesp || "-" }}</div>
</div>
</div>
</div>
@ -657,20 +670,18 @@
<h1 class="bottombox">
<i>企业详情</i>
</h1>
<p style="text-align: center">{{ jobDetail.aliasName }}</p>
<div class="imgbox">
<!-- <p style="text-align: center">{{ jobDetail.aliasName || '-' }}</p> -->
<!-- <div class="imgbox">
<img v-if="storeImage.length !== 0" :src="storeImage[0]" alt />
<img v-else src="../../../static/img/nopicture.png" alt />
</div>
<p>
<!-- 我是文案我很长很长我是文案我 很长很长我是文案我很长很长我
是文案我很长很长我是文案我很 长很长-->
</p>
</div>-->
</div>
<div class="companylocation" v-if="positionInfo.lng">
<h1 class="bottombox">
<div class="companylocation" style="text-align:center;padding:0 20px 20px" v-if="positionInfo.lng">
<h2 style="padding:16px 0;font-weight:600">{{store.storeName || '-'}}</h2>
<p style="padding-bottom:20px;border-bottom:1px solid #eee;font-size:16px;text-indent:16px;color:#4d575ecc">{{store.storeInfo || '-' }}</p>
<!-- <h1 class="bottombox">
<i>企业位置</i>
</h1>
</h1>-->
<div class="imgbox">
<!-- <GDMap/> -->
<GDMap :positionInfo="positionInfo"></GDMap>
@ -697,6 +708,8 @@ import { getJobDetailApi } from '../../api/job'
import { disposeJobListData, getSalaryClassifyValue } from '../../utils/commonUtil'
import recommend from '../../components/FirstJob/components/recommend.vue'
import { nationlist } from '../../utils/datalist'
import 'swiper/dist/css/swiper.css'
import swiper from 'swiper'
import GDMap from '../map.vue'
// import recordbill from "@/components/FirstJob/components/recordbill.vue";
import Clipboard from 'clipboard'
@ -717,7 +730,7 @@ export default {
data() {
return {
relationList: [],
jobDetail: {},
jobDetail: {}, //
storeImage: [],
storeInfo: {},
id: this.$route.query.id,
@ -726,6 +739,8 @@ export default {
xiangdanVisible: false, //
confirmLoading: false, // loading
positionInfo: {}, //
jobPoses: {}, //
store: {}, //
skeletonshow: true,
tabchange: 1,
nationlist,
@ -751,6 +766,7 @@ export default {
// // tel: [{ required: true, message: "", trigger: "submit" }],
// },
apply: {},
myswiper: null, // swiper
}
},
//
@ -765,8 +781,8 @@ export default {
beforeCreate() {},
created() {
// console.log(this.$router.matcher.match());
console.log(this.$route) // params
this.getJobDetail()
console.log(this.$route) // params
// Object.defineProperties("window.opener", "sessionStorage", {
// LOGIN_DATA: {},
// });
@ -777,8 +793,47 @@ export default {
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/
mounted() {
let that = this
// console.log(this.$refs.scrollimg);
// this.$refs.scrollimg.goTo(0, false);
setTimeout(() => {
this.myswiper = new swiper('#swiper', {
// loop: true,
// loopAdditionalSlides: 3,
// speed: 500,
// keyboard: true,
// allowTouchMove: false,
// slidesPerView: 1,
slidesPerView: 4,
slidesPerGroup: 1,
// loop: true,
// loopFillGroupWithBlank: true,
// pagination: {
// el: ".swiper-pagination",
// clickable: true,
// },
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
disabledClass: 'swiper-button-disabled',
},
// spaceBetween: 100,
// effect: 'fade',
// fadeEffect: {
// crossFade: true,
// },
// autoplay: {
// delay: 8000,
// stopOnLastSlide: false,
// disableOnInteraction: false,
// },
on: {
// slideChangeTransitionEnd() {
// that.progressPercent = 0
// },
},
})
}, 1000)
},
//
methods: {
@ -790,12 +845,15 @@ export default {
console.log(data)
this.jobDetail = disposeJobListData(data.data.storeJob)
this.positionInfo = data.data.store
this.jobPoses = data.data.jobPoses
this.store = data.data.store
this.positionInfo.desc = this.positionInfo.detailPosition
this.positionInfo.containerName = 'mapContainer'
this.positionInfo.name = this.positionInfo.aliasName
this.skeletonshow = false
this.jobDetail.district = disposeJobListData(data.data.store).district
console.log(this.jobDetail);
console.log(this.jobDetail)
console.log(this.jobPoses)
let newdata = {
id: data.data.storeJob.id,
aliasName: data.data.store.aliasName,
@ -804,7 +862,6 @@ export default {
this.storeInfo = newdata
let regs = /\.(jpg|jpeg|png)(\?.*)?$/
data.data.storeImage.forEach((item) => {
console.log(item);
if (regs.test(item.url.toLowerCase())) {
this.storeImage.push(item.url)
}
@ -818,7 +875,7 @@ export default {
// console.log(data);
// console.log(this.jobDetail);
} catch (error) {
console.log(error);
console.log(error)
}
},
//
@ -1017,17 +1074,21 @@ export default {
margin-right: 16px;
text-align: left;
.subset {
display: flex;
justify-content: space-between;
padding: 16px;
margin-bottom: 16px;
padding: 20px;
// margin-bottom: 16px;
// width: 914px;
background-color: #fff;
// height: 302px;
// border-radius: 4px;
border: 1px solid #ededed;
display: flex;
justify-content: space-between;
.subsetleft {
display: flex;
flex-direction: column;
.info {
display: flex;
}
.imgbox {
width: 186px;
height: 186px;
@ -1319,12 +1380,20 @@ export default {
background-color: #fff;
h1 {
display: flex;
justify-content: space-between;
font-size: 18px;
// margin-bottom: 20px;
>span {
font-size: 14px;
color: #ff4400;
text-decoration: underline;
cursor: pointer;
}
.infotitle {
display: flex;
margin-top: -2px;
border-bottom: 1px solid #eeefef;
display: flex;
span {
margin-bottom: -1px;
height: 30px;
@ -1451,47 +1520,35 @@ export default {
display: flex;
align-items: center;
border-bottom: 1px solid #ededed;
> div {
width: 104px;
// font-weight: bold;
color: #666;
text-align: center;
}
&:last-child {
border-bottom: 0px;
}
ul {
display: flex;
flex-direction: column;
justify-content: space-around;
border-left: 1px solid #ededed;
flex: 1;
}
li {
display: flex;
min-height: 44px;
width: 100%;
span:first-child {
padding: 12px 16px;
width: 100px;
text-align: center;
border-right: 1px solid #ededed;
color: #666;
// font-weight: bold;
}
span:last-child {
flex: 1;
display: flex;
color: #333;
padding: 12px 16px;
white-space: break-space;
align-items: center;
}
}
li:not(li:last-child) {
border-bottom: 1px solid #ededed;
}
li {
display: flex;
min-height: 44px;
width: 100%;
span:first-child {
padding: 12px 16px;
width: 100px;
text-align: center;
border-right: 1px solid #ededed;
color: #666;
// font-weight: bold;
}
span:last-child {
flex: 1;
display: flex;
color: #333;
padding: 12px 16px;
white-space: break-space;
align-items: center;
}
}
li:not(li:last-child) {
border-bottom: 1px solid #ededed;
}
}
}
@ -1533,7 +1590,7 @@ export default {
width: 240px;
overflow: hidden;
// height: 114px;
padding: 0 20px 20px 20px;
// padding: 0 20px 20px 20px;
// border-radius: 4px;
background-color: #fff;
text-align: center;
@ -1543,18 +1600,20 @@ export default {
color: #ff4400;
font-weight: 600;
margin-top: 12px;
padding: 20px;
}
}
.companyinfo {
overflow: hidden;
padding: 0 20px 20px 20px;
// padding: 0 20px 20px 20px;
// border-radius: 4px;
border: 1px solid #ededed;
background-color: #fff;
.companydetail {
width: 200px;
// width: 200px;
p:first-of-type {
padding: 20px;
font-size: 18px;
font-weight: normal;
text-align: left;
@ -1584,7 +1643,7 @@ export default {
}
}
.companylocation {
width: 200px;
// width: 200px;
h1 {
// height: 50px;
// line-height: 50px;
@ -1593,8 +1652,10 @@ export default {
// border-top: 1px solid #eeefef;
}
.imgbox {
// width: 230px;
height: 172px;
width: 200px;
height: 200px;
margin-top: 20px;
img {
width: 100%;
height: 100%;
@ -1710,4 +1771,35 @@ export default {
z-index: 999;
pointer-events: none;
}
.swiperBox {
width: 350px;
margin-top: 20px;
position: relative;
.swiper-button-next {
right: 0px;
background-image: url(http://matripe.oss-cn-beijing.aliyuncs.com/img/right.svg);
}
.swiper-button-prev {
left: -10px;
background-image: url(http://matripe.oss-cn-beijing.aliyuncs.com/img/left.svg);
}
}
#swiper {
width: 340px;
overflow: hidden;
.swiper-wrapper {
// width: 460px;
}
.swiper-slide {
img {
width: 80px;
height: 45px;
object-fit: cover;
// width: 100%;
}
}
}
.swiper-button-disabled {
display: none;
}
</style>

@ -236,7 +236,7 @@
<div class="tabBar" @click="changeTab($event)">
<div class="tabSubset" :class="{ active: signType == '' }" data-type="0">全部</div>
<div class="tabSubset" :class="{ active: signType == 1 }" data-type="1">自营</div>
<div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div>
<!-- <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div> -->
</div>
<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style>
<div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
@ -2613,7 +2613,7 @@ export default {
.maincontentright {
width: 240px;
position: relative;
top: -40px;
top: -50px;
> div {
margin-bottom: 16px;
border: 1px solid #ededed;
@ -2631,8 +2631,9 @@ export default {
margin-top: 0;
margin-bottom: 0;
// padding-top: 10px;
height: 40px;
line-height: 40px;
height: 50px;
padding: 0;
line-height: 50px;
font-size: 16px;
font-weight: 600;
border-bottom: none;
@ -2651,7 +2652,7 @@ export default {
width: 240px;
height: 160px;
// height: 114px;
padding: 0 20px 20px 20px;
// padding: 0 20px 20px 20px;
// border-radius: 4px;
background-color: #fff;
text-align: center;

@ -387,11 +387,11 @@ p.bottombox {
text-align: center;
// border-bottom: 1px solid #eeefef;
font-weight: 600;
margin-top: 12px;
font-size: 16px;
padding-bottom: 12px;
margin-bottom: 16px;
color: rgba(0, 0, 0, 0.85);
padding: 12px 0;
color: #ff4400;
background-color: #FEE9E1;
&::after {
content: "";
display: block;

@ -344,10 +344,8 @@ p.bottombox {
position: relative;
text-align: center;
font-weight: 600;
margin-top: 12px;
font-size: 16px;
padding-bottom: 12px;
margin-bottom: 16px;
padding: 12px 0;
color: rgba(0, 0, 0, 0.85);
}
h1.bottombox::after,

@ -4,10 +4,10 @@ import Cookies from "js-cookie";
import qs from "qs";
// import Vue from "vue";
// const baseURL = "http://1shoudan.com"; // 正式环境线上
// const baseURL = "http://1shoudan.com"; // 正式环境线上 废弃
const baseURL = "http://idaotian.com"; // 正式环境线上
// const baseURL = "http://idagou.cn"; // 正式环境线上
// console.log(baseURL);
// console.log(baseURL);
// const baseURL = "https://d.matripe.com.cn"; // 正式环境本地
// const baseURL = "http://bl7.matripe.com.cn:8001"; // 测试环境本地
// const baseURL = "http://1shoudan.renminshitang.com.cn"; // 测试环境线上

@ -1,7 +1,7 @@
<template>
<div class="index-container" @click="isspecialboxshow = false">
<!-- title部分 -->
<div class="pagetitle" id="pay">
<div class="pagetitle" >
<div class="w">
<span> 欢迎来到伯才稻田平台 </span>
<span>

@ -3588,6 +3588,13 @@ dom-serializer@^1.0.1:
domhandler "^4.2.0"
entities "^2.0.0"
dom7@^2.1.3:
version "2.1.5"
resolved "https://registry.npmmirror.com/dom7/-/dom7-2.1.5.tgz#a79411017800b31d8400070cdaebbfc92c1f6377"
integrity sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA==
dependencies:
ssr-window "^2.0.0"
domain-browser@^1.1.1:
version "1.2.0"
resolved "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz"
@ -8376,6 +8383,16 @@ sshpk@^1.7.0:
safer-buffer "^2.0.2"
tweetnacl "~0.14.0"
ssr-window@^1.0.1:
version "1.0.1"
resolved "https://registry.npmmirror.com/ssr-window/-/ssr-window-1.0.1.tgz#30752a6a4666e7767f0b7e6aa6fc2fdbd0d9b369"
integrity sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg==
ssr-window@^2.0.0:
version "2.0.0"
resolved "https://registry.npmmirror.com/ssr-window/-/ssr-window-2.0.0.tgz#98c301aef99523317f8d69618f0010791096efc4"
integrity sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A==
ssri@^6.0.1:
version "6.0.2"
resolved "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz"
@ -8647,6 +8664,14 @@ svgo@^1.0.0:
unquote "~1.1.1"
util.promisify "~1.0.0"
swiper@^4.0.7:
version "4.5.1"
resolved "https://registry.npmmirror.com/swiper/-/swiper-4.5.1.tgz#ed43998e780ceb478610079c8d23fd425eca636f"
integrity sha512-se6I7PWWu950NAMXXT+ENtF/6SVb8mPyO+bTfNxbQBILSeLqsYp3Ndap+YOA0EczOIUlea274PKejT6gKZDseA==
dependencies:
dom7 "^2.1.3"
ssr-window "^1.0.1"
symbol-observable@^1.1.0:
version "1.2.0"
resolved "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz"

Loading…
Cancel
Save