129 lines
3.1 KiB
Vue
129 lines
3.1 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="select">用工单位发布招工</view>
|
||
<view class="select-text">提交申请资料，通过认证后才可快速发布招工信息</view>
|
||
<view class="select-text">第一步：首次开通，点击“我要招工”填写信息；</view>
|
||
<view class="select-text">第二步：提交认证资料，后台服务员审核资料；</view>
|
||
<view class="select-text">第三步：如通过认证后，即可发布招工信息；</view>
|
||
<!-- <view class="block" @click="next(0)">
|
||
<img src="../../static/img/zhao_icon1.png" alt="" />
|
||
<view class="block-text">个体户招工</view>
|
||
</view> -->
|
||
<view class="block" @click="next(1)">
|
||
<img src="../../static/img/zhao_icon2.png" alt="" />
|
||
<view class="block-text" style="background-color: #4171F9;">我要招工</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
seeIsHaveCodep
|
||
} from '@/api/userrecruit.js'
|
||
import {
|
||
mapState
|
||
} from 'vuex'
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
computed: {
|
||
...mapState({
|
||
idNumber: (state) => state.auth.authInfo.idNumber
|
||
}),
|
||
},
|
||
methods: {
|
||
next(type) {
|
||
switch (type) {
|
||
case 0:
|
||
this.isHaveCode(this.idNumber).then(() => {
|
||
this.$store.commit('setEnterprise', type)
|
||
this.navTo('/pages/recruit/subPage/index?type=none')
|
||
})
|
||
break;
|
||
case 1:
|
||
this.isHaveCode(this.idNumber).then(() => {
|
||
this.$store.commit('setEnterprise', type)
|
||
this.navTo('/pages/recruit/subPage/index?type=enterprise')
|
||
})
|
||
break;
|
||
}
|
||
},
|
||
isHaveCode(idNumber) {
|
||
uni.showLoading({
|
||
title: '请求中'
|
||
})
|
||
return new Promise(async (resolve, reject) => {
|
||
let resData = await seeIsHaveCodep({
|
||
idNumber
|
||
})
|
||
uni.hideLoading()
|
||
if (resData.data.code === 200) {
|
||
if (resData.data.data) {
|
||
resolve()
|
||
} else {
|
||
// this.$api.msg('您未申请开通该功能，请联系工作人员')
|
||
this.navTo(
|
||
'/pages/recruit/subPage/enterpriceCertification/enterpriceCertification'
|
||
)
|
||
}
|
||
} else {
|
||
reject()
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.container {
|
||
padding: 60rpx;
|
||
|
||
.select {
|
||
font-size: 36rpx;
|
||
color: #000;
|
||
}
|
||
|
||
.select-text {
|
||
font-size: 28rpx;
|
||
color: #999;
|
||
margin-top: 10rpx;
|
||
}
|
||
|
||
.block {
|
||
width: 100%;
|
||
height: 300rpx;
|
||
border-radius: 20rpx;
|
||
background-color: #f3f4f8;
|
||
margin: 40rpx auto;
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.block-text {
|
||
color: #fff;
|
||
font-size: 26rpx;
|
||
position: absolute;
|
||
width: 180rpx;
|
||
height: 60rpx;
|
||
border-radius: 30rpx;
|
||
background-color: #45D4B6;
|
||
text-align: center;
|
||
line-height: 60rpx;
|
||
right: 20rpx;
|
||
top: 50%;
|
||
margin-top: -30rpx;
|
||
}
|
||
|
||
img {
|
||
width: 300rpx;
|
||
margin-left: 50rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
</style> |