|
|
|
|
@ -105,17 +105,17 @@
|
|
|
|
|
</a-drawer>-->
|
|
|
|
|
<!-- 面包屑 -->
|
|
|
|
|
<a-breadcrumb class="w">
|
|
|
|
|
<a-breadcrumb-item href="">
|
|
|
|
|
<a-breadcrumb-item href>
|
|
|
|
|
<router-link to="/main">
|
|
|
|
|
<a-icon type="home" />
|
|
|
|
|
</router-link>
|
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
|
<a-breadcrumb-item href="">
|
|
|
|
|
<a-breadcrumb-item href>
|
|
|
|
|
<a @click="toList">
|
|
|
|
|
<span>一手职位</span>
|
|
|
|
|
</a>
|
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
|
<a-breadcrumb-item href="">
|
|
|
|
|
<a-breadcrumb-item href>
|
|
|
|
|
<span style="color: #333">企业详情</span>
|
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
|
</a-breadcrumb>
|
|
|
|
|
@ -123,45 +123,19 @@
|
|
|
|
|
<div class="maincontent w">
|
|
|
|
|
<div class="maincontentleft">
|
|
|
|
|
<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="imgbox">
|
|
|
|
|
<a-carousel
|
|
|
|
|
arrows
|
|
|
|
|
:autoplay="true"
|
|
|
|
|
effect="fade"
|
|
|
|
|
:dots="true"
|
|
|
|
|
ref="scrollimg"
|
|
|
|
|
v-if="storeImage.length !== 0"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
slot="prevArrow"
|
|
|
|
|
class="custom-slick-arrow"
|
|
|
|
|
style="left: 5px; z-index: 99"
|
|
|
|
|
>
|
|
|
|
|
<a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
|
|
|
|
|
<div slot="prevArrow" class="custom-slick-arrow" style="left: 5px; z-index: 99">
|
|
|
|
|
<a-icon type="left-circle" />
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
slot="nextArrow"
|
|
|
|
|
class="custom-slick-arrow"
|
|
|
|
|
style="right: 5px; z-index: 99"
|
|
|
|
|
>
|
|
|
|
|
<div slot="nextArrow" class="custom-slick-arrow" style="right: 5px; z-index: 99">
|
|
|
|
|
<a-icon type="right-circle" />
|
|
|
|
|
</div>
|
|
|
|
|
<img
|
|
|
|
|
v-for="(item, index) in storeImage"
|
|
|
|
|
:key="index"
|
|
|
|
|
:src="item"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
<img v-for="(item, index) in storeImage" :key="index" :src="item" alt />
|
|
|
|
|
</a-carousel>
|
|
|
|
|
<img v-else src="../../../static/img/nopicture.png" alt="" />
|
|
|
|
|
<img v-else src="../../../static/img/nopicture.png" alt />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobinfobox">
|
|
|
|
|
<div class="jobname">{{ jobDetail.jobName }}</div>
|
|
|
|
|
@ -172,52 +146,30 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobtag">
|
|
|
|
|
<!-- <span>返费</span> -->
|
|
|
|
|
<a-tag
|
|
|
|
|
:color="labelColor[index % labelColor.length]"
|
|
|
|
|
v-for="(item, index) in jobDetail.jobRequestLabelNames"
|
|
|
|
|
:key="index"
|
|
|
|
|
>{{ item }}</a-tag
|
|
|
|
|
>
|
|
|
|
|
<a-tag :color="labelColor[index % labelColor.length]" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">{{ item }}</a-tag>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
style="height: 27px"
|
|
|
|
|
v-if="!jobDetail.jobRequestLabelNames"
|
|
|
|
|
class="jobtag"
|
|
|
|
|
>
|
|
|
|
|
<div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
|
|
|
|
|
<a-tag :color="labelColor[1]">暂无要求</a-tag>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jobtag1">
|
|
|
|
|
<!-- <span>返费</span> -->
|
|
|
|
|
<a-tag
|
|
|
|
|
v-for="(item, index) in jobDetail.jobSpecialLabelNames"
|
|
|
|
|
:key="index"
|
|
|
|
|
>{{ item }}</a-tag
|
|
|
|
|
>
|
|
|
|
|
<a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
style="height: 27px"
|
|
|
|
|
v-if="!jobDetail.jobSpecialLabelNames"
|
|
|
|
|
class="jobtag"
|
|
|
|
|
>
|
|
|
|
|
<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
|
|
|
|
|
<a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
style="
|
|
|
|
|
<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"
|
|
|
|
|
><span>{{ jobDetail.hourlyPay }}</span
|
|
|
|
|
>元/小时</template
|
|
|
|
|
@ -229,9 +181,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<span style="font-size: 16px"> | </span>
|
|
|
|
|
<div class="jobpricemonth">
|
|
|
|
|
<span>{{ jobDetail.minMonthlyPay }}</span
|
|
|
|
|
>-<span>{{ jobDetail.maxMonthlyPay }}</span
|
|
|
|
|
>元/月
|
|
|
|
|
<span>{{ jobDetail.minMonthlyPay }}</span>-
|
|
|
|
|
<span>{{ jobDetail.maxMonthlyPay }}</span>元/月
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -264,13 +215,7 @@
|
|
|
|
|
|
|
|
|
|
<a-button type="primary" class="jobDesp">职位详单</a-button>
|
|
|
|
|
</a-popover>-->
|
|
|
|
|
<button
|
|
|
|
|
class="dropdown bottombox1"
|
|
|
|
|
@click="torecord()"
|
|
|
|
|
v-if="jobDetail.recruitment == '1'"
|
|
|
|
|
>
|
|
|
|
|
报名
|
|
|
|
|
</button>
|
|
|
|
|
<button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'">报名</button>
|
|
|
|
|
<button class="norecruitment bottombox1" v-else>暂时停招</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -282,56 +227,33 @@
|
|
|
|
|
<div class="jobinformationbox">
|
|
|
|
|
<h1>
|
|
|
|
|
<div class="infotitle">
|
|
|
|
|
<span
|
|
|
|
|
@click="tabchange = 1"
|
|
|
|
|
:class="tabchange === 1 ? 'active' : ''"
|
|
|
|
|
>基本信息</span
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
@click="tabchange = 0"
|
|
|
|
|
:class="tabchange === 0 ? 'active' : ''"
|
|
|
|
|
>财务结算</span
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
@click="tabchange = 2"
|
|
|
|
|
:class="tabchange === 2 ? 'active' : ''"
|
|
|
|
|
>职位通告</span
|
|
|
|
|
>
|
|
|
|
|
<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
|
|
|
|
|
<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>-->
|
|
|
|
|
<a-modal
|
|
|
|
|
v-model="xiangdanVisible"
|
|
|
|
|
title="通告"
|
|
|
|
|
class="xiangdan"
|
|
|
|
|
:footer="null"
|
|
|
|
|
@ok="handleOk"
|
|
|
|
|
>
|
|
|
|
|
<a-modal v-model="xiangdanVisible" title="通告" class="xiangdan" :footer="null" @ok="handleOk">
|
|
|
|
|
<!-- <template slot="content" class="jobDesp_content"> -->
|
|
|
|
|
<div class="copy" @click="copyText($event)">复制</div>
|
|
|
|
|
<span v-if="jobDetail.jobDesp" class="copyInfo">{{
|
|
|
|
|
<span v-if="jobDetail.jobDesp" class="copyInfo">
|
|
|
|
|
{{
|
|
|
|
|
jobDetail.jobDesp
|
|
|
|
|
}}</span
|
|
|
|
|
><span v-else>暂无详单</span>
|
|
|
|
|
}}
|
|
|
|
|
</span>
|
|
|
|
|
<span v-else>暂无详单</span>
|
|
|
|
|
<!-- </template> -->
|
|
|
|
|
</a-modal>
|
|
|
|
|
</h1>
|
|
|
|
|
<div class="pay" id="tip" v-show="tabchange === 1">
|
|
|
|
|
<div class="mb12 mt20 titlestyle">温馨提示</div>
|
|
|
|
|
<div class="showInfo" style="width: unset">
|
|
|
|
|
{{ jobDetail.notes || "-" }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="showInfo" style="width: unset">{{ jobDetail.notes || "-" }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="tabchange === 1" style="display: flex">
|
|
|
|
|
<!-- 薪资 -->
|
|
|
|
|
<div class="baseInfoContent" v-if="tabchange === 1">
|
|
|
|
|
<div class="pay" id="pay">
|
|
|
|
|
<div class="mb12 mt20">薪资待遇</div>
|
|
|
|
|
<a-descriptions
|
|
|
|
|
bordered
|
|
|
|
|
size="small"
|
|
|
|
|
:column="1"
|
|
|
|
|
class="leftDesc boubleLevel"
|
|
|
|
|
>
|
|
|
|
|
<a-descriptions bordered size="small" :column="1" class="leftDesc boubleLevel">
|
|
|
|
|
<!-- <a-descriptions-item class="test1">
|
|
|
|
|
<span slot="label" class="fw500">工价</span>
|
|
|
|
|
<span>{{ jobDetail.calculationUnit }}</span>
|
|
|
|
|
@ -374,9 +296,11 @@
|
|
|
|
|
</a-descriptions-item>
|
|
|
|
|
<a-descriptions-item>
|
|
|
|
|
<span slot="label" class="fw500">薪资说明</span>
|
|
|
|
|
<span style="white-space: break-spaces">{{
|
|
|
|
|
<span style="white-space: break-spaces">
|
|
|
|
|
{{
|
|
|
|
|
jobDetail.salaryDesp || "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
}}
|
|
|
|
|
</span>
|
|
|
|
|
</a-descriptions-item>
|
|
|
|
|
<!-- <a-descriptions-item style="padding: 0">
|
|
|
|
|
<span slot="label">薪资说明</span>
|
|
|
|
|
@ -414,26 +338,22 @@
|
|
|
|
|
<!-- 岗位要求 -->
|
|
|
|
|
<div class="required" id="required">
|
|
|
|
|
<div class="mb12 mt20">面试要求</div>
|
|
|
|
|
<a-descriptions
|
|
|
|
|
bordered
|
|
|
|
|
size="small"
|
|
|
|
|
:column="1"
|
|
|
|
|
class="leftDesc"
|
|
|
|
|
>
|
|
|
|
|
<a-descriptions bordered size="small" :column="1" class="leftDesc">
|
|
|
|
|
<a-descriptions-item class="test1">
|
|
|
|
|
<span slot="label" class="fw500">性别年龄</span>
|
|
|
|
|
<span>
|
|
|
|
|
<span class="man" v-if="jobDetail.minAgeMan"
|
|
|
|
|
>男 {{ jobDetail.minAgeMan }}
|
|
|
|
|
<span v-if="jobDetail.maxAgeMan">{{
|
|
|
|
|
<span class="man" v-if="jobDetail.minAgeMan">
|
|
|
|
|
男 {{ jobDetail.minAgeMan }}
|
|
|
|
|
<span v-if="jobDetail.maxAgeMan">
|
|
|
|
|
{{
|
|
|
|
|
"- " + jobDetail.maxAgeMan
|
|
|
|
|
}}</span
|
|
|
|
|
>岁 ；</span
|
|
|
|
|
><span class="woman" v-if="jobDetail.minAgeWoman">
|
|
|
|
|
}}
|
|
|
|
|
</span>岁 ；
|
|
|
|
|
</span>
|
|
|
|
|
<span class="woman" v-if="jobDetail.minAgeWoman">
|
|
|
|
|
女 {{ jobDetail.minAgeWoman }}
|
|
|
|
|
<span> {{ "- " + jobDetail.maxAgeWoman }}</span
|
|
|
|
|
>岁</span
|
|
|
|
|
>
|
|
|
|
|
<span>{{ "- " + jobDetail.maxAgeWoman }}</span>岁
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</a-descriptions-item>
|
|
|
|
|
<a-descriptions-item>
|
|
|
|
|
@ -481,14 +401,9 @@
|
|
|
|
|
</a-descriptions>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 基本信息 -->
|
|
|
|
|
<div class=" " id="contentspecial">
|
|
|
|
|
<div class id="contentspecial">
|
|
|
|
|
<div class="mb12 mt20">岗位说明</div>
|
|
|
|
|
<a-descriptions
|
|
|
|
|
bordered
|
|
|
|
|
size="small"
|
|
|
|
|
:column="1"
|
|
|
|
|
class="leftDesc"
|
|
|
|
|
>
|
|
|
|
|
<a-descriptions bordered size="small" :column="1" class="leftDesc">
|
|
|
|
|
<a-descriptions-item class="test1">
|
|
|
|
|
<span slot="label" class="fw500">工作内容</span>
|
|
|
|
|
<span>{{ jobDetail.workContent || "-" }}</span>
|
|
|
|
|
@ -525,9 +440,11 @@
|
|
|
|
|
</a-descriptions-item>-->
|
|
|
|
|
<a-descriptions-item>
|
|
|
|
|
<span slot="label" class="fw500">换岗调班</span>
|
|
|
|
|
<span style="white-space: break-spaces">{{
|
|
|
|
|
<span style="white-space: break-spaces">
|
|
|
|
|
{{
|
|
|
|
|
jobDetail.otherDesp || "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
}}
|
|
|
|
|
</span>
|
|
|
|
|
</a-descriptions-item>
|
|
|
|
|
</a-descriptions>
|
|
|
|
|
</div>
|
|
|
|
|
@ -539,8 +456,8 @@
|
|
|
|
|
<div>吃饭</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<span>吃饭</span
|
|
|
|
|
><span>{{ jobDetail.workingLunch || "-" }}</span>
|
|
|
|
|
<span>吃饭</span>
|
|
|
|
|
<span>{{ jobDetail.workingLunch || "-" }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
<!-- <li>
|
|
|
|
|
<span>餐补</span
|
|
|
|
|
@ -569,25 +486,26 @@
|
|
|
|
|
<div>住宿</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<span>住宿费用</span
|
|
|
|
|
><span>{{ jobDetail.dormitory || "-" }}</span>
|
|
|
|
|
<span>住宿费用</span>
|
|
|
|
|
<span>{{ jobDetail.dormitory || "-" }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span>宿舍设施</span
|
|
|
|
|
><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
|
|
|
|
|
<span>宿舍设施</span>
|
|
|
|
|
<span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span>宿舍距离</span
|
|
|
|
|
><span>{{ jobDetail.dormDistance || "-" }}</span>
|
|
|
|
|
<span>宿舍距离</span>
|
|
|
|
|
<span>{{ jobDetail.dormDistance || "-" }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
<span>厂车</span><span>{{ jobDetail.bus || "-" }}</span>
|
|
|
|
|
<span>厂车</span>
|
|
|
|
|
<span>{{ jobDetail.bus || "-" }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
<span>住宿要求</span
|
|
|
|
|
><span>{{ jobDetail.dormitoryDesp || "-" }}</span>
|
|
|
|
|
<span>住宿要求</span>
|
|
|
|
|
<span>{{ jobDetail.dormitoryDesp || "-" }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
<!-- <li>
|
|
|
|
|
<span>宿舍距离</span
|
|
|
|
|
@ -666,12 +584,10 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="otherInfo" id="other">
|
|
|
|
|
<div class="mb12 mt20">其他信息</div>
|
|
|
|
|
<div style="white-space: break-spaces">
|
|
|
|
|
{{ jobDetail.otherInfo || "-" }}
|
|
|
|
|
<div style="white-space: break-spaces">{{ jobDetail.otherInfo || "-" }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-anchor @click.prevent="" class="navigation">
|
|
|
|
|
<a-anchor @click.prevent class="navigation">
|
|
|
|
|
<a-anchor-link href="#pay" title="薪资" />
|
|
|
|
|
<a-anchor-link href="#required" title="要求" />
|
|
|
|
|
<a-anchor-link href="#contentspecial" title="岗位" />
|
|
|
|
|
@ -684,17 +600,9 @@
|
|
|
|
|
<div v-else-if="tabchange == 0">
|
|
|
|
|
<div class="pay" id="tip">
|
|
|
|
|
<div class="mb12 mt20 titlestyle">代理须知</div>
|
|
|
|
|
<div class="showInfo" style="width: 640px">
|
|
|
|
|
{{ jobDetail.agencyStatement || "-" }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="showInfo" style="width: 640px">{{ jobDetail.agencyStatement || "-" }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-descriptions
|
|
|
|
|
bordered
|
|
|
|
|
size="small"
|
|
|
|
|
:column="1"
|
|
|
|
|
class="leftDesc mt20"
|
|
|
|
|
style="width: 900px"
|
|
|
|
|
>
|
|
|
|
|
<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px">
|
|
|
|
|
<a-descriptions-item class="test1">
|
|
|
|
|
<span slot="label" class="fw500">代理利润</span>
|
|
|
|
|
<span>{{ jobDetail.agencyProfit || "-" }}</span>
|
|
|
|
|
@ -735,7 +643,9 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="maincontentright">
|
|
|
|
|
<div class="hotphone">
|
|
|
|
|
<h1 class="bottombox"><i>服务热线</i></h1>
|
|
|
|
|
<h1 class="bottombox">
|
|
|
|
|
<i>服务热线</i>
|
|
|
|
|
</h1>
|
|
|
|
|
<p>0371-6611 3723</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="jobDetailInfo" style="display:none">
|
|
|
|
|
@ -744,11 +654,13 @@
|
|
|
|
|
</div>-->
|
|
|
|
|
<div class="companyinfo">
|
|
|
|
|
<div class="companydetail">
|
|
|
|
|
<h1 class="bottombox"><i>企业详情</i></h1>
|
|
|
|
|
<h1 class="bottombox">
|
|
|
|
|
<i>企业详情</i>
|
|
|
|
|
</h1>
|
|
|
|
|
<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="" />
|
|
|
|
|
<img v-if="storeImage.length !== 0" :src="storeImage[0]" alt />
|
|
|
|
|
<img v-else src="../../../static/img/nopicture.png" alt />
|
|
|
|
|
</div>
|
|
|
|
|
<p>
|
|
|
|
|
<!-- 我是文案我很长很长我是文案我 很长很长我是文案我很长很长我
|
|
|
|
|
@ -756,7 +668,9 @@
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="companylocation" v-if="positionInfo.lng">
|
|
|
|
|
<h1 class="bottombox"><i>企业位置</i></h1>
|
|
|
|
|
<h1 class="bottombox">
|
|
|
|
|
<i>企业位置</i>
|
|
|
|
|
</h1>
|
|
|
|
|
<div class="imgbox">
|
|
|
|
|
<!-- <GDMap/> -->
|
|
|
|
|
<GDMap :positionInfo="positionInfo"></GDMap>
|
|
|
|
|
@ -779,20 +693,17 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
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 GDMap from "../map.vue";
|
|
|
|
|
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 GDMap from '../map.vue'
|
|
|
|
|
// import recordbill from "@/components/FirstJob/components/recordbill.vue";
|
|
|
|
|
import Clipboard from "clipboard";
|
|
|
|
|
import Clipboard from 'clipboard'
|
|
|
|
|
// import map from '../map.vue'
|
|
|
|
|
export default {
|
|
|
|
|
// 组件名称
|
|
|
|
|
name: "",
|
|
|
|
|
name: '',
|
|
|
|
|
// 局部注册的组件
|
|
|
|
|
components: {
|
|
|
|
|
recommend,
|
|
|
|
|
@ -818,29 +729,20 @@ export default {
|
|
|
|
|
skeletonshow: true,
|
|
|
|
|
tabchange: 1,
|
|
|
|
|
nationlist,
|
|
|
|
|
labelColor: [
|
|
|
|
|
"pink",
|
|
|
|
|
"blue",
|
|
|
|
|
"purple",
|
|
|
|
|
"orange",
|
|
|
|
|
"green",
|
|
|
|
|
"cyan",
|
|
|
|
|
"red",
|
|
|
|
|
"purple",
|
|
|
|
|
],
|
|
|
|
|
labelColor: ['pink', 'blue', 'purple', 'orange', 'green', 'cyan', 'red', 'purple'],
|
|
|
|
|
form: {
|
|
|
|
|
// 录单数据
|
|
|
|
|
name: "",
|
|
|
|
|
peoplecard: "",
|
|
|
|
|
gender: "",
|
|
|
|
|
nation: "",
|
|
|
|
|
location: "",
|
|
|
|
|
firm: "",
|
|
|
|
|
post: "",
|
|
|
|
|
pattern: "",
|
|
|
|
|
policy: "",
|
|
|
|
|
proxy: "",
|
|
|
|
|
facedate: "",
|
|
|
|
|
name: '',
|
|
|
|
|
peoplecard: '',
|
|
|
|
|
gender: '',
|
|
|
|
|
nation: '',
|
|
|
|
|
location: '',
|
|
|
|
|
firm: '',
|
|
|
|
|
post: '',
|
|
|
|
|
pattern: '',
|
|
|
|
|
policy: '',
|
|
|
|
|
proxy: '',
|
|
|
|
|
facedate: '',
|
|
|
|
|
},
|
|
|
|
|
storeJob: {},
|
|
|
|
|
// rules: {
|
|
|
|
|
@ -849,7 +751,7 @@ export default {
|
|
|
|
|
// // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
|
|
|
|
|
// },
|
|
|
|
|
apply: {},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 计算属性
|
|
|
|
|
computed: {},
|
|
|
|
|
@ -863,8 +765,8 @@ export default {
|
|
|
|
|
beforeCreate() {},
|
|
|
|
|
created() {
|
|
|
|
|
// console.log(this.$router.matcher.match());
|
|
|
|
|
console.log(this.$route); // 获取传过来的params数据
|
|
|
|
|
this.getJobDetail();
|
|
|
|
|
console.log(this.$route) // 获取传过来的params数据
|
|
|
|
|
this.getJobDetail()
|
|
|
|
|
// Object.defineProperties("window.opener", "sessionStorage", {
|
|
|
|
|
// LOGIN_DATA: {},
|
|
|
|
|
// });
|
|
|
|
|
@ -882,35 +784,33 @@ export default {
|
|
|
|
|
methods: {
|
|
|
|
|
async getJobDetail() {
|
|
|
|
|
try {
|
|
|
|
|
const { data } = await getJobDetailApi(this.id);
|
|
|
|
|
console.log(data);
|
|
|
|
|
const { data } = await getJobDetailApi(this.id)
|
|
|
|
|
console.log(data)
|
|
|
|
|
if (data.status === 200) {
|
|
|
|
|
console.log(data);
|
|
|
|
|
this.jobDetail = disposeJobListData(data.data.storeJob);
|
|
|
|
|
this.positionInfo = 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(data)
|
|
|
|
|
this.jobDetail = disposeJobListData(data.data.storeJob)
|
|
|
|
|
this.positionInfo = 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
|
|
|
|
|
let newdata = {
|
|
|
|
|
id: data.data.storeJob.id,
|
|
|
|
|
aliasName: data.data.store.aliasName,
|
|
|
|
|
jobName: data.data.storeJob.jobName,
|
|
|
|
|
};
|
|
|
|
|
this.storeInfo = newdata;
|
|
|
|
|
}
|
|
|
|
|
this.storeInfo = newdata
|
|
|
|
|
|
|
|
|
|
let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
|
|
|
|
|
let regs = /\.(jpg|jpeg|png)(\?.*)?$/
|
|
|
|
|
data.data.storeImage.forEach((item) => {
|
|
|
|
|
if (regs.test(item.url.toLowerCase())) {
|
|
|
|
|
this.storeImage.push(item.url);
|
|
|
|
|
this.storeImage.push(item.url)
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
// console.log(this.storeImage);
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning("数据获取失败");
|
|
|
|
|
this.$message.warning('数据获取失败')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// = data.data.recordList;
|
|
|
|
|
@ -922,31 +822,31 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
// 录单弹出层的关闭
|
|
|
|
|
handleCancel() {
|
|
|
|
|
this.visible = false;
|
|
|
|
|
this.visible = false
|
|
|
|
|
this.form = {
|
|
|
|
|
// 录单数据
|
|
|
|
|
name: "",
|
|
|
|
|
tel: "",
|
|
|
|
|
peoplecard: "",
|
|
|
|
|
username: "",
|
|
|
|
|
};
|
|
|
|
|
name: '',
|
|
|
|
|
tel: '',
|
|
|
|
|
peoplecard: '',
|
|
|
|
|
username: '',
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 录单提交按钮的回调
|
|
|
|
|
handleOk() {
|
|
|
|
|
this.$refs.ruleForm.validate((ispass, no) => {
|
|
|
|
|
// console.log(ispass);
|
|
|
|
|
if (ispass) {
|
|
|
|
|
this.confirmLoading = true;
|
|
|
|
|
this.confirmLoading = true
|
|
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.confirmLoading = false;
|
|
|
|
|
this.visible = false;
|
|
|
|
|
}, 2000);
|
|
|
|
|
this.confirmLoading = false
|
|
|
|
|
this.visible = false
|
|
|
|
|
}, 2000)
|
|
|
|
|
} else {
|
|
|
|
|
// console.log(123);
|
|
|
|
|
}
|
|
|
|
|
console.log(no);
|
|
|
|
|
});
|
|
|
|
|
console.log(no)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 弹出录单模态框
|
|
|
|
|
// showmodal() {
|
|
|
|
|
@ -954,68 +854,68 @@ export default {
|
|
|
|
|
// console.log(this.id);
|
|
|
|
|
// },
|
|
|
|
|
showmodal() {
|
|
|
|
|
this.visible = true;
|
|
|
|
|
this.visible = true
|
|
|
|
|
// this.apply = item;
|
|
|
|
|
// console.log(this.apply);
|
|
|
|
|
// console.log(id);
|
|
|
|
|
},
|
|
|
|
|
onClose() {
|
|
|
|
|
this.visible = false;
|
|
|
|
|
this.visible = false
|
|
|
|
|
this.form = {
|
|
|
|
|
// 录单数据
|
|
|
|
|
name: "",
|
|
|
|
|
peoplecard: "",
|
|
|
|
|
gender: "", // 性别
|
|
|
|
|
nation: "", // 民族
|
|
|
|
|
location: "", // 家庭住址
|
|
|
|
|
firm: "", // 公司名
|
|
|
|
|
post: "", // 岗位
|
|
|
|
|
pattern: "", // 模式
|
|
|
|
|
policy: "", // 代理政策
|
|
|
|
|
proxy: "", // 代理
|
|
|
|
|
facedate: "", // 面试时间
|
|
|
|
|
};
|
|
|
|
|
name: '',
|
|
|
|
|
peoplecard: '',
|
|
|
|
|
gender: '', // 性别
|
|
|
|
|
nation: '', // 民族
|
|
|
|
|
location: '', // 家庭住址
|
|
|
|
|
firm: '', // 公司名
|
|
|
|
|
post: '', // 岗位
|
|
|
|
|
pattern: '', // 模式
|
|
|
|
|
policy: '', // 代理政策
|
|
|
|
|
proxy: '', // 代理
|
|
|
|
|
facedate: '', // 面试时间
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
torecord(item) {
|
|
|
|
|
// 跳转到路由新页面的方法
|
|
|
|
|
console.log(item);
|
|
|
|
|
console.log(item)
|
|
|
|
|
// let userinfo = JSON.stringify(item);
|
|
|
|
|
console.log(this.jobDetail);
|
|
|
|
|
console.log(this.storeInfo);
|
|
|
|
|
this.storeInfo.currentPageNum = this.currentPageNum;
|
|
|
|
|
console.log(this.storeInfo);
|
|
|
|
|
this.$router.push({ name: "recordbill", params: this.storeInfo });
|
|
|
|
|
sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(this.storeInfo));
|
|
|
|
|
console.log(this.jobDetail)
|
|
|
|
|
console.log(this.storeInfo)
|
|
|
|
|
this.storeInfo.currentPageNum = this.currentPageNum
|
|
|
|
|
console.log(this.storeInfo)
|
|
|
|
|
this.$router.push({ name: 'recordbill', params: this.storeInfo })
|
|
|
|
|
sessionStorage.setItem('CURRENT_FIRM', JSON.stringify(this.storeInfo))
|
|
|
|
|
},
|
|
|
|
|
getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
|
|
|
|
|
return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
|
|
|
|
|
return getSalaryClassifyValue(salaryClassify, salaryClassifyValue)
|
|
|
|
|
},
|
|
|
|
|
copyText() {
|
|
|
|
|
console.log(123);
|
|
|
|
|
var clipboard = new Clipboard(".copy", {
|
|
|
|
|
console.log(123)
|
|
|
|
|
var clipboard = new Clipboard('.copy', {
|
|
|
|
|
// .copy 是点击的触发元素
|
|
|
|
|
target: function () {
|
|
|
|
|
// 通过target指定要复印的节点
|
|
|
|
|
return document.querySelector(".copyInfo"); // .copyInfo 是要复制的目标内容
|
|
|
|
|
return document.querySelector('.copyInfo') // .copyInfo 是要复制的目标内容
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
clipboard.on("success", (e) => {
|
|
|
|
|
})
|
|
|
|
|
clipboard.on('success', (e) => {
|
|
|
|
|
// success 是成功的回调 success => error 可以捕获复制失败的异常信息
|
|
|
|
|
console.log(e);
|
|
|
|
|
this.$message.success("复制成功");
|
|
|
|
|
});
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.$message.success('复制成功')
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
toList() {
|
|
|
|
|
// 跳转到列表页
|
|
|
|
|
this.$router.push({
|
|
|
|
|
name: "JobList",
|
|
|
|
|
name: 'JobList',
|
|
|
|
|
params: {
|
|
|
|
|
pagenum: this.currentPageNum,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
|
|
@ -1740,12 +1640,7 @@ export default {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #333;
|
|
|
|
|
}
|
|
|
|
|
.boubleLevel
|
|
|
|
|
> .ant-descriptions-view
|
|
|
|
|
> table
|
|
|
|
|
> tbody
|
|
|
|
|
> .ant-descriptions-row:last-child
|
|
|
|
|
> .ant-descriptions-item-content {
|
|
|
|
|
.boubleLevel > .ant-descriptions-view > table > tbody > .ant-descriptions-row:last-child > .ant-descriptions-item-content {
|
|
|
|
|
// padding: 0 !important;
|
|
|
|
|
.noborder {
|
|
|
|
|
.ant-descriptions-view {
|
|
|
|
|
|
