weliam-smartcity智慧城市
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.
 
 
 
 

1787 lines
55 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 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" v-if="userInfo.job_type == 1">
<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">
<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">
<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.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: #FFFFFF;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>
<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:[]
},
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'
},{
title:'兼职',
id:'2'
}],
PartTypeList:[
{title:'时薪',id:1},
{title:'日薪',id:2}
],
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:''
}
},
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.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
},
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;
return
}
let data = _this.userInfo;
_this.userInfo = res.data;
_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.businessList.push(res.data.show_industry_pid);
_this.businessList.push(res.data.show_industry_id);
_this.businessList.push(res.data.show_position_id);
_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(){
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(_this.businessList.length != 3){
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;
data.position_id = _this.businessList[2].id;
if(!data.job_type){
data.job_type = this.wderTypeList[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){
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.ing;
for(let key in data){
if(!data[key] && data[key] !== 0 && key != 'people_number'){
uni.showToast({
icon:'none',
title:'请完善资料'
});
return
}else if(Array.isArray(data[key])){
if(data[key].length == 0){
uni.showToast({
icon:'none',
title:'请完善资料'
});
return
}
}
}
let datas = {};
datas.data = JSON.stringify(data);
uni.showLoading({
title:'提交中',
mask:true
});
// data.sid = _this.sid || '';
App._post_form(
`&p=recruit&do=editRecruit&type=post&sid=${_this.sid || ''}&id=${_this.id || ''}`,
datas,
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)
}
},
false,
() => {
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;
},
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.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:''
}
_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();
}
})
}
})
}
})
});
},
}
}
</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;
}
}
</style>