|
|
|
|
@ -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"> | </span>
|
|
|
|
|
<div class="jobpricemonth">
|
|
|
|
|
<span>{{ jobDetail.minMonthlyPay }}</span>-
|
|
|
|
|
<span>{{ jobDetail.maxMonthlyPay }}</span>元/月
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<span style="font-size: 16px"> | </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:00;17: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>
|
|
|
|
|
|