<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: #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>
		
		<!-- 未上传视频的弹窗 -->
		<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)
							
						}
					},
					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;
				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>
