|
|
|
|
@ -1,108 +1,5 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="detail-container">
|
|
|
|
|
<!-- <a-modal
|
|
|
|
|
title="报名"
|
|
|
|
|
:visible="visible"
|
|
|
|
|
class="modal"
|
|
|
|
|
:confirm-loading="confirmLoading"
|
|
|
|
|
@ok="handleOk"
|
|
|
|
|
@cancel="handleCancel"
|
|
|
|
|
:maskClosable="false"
|
|
|
|
|
okText="提交"
|
|
|
|
|
cancelText="取消"
|
|
|
|
|
:destroyOnClose="true"
|
|
|
|
|
>
|
|
|
|
|
<a-form-model ref="ruleForm" :model="form" :rules="rules" :colon="false">
|
|
|
|
|
<a-form-model-item ref="name" label="姓名" prop="name">
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.name"
|
|
|
|
|
placeholder="请输入老乡姓名"
|
|
|
|
|
@blur="
|
|
|
|
|
() => {
|
|
|
|
|
$refs.name.onFieldBlur();
|
|
|
|
|
}
|
|
|
|
|
"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="gender" label="性别" prop="gender">
|
|
|
|
|
<a-select v-model="form.gender" placeholder="请选择性别">
|
|
|
|
|
<a-select-option value="man">男</a-select-option>
|
|
|
|
|
<a-select-option value="woman">女</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="tel" label="年龄" prop="tel">
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.age"
|
|
|
|
|
placeholder="请输入年龄"
|
|
|
|
|
@blur="
|
|
|
|
|
() => {
|
|
|
|
|
$refs.tel.onFieldBlur();
|
|
|
|
|
}
|
|
|
|
|
"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard">
|
|
|
|
|
<a-select v-model="form.nation" placeholder="请选择民族">
|
|
|
|
|
<a-select-option
|
|
|
|
|
v-for="item in nationlist"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
>{{ item.name }}</a-select-option
|
|
|
|
|
>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="peoplecard" label="身份证号" prop="peoplecard">
|
|
|
|
|
<a-input v-model="form.peoplecard" placeholder="请输入老乡身份证号" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard">
|
|
|
|
|
<a-input v-model="form.location" placeholder="请输入家庭住址" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
|
|
<a-form-model-item ref="username" label="报名企业" prop="username">
|
|
|
|
|
<a-select v-model="form.firm" placeholder="请选择民族">
|
|
|
|
|
<a-select-option :value="id">{{ id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="username" label="岗位" prop="username">
|
|
|
|
|
<a-select v-model="form.post" placeholder="请选择民族">
|
|
|
|
|
<a-select-option :value="id">{{ id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="username" label="模式" prop="username">
|
|
|
|
|
<a-select v-model="form.pattern" placeholder="请选择民族">
|
|
|
|
|
<a-select-option :value="id">{{ id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="username" label="政策" prop="username">
|
|
|
|
|
<a-select v-model="form.policy" placeholder="请选择民族">
|
|
|
|
|
<a-select-option :value="id">{{ id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="username" label="代理" prop="username">
|
|
|
|
|
<a-select v-model="form.proxy" placeholder="请选择民族">
|
|
|
|
|
<a-select-option :value="id">{{ id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item ref="username" label="面试时间" prop="username">
|
|
|
|
|
<a-select v-model="form.facedate" placeholder="请选择民族">
|
|
|
|
|
<a-select-option :value="id">{{ id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</a-modal>-->
|
|
|
|
|
|
|
|
|
|
<!-- <a-drawer
|
|
|
|
|
title="报名"
|
|
|
|
|
placement="right"
|
|
|
|
|
:closable="true"
|
|
|
|
|
:maskClosable="false"
|
|
|
|
|
:visible="visible"
|
|
|
|
|
labelAlign="right"
|
|
|
|
|
width="480"
|
|
|
|
|
@close="onClose"
|
|
|
|
|
>
|
|
|
|
|
<recordbill :visible.sync="visible" :firminfo="jobDetail"></recordbill>
|
|
|
|
|
</a-drawer>-->
|
|
|
|
|
<!-- 面包屑 -->
|
|
|
|
|
<a-breadcrumb class="w">
|
|
|
|
|
<a-breadcrumb-item href>
|
|
|
|
|
@ -171,38 +68,13 @@
|
|
|
|
|
jobDetail.salaryClassify,
|
|
|
|
|
jobDetail.salaryClassifyValue
|
|
|
|
|
)
|
|
|
|
|
">
|
|
|
|
|
<!-- <template v-if="jobDetail.hourlyPay"
|
|
|
|
|
><span>{{ jobDetail.hourlyPay }}</span
|
|
|
|
|
>元/小时</template
|
|
|
|
|
>
|
|
|
|
|
<template v-else-if="jobDetail.dayPay"
|
|
|
|
|
><span>{{ jobDetail.dayPay }}</span
|
|
|
|
|
>元/日</template
|
|
|
|
|
>-->
|
|
|
|
|
</div>
|
|
|
|
|
"></div>
|
|
|
|
|
<span style="font-size: 16px"> | </span>
|
|
|
|
|
<div class="jobpricemonth">
|
|
|
|
|
<span>{{ jobDetail.minMonthlyPay }}</span>-
|
|
|
|
|
<span>{{ jobDetail.maxMonthlyPay }}</span>元/月
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <div class="billbutton">
|
|
|
|
|
<span>服务费 <i>1.5</i>元/小时</span>
|
|
|
|
|
<a-dropdown class="dropdown" :trigger="['click']">
|
|
|
|
|
<a
|
|
|
|
|
class="ant-dropdown-link"
|
|
|
|
|
@click="(e) => e.preventDefault()"
|
|
|
|
|
>
|
|
|
|
|
报名
|
|
|
|
|
</a>
|
|
|
|
|
<a-menu slot="overlay">
|
|
|
|
|
<a-menu-item @click="showmodal"> 抽屉 </a-menu-item>
|
|
|
|
|
<a-menu-item @click="torecord"> 新页面</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiperBox">
|
|
|
|
|
@ -226,20 +98,6 @@
|
|
|
|
|
<a-modal :visible="previewVisible" wrapClassName="spic" centered :footer="null" @cancel="handleCancel">
|
|
|
|
|
<video style="width: 100%; max-height: calc(100vh - 40px)" id="movie" autoplay :src="previewImage" controls="controls" />
|
|
|
|
|
</a-modal>
|
|
|
|
|
<!-- <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 @click="showImage(index)" style="cursor:pointer" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide" v-for="(item, index) in [...storeImage]" :key="index">
|
|
|
|
|
<img :src="item" alt @click="showImage(index)" style="cursor:pointer" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-button-next"></div>
|
|
|
|
|
<div class="swiper-button-prev"></div>
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="subsetright">
|
|
|
|
|
<div class="topbox">
|
|
|
|
|
@ -695,31 +553,33 @@
|
|
|
|
|
<h1 class="bottombox"><i>职位详版</i> <span class="copy" @click="copyText">复制</span></h1>
|
|
|
|
|
<p class="copyInfo">{{ jobDetail.jobDesp || "-" }}</p>
|
|
|
|
|
</div>-->
|
|
|
|
|
<div class="companyinfo">
|
|
|
|
|
<div class="companydetail">
|
|
|
|
|
<h1 class="bottombox">
|
|
|
|
|
<i>企业详情</i>
|
|
|
|
|
</h1>
|
|
|
|
|
<!-- <p style="text-align: center">{{ jobDetail.aliasName || '-' }}</p> -->
|
|
|
|
|
<!-- <div class="imgbox">
|
|
|
|
|
<a-anchor @click.prevent class="rightFixed">
|
|
|
|
|
<div class="companyinfo">
|
|
|
|
|
<div class="companydetail">
|
|
|
|
|
<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 />
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
<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;white-space:pre-line;text-align:left">{{store.storeInfo || '-' }}</p>
|
|
|
|
|
<!-- <h1 class="bottombox">
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
<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;white-space:pre-line;text-align:left">{{store.storeInfo || '-' }}</p>
|
|
|
|
|
<!-- <h1 class="bottombox">
|
|
|
|
|
<i>企业位置</i>
|
|
|
|
|
</h1>-->
|
|
|
|
|
<div class="imgbox">
|
|
|
|
|
<!-- <GDMap/> -->
|
|
|
|
|
<GDMap :positionInfo="positionInfo"></GDMap>
|
|
|
|
|
<!-- <img src="../../assets/map.png" alt="" /> -->
|
|
|
|
|
</h1>-->
|
|
|
|
|
<div class="imgbox">
|
|
|
|
|
<!-- <GDMap/> -->
|
|
|
|
|
<GDMap :positionInfo="positionInfo"></GDMap>
|
|
|
|
|
<!-- <img src="../../assets/map.png" alt="" /> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<recommend />
|
|
|
|
|
</a-anchor>
|
|
|
|
|
<!-- <recommend /> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="hotTel">
|
|
|
|
|
@ -956,8 +816,8 @@ export default {
|
|
|
|
|
this.visible = false
|
|
|
|
|
this.previewVisible = false
|
|
|
|
|
let movie = document.querySelector('#movie')
|
|
|
|
|
console.dir(movie);
|
|
|
|
|
movie.pause();
|
|
|
|
|
console.dir(movie)
|
|
|
|
|
movie.pause()
|
|
|
|
|
// this.form = {
|
|
|
|
|
// // 录单数据
|
|
|
|
|
// name: '',
|
|
|
|
|
@ -1664,6 +1524,8 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.maincontentright {
|
|
|
|
|
// position: sticky;
|
|
|
|
|
// top: 0;
|
|
|
|
|
width: 240px;
|
|
|
|
|
> div {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
@ -1945,4 +1807,9 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.rightFixed {
|
|
|
|
|
/deep/.ant-anchor-ink {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|