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