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

1

Browse Source
cyl/dev
wangxia 3 years ago
parent 0b28879d91
commit 665a300269
9 changed files with 513 additions and 413 deletions
Show Stats Download Patch File Download Diff File

1
package.json
Unescape Escape View File

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

299
src/components/FirstJob/components/recommend.vue
Unescape Escape View File

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

572
src/components/FirstJob/detail.vue
Unescape Escape View File

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

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

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

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

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

4
src/style/index.wxss
Unescape Escape View File

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

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

@ -4,7 +4,7 @@ import Cookies from "js-cookie";
import qs from "qs"; import qs from "qs";
// import Vue from "vue"; // import Vue from "vue";
// const baseURL = "http://1shoudan.com"; // 正式环境线上 // const baseURL = "http://1shoudan.com"; // 正式环境线上 废弃
const baseURL = "http://idaotian.com"; // 正式环境线上 const baseURL = "http://idaotian.com"; // 正式环境线上
// const baseURL = "http://idagou.cn"; // 正式环境线上 // const baseURL = "http://idagou.cn"; // 正式环境线上
// console.log(baseURL); // console.log(baseURL);

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

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

25
yarn.lock
Unescape Escape View File

@ -3588,6 +3588,13 @@ dom-serializer@^1.0.1:
domhandler "^4.2.0" domhandler "^4.2.0"
entities "^2.0.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: domain-browser@^1.1.1:
version "1.2.0" version "1.2.0"
resolved "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz" 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" safer-buffer "^2.0.2"
tweetnacl "~0.14.0" 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: ssri@^6.0.1:
version "6.0.2" version "6.0.2"
resolved "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz" resolved "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz"
@ -8647,6 +8664,14 @@ svgo@^1.0.0:
unquote "~1.1.1" unquote "~1.1.1"
util.promisify "~1.0.0" 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: symbol-observable@^1.1.0:
version "1.2.0" version "1.2.0"
resolved "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz" resolved "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz"

Write Preview
Loading…
Cancel
Save