You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

2418 lines
74 KiB

<template>
<view class="enterForm">
<view class="bgimgbox">
<view v-if="userInfo.disclaimers || disclaimers">
<text class="iconfont icon-tishi" style="color: #FF4444;"></text>
<text>{{userInfo.disclaimers || disclaimers}}</text>
</view>
</view>
<view class="formbox" v-if="loadlogo">
<view class="formdatabox">
<view class="dis-flex f-26" style="padding-bottom: 20upx;">
<view class="sign">
</view>
<view style="padding-left: 20upx;flex: 0.45;">
{{languageStatus !=1?'请填写职位信息':'직위 정보 입력하세요'}}
</view>
<view class="t-r" style="flex: 0.6;">
<!-- 直接联系客服<text class="iconfont icon-right" style="font-size: 20upx;color: #999999;padding-left: 10upx;"></text> -->
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'职位名称':'구직 명칭'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" :placeholder="languageStatus !=1?'请输入职位名称':'직위 명칭을 입력하세요'" v-model="userInfo.title" />
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'行业职位':'항업 직위'}}
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;">
<view class="timePickerView" @click="showThePic">
<!-- <picker mode="multiSelector" class="dataPicker" :range="typelist" @change="checkType" @columnchange="changeKey"
range-key="name" :value="typeIndex"> -->
<view v-if="businessList.length == 0" class="uni-input twoLevelList">{{languageStatus !=1?'请选择行业分类':'항업 직위를 입력하세요'}}<text class="iconfont icon-right" style="font-size: 20upx;color: #999999;float: right;margin-top: 5upx;"></text></view>
<view v-else class="uni-input twoLevelList">
<view class="dis-il-block" style="width: 90%;" v-if="businessList.length == 1">
<view class="dis-il-block" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;">
{{businessList[0].title}}
</view>
</view>
<view class="dis-il-block" style="width: 90%;" v-if="businessList.length == 2">
<view class="dis-il-block" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;margin-right: 10upx;">
{{businessList[0].title}}
</view>
<view class="dis-il-block" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;">
{{businessList[1].title}}
</view>
<!-- {{businessList[0].title}},{{businessList[1].title}} -->
</view>
<view class="dis-il-block" style="width: 90%;" v-if="businessList.length == 3">
<!-- {{businessList[0].title}},{{businessList[1].title}},{{businessList[2].title}} -->
<view class="dis-il-block t-c" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;margin-right: 10upx;margin-bottom: 20upx;">
{{businessList[0].title}}
</view>
<view class="dis-il-block t-c" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;margin-right: 10upx;">
{{businessList[1].title}}
</view>
<view v-if="businessList[2].title" class="dis-il-block t-c" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;">
{{businessList[2].title}}
</view>
</view>
<text class="iconfont icon-right" style="font-size: 20upx;color: #999999;float: right;"></text>
</view>
<!-- </picker> -->
<span></span>
</view>
</view>
</view>
<!-- <view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
招聘类型
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="genderChange" :value="genderIndex" :range="genderList">
<view class="uni-input">{{genderList[genderIndex]}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view> -->
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'工作类型':'업무 유형'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="wderTypeChange" :value="wderTypeIndex" range-key="title" :range="wderTypeList">
<view class="uni-input">{{wderTypeList[wderTypeIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'类型分类':'업무 유형'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<picker @change="childTypeChange" :value="childTypeIndex" range-key="title" :range="childTypeList" @click.stop="">
<view class="uni-input">{{childTypeList[childTypeIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle" v-if="userInfo.job_type == 1 || userInfo.job_type == 3">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'福利待遇':'복리대우'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;" @click="openwelfare(false)">
<view v-if="welfarecheckedList.length == 0" class="uni-input twoLevelList">{{languageStatus !=1?'请选择福利待遇':'복리대우를 선택하세요'}}<text class="iconfont icon-right" style="font-size: 20upx;color: #999999;float: right;margin-top: 5upx;"></text></view>
<view v-else class="uni-input twoLevelList">
<view class="dis-il-block" style="width: 90%;">
<view class="dis-il-block" style="padding: 5upx 10upx;background-color: #FF4444;color: #FFFFFF;border-radius: 6upx;margin-right: 10upx;margin-bottom: 10upx;" v-for="(item,index) in welfarecheckedList" :key="index">
{{item.title}}
</view>
</view>
<text class="iconfont icon-right" style="font-size: 20upx;color: #999999;float: right;"></text>
</view>
</view>
</view>
<view class="dis-flex f-24 formtitle" v-if="userInfo.job_type == 1 || userInfo.job_type == 3">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'薪资待遇':'급여대우'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="isAssignChange" :value="isAssignIndex" range-key="title" :range="isAssignList">
<view class="uni-input">{{isAssignList[isAssignIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle" v-if="(userInfo.job_type == 1 && userInfo.full_type == 2) || (userInfo.job_type == 3 && userInfo.full_type == 2)">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
薪资区间
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;" >
<view class="flex-box inputBox">
<input type="number" style="font-size: 26upx;text-align: center;" placeholder="最低薪资" v-model="userInfo.full_salary_min" />
</view>
<view style="padding-left: 0;">
-
</view>
<view class="flex-box inputBox">
<input type="number" style="font-size: 26upx;text-align: center;" placeholder="最高薪资" v-model="userInfo.full_salary_max" />
</view>
</view>
</view>
<view class="dis-flex f-24 formtitle" v-if="userInfo.job_type == 2">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'薪资待遇':'급여대우'}}
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;" >
<input type="number" style="font-size: 26upx;" placeholder="请输入兼职薪资" v-model="userInfo.part_salary" />
</view>
</view>
<view class="dis-flex f-24 formtitle" v-if="userInfo.job_type == 2">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
兼职类型
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="PartTypeChange" :value="PartTypeIndex" range-key="title" :range="PartTypeList">
<view class="uni-input">{{PartTypeList[PartTypeIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle" v-if="userInfo.job_type == 2">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
结算方式
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="wayChange" :value="wayIndex" range-key="title" :range="wayList">
<view class="uni-input">{{wayList[wayIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'联系人':'연락인'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" type="text" :placeholder="languageStatus !=1?'请输入联系人姓名':'연락인 명함을 입력하세요'" v-model="userInfo.contacts" />
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'联系电话':'연락전화'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" type="number" :placeholder="languageStatus !=1?'请输入联系电话':'연락전화를 입력하세요'" v-model="userInfo.contact_phone" />
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'所在城市':'현재도시'}}
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<w-picker :visible.sync="visiblec" mode="region" :value="[userInfo.provinceid,userInfo.areaid,userInfo.distid]"
default-type="value" :hide-area="false" @confirm="onConfirm($event,'region')" @cancel="onCancel" ref="region"></w-picker>
<view class="uni-input" @tap="visble">{{ provinceidName }} {{ areaidName }} {{ distidName }}<text class="iconfont icon-right"
style="float: right;font-size: 20upx;color: #999999;">
</text></view>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
{{languageStatus !=1?'详细地址':'상세주소'}}
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;">
<input class="f-24" style="flex: 0.8;" :placeholder="languageStatus !=1?'请输入详细地址':'상세주소를 입력하세요'" v-model="userInfo.address" />
<view class="dis-il-block" @click="getLocation" style="flex: 0.4;">
<image style="width: 20upx;height: 20upx;padding-left: 10upx;" :src="imgfixUrls + 'merchant/where.svg'" />
<span>{{languageStatus !=1?'定位':'위치설정'}}</span>
</view>
</view>
</view>
<!-- <view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
商家简介
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;">
<textarea style="width: 100%;font-size: 24upx;" v-if="!hangyeshow" auto-height placeholder="请输入商户简介" placeholder-style="font-size:24upx"
v-model="userInfo.desc" />
</view>
</view> -->
</view>
<view class="formdatabox" style="margin-top: 20upx;">
<view class="dis-flex f-26" style="padding-bottom: 20upx;">
<view class="sign">
</view>
<view style="padding-left: 20upx;flex: 0.45;">
请上传图集、视频
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.2;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
图集
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;"></view>
</view>
<view class="upLoadFile">
<!-- 图集阅览 -->
<view class="zsView" v-for="(item, index) in userInfo.img" style="fontSize:24upx">
<image :src="item" mode="aspectFill" />
<image :src="imgfixUrls + 'merchant/close.png'" @click="deletImg(item, 'img')" />
</view>
<!-- 图集上传按钮 -->
<!-- <view class="upLoadImg" @click="uploadFiles(9-userInfo.img.length, 'img')" v-if="userInfo.img.length < 9"> -->
<view class="upLoadImg" @click="uploadFiles(6, 'img')">
<view>
<image :src="imgfixUrls + 'merchant/sctp.png'" />
</view>
<text class="upText">{{languageStatus!=1?'上传图片':'이미지 올리기'}}</text>
</view>
<view ref="input" class="input" style="display: none;"></view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.2;">
<!-- <view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view> -->
视频
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;"></view>
</view>
<view class="upLoadFile">
<!-- 封面阅览 -->
<view class="zsView" style="fontSize:24upx" v-if="userInfo.video_img_link !== '' && !!userInfo.video_img_link">
<image :src="userInfo.video_img_link" mode="aspectFill" />
<image :src="imgfixUrls + 'merchant/close.png'" @click="deletImg(userInfo.video_img_link, 'video')" />
</view>
<view ref="input" class="input" style="display: none;"></view>
<!-- 封面图上传按钮 -->
<view class="upLoadImg" @click="uploadFiles(1, 'video')" v-if="!userInfo.video_img_link">
<view>
<image :src="imgfixUrls + 'merchant/sctp.png'" />
</view>
<text class="upText">{{languageStatus!=1?'上传视频封面':'이미지 올리기'}}</text>
</view>
<!-- 视频上传按钮 -->
<view ref="input" class="input" style="display: none;"></view>
<block v-if="src == ''">
<view class="upLoadVideo" @click="upButton">
<view>
<image :src="imgfixUrls + 'merchant/scsp.png'" />
</view>
<text class="upText">{{languageStatus!=1?'上传视频':'동영상 올리기'}}</text>
</view>
</block>
</view>
<view class="dis-flex f-24">
<button class="buttondrag" open-type="contact" hover-class="none"
style="color: #376CF3;margin: 0px;margin-top: 12px;background-color: transparent;
line-height: 20px;font-size: 12px;padding: 0px;" @click="contactService">
联系平台制作宣传片
</button>
</view>
<!-- 上传视频展示 -->
<view class="Zsvideo-main" v-if="userInfo.video_link !== '' && !!userInfo.video_link">
<!-- <view class="t-r" v-if="isAndroid === '1' && isAdclose"> -->
<view class="t-r" v-if="isAndroid === '1'">
<image :src="imgfixUrls + 'merchant/close.png'" class="adcloseImg" @click="deletVideo"></image>
</view>
<video class="zsVideo" :src="src" id="Zsvideo">
<block v-if="isAndroid === '2'">
<cover-image :src="imgfixUrls + 'merchant/close.png'" class="closeImg" @click="deletVideo"></cover-image>
</block>
</video>
</view>
<!-- 兼职封面图 -->
<view class="dis-flex f-24 formtitle" v-if="userInfo.job_type==2">
<view class="t-r" style="flex: 0.2;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
兼职封面
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;"></view>
</view>
<view class="upLoadFile" v-if="userInfo.job_type==2">
<!-- 兼职封面阅览 -->
<view class="zsView" style="fontSize:24upx" v-if="userInfo.recruit_img !== '' && !!userInfo.recruit_img">
<image :src="userInfo.recruit_img" mode="aspectFill" />
<image :src="imgfixUrls + 'merchant/close.png'" @click="deletImg(userInfo.recruit_img, 'recruit_img')" />
</view>
<view ref="input" class="input" style="display: none;"></view>
<!-- 兼职封面图上传按钮 -->
<view class="upLoadImg" @click="uploadFiles(1, 'recruit_img')" v-if="!userInfo.recruit_img">
<view>
<image :src="imgfixUrls + 'merchant/sctp.png'" />
</view>
<text class="upText">{{languageStatus!=1?'上传兼职封面':'이미지 올리기'}}</text>
</view>
</view>
</view>
<view class="formdatabox" style="margin-top: 20upx;">
<view class="dis-flex f-26" style="padding-bottom: 20upx;">
<view class="sign">
</view>
<view style="padding-left: 20upx;flex: 0.45;">
请选择其他要求
</view>
</view>
<!-- <view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
微信号
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" placeholder="请输入微信号" v-model="userInfo.wx" />
</view>
</view> -->
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
性别要求
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="gendersChange" :value="gendersIndex" range-key="title" :range="gendersList">
<view class="uni-input">{{gendersList[gendersIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
年龄区间
</view>
<view class="dis-flex" style="flex: 0.8;padding-left: 40upx;" >
<view class="flex-box inputBox">
<input type="number" style="font-size: 26upx;text-align: center;" placeholder="最低年龄" v-model="userInfo.age_min" />
</view>
<view style="padding-left: 0;">
-
</view>
<view class="flex-box inputBox">
<input type="number" style="font-size: 26upx;text-align: center;" placeholder="最高年龄" v-model="userInfo.age_max" />
</view>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<!-- <view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view> -->
招聘人数
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" type="number" placeholder="请输入招聘人数" v-model="userInfo.people_number" />
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
学历要求
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="educationChange" :value="educationIndex" range-key="title" :range="educationList">
<view class="uni-input">{{educationList[educationIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<!-- <view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
上岗状态
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="incumbencyChange" :value="incumbencyIndex" range-key="title" :range="incumbencyList">
<view class="uni-input">{{incumbencyList[incumbencyIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view> -->
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
工作经验
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="experienceChange" :value="experienceIndex" range-key="title" :range="experienceList">
<view class="uni-input">{{experienceList[experienceIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
职位描述
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<view >
<textarea style="width: 100%;font-size: 26upx;" maxlength="9999" v-model="userInfo.job_description" placeholder="请填写职位描述" />
</view>
</view>
</view>
<!-- <view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
工作类型
</view>
<view style="flex: 0.8;padding-left: 40upx;" >
<picker @change="workTypeChange" :value="workTypeIndex" range-key="title" :range="workTypeList">
<view class="uni-input">{{workTypeList[workTypeIndex].title}}
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</picker>
</view>
</view> -->
<!-- <view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
最低薪资
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" type="number" placeholder="请填写最低期盼薪资" v-model="userInfo.expect_salary_min" />
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;">*</view>
最高薪资
</view>
<view style="flex: 0.8;padding-left: 40upx;">
<input class="uni-input f-24" type="number" placeholder="请填写最高期盼薪资" v-model="userInfo.expect_salary_max" />
</view>
</view> -->
</view>
<!-- <view class="formdatabox" style="margin-top: 20upx;">
<view class="dis-flex f-26" style="padding-bottom: 20upx;">
<view class="sign">
</view>
<view style="padding-left: 20upx;flex: 0.45;">
头像上传
</view>
<view class="t-r" style="flex: 0.6;"> -->
<!-- 直接联系客服<text class="iconfont icon-right" style="font-size: 20upx;color: #999999;padding-left: 10upx;"></text> -->
<!-- </view>
</view> -->
<!-- <view class="logobox">
<view class="dis-il-block" style="font-size: 20upx;color: #FF4444;float: left;line-height: 70upx;padding-right: 10upx;">*</view>
<span>用户头像(200X200)</span>
<view style="padding-left: 20upx;"> -->
<!-- 图片预览循环模板 -->
<!-- <view class="userImgUpdataon" style="margin: 10upx;" v-if="userInfo.avatar">
<image :src="userInfo.avatar" class="imgs" @click="lookimg(1,userInfo.avatar)" />
<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closeLogo" />
</view> -->
<!-- 图片预览循环模板 -->
<!-- <view class="userImgUpdata" @click="uploadFiles(1, 1)" style="margin: 10upx;width: 180upx;min-width: 180upx;max-width: 180upx;" v-if="!userInfo.logo">
<image :src="imgfixUrls + 'merchant/addImg.svg'" class="img" />
</view>
</view>
</view> -->
<!-- </view> -->
<!-- <view class="formdatabox" style="margin-top: 20upx;" >
<view class="dis-flex f-26" style="padding-bottom: 20upx;">
<view class="sign">
</view>
<view style="padding-left: 20upx;flex: 0.45;">
个人经历
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FFFFFF;float: left;">*</view>
工作经历
</view>
<view style="flex: 0.8;padding-left: 40upx;" @click="afterWorkShow= true">
<view class="uni-input">点击编辑项目经验
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</view>
</view>
<view class="dis-flex f-24 formtitle">
<view class="t-r" style="flex: 0.3;">
<view class="dis-il-block" style="font-size: 20upx;color: #FFFFFF;float: left;">*</view>
教育经历
</view>
<view style="flex: 0.8;padding-left: 40upx;" @click="educationShow = true">
<view class="uni-input">点击编辑教育经历
<view class="dis-il-block iconfont icon-right" style="float: right;font-size: 24upx;color: #6f6f6f;">
</view>
</view>
</view>
</view>
</view> -->
<view style="padding-bottom: 100upx;">
<view class="t-c" style="width: 90vw;height: 80upx;line-height: 80upx;background-color: #FF4444;color: #FFFFFF;border-radius: 60upx;margin-top: 50upx;" @click="submit">
提 交
</view>
</view>
</view>
<!-- #ifdef H5 -->
<PopManager :show="isOpenLaction" :type="'bottom'" :overlay="'false'" :showOverlay="'false'">
<view class="iframe-wid-hgt" :style="{ height: phoneHeight }" v-if="latlngs">
<iframe
id="mapPage"
width="100%"
height="100%"
frameborder="0"
:src="`https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=KIQBZ-6OT3G-AOMQD-IHW6J-PEUDV-VCFAF&referer=myapp&coord=${latlngs.latitude},${latlngs.longitude}`"
></iframe>
</view>
<view class="iframe-wid-hgt" :style="{ height: phoneHeight }" v-if="!latlngs">
<iframe
id="mapPage"
width="100%"
height="100%"
frameborder="0"
:src="`https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=KIQBZ-6OT3G-AOMQD-IHW6J-PEUDV-VCFAF&referer=myapp`"
></iframe>
</view>
</PopManager>
<!-- #endif -->
<PopManager :show="hangyeshow" :type="'bottom'" :overlay="'false'" :showOverlay="'false'" @clickmask="closeShareBottom">
<view class="hangye dis-flex" >
<view style="flex: 0.33;overflow: auto;">
<view :class="item.checked?'industryclass-item isclasschecked f-28' :'industryclass-item f-28'" v-for="(item,index) in industry" @click="clickindustry(item)">
{{item.title}}
</view>
</view>
<view style="flex: 0.33;overflow: auto;">
<view :class="item.checked?'industryclass-item isclasschecked f-28' :'industryclass-item f-28'" v-for="(item,index) in industrysubdivide" @click="clickclass(item)">
{{item.title}}
</view>
</view>
<view style="flex: 0.33;overflow: auto;">
<view :class="item.checked?'industryclass-item isclasschecked f-28' :'industryclass-item f-28'" v-for="(item,index) in industrysublevel" @click="clickclassTwo(item)">
{{item.title}}
</view>
</view>
</view>
<!-- <view class="b-f dis-flex">
<view class="flex-box">
<button @click="confirm" style="width: 80%;height: 80%;font-size: 34upx;line-height: 70upx;height: 70upx;margin-bottom: 20upx;" type="warn">确定</button>
</view>
</view> -->
</PopManager>
<!-- 未上传视频的弹窗 -->
<PopManager :show="showModalA" :type="'center'" :overlay="'false'" :showOverlay="'false'">
<view class="modal_A" v-if="showModalA">
<view class="title">温馨提示</view>
<view class="content">你尚未上传招聘视频,可能会影响招聘效果</view>
<view class="dis-flex">
<button class="left-1" open-type="contact" hover-class="none"
style="background-color: transparent;line-height: 40px;
font-size: 14px;padding: 0px;" @click="contactService">
联系平台制作宣传片
</button>
<view class="left-2" @click="showModalA = false;upButton()">上传</view>
<view class="right" @click="showModalA = false;submitRequest()">跳过</view>
</view>
</view>
</PopManager>
<!-- <TabBars :tabBarAct="0" pageType="15"></TabBars> -->
<far-bottom></far-bottom>
<w-picker
:visible.sync="startTime"
mode="date"
startYear="2000"
endYear="2100"
:current="true"
fields="day"
@confirm="onConfirmstartTime($event,'date')"
@cancel="onCancel"
:disabled-after="false"
ref="datea"
></w-picker>
<w-picker
:visible.sync="endTime"
mode="date"
startYear="1900"
endYear="2100"
:current="true"
fields="day"
@confirm="onConfirmendTime($event,'date')"
@cancel="onCancel"
:disabled-after="false"
ref="date"
></w-picker>
<PopManager :show="welfareShow" :type="'bottom'" :overlay="'false'" :showOverlay="'false'" @clickmask="welfareShow = false">
<view class="welfareCss">
<view :class="item.checked?'welfare-item-check':'welfare-item'" v-for="(item,index) in welfareList" :key="index" @click="checkwelfare(item,index)">
{{item.title}}
</view>
</view>
</PopManager>
</view>
</template>
<script>
import App from '@/common/js/app.js';
import wPicker from '@/components/w-picker/w-picker.vue';
import PopManager from '@/components/template/PopManager';
import phoneNavBar from '@/components/template/phoneNavBar';
import TabBars from '@/components/template/tabBar.vue';
// #ifdef H5
import wxApi from '@/common/js/wxApi.js';
// #endif
export default{
data(){
return{
provinceidName:'',
areaidName:'',
distidName:'',
visiblec:false,
startTime:false,
endTime:false,
addWorkShow:false,
addteachShow:false,
afterWorkShow:false,
educationShow:false,
address:'',
lblis:{},
klis:false,
isOpenLaction:false,
userInfo:{
job_type:1,
title:'',
industry_pid:'',
industry_id:'',
position_id:'',
recruitment_type:'',
full_type:'',
full_salary_min:'',
full_salary_max:'',
welfare:[],
img: [],
video_img_link: '',
video_link: '',
// 增加内容在方法getenter中增加
},
phoneHeight:null,
latlngs:null,
owenscitylist:[],
hangyeshow:false,
hangYe:true,
industryclass:'',
industry:[],
industrysubdivide:[],
industrysublevel:[],
industryAll:{},
loadlogo:true,
pickerarray:['全部','1','2','3'],
pickerindex:0,
goodsinfo:{},
sid:'',
oldDistid:'',
uploadlength:0,
localIds:[],
genderList:['个人招聘','企业招聘'],
gendersList:[{title:'不限',id:1},
{title:'男',id:2},
{title:'女',id:3},],
gendersIndex:0,
genderIndex:0,
educationList:[],
workTypeList:[{title:'全职',id:1},{title:'兼职',id:2}],
workTypeIndex:0,
educationIndex:0,
incumbencyList:[
{title:'随时上岗',id:1},
{title:'一周之内',id:2},
{title:'一月之内',id:3},
{title:'考虑中',id:4},
{title:'无换岗意向',id:5},
],
incumbencyIndex:0,
experienceList:[],
experienceIndex:0,
businessList:[],
work_experience:{
title:'',
corporate_name:'',
start_time:'',
end_time:'',
content:''
},
educational_experience:{
school:'',
major:'',
start_time:'',
end_time:'',
},
work_experienceList:[],
educational_experienceList:[],
redactIndex:null,
wderTypeList:[{
title:'全职',
id:'1',
cc_id: '9'//一级分类id
},{
title:'兼职',
id:'2',
cc_id: '7'
},{
title:'实习',
id:'3',
cc_id: '8'
}],
childTypeList: [],
childTypeIndex: 0,
PartTypeList:[
{title:'时薪',id:1},
{title:'日薪',id:2},
{title:'月薪',id:3}
],
PartTypeIndex:0,
isAssignList:[
{title:'面议',id:1},
{title:'指定',id:2}
],
isAssignIndex:0,
wderTypeIndex:0,
wayList:[{title:'日结',id:1},
{title:'周结',id:2},
{title:'月结',id:3},
{title:'完工结算',id:4}],
wayIndex:0,
welfareShow:false,
welfarecheckedList:[],
welfareList:[],
agencyData:{},
disclaimers:'',
isAndroid: '',
isAdclose: false,
// images: [],
src: '',
showModalA: false,
submitDatas: {},//提交的数据集合
CustomerService:{},
scrollTimer: null,
scrollLock: null,
videoContext: '',
query: ''
}
},
components:{
wPicker,
PopManager,
phoneNavBar,
TabBars
},
onHide() {
},
onLoad(e) {
let _this = this;
_this.id = e.id;
if(_this.languageStatus == 1){
_this.$set(_this.wderTypeList[0],'title','전직');
_this.$set(_this.wderTypeList[1],'title','겸직하다.겸직');
_this.$set(_this.isAssignList[0],'title','상의');
_this.$set(_this.isAssignList[1],'title','지정하다');
}
if(e.sid && e.sid != 'null'){ //区分进入页面者为个人还是企业,sid存在即为企业
_this.sid = e.sid;
this.userInfo.recruitment_type = 2;
}else{
this.userInfo.recruitment_type = 1;
}
uni.getSystemInfo({
success(res) {
_this.phoneHeight = res.windowHeight + 'px';
_this.isAndroid = res.platform === 'android' ? '1' : '2';
}
});
_this.owenscitylist = uni.getStorageSync('cityList')
_this.latlngs = uni.getStorageSync('curLoction');
_this.agencyData = uni.getStorageSync('agencyData');
if(_this.latlngs.latitude){
_this.userInfo.lat = _this.latlngs.latitude;
_this.userInfo.lng = _this.latlngs.longitude;
}
_this.getenter();
setTimeout(()=>{
_this.getData();
},1000)
},
onShow() {
let _this = this;
_this.geteducationList();
// #ifdef H5
window.addEventListener(
'message',
function(event) {
// 接收位置信息,用户选择确认位置点后选点组件会触发该事件,回传用户的位置信息
let loc = event.data;
if(_this.klis){
return
}
if (loc && loc.module == 'locationPicker') {
//防止其他应用也会向该页面post信息,需判断module是否为'locationPicker'
console.log('location', loc);
// _this.thelat = loc.latlng.lat;
_this.userInfo.address = loc.poiaddress;
_this.userInfo.lat = loc.latlng.lat;
_this.userInfo.lng = loc.latlng.lng;
_this.isOpenLaction = false;
_this.lblis = {
lat:loc.latlng.lat,
lng:loc.latlng.lng,
detailed_address:loc.poiaddress
}
_this.getloctions(_this.lblis)
}
_this.klis = true;
setTimeout(()=>{
_this.klis = false;
},1000)
},
false
);
// #endif
//#ifdef APP-PLUS
if(_this.userInfo.address){
_this.lblis.address = _this.userInfo.address
_this.getloctions(_this.lblis)
}
//#endif
// console.log(_this.userInfo.img, '测试img')
},
methods:{
getData(){
let _this = this;
App._post_form(
`&p=recruit&do=editRecruit&type=get&id=${_this.id || ''}`,
{},
res => {
if(!_this.id){
_this.disclaimers = res.data.disclaimers;
this.getChildTypeList();//初始化
// console.log(_this.userInfo.img, '测试img')
return
}
console.log('数据回填');
let data = _this.userInfo;
_this.userInfo = res.data;
if(res.data.img){
// _this.images = res.data.img;
}else{
_this.userInfo.img = [];
}
_this.src = res.data.video_link;
if(res.data.recruit_img.indexOf('https://qingyuan.xingtongworld.com/attachment/')==-1){
_this.userInfo.recruit_img = 'https://qingyuan.xingtongworld.com/attachment/' + res.data.recruit_img
}
_this.userInfo.provinceid = res.data.work_province;
_this.userInfo.areaid = res.data.work_city;
_this.userInfo.distid = res.data.work_area;
_this.userInfo.address = res.data.work_address;
_this.userInfo.lat = res.data.work_lat;
_this.userInfo.lng = res.data.work_lng;
_this.genderIndex = Number(res.data.recruitment_type) - 1;
_this.wderTypeList.map((item,index)=>{
if(item.id == res.data.job_type){
_this.wderTypeIndex = index;
}
})
_this.getChildTypeList('回填');
_this.businessList.push(res.data.show_industry_pid);
_this.businessList.push(res.data.show_industry_id);
_this.businessList.push(res.data.show_position_id);//第三级没有填的时候会push一个false
_this.isAssignList.map((item,index)=>{
if(item.id == res.data.full_type){
_this.isAssignIndex = index;
}
});
_this.isAssignList.map((item,index)=>{
if(item.id == res.data.full_type){
_this.isAssignIndex = index;
}
})
_this.PartTypeList.map((item,index)=>{
if(item.id == res.data.part_type){
_this.PartTypeIndex = index;
}
})
_this.wayList.map((item,index)=>{
if(item.id == res.data.part_settlement){
_this.wayIndex = index;
}
});
_this.gendersList.map((item,index)=>{
if(item.id == res.data.gender){
_this.gendersIndex = index;
}
})
_this.educationList.map((item,index)=>{
if(item.id == res.data.education_label_id){
_this.educationIndex = index;
}
})
_this.experienceList.map((item,index)=>{
if(item.id == res.data.experience_label_id){
_this.experienceIndex = index;
}
})
console.log(_this.userInfo,'提交结果');
//
_this.owenscitylist.map((item,index)=>{
if(item.id == _this.userInfo.provinceid){
_this.provinceidName = item.name;
item.area.map(items=>{
if(items.id == _this.userInfo.areaid){
_this.areaidName = items.name;
items.dist.map(itemss=>{
if(itemss.id == _this.userInfo.distid){
_this.distidName = itemss.name;
}
})
}
})
}
});
_this.openwelfare(res.data.welfare);
},
false,
() => {
}
);
},
checkwelfare(item,index){
this.welfarecheckedList = [];
this.userInfo.welfare = [];
this.welfareList.map((items,indexs)=>{
if(index == indexs){
item.checked = !item.checked;
this.loadlogo = !this.loadlogo;
this.loadlogo = !this.loadlogo;
}
if(items.checked){
this.welfarecheckedList.push(items);
this.userInfo.welfare.push(items.id);
}
});
},
openwelfare(bilis = false){
console.log(bilis)
//
let _this = this;
App._post_form(
`&p=recruit&do=getLabel&type=2`,
{},
res => {
console.log(res);
_this.welfareShow = true;
_this.welfareList = res.data;
_this.welfareList.map(item=>{
item.checked = false;
if(bilis){
bilis.map(items=>{
if(item.id == items){
_this.welfarecheckedList.push(item);
}
});
_this.welfareShow = false;
}
// _this.welfarecheckedList.map(items=>{
// if(item.id == items.id){
// item.checked = true;
// }
// })
});
_this.welfareList.map(item=>{
item.checked = false;
//
_this.welfarecheckedList.map(items=>{
if(item.id == items.id){
item.checked = true;
}
})
});
console.log(_this.welfarecheckedList);
//
// this.experienceList = res.data;
},
false,
() => {
}
);
},
redact(item,index){
// this.work_experience = item;
let objString = JSON.stringify(item);
this.work_experience = JSON.parse(objString);
this.redactIndex = index;
this.addWorkShow = true;
},
redactteach(item,index){
let objString = JSON.stringify(item);
this.educational_experience = JSON.parse(objString);
this.redactIndex = index;
this.addteachShow = true;
},
onConfirmendTime(e){
this.educational_experience.end_time = e.result;
this.work_experience.end_time = e.result;
},
onConfirmstartTime(e){
this.educational_experience.start_time = e.result;
this.work_experience.start_time = e.result;
},
closeaddteach(){
this.addteachShow = false;
this.educational_experience ={
school:'',
major:'',
start_time:'',
end_time:'',
};
},
closeadd(){
this.addWorkShow = false;
this.work_experience ={
title:'',
corporate_name:'',
start_time:'',
end_time:'',
content:''
};
},
geteducationList(){
App._post_form(
`&p=recruit&do=getLabel&type=1`,
{},
res => {
this.educationList = res.data;
// this.educationList.unshift({
// id:'0',
// title:'不限'
// })
this.userInfo.education_label_id = this.educationList[0].id;
App._post_form(
`&p=recruit&do=getLabel&type=3`,
{},
res => {
this.experienceList = res.data;
// this.experienceList.unshift({
// id:'0',
// title:'不限'
// })
this.userInfo.experience_label_id = this.experienceList[0].id;
this.userInfo.gender = 1;
},
false,
() => {
}
);
},
false,
() => {
}
);
},
// 时间转时间戳
getDataTime(timeValue) {
let ontime;
ontime = timeValue.replace(/-/g, '/');
let date = new Date(ontime);
let time = date.getTime();
return time;
},
submit(){
// if(!this.userInfo.video_link){
// uni.showToast({
// title: '请上传视频',
// icon: 'none'
// })
// return;
// }
// if(!this.userInfo.video_img_link){
// uni.showToast({
// title: '请上传视频封面图',
// icon: 'none'
// })
// return;
// }
if(this.userInfo.img.length==0){
uni.showToast({
title: '请上传图集',
icon: 'none'
})
return;
}
if(this.userInfo.job_type==2 && !this.userInfo.recruit_img){
uni.showToast({
title: '请选择兼职封面',
icon: 'none'
})
return;
}
let _this = this;
let data = JSON.parse(JSON.stringify(_this.userInfo));
// this.work_experienceList.map()
data.work_province = _this.userInfo.provinceid ||data.work_province;
data.work_city = _this.userInfo.areaid || data.work_city;
data.work_area = _this.userInfo.distid ||data.work_area;
data.work_address = _this.userInfo.address || data.work_address;
_this.userInfo.address = data.work_address;
data.work_lng = _this.userInfo.lng || _this.agencyData.lng ||data.work_lng;
data.work_lat = _this.userInfo.lat || _this.agencyData.lat || data.work_lat;
if(!data.work_lng || !data.work_lat){
uni.showToast({
icon:'none',
title:'请选择定位'
});
return
}
if(_this.businessList.length < 2){
uni.showToast({
icon:'none',
title:'请选择具体行业'
});
return
}
if(!data.people_number){
data.people_number = '';
}
data.industry_pid = _this.businessList[0].id;
data.industry_id = _this.businessList[1].id;
if(_this.businessList[2]){
data.position_id = _this.businessList[2].id;
}
if(!data.job_type){
data.job_type = this.wderTypeList[0].id;
}
if(!data.cc_id){//这个是二级分类的id,和其他接口一级分类id传参重名了,需要注意
data.cc_id = this.childTypeList[0].id;
}
if(!data.full_type){
data.full_type = this.isAssignList[0].id;
}
if(!data.part_type){
data.part_type = this.PartTypeList[0].id;
}
if(!data.part_settlement){
data.part_settlement = this.wayList[0].id;
}
if(!data.gender){
data.gender = this.gendersList[0].id;
}
if(!data.education_label_id){
data.education_label_id = this.educationList[0].id;
}
if(!data.experience_label_id){
data.experience_label_id = this.experienceList[0].id;
}
console.log(data);
if(data.job_type == 1 || data.job_type == 3){
delete data.part_type;
delete data.part_salary;
delete data.part_settlement;
if(data.full_type == 1){
delete data.full_salary_min;
delete data.full_salary_max;
}
}else{
delete data.full_salary_min;
delete data.full_salary_max;
delete data.full_type;
delete data.welfare;
}
delete data.provinceid;
delete data.areaid;
delete data.distid;
delete data.logo;
delete data.show_avatar;
delete data.show_expect_position;
delete data.lng;
delete data.lat;
delete data.show_industry_id;
delete data.address;
delete data.show_industry_pid;
delete data.show_position_id;
delete data.disclaimers;
delete data.reason;//这个东西页面上没有,所以回填提交会报错
if(!data.position_id){
delete data.position_id;//这个东西后台没有设置,后台设置招聘没得选,所以回填提交会报错(手机设置招聘的话这种不完整的根本就发不出去)
}
if(!data.job_description){
uni.showToast({
icon:'none',
title:'请填写职位描述'
});
return
}
// delete data.ing;
// for(let key in data){
// if(!data[key] && data[key] !== 0 && key != 'people_number'){
// uni.showToast({
// icon:'none',
// title:'请完善资料'
// // title:key+'1'
// });
// return
// }else if(Array.isArray(data[key])){
// if(data[key].length == 0){
// uni.showToast({
// icon:'none',
// title:'请完善资料'
// // title:key+'2'
// });
// return
// }
// }
// }
this.submitDatas = {};
this.submitDatas.data = JSON.stringify(data);
if(!this.userInfo.video_link){
this.showModalA = true;
return;
}
this.submitRequest();
},
// 提交发布最后的步骤--发起网络请求
submitRequest(){
let _this = this;
uni.showLoading({
title:'提交中',
mask:true
});
// data.sid = _this.sid || '';
App._post_form(
`&p=recruit&do=editRecruit&type=post&sid=${_this.sid || ''}&id=${_this.id || ''}`,
_this.submitDatas,
res => {
if(res.data.status > 0){
App.navigationTo({
url:'pages/mainPages/payment/payment?orderid='+res.data.orderid+`&plugin=${res.data.type}`
})
}else{
uni.showToast({
title:'发布成功'
});
setTimeout(()=>{
uni.navigateBack({
delta:1
})
},1000)
}
},
err=>{
// console.log(err);
if(err.data.data.is_jump==1){
uni.navigateTo({
url: '/pages/subPages/Equity/Equity'
})
}
},
() => {
setTimeout(()=>{
uni.hideLoading()
},1000)
}
);
},
workTypeChange(e){
this.workTypeIndex = e.detail.value;
this.userInfo.job_type = this.workTypeList[this.workTypeIndex].id;
},
experienceChange(e){
this.experienceIndex = e.detail.value;
this.userInfo.experience_label_id = this.experienceList[this.experienceIndex].id;
},
incumbencyChange(e){
this.incumbencyIndex = e.detail.value;
this.userInfo.work_status = this.incumbencyList[this.incumbencyIndex].id;
},
educationChange(e){
//
this.educationIndex = e.detail.value;
this.userInfo.education_label_id = this.educationList[this.educationIndex].id;
// this.educationIndex = e.detail.value;
// this.userInfo.education = this.educationIndex + 1;
},
PartTypeChange(e){
this.PartTypeIndex = e.detail.value;
this.userInfo.part_type = this.PartTypeList[this.PartTypeIndex].id;
},
wayChange(e){
this.wayIndex = e.detail.value;
this.userInfo.part_settlement = this.wayList[this.wayIndex].id;
},
isAssignChange(e){
this.isAssignIndex = e.detail.value;
this.userInfo.full_type = this.isAssignList[this.isAssignIndex].id;
},
wderTypeChange(e){
this.wderTypeIndex = e.detail.value;
this.userInfo.job_type = this.wderTypeList[this.wderTypeIndex].id;
this.getChildTypeList();
},
getChildTypeList(str){
let _this = this;
console.log(this.wderTypeList[this.wderTypeIndex])
App._post_form(
`&p=cultivateClass&do=getCultivateClassChildList`,
{cc_id: this.wderTypeList[this.wderTypeIndex].cc_id},
res => {
this.childTypeList = res.data.map(item=>{
return {
...item,
title: item.name
}
});
if(str=='回填'){
_this.childTypeList.map((item,index)=>{
if(item.id == _this.userInfo.cc_id){//cc_id=二级分类
_this.childTypeIndex = index;
}
})
}
},
false,
() => {
}
);
},
childTypeChange(e){
this.childTypeIndex = e.detail.value;
this.userInfo.cc_id = this.childTypeList[this.childTypeIndex].id;
// console.log(this.userInfo.cc_id);
},
gendersChange(e){
this.gendersIndex = e.detail.value;
this.userInfo.gender = this.gendersList[this.gendersIndex].id;
},
genderChange(e){
this.genderIndex = e.detail.value;
this.userInfo.recruitment_type = this.genderIndex + 1;
},
bindPickerChange(e){
this.pickerindex = e.detail.value;
this.userInfo.meralid = this.pickerarray[this.pickerindex].id;
},
clickclassTwo(item){
this.businessList = [this.businessList[0],this.businessList[1],item];
this.industrysublevel.map(items=>{
items.checked = false;
this.businessList.map(it=>{
if(it.id == items.id){
items.checked = true;
}
})
});
this.loadlogo = false;
this.loadlogo = true;
},
clickclass(item){
this.businessList = [this.businessList[0],item];
this.industrysublevel = [];
// console.log(item);
this.industrysubdivide.map(items=>{
items.checked = false;
if(item.id == items.id){
items.checked = true;
}
});
App._post_form(
`&p=recruit&do=industryList&type=3&pid=${item.id}`,
{},
res => {
this.industrysublevel = res.data;
this.industrysublevel.map(item=>{
item.checked = false;
this.businessList.map(items=>{
if(items.id == item.id){
item.checked = true;
this.businessList = [this.businessList[0],this.businessList[1],item];
}
})
})
this.loadlogo = false;
this.loadlogo = true;
},
false,
() => {
}
);
// this.industryAll.map((items,indexs)=>{
// items.twotype.map((itemss,indexss)=>{
// itemss.checked = false;
// if(item.id == itemss.id){
// itemss.checked = true;
// this.industryclass = item.name
// }
// })
// })
this.loadlogo = false;
this.loadlogo = true;
},
clickindustry(item){
this.businessList = [item];
this.industrysubdivide = [];
this.industrysublevel = [];
this.industry.map(items=>{
items.checked = false;
if(item.id == items.id){
items.checked = true;
}
})
App._post_form(
`&p=recruit&do=industryList&type=2&pid=${item.id}`,
{},
res => {
this.industrysubdivide = res.data;
this.industrysubdivide.map(item=>{
item.checked = false;
})
this.loadlogo = false;
this.loadlogo = true;
},
false,
() => {
}
);
// console.log(item);
},
getenter(id){
let _this = this;
_this.userInfo = {
title:'',
industry_pid:'',
industry_id:'',
position_id:'',
recruitment_type:_this.userInfo.recruitment_type,
job_type:1,
full_type:1,
full_salary_min:'',
full_salary_max:'',
welfare:[],
part_type:1,
part_salary:'',
part_settlement:1,
contacts:'',
contact_phone:'',
gender:1,
age_min:'',
age_max:'',
job_description:'',
people_number:'',
img: [],
video_img_link: '',
video_link: '',
recruit_img: '',
cc_id: ''//工作二级分类,和其他接口一级分类id传参重名了,需要注意
}
_this.owenscitylist.map((item,index)=>{
item.area.map(items=>{
items.dist.map(itemss=>{
if(itemss.id == _this.agencyData.areaid){
_this.userInfo.provinceid = item.id;
_this.userInfo.areaid = items.id;
_this.userInfo.distid = itemss.id;
_this.provinceidName = item.name;
_this.areaidName = items.name;
_this.distidName = itemss.name;
}
})
})
})
if(!_this.provinceidName){
_this.provinceidName = _this.languageStatus != 1?'请选择工作地区':'업무 지역을 선택하세요'
};
// App._post_form(
// `&p=yellowpage&do=getPageInfo&id=${id || ''}&sid=${_this.sid|| ''}`,
// {},
// res => {
// _this.oldDistid = _this.userInfo.area_code || res.data.distid;
// _this.userInfo.provinceid = _this.userInfo.pro_code || res.data.provinceid;
// _this.userInfo.areaid = _this.userInfo.city_code || res.data.areaid;
// _this.userInfo.distid = _this.userInfo.area_code || res.data.distid;
// },
// false,
// () => {
// // console.log('行业加载完')
// }
// );
},
lookimg(type,url,index){
if(type == 1){
let img = [];
img.push(url);
uni.previewImage({
urls:img,
current:0
})
}else{
uni.previewImage({
urls:url,
current:index
})
}
},
closePreview(type, url) {
let _this = this;
for (let i = 0; i < _this.userInfo.thumbs.length; i++) {
if (url == _this.userInfo.thumbs[i]) {
_this.userInfo.thumbs.splice(i, 1);
// _this.userInfo.thumbs.splice(i, 1);
}
}
},
closeLogo(){
this.userInfo.logo = '';
this.userInfo.avatar = '';
},
uplodephone(length,localIds){
let _this = this;
wxApi.uoloadIg(localIds[length], data => {
if (data.errMsg === 'uploadImage:ok') {
uni.showLoading({});
let requestData = {
upload_type: 2,
id: data.serverId
};
App._post_form(
'&do=uploadFiles',
requestData,
res => {
if (res.errno === 0) {
let num = length + 1;
// uni.setTimeout(_this.uoloadIgs(length, ids, resImg, type), 500);
// setTimeout(()=>{
// _this.uplodephone(_this.uploadlength,_this.localIds);
// },100)
// uni.showToast({
// title:'chengg',
// icon:'none'
// })
_this.userInfo.thumbs.push(res.data.img);
if(num < _this.uploadlength){
uni.setTimeout(_this.uplodephone(num,_this.localIds),500);
}
// _this.userInfo.thumbs.push(res.data.image);
}
},
false,
() => {
uni.hideLoading();
}
);
} else {
uni.hideLoading();
App.showError('上传失败');
}
});
},
showThePic(){
let _this = this;
App._post_form(
`&p=recruit&do=industryList&type=1`,
{},
res => {
this.industry = res.data;
this.industry.map(item=>{
item.checked = false;
if(_this.businessList.length > 0 && _this.businessList[0].id == item.id){
item.checked = true;
}
})
this.hangYe = !this.hangYe;
this.hangyeshow = !this.hangyeshow;
},
false,
() => {
}
);
},
closeShareBottom(){
this.hangyeshow = !this.hangyeshow;
this.hangYe = !this.hangYe;
},
onCancel(){
},
cancel(){
this.hangyeshow = false;
},
confirm(){
this.hangyeshow = false;
},
getcityclass(){
return
let _this = this;
let data = {
provinceid:this.userInfo.provinceid,
areaid:this.userInfo.areaid,
distid:this.userInfo.distid
}
App._post_form(
`&p=yellowpage&do=area2cate`,
data,
res => {
console.log(res,'更换地区结果');
_this.industry = res.data.parents;
for(let key in _this.industry){
_this.industry[key].checked = false;
};
console.log(_this.industry,'测试自动');
_this.industryAll = res.data.childrens;
for(let key in _this.industryAll){
_this.industryAll[key].map(item=>{
item.checked = false;
if(item.id == _this.userInfo.two_class){
_this.industrysubdivide = [];
_this.loadlogo = false;
_this.loadlogo = true;
}
})
console.log(_this.industryAll,'还地区')
};
_this.userInfo.one_class = '';
_this.userInfo.two_class = '';
_this.industryclass = '';
if(Array.isArray(res.data.childrens) || Array.isArray(res.data.parents)){
_this.industrysubdivide = res.data.childrens;
_this.industryclass = '当前地区暂无行业分类';
if(_this.oldDistid !== _this.userInfo.distid){
uni.showToast({
title:'当前地区暂无行业分类',
icon:'none'
});
}
}else{
console.log(_this.oldDistid,_this.userInfo.distid,777777)
if(_this.oldDistid !== _this.userInfo.distid){
uni.showToast({
title:'更换地区请重新选择当前地区行业',
icon:'none'
});
}
}
_this.loadlogo = false;
_this.loadlogo = true;
// App.navigationTo({
// url: 'pages/mainPages/payment/payment?orderid=' + res.data.orderid
// });
},
false,
() => {
}
);
},
onConfirm(e){
console.log(e);
let _this = this;
this.provinceidName = e.obj.province.label;
this.areaidName = e.obj.city.label;
this.distidName = e.obj.area.label;
this.oldDistid = this.userInfo.distid;
this.userInfo.provinceid = e.value[0];
this.userInfo.areaid = e.value[1];
this.userInfo.distid = e.value[2];
// this.getcityclass();
},
visble(){
this.visiblec = true;
},
getLocation() {
let _this = this;
// #ifdef MP-WEIXIN
uni.chooseLocation({
keyword: '',
success: function(e) {
_this.userInfo.address = e.address;
_this.userInfo.lat = e.latitude;
_this.userInfo.lng = e.longitude;
_this.lblis.lat = e.latitude;
_this.lblis.lng = e.longitude;
_this.lblis.address = e.address
// console.log(e);
// _this.onkoc = 0;
_this.getloctions(_this.lblis)
}
});
// #endif
// #ifdef H5
_this.isOpenLaction = true;
// #endif
//#ifdef APP-PLUS
App.navigationTo({
url: 'pages/subPages2/map/index'
});
//#endif
},
getloctions(lblis){
let _this = this;
App._post_form(`&p=member&do=lng2areaid&lng=${lblis.lng}&lat=${lblis.lat}`, {}, res => {
_this.oldDistid = _this.userInfo.distid;
_this.userInfo.provinceid = res.data.provinceid;
_this.userInfo.distid = res.data.countyid;
_this.userInfo.areaid = res.data.cityid;
_this.owenscitylist.map((item,index)=>{
if(item.id == _this.userInfo.provinceid){
_this.provinceidName = item.name;
item.area.map(items=>{
if(items.id == _this.userInfo.areaid){
_this.areaidName = items.name;
items.dist.map(itemss=>{
if(itemss.id == _this.userInfo.distid){
_this.distidName = itemss.name;
// this.getcityclass();
}
})
}
})
}
})
});
},
// 删除图片
deletImg(item, deleteType) {
let _this = this;
if(deleteType == 'img'){
// for (let i = 0; i < _this.images.length; i++) {
// if (_this.images[i] == item) {
// _this.images.splice(i, 1);
// }
// }
for (let i = 0; i < _this.userInfo.img.length; i++) {
if (_this.userInfo.img[i] == item) {
_this.userInfo.img.splice(i, 1);
}
}
}else if(deleteType == 'video'){
_this.userInfo.video_img_link = '';
}else if(deleteType == 'recruit_img'){
_this.userInfo.recruit_img = '';
}
},
// 文件上传接口
async uploadFiles(len, uploadType) {
let _this = this;
// #ifdef H5
if(App.getClientType() == 2){
let res = await App.browser_upload(len);
for (let i = 0; i < res.tempFilePaths.length; i++) {
let imageData = await App._upLoad(res.tempFilePaths[i]);
// _this.images.push(imageData.data.img);
_this.userInfo.img.push(imageData.data.img);
}
return
}
// debugger
wxApi.choseImage(res => {
wxApi.uoloadIg(res.localIds[0], data => {
if (data.errMsg === 'uploadImage:ok') {
uni.showLoading({});
let requestData = {
upload_type: 2,
id: data.serverId
};
let length = res.localIds.length;
let ids = 0;
let resImg = res;
App._post_form(
'&do=uploadFiles',
requestData,
res => {
if (res.errno === 0) {
// _this.images.push(res.data.img);
_this.userInfo.img.push(res.data.img);
if (ids < length - 1) {
ids++;
uni.setTimeout(_this.uoloadIgs(length, ids, resImg), 500);
}
}
},
false,
() => {
uni.hideLoading();
}
);
} else {
uni.hideLoading();
App.showError('上传失败');
}
});
},9);
// wxApi.choseImage(res => {
// console.log(res)
// let i = res.localIds.length;
// _this.uoloadIgs(i, 0, res);
// }, 6);
// #endif
// #ifndef H5
wx.chooseMedia({//基础库 2.10.0 开始支持
count: len,
mediaType: ['image'],
sourceType: ['album', 'camera'],
sizeType: ['original', 'compressed'],
success: async function(res) {
console.log(res.tempFiles.length, 'res.tempFiles.length')
for (let i = 0; i < res.tempFiles.length; i++) {
let imageData = await App._upLoad(res.tempFiles[i].tempFilePath);
console.log(imageData.data.img, 111)
if(imageData.data.img){
if(uploadType=='img'){
// _this.images.push(imageData.data.img);
_this.userInfo.img.push(imageData.data.img);
console.log(_this.userInfo.img, '测试userInfo.img')
// console.log(_this.images, '测试images')
}else if(uploadType=='video'){
_this.userInfo.video_img_link = imageData.data.img;
}else if(uploadType=='recruit_img'){
_this.userInfo.recruit_img = imageData.data.img;
}
}else{
uni.showToast({
title:"上传失败",
icon:'none'
})
}
}
}
});
// #endif
},
upButton() {
let _this = this;
// #ifdef H5
if (_this.isAndroid === '2') {
return document.getElementById('fileInput').click();
} else {
_this.ChooseVdo();
}
// #endif
// #ifndef H5
_this.ChooseVdo();
// #endif
},
ChooseVdo() {
let _this = this;
uni.chooseVideo({
count: 1,
sourceType: ['camera', 'album'],
success: function(res) {
_this.userInfo.video_link = res.tempFilePath;
console.info(res.tempFilePath);
let siteroot = null;
siteroot = App.siteInfo.siteroot + `${App.routers}`;
uni.showLoading();
uni.uploadFile({
url: App.api_root + '&do=uploadFiles',
filePath: res.tempFilePath,
name: 'file',
formData: {
upload_type: 1,
is_base: 1
},
success: res => {
let data = JSON.parse(res.data),
base64 = new _this.$util.Base64();
console.info('data', data);
// _this.marginT.marginTop = '380rpx'
if (data.errno === 0) {
_this.src = base64.decode(data.data.img);
_this.userInfo.video_link = base64.decode(data.data.image);
_this.isAdclose = true;
} else {
App.showError(data.message, () => {});
}
uni.hideLoading();
},
fail: res => {
console.info('resInfofail', res);
// _this.showmain = JSON.stringify(res);
uni.hideLoading();
}
});
}
});
},
// 删除视频
deletVideo() {
let _this = this;
_this.src = '';
_this.userInfo.video_link = '';
_this.userInfo.video_img_link = '';
_this.isAdclose = false;
// _this.marginT.marginTop = '20rpx'
},
// 联系客服
contactService(){
this.showModalA = false;
this.CustomerService = uni.getStorageSync('CustomerService');
console.log(this.CustomerService,'CustomerService------');
wx.openCustomerServiceChat({
extInfo: {url: ''},
corpId: this.CustomerService.enterpriseid,
success(res) {
// console.log(res, 'success');
},
fail(err){
// console.log(err, 'fail');
}
})
},
handlerScroll(){
this.scrollLock = false;
this.query.select('.Zsvideo-main').boundingClientRect(data=>{
if(data){
console.log(data.top,'视频在屏幕的高度');
if(data.top==0 || data.top<0){
console.log('视频暂停');
this.videoContext.stop();
}
}
}).exec();
},
},
onReady() {
this.videoContext = wx.createVideoContext('Zsvideo', this);
this.query = uni.createSelectorQuery().in(this);
},
onPageScroll(){
//页面滚动视频暂停
this.scrollLock = true;
// this.handlerScroll();
clearTimeout(this.scrollTimer);
this.scrollTimer = setTimeout(()=>{
this.handlerScroll();
}, 300)
},
}
</script>
<style>
/* @font-face {
font-family:"iconfont";
src: url();
} */
/*每个页面公共css */
@import '../../../../common/css/common.css';
@import "../../../../common/css/new_iconfont.css";
@import '../../../../common/css/iconfont.css';
@import '../../../../pages/subPages2/grace/animate.css';
/* @import './pages/subPages2/grace/graceIcons.css'; */
/* @import './pages/subPages2/grace/graceUI.css';
@import './pages/subPages/grace2/graceWeex.css'; */
page{
background-color: #F7F7F7;
}
</style>
<style lang="scss" scoped>
.enterForm{
// padding: 30upx;
.bgimgbox{
padding: 30upx 30upx 0;
font-size: 24upx;
.bgimg{
width: 100vw;
height: 25vh;
}
}
.formbox{
padding: 30upx;
padding-bottom: 130upx;
// height: 50vh;
position: relative;
.formdatabox{
padding: 30upx;
width: 84vw;
background-color: #FFFFFF;
border-radius: 15upx;
// position: relative;
// top: -100upx;
.sign{
height: 28upx;
margin-top: 5upx;
width: 8upx;
background-color: #FF4444;
border-radius: 30%;
flex: 0.014;
}
}
.logobox{
span{
font-size: 24upx;
}
.userImgUpdataon{
width: 180upx;
margin: 20upx 0;
height: 180upx;
border-radius: 10upx;
border: 1upx solid #CCCCCC;
position: relative;
overflow: hidden;
.imgs{
width: 180upx;
height: 180upx;
}
.close{
position: absolute;
width: 30upx;
height: 30upx;
right: 10upx;
top: 10upx;
}
}
.userImgUpdata{
width: 180upx;
margin: 20upx 0;
height: 180upx;
border-radius: 10upx;
border: 1upx solid #CCCCCC;
position: relative;
.img{
width: 80upx;
height: 80upx;
position: absolute;
left: 50%;
top: 30%;
transform: translate(-50%);
}
}
}
.formtitle{
padding: 25upx 10upx;
background-color: #fafafa;
margin-top: 20upx;
border-radius: 10upx;
.inputBox{
/deep/ .uni-input-input{
// padding: 5upx 20upx;
border-radius: 8upx;
// width: 90%;
text-align: center;
// border: 1upx solid #FF4444;
font-size: 26upx;
// color: #FF4444;
}
}
}
}
.iframe-wid-hgt{
width: 100vw;
}
.hangye{
height: 40vh;
width: 100vw;
box-sizing: border-box;
padding: 30upx;
padding-bottom: 200upx;
background-color: #FFFFFF;
border-radius: 15upx 15upx 0 0;
.industryclass-item{
padding: 20upx;
margin: 15upx;
text-align: center;
border-radius: 15upx;
}
.classcheck{
background-color: #F7F7F7;
}
.isclasschecked{
background-color: #ff4444;
color: #ffffff;
}
}
.timePickerView{
width: 100%;
}
}
.after-work{
width: 92vw;
height: 96vh;
background-color: #F8F8F8;
padding: 30upx;
overflow: auto;
.after-work-title{
font-size: 28upx;
}
.after-item{
margin-bottom: 30upx;
border-radius: 20upx;
padding: 30upx;
background-color: #FFFFFF;
.after-item-item{
padding-bottom: 20upx;
}
}
.work-btn{
position: fixed;
bottom: 30upx;
left: 50%;
transform: translate(-50%);
display: inline-block;
// margin-left: 32%;
padding: 15upx 100upx;
background-color: #FF4444;
color: #FFFFFF;
border-radius: 8upx;
}
.add-work{
width: 80vw;
padding: 30upx;
// height: 50vh;
background-color: #ffffff;
border-radius: 15upx;
position: relative;
.redbtn{
width: 50%;
padding: 10upx;
background-color: #FF4444;
color: #FFFFFF;
border-radius: 10upx;
position: absolute;
bottom: -10%;
left: 50%;
transform: translate(-50%);
}
}
}
.welfareCss{
width: 92vw;
padding: 30upx;
background-color: #FFFFFF;
height: 40vh;
overflow: auto;
border-radius: 20upx 20upx 0 0;
.welfare-item{
display: inline-block;
padding: 5upx 20upx;
background-color: #EEEEEE;
color: #666666;
border-radius: 4upx;
font-size: 26upx;
margin-right: 20upx;
margin-bottom: 20upx;
}
.welfare-item-check{
display: inline-block;
padding: 5upx 20upx;
background-color: #FF4444;
color: #FFFFFF;
border-radius: 4upx;
font-size: 26upx;
margin-right: 20upx;
margin-bottom: 20upx;
}
}
.upLoadFile {
margin: 20upx 0 0 0upx;
>view {
margin-top: 10upx;
vertical-align: middle;
margin-right: 20upx;
display: inline-block;
width: 134upx;
height: 134upx;
background: rgba(251, 251, 251, 1);
border: 1upx dashed rgba(204, 204, 204, 1);
border-radius: 10upx;
}
}
.zsVideo {
background: red;
margin-top: 20upx;
width: 630upx;
height: 355upx;
border-radius: 10upx;
// position: absolute;
z-index: 10;
}
.zsView {
vertical-align: middle !important;
display: inline-block !important;
width: 134upx !important;
height: 133upx !important;
border-radius: 10upx !important;
overflow: hidden !important;
border: none !important;
>image:nth-child(1) {
width: 134upx !important;
height: 133upx !important;
}
>image:nth-child(2) {
left: 100upx;
position: relative;
bottom: 130upx;
width: 34upx;
height: 34upx;
border-radius: 50%;
}
}
.upLoadImg {
text-align: center;
>view {
>image {
width: 48upx;
height: 48upx;
margin: 30upx 0upx 0upx 0upx;
}
}
}
.upLoadVideo {
text-align: center;
>view {
>image {
width: 48upx;
height: 48upx;
margin: 30upx 0upx 0upx 0upx;
}
}
}
.upText {
font-size: 22upx;
color: rgba(51, 51, 51, 1);
}
.closeImg {
width: 40upx;
height: 40upx;
float: right;
position: relative;
z-index: 999;
}
.adcloseImg {
width: 40upx;
height: 40upx;
}
.modal_A{
width: 608upx;
height: 336upx;
text-align: center;
background: #fff;
border-radius: 10px;
overflow: hidden;
.title{
font-size: 16px;
color: #444444;
line-height: 96upx;
padding: 12upx 0px;
}
.content{
font-size: 14px;
color: #999;
line-height: 48upx;
padding: 0px 124upx;
}
.dis-flex{
font-size: 14px;
border-top: 1px solid #e4e4e4;
line-height: 80upx;
margin-top: 38rpx;
}
.left-1{
border-right: 1px solid #e4e4e4;
color: #376CF3;
flex: 0.54;
}
.left-2{
border-right: 1px solid #e4e4e4;
color: #444;
flex: 0.23;
}
.right{
color: #999;
flex: 0.23;
}
}
</style>