<template>
	<!-- 商铺入驻 -->
	<view id="app">
		<loadlogo v-if="!isWxaudit" />
		<block v-else>
			<far-bottom></far-bottom>
			<scroll-view v-if="userInfo.havestore == 1 && page == 1 && 0" :scroll-x="false" scroll-y :style="{ height: phoneHeight }"
			 class="scoll_view">
				<view class="icon_view"><text class="iconfont icon-check"></text></view>
				<view class="tips_view"><text class="tips_text">恭喜您,入驻成功</text></view>
				<view class="tips_view1"><text class="tips_text1">您可以在手机端管理您的企业</text></view>
				<view class="button_package">
					<view class="bittons color49BA64 textWhite" @click="goStoreList"><text>管理企业</text></view>
					<view class="bittons colorWhite" @click="userInfo.havestore = 0"><text>企业入驻</text></view>
				</view>
				<view class="page-footer">
					<!-- <TabBars :tabBarAct="0" /> -->
				</view>
			</scroll-view>
			<view class="demo">
				<view class="pagesOne" v-if="page == 1">
					<view class="backImages" :style="{ 'background-image': 'url(' + (userInfo.top_img) + ')' }">
						<view class="main">
							<view  style="height: 255upx;" @click="navigation">
								
							</view>
							<view class="mainPackage">
								<!-- 用户信息区域 -->
								<view class="userInfo">
									<view class="userInfoPackage" style="color: #f00;font-size: 12px;padding-bottom: 4rpx;line-height: 40rpx;" v-if="userInfo.reject">驳回原因：{{userInfo.reject}}</view>
									<view class="userInfoPackage">
										<view class="firstTitle">
											<view class="firstTitleName">
												<view class="line"></view>
												<span>{{languageStatus!=1?'请填写企业信息':'점포 정보 입력하세요'}}</span>
											</view>
											<view class="firstTitleTips" @click="kfPhone">
												<span>{{languageStatus!=1?'直接联系客服':'고객센터를 직접 연락하세요'}}</span>
												<image :src="imgfixUrls + 'merchant/right.svg'" />
											</view>
										</view>
										<view class="userInfoInput">
											<view class="userInfoInputPackage">
												<view class="userInfoInputMain">
													<span style="color:red;width:10rpx;">*</span>
													<span>{{languageStatus!=1?'企业名称':'점포 명칭'}}</span>
													<input :placeholder="languageStatus!=1?'请输入企业名称':'점포 명칭을 입력하세요'" v-model="userInfo.storename" />
												</view>
												<view class="userInfoInputMain">
													<span style="color:red;width:10rpx;">*</span>
													<span>{{languageStatus!=1?'姓名':'이름'}}</span>
													<input :placeholder="languageStatus!=1?'请输入姓名':'이름을 입력하세요'" v-model="userInfo.name" />
												</view>
												<view class="userInfoInputMain">
													<span style="color:red;width:10rpx;">*</span>
													<span>{{languageStatus!=1?'职务':'이름'}}</span>
													<input :placeholder="languageStatus!=1?'请输入职务名称':'이름을 입력하세요'" v-model="userInfo.position" />
												</view>
												<view class="userInfoInputMain">
													<span style="color:red;width:10rpx;">*</span>
													<span>{{languageStatus!=1?'电话':'전화번호'}}</span>
													<input :placeholder="languageStatus!=1?'请输入联系电话':'전화번호를 입력하세요'" v-model="userInfo.mobile" type="text" />
												</view>
												<view class="userInfoInputMain">
													<span>{{languageStatus!=1?'所在地区':'현재주소'}}</span>
													<view class="timePickerView">
														
													
													<w-pickerb :visible.sync="visiblec" mode="region" :value="[provinceidName,areaidName,distidName]"
													 default-type="label" :hide-area="false" @confirm="onConfirm($event,'region')" @cancel="onCancel" ref="region"></w-pickerb>
													<view class="uni-input" @tap="visble">{{ provinceidName }} {{ areaidName }} {{ distidName }}</view>
												
														
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain dire">
													<span style="color:red;width:6rpx;">*</span>
													<span>{{languageStatus!=1?'详细地址':'상세주소'}}</span>
													<input @click="getDisabled" style="width: 280upx;" :disabled="addressDisabled" :placeholder="languageStatus!=1?'请输入详细地址':'상세주소를 입력하세요'" v-model="userInfo.address" />
													<view @click="getLocation">
														<image :src="imgfixUrls + 'merchant/where.svg'" />
														<span>{{languageStatus!=1?'定位':'위치설정'}}</span>
													</view>
												</view>
												<view class="userInfoInputMain" v-if="0">
													<span style="color:red;width:6rpx;">*</span>
													<span>{{languageStatus!=1?'行业分类':'항업분류'}}</span>
													<view class="timePickerView" @click="showThePic">
														<!-- 	<picker mode="multiSelector" class="dataPicker" :range="typelist" @change="checkType" @columnchange="changeKey"
														 range-key="name" :value="typeIndex"> -->

														<view v-if="hangYe" class="uni-input twoLevelList">{{languageStatus!=1?'请选择行业分类':'항업분류를 선택하세요'}}</view>
														<view v-else class="uni-input twoLevelList">{{ twoLevelList }}</view>
														<!-- 			</picker> -->
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="0">
													<span>{{languageStatus!=1?'上班时间':'영업시간'}}</span>
													<view class="timePickerView">
														
														
														<w-pickerb :visible.sync="visibletimeone" mode="time" :value="storehours[0].startTime + ':00'" :current="false"
														 :second="false" @confirm="bindTimeChangeStar($event)" @cancel="onCancel" ref="time"></w-pickerb>
														<!-- <w-picker
															mode="time"
															value="00:00:00"
															:current="false"
															:second="false"
															@confirm="bindTimeChangeStar($event)"
															@cancel="onCancel"
															ref="time"
														></w-picker> -->
														<span @tap="showPicker('time')">{{ storehours[0].startTime }}</span>
														<span>-</span>
														->
														<span @tap="showPicker('timeend')">{{ storehours[0].endTime }}</span>
														<!-- <w-pickera
															mode="time"
															value="00:00:00"
															:current="false"
															:second="false"
															@confirm="bindTimeChangeEnd($event)"
															@cancel="onCancelEnd"
															ref="timeend"
														></w-pickera> -->
														<w-pickerb :visible.sync="visibletimeend" mode="time" :value="storehours[0].endTime + ':00'" :current="false"
														 :second="false" @confirm="bindTimeChangeEnd($event)" @cancel="onCancelEnd" ref="timeend"></w-pickerb>
														<!-- 	<hTimePicker sTime="0" cTime="23" interval="1" @changeTime="changeTime">
														  <view slot="pCon" class="changeTime">
														    点击选择时间
														  </view>
														</hTimePicker>
														<hTimePicker sTime="0" cTime="23" interval="1" @changeTime="changeTime">
														  <view slot="pCon" class="changeTime">
														    点击选择时间
														  </view>
														</hTimePicker> -->

														
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												
												<view class="userInfoInputMain" v-if="0">
													<span>分段营业</span>
													<view class="timePickerView">
														<picker @change="multistageChange" class="dataPicker" :value="multistageIndex" range-key="title" :range="multistageList">
														    <view class="uni-input">{{multistageList[multistageIndex].title}}
															</view>
														</picker>
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="multistageIndex == 1 && 0">
													<span>分段时间</span>
													<view class="timePickerView">
														<w-pickerb :visible.sync="visibletimeoneT" mode="time" :value="storehours[1].startTime + ':00'" :current="false"
														 :second="false" @confirm="bindTimeChangeStarT($event)" @cancel="onCancel" ref="timeT"></w-pickerb>
														<span @tap="showPicker('timeT')">{{ storehours[1].startTime }}</span>
														<span>-</span>->
														<span @tap="showPicker('timeendT')">{{ storehours[1].endTime }}</span>
														<w-pickerb :visible.sync="visibletimeendT" mode="time" :value="storehours[1].endTime + ':00'" :current="false"
														 :second="false" @confirm="bindTimeChangeEndT($event)" @cancel="onCancelEnd" ref="timeendT"></w-pickerb>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
											</view>
										</view>
									</view>
								</view>
								<!-- 用户信息区域 -->
								<!-- 营业执照 -->
								<view class="userImg">
									<view class="userInfoPackage">
										<view class="firstTitle">
											<view class="firstTitleName">
												<view class="line"></view>
												<span style="color:red;width:6rpx;">*</span>
												<span>企业营业执照</span>
											</view>
											<view class="firstTitleTips"></view>
										</view>
										<view class="twiceTitle1">
											<view>
												<!-- 图片预览循环模板 -->
												<view class="imgPreview" v-if="userInfo.business_license !== null">
													<image :src="imageRootNew2 + userInfo.business_license" />
													<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closePreview(7)" />
												</view>
												<!-- 图片预览循环模板 -->
												<view class="userImgUpdata" @click="uploadFiles(7, 1)" v-if="userInfo.business_license == null">
													<image :src="imgfixUrls + 'merchant/addImg.svg'" />
												</view>
											</view>
										</view>
									</view>
								</view>
								<!-- 营业执照 -->
								
								<!-- 企业信息区域 -->
								<!-- <view class="userInfo" style="margin-top: 30upx;" v-if="userInfo.is_recruit == 1"> -->
								<view class="userInfo" style="margin-top: 30upx;">
									<view class="userInfoPackage">
										<view class="firstTitle">
											<view class="firstTitleName">
												<view class="line"></view>
												<span>{{languageStatus!=1?'请填写企业信息':'기업정보를 입력하세요'}}</span>
											</view>
											<view class="firstTitleTips" >
												
											</view>
										</view>
										<view class="userInfoInput" >
											<view class="userInfoInputPackage">
												<view class="userInfoInputMain" v-if="0">
													<span>招聘状态</span>
													<view class="timePickerView">
														<picker @change="switchChange" class="dataPicker" :value="switchIndex" :disabled="true" range-key="title" :range="switchList">
														    <view class="uni-input">{{switchList[switchIndex].title}}
															</view>
														</picker>
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="switchIndex == 1">
													<span>企业性质</span>
													<view class="timePickerView">
														<picker @change="natureChange" class="dataPicker" :value="natureIndex" range-key="title" :range="userInfo.nature">
														    <view class="uni-input">{{userInfo.nature[natureIndex].title}}
															</view>
														</picker>
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="switchIndex == 1">
													<span>企业规模</span>
													<view class="timePickerView">
														<picker @change="scaleChange" class="dataPicker" :value="scaleIndex" range-key="title" :range="userInfo.scale">
														    <view class="uni-input">{{userInfo.scale[scaleIndex].title}}
															</view>
														</picker>
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="switchIndex == 1">
													<span>所属行业</span>
													<view class="timePickerView">
														<picker @change="industryChange" class="dataPicker" :value="industryIndex" range-key="title" :range="userInfo.industry">
														    <view class="uni-input">{{userInfo.industry[industryIndex].title}}
															</view>
														</picker>
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="switchIndex == 1">
													<span style="color:red;width:10rpx;">*</span>
													<span>{{languageStatus!=1?'企业亮点':''}}</span>
													<input :placeholder="languageStatus!=1?'请输入企业亮点':''" v-model="userInfo.recruit_brighten" />
												</view>
												<view class="twiceTitle" v-if="switchIndex == 1 && 0">
													<span>企业幻灯片(750X560)</span>
													<view>
														<!-- 图片预览循环模板 -->
														<view class="imgPreview" v-for="(item, index) in type4Url">
															<image :src="item" />
															<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closePreview(4, item)" />
														</view>
														<!-- 图片预览循环模板 -->
														<view class="userImgUpdata" @click="uploadFiles(4, 6)">
															<image :src="imgfixUrls + 'merchant/addImg.svg'" />
														</view>
													</view>
												</view>
												<view class="twiceTitle" v-if="switchIndex == 1">
													<span>企业长图</span>
													<view>
														<!-- 图片预览循环模板 -->
														<view class="imgPreview" v-for="(item,index) in userInfo.recruit_long_img" :key="index">
															<image :src="item" />
															<image :src="imgfixUrls + 'merchant/close.png'" class="close"
															 @click="closePreview(6, item)" />
														</view>
														<!-- 图片预览循环模板 -->
														<view class="userImgUpdata" @click="uploadFiles(6, 6)">
															<image :src="imgfixUrls + 'merchant/addImg.svg'" />
														</view>
													</view>
												</view>
											</view>
										</view>
										
									</view>
								</view>
								<!-- 企业信息区域 -->
								
								<!-- 家政信息区域 -->
								<view class="userInfo" style="margin-top: 30upx;" v-if="userInfo.is_housekeep == 1 && 1===0">
									<view class="userInfoPackage">
										<view class="firstTitle">
											<view class="firstTitleName">
												<view class="line"></view>
												<span>请填写家政信息</span>
											</view>
											<view class="firstTitleTips" >
												
											</view>
										</view>
										<view class="userInfoInput" >
											<view class="userInfoInputPackage">
												<view class="userInfoInputMain">
													<span>家政状态</span>
													<view class="timePickerView">
														<picker @change="homemaChange" class="dataPicker" :value="homemaIndex" range-key="title" :range="homemaking">
														    <view class="uni-input">{{homemaking[homemaIndex].title}}
															</view>
														</picker>
														<span></span>
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
												<view class="userInfoInputMain" v-if="homemaIndex == 1">
													<span>家政类目</span>
													<view class="timePickerView" @click="showoccupation = true" :style="{height: userInfo.store_housekeep_cate.length < 2?'82rpx':'auto'}">
														<!-- 	<picker mode="multiSelector" class="dataPicker" :range="typelist" @change="checkType" @columnchange="changeKey"
														 range-key="name" :value="typeIndex"> -->

														<view v-if="userInfo.store_housekeep_cate.length == 0" class="uni-input homema">请选择家政类目</view>
														<view v-else class="uni-input homema" style="margin-top: 20upx;">
															<view class="check-item" v-for="(item, index) in userInfo.store_housekeep_cate" :key="index">
																{{ item.title }}
																<image :src="imgfixUrls + 'homemakingImg/imgcolse.png'" mode="" @click.stop="deletcheck(item.id)"></image>
															</view>
														</view>
														<!-- 			</picker> -->
														<!-- <span></span> -->
													</view>
													<image :src="imgfixUrls + 'merchant/right.svg'" />
												</view>
											</view>
										</view>
										
									</view>
								</view>
								<!-- 家政信息区域 -->
								
								<!-- 店铺图片区域 -->
								<view class="userImg" v-if="0">
									<view class="userInfoPackage">
										<view class="firstTitle">
											<view class="firstTitleName">
												<view class="line"></view>
												<span>企业图片</span>
											</view>
											<view class="firstTitleTips"></view>
										</view>
										<view class="twiceTitle1">
											<span>企业LOGO(200X200)</span>
											<view>
												<!-- 图片预览循环模板 -->
												<view class="imgPreview" v-if="type1Url !== ''">
													<image :src="type1Url" />
													<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closeLogo" />
												</view>
												<!-- 图片预览循环模板 -->
												<view class="userImgUpdata" @click="uploadFiles(1, 1)" v-if="type1Url == ''">
													<image :src="imgfixUrls + 'merchant/addImg.svg'" />
												</view>
											</view>
										</view>
										<view class="twiceTitle">
											<span>企业幻灯片(750X560)</span>
											<view>
												<!-- 图片预览循环模板 -->
												<view class="imgPreview" v-for="(item, index) in type2Url">
													<image :src="item" />
													<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closePreview(2, item)" />
												</view>
												<!-- 图片预览循环模板 -->
												<view class="userImgUpdata" @click="uploadFiles(2, 6)">
													<image :src="imgfixUrls + 'merchant/addImg.svg'" />
												</view>
											</view>
										</view>
										<view class="twiceTitle">
											<span>企业相册(320X320)</span>
											<view>
												<!-- 图片预览循环模板 -->
												<view class="imgPreview" v-for="(item, index) in type3Url">
													<image :src="item" />
													<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closePreview(3, item)" />
												</view>
												<!-- 图片预览循环模板 -->
												<view class="userImgUpdata" @click="uploadFiles(3, 6)">
													<image :src="imgfixUrls + 'merchant/addImg.svg'" />
												</view>
											</view>
										</view>
										<!-- <view class="twiceTitle">
								<span>店铺资质(320X320)</span>
								<view>
									
									<view class="imgPreview" v-for="(item, index) in type4Url">
										<image :src="item" />
										<image :src="imgfixUrls + 'merchant/close.png" class="close" @click="closePreview(4, item)" />
									</view>
									
									<view class="userImgUpdata" @click="uploadFiles(4)"><image :src="imgfixUrls + 'merchant/addImg.svg" /></view>
								</view>
							</view> -->
									</view>
								</view>
								<!-- 店铺图片区域 -->

								<!-- 企业介绍区域 -->
								<view class="userIntroduce" v-if="0">
									<view class="userInfoPackage">
										<view class="firstTitle">
											<view class="firstTitleName">
												<view class="line"></view>
												<span style="color:red;width:10rpx;">*</span>
												<span>企业介绍</span>
											</view>
											<view class="firstTitleTips"></view>
										</view>
										<view class="userIntroduceInput">
											<view class="userIntroduceInputPackage"><textarea placeholder="请输入企业介绍文本" v-model="userInfo.introduction"></textarea></view>
										</view>
										<view class="userIntroduceUpdata">
											<!-- 图片预览循环模板 -->
											<view class="imgPreview" v-for="(item, index) in type5Url">
												<image :src="item" />
												<image :src="imgfixUrls + 'merchant/close.png'" class="close" @click="closePreview(5, item)" />
											</view>
											<!-- 图片预览循环模板 -->
											<view class="userImgUpdata" @click="uploadFiles(5, 6)">
												<image :src="imgfixUrls + 'merchant/addImg.svg'" />
											</view>
										</view>
									</view>
								</view>
								<!-- 企业介绍区域 -->

								<view class="agreement1">
									<label class="radio">
										<image :src="imgfixUrls + 'merchant/checked.svg'" @click="storeChecked = false" v-if="storeChecked" />
										<view  v-else @click="storeChecked = true" style="height: 20upx;width: 20upx;border: 1px solid #FF4444;border-radius: 50%;display: inline-block;margin-bottom: -12upx;">

										</view>
										<!-- 	<view  style="display: inline-block;"> -->
										<span>
											<text @click="storeChecked = !storeChecked">阅读并同意</text>
											<span @click="toLoginAgreement('store')">《企业入驻相关条款》</span>
										</span>
										<!-- </view> -->
									</label>
								</view>

								<!-- 表单提交按钮 -->
								<view class="submitButtom" @click="saveUserInfo" v-if="userInfo.chargestatus == 0"><span>{{languageStatus!=1?'提交申请':'올리기'}}</span></view>
								<view class="submitButtom" @click="newSaveUserInfo" v-else><span>{{languageStatus!=1?'下一步':'올리기'}}</span></view>
								<!-- 表单提交按钮 -->

								<!-- 填充 -->
								<view class="full"></view>
								<!-- 填充 -->
							</view>
						</view>
					</view>
				</view>
				<!-- 第二页 -->
				<scroll-view class="pageTwo" v-if="page == 2" :scroll-y="true" :style="{ height: phoneHeight }">
					<view class="mainTwo">
						<view class="userImg">
							<view class="userInfoPackage">
								<view class="twoPageTitle">
									<view class="twoPageTitleLeft">
										<view class="line"></view>
										<span>付费入驻</span>
									</view>
									<view class="twoPageTitleRight" @click="toLoginAgreement('ff')"><span>付费说明</span></view>
								</view>
								<view class="checkType">
									<radio-group class="checkBox" @change="radioChange">
										<label class="radio" v-for="(item, index) in chargeList" :key="item.id">
											<radio :value="item.id" color="#FF4444" :checked="index === current" />
											<span>{{ item.name }}({{ item.days }}天/{{ item.price }})</span>
										</label>
									</radio-group>
								</view>
							</view>
						</view>
						<view class="agreement" @click="toLoginAgreement('store')">
							<label class="radio">
								<image :src="imgfixUrls + 'merchant/checked.svg'" />
								<span>
									阅读并同意
									<span>《企业入驻相关条款》</span>
								</span>
							</label>
						</view>
						<!-- 提交按钮 -->
						<view class="submitButtom" @click="createChargeOrder"><span>提交申请</span></view>
						<!-- 提交按钮 -->
					</view>

					<!-- 填充 -->
					<view class="full"></view>
					<!-- 填充 -->
				</scroll-view>
				<!-- 第二页 -->
				
				<PopManager :show="showoccupation" :type="'bottom'" :overlay="'false'" :showOverlay="'false'" @clickmask="showoccupation = false">
					<view class="cicupation">
						<view class="cicupation-left">
							<view :class="item.checked ? 'left-item' : 'left-nocheck'" v-for="(item, index) in cate" :key="index" @click="checkLeft(item.id)">{{ item.title }}</view>
						</view>
						<view class="cicupation-right">
							<view :class="item.checked ? 'right-item' : 'right-nocheck'" v-for="(item, index) in rightList" :key="index" @click="checkRight(item.id)">
								{{ item.title }}
							</view>
						</view>
					</view>
				</PopManager>
				
				<view class="page-footer">
					<!-- <TabBars :tabBarAct="0" /> -->
				</view>
				<follow :followShow="followShow" :followType="followType" :followTitleShow="followTitleShow" @clickmask="openQrShow"
				 @closeFollowPop="closeFollowPop" @closeFollowTitle="closeFollowTitle"></follow>
				<!-- #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 -->
			</view>
		</block>
		<PhoneMask :show1="show1" @clickmask1="closePop1"></PhoneMask>
		<getvxphone :show="vxshow" @showFalse="showFalse"></getvxphone>
		<view class="showPic" v-if="showP">
			<view class="showOne" @click="closeMo"></view>
			<view>
				<view class="showTwo">
					<scroll-view scroll-y="true" style="height: 360rpx;margin-top:50rpx;width: 300upx;">
						<block v-for="(picItem, index) in typelist[0]" ::key="index">
							<view style="display: flex;flex-wrap: wrap;" :class="picItemid == picItem.id ? 'viperCheck': 'NOviperCheck'">
								<view class="picName" @click="picCli(index, picItem.id)">{{ picItem.name }}</view>
								<text v-if="picItem.twotype.length > 0" class="iconfont icon-right" style="margin-top: 30rpx;"></text>
							</view>
						</block>
					</scroll-view>
					<!-- <view style="height: 300rpx;width: 300rpx;margin-top:50rpx;" v-if="!showPicTwo"></view> -->
					<scroll-view scroll-y="true" style="height: 360rpx;width: 300rpx;margin-top:50rpx;" v-if="showPicTwo || typelist[0][indexPic].twotype">
						<view v-for="(picItem1, index1) in typelist[0][indexPic].twotype" :key="index1" style="display: flex;flex-wrap:wrap">
							<view @click="picCli1(index1, picItem1.id, picItem1)" class="picName" :class="picItem1.checked ? 'noCheckedPic' : 'checkedPic'">
								{{ picItem1.name }}
							</view>
						</view>
				
					</scroll-view>
				</view>
				<view class="suolBT">
					<button type="warn" style="font-size: 32upx;" @click="closeMo">确定</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import App from '@/common/js/app.js';
	import uniSelect from '@/components/template/lee-select.vue';
	import TabBars from '@/components/template/tabBar';
	import follow from '@/components/template/follow.vue';
	import PopManager from '@/components/template/PopManager';
	import Loadlogo from '@/components/template/loadlogo.vue';
	import wPickerb from '@/components/w-picker/w-picker.vue'
	import PhoneMask from '@/components/template/PhoneMask';
	import getvxphone from '@/components/template/getVXphone.vue'
	// #ifdef H5
	import wxApi from '@/common/js/wxApi.js';
	// #endif

	export default {
		components: {
			uniSelect,
			TabBars,
			follow,
			PopManager,
			Loadlogo,
			PhoneMask,
			wPickerb,
			getvxphone
		},
		data() {
			return {
				storeChecked: true,
				showPicTwo: false,
				showoccupation:false,
				show1: false,
				followTitleShow: true,
				followShow: false,
				showP: false,
				followType: '0',
				indexPic: 0,
				hangYe: true,
				typeIndex: [0, 0],
				cityIndex: [],
				cate:[],
				rightList:[],
				title: 'hello',
				show: true,
				page: 1,
				date: '',
				time: '00:00',
				time1: '00:00',
				jobType: '美食餐饮 甜点饮品',
				typelist: [],
				typeList: [],
				citylist: [],
				defaultRegion: ["150000", "150100", "150103"],
				chargeList: [],
				id: '',
				typeid: '',
				current: 0,
				onelevelName: '请选择行业分类',
				twoLevelList: [],
				twolevelName: '',
				provinceidName: '请选择省市区',
				areaidName: '',
				distidName: '',
				imgPath: '',
				type1Url: '',
				type2Url: [],
				type3Url: [],
				type4Url: [],
				type5Url: [],
				visiblec: false,
				userInfo: {
					storename: '',
					name: '',
					position: '',
					mobile: '',
					lat: '',
					lng: '',
					startTime: '00:00',
					endTime: '00:00',
					address: '',
					onelevel: '',
					twolevel: '',
					provinceid: '',
					areaid: '',
					distid: '',
					introduction: '',
					logo: '',
					adv: [],
					album: [],
					examine: [],
					thumbimages: [],
					cateidArray: [],
					business_license: null,// 营业执照
					recruit_brighten: '',// 企业亮点
					recruit_adv: [],//企业幻灯片
					recruit_long_img: [],
				},
				phoneHeight: null,
				isOpenLaction: false,
				e: {},
				onshowIshow: false,
				picItemid: null,
				vxshow: false,
				latlngs: null,
				num: 0,
				onkoc: 0,
				owenscitylist: {},
				klis: false,
				thelat: '',
				lblis: null,
				visibletimeone: false,
				visibletimeend: false,
				visibletimeoneT: false,
				visibletimeendT: false,
				industryIndex:0,
				homemaIndex:0,
				homemaking:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				switchList:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				multistageList:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				multistageIndex:0,
				switchIndex:1,
				natureIndex:0,
				scaleIndex:0,
				storehours:[{
					endTime:'00:00',
					startTime:'00:00'
				}],
				btnOff:false,
				addressDisabled:true
			};
		},
		computed: {
			backImages() {
				return this.imageRoot + 'demoBackImg.png';
			},
			isWxaudit() {
				return this.$store.state.isWxAudit;
			}
		},
		onLoad(e) {
			let _this = this;
			uni.getSystemInfo({
				success(res) {
					_this.phoneHeight = res.windowHeight + 'px';
				}
			});
			
			_this.e = e;
			_this.owenscitylist = uni.getStorageSync('cityList')
			_this.latlngs = uni.getStorageSync('curLoction');

			if (!!_this.e.page) {
				_this.page = Number(_this.e.page);
				if (!!_this.e.storeid) {
					_this.userInfo.storeid = _this.e.storeid;
					_this.getChargeList(_this.e.storeid);
				} else {
					uni.getStorage({
						key: 'checkStoreid',
						success: function(res) {
							_this.userInfo.storeid = res.data;
							_this.getChargeList(res.data);
						}
					});
				}
			}
			uni.getSystemInfo({
				success(res) {
					_this.phoneHeight = res.windowHeight + 'px';
				}
			});
			_this.init();
			_this.storeChecked = false;
			_this.provinceidName = _this.languageStatus != 1?'请选择省市区':'성/시/구 선택 입력하세요'
			// _this.getloctions();
			//	_this.init();
		},
		onHide() {},
		watch: {
			thelat() {
				this.getloctions(this.lblis);
			}
		},
		onShow() {
			let _this = this;
			
			// #ifdef H5
			window.addEventListener(
				'message',
				function(event) {
					// 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
					let loc = event.data;
					_this.onshowIshow = true;
					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.addressDisabled = false;
						_this.lblis = {
							lat: loc.latlng.lat,
							lng: loc.latlng.lng,
							detailed_address: loc.poiaddress
						}

					}
					_this.klis = true;
					setTimeout(() => {
						_this.klis = false;
					}, 1000)
				},
				false
			);
			// #endif

			if (_this.onkoc == 0) {
				_this.onkoc++;
				return
			}
			
			if (this.onshowIshow) {
				this.onshowIshow = false;
				return
			}
			_this.init(999);
		},
		methods: {
			deletcheck(id) {
				let _this = this;
				_this.cate.map((item, index) => {
					item.list.map((items, indexs) => {
						if (items.id == id) {
							items.checked = false;
						}
					});
				});
				_this.userInfo.store_housekeep_cate.map((items, indexs) => {
					if (items.id == id) {
						_this.userInfo.store_housekeep_cate.splice(indexs, 1);
					}
				});
				_this.rightList.map((items, indexs) => {
					if (items.id == id) {
						items.checked = false;
					}
				});
			},
			scaleChange(e){
				this.scaleIndex = e.detail.value;
			},
			natureChange(e){
				this.natureIndex = e.detail.value;
			},
			homemaChange(e){
				this.homemaIndex = e.detail.value;
			},
			switchChange(e){ //招聘开关
				this.switchIndex = e.detail.value;
				this.isWxaudit = !this.isWxaudit;
				this.isWxaudit = !this.isWxaudit;
				// console.log(this.multistageIndex,this.multistageList[this.multistageindex].title);
			},
			multistageChange(e){
				this.multistageIndex = e.detail.value;
				if(e.detail.value == 1){
					this.storehours.push({
						endTime:'00:00',
						startTime:'00:00'
					});
				}else{
					this.storehours.splice(1,1);
				}
				console.log(this.multistageIndex,this.multistageList[this.multistageIndex].title);
			},
			industryChange(e){
				this.industryIndex = e.detail.value;
			},

			getloctions(lblis) {
				
				console.log(lblis, '666666');
				let _this = this;
				let curLoction = uni.getStorageSync('curLoction')
				let lbli = lblis || {};
				if(!lblis){
					lbli.lng = curLoction.longitude;
					lbli.lat = curLoction.latitude;
				}
				App._post_form(`&p=member&do=lng2areaid&lng=${lbli.lng}&lat=${lbli.lat}`, {}, res => {
					// debugger
					// _this.userInfo.detailed_address = lbli.detailed_address;
					_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;
										}
									})
								}
							})
						}
					})
				});
			},
			visble() {
				console.log(11111)
				this.visiblec = true;
			},
			showFalse() {
				console.log('进了showfalse')
				this.vxshow = false;
			},
			closeMo() {
				if (this.twoLevelList.length == 0) {
					this.hangYe = true;
				}
				this.showP = false;
			},
			picCli(index, id) {
				let that = this;
				that.picItemid = id;
				that.showPicTwo = true;
				that.indexPic = index;
				that.typelist[0].map(item => {
					if (!item.checked) {
						item.checked = false;
					} else {
						item.checked = true;
					}
				});
				that.typelist[0][index].twotype.map(item => {
					if (!item.checked) {
						item.checked = false;
					} else {
						item.checked = true;
					}
				});
				that.typelist[0].forEach(value => {
					if (value.id == id && value.checked == false) {
						that.$set(value, 'checked', true);
						that.showP = !that.showP;
						that.showP = !that.showP;
					} else if (value.id == id && value.checked == true) {
						that.$set(value, 'checked', false);
						that.showP = !that.showP;
						that.showP = !that.showP;
					}
				});
			},
			picCli1(index, id, item) {
				let that = this;
				let i = that.indexPic;
				let newObj = {};
				that.typelist[0][i].twotype.forEach(value => {
					if (value.id == id && value.checked == false) {
						that.$set(value, 'checked', true);
						that.showP = !that.showP;
						that.showP = !that.showP;
					} else if (value.id == id && value.checked == true) {
						that.$set(value, 'checked', false);
						that.showP = !that.showP;
						that.showP = !that.showP;
					}
				});
				/** typelist = [
					[
						{
							twotype:[
								{checked: true, id: null}, 
								itemT
							]
						},
						{twotype:[]}, 
						{twotype:[]}, 
						itemI, 
						itemI
					],
					1,
					2
				]
				**/
				that.typelist[0].forEach((itemI, index) => {
					// that.typelist[0][index].twotype.forEach(itemT => {
					itemI.twotype.forEach(itemT => {
						if (itemT.checked && itemT.id == id) {
							newObj.onelevel = itemI.id;
							newObj.twolevel = itemT.id;
							that.userInfo.cateidArray.push(newObj);
							that.twoLevelList.push(itemT.name);
						} else if (!itemT.checked && itemT.id == id) {
							that.userInfo.cateidArray.forEach((itemZ, index) => {
								if (itemZ.onelevel == itemI.id && itemZ.twolevel == itemT.id) {
									that.userInfo.cateidArray.splice(index, 1);
									that.twoLevelList.splice(index, 1);
								}
							});
						}
					});
				});
			},
			showThePic() {
				this.showP = true;
				this.hangYe = false;
			},

			closePop1() {
				let _this = this;
				_this.show1 = false;
			},
			changeTime(e) {},
			showPicker(type) {
				this.$refs[type].show();
				console.log(this.$refs[type]);
			},
			closeFollowTitle() {
				let _this = this;
				_this.followTitleShow = false;
			},
			closeFollowPop() {
				let _this = this;
				_this.followShow = false;
			},
			openQrShow() {
				let _this = this;
				_this.followShow = true;
			},
			closePreview(type, url) {
				let _this = this;
				if (type == 2) {
					for (let i = 0; i < _this.type2Url.length; i++) {
						if (url == _this.type2Url[i]) {
							_this.type2Url.splice(i, 1);
							_this.userInfo.adv.splice(i, 1);
							console.log(_this.type2Url, _this.userInfo.adv)
						}
					}
				}
				if (type == 3) {
					for (let i = 0; i < _this.type3Url.length; i++) {
						if (url == _this.type3Url[i]) {
							_this.type3Url.splice(i, 1);
							_this.userInfo.album.splice(i, 1);
						}
					}
				}
				if (type == 4) {
					for (let i = 0; i < _this.type4Url.length; i++) {
						if (url == _this.type4Url[i]) {
							_this.type4Url.splice(i, 1);
							_this.userInfo.recruit_adv.splice(i, 1);
						}
					}
				}
				if (type == 5) {
					for (let i = 0; i < _this.type5Url.length; i++) {
						if (url == _this.type5Url[i]) {
							_this.type5Url.splice(i, 1);
							_this.userInfo.thumbimages.splice(i, 1);
						}
					}
				}
				if (type == 6) {
					for (let i = 0; i < _this.userInfo.recruit_long_img.length; i++) {
						if (url == _this.userInfo.recruit_long_img[i]) {
							_this.userInfo.recruit_long_img.splice(i, 1);
						}
					}
				}
				if (type == 7) {
					_this.userInfo.business_license=null;
				}
			},
			closeLogo() {
				let _this = this;
				_this.type1Url = '';
				_this.userInfo.logo = '';
			},
			radioChange: function(e) {
				let _this = this;
				_this.typeid = e.target.value;
			},
			init(id = 111) {
				let _this = this;
				_this.getUserInfo(id);
				// #ifdef H5
				wxApi.wxRegister();
				// #endif
			},
			navigation(){
				App.navigationTo({
					url: this.userInfo.top_link
				});
			},
			toLoginAgreement(type) {
				App.navigationTo({
					url: 'pages/mainPages/agreement/agreement?agremType=' + type
				});
			},
			// 城市列表三级联动
			changeCity: function(e) {
				let _this = this;
				let cityListCenter = [];
				let cityListRight = [];

				if (e.target.column == 0) {
					for (let i = 0; i < _this.cityList.length; i++) {
						if (e.target.value == i) {
							for (let a = 0; a < _this.cityList[i].area.length; a++) {
								cityListCenter.push(_this.cityList[i].area[a]);
							}
						}
					}
					_this.citylist.splice(1, 2, cityListCenter);
					_this.citylist.splice(2, 3, cityListCenter[0].dist);
				}
				if (e.target.column == 1) {
					for (let a = 0; a < _this.citylist[1].length; a++) {
						if (e.target.value == a) {
							for (let c = 0; c < _this.citylist[1][a].dist.length; c++) {
								cityListRight.push(_this.citylist[1][a].dist[c]);
							}
						}
					}
					_this.citylist.splice(2, 3, cityListRight);
				}
			},
			uoloadIgs(length, ids = 0, resImg, type) {
				let _this = this;
				_this.onshowIshow = true;
				wxApi.uoloadIg(resImg.localIds[ids], 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) {
									if (type == 1) {
										_this.type1Url = res.data.img;
										_this.userInfo.logo = res.data.image;
									}
									if (type == 2) {
										_this.type2Url.push(res.data.img);
										_this.userInfo.adv.push(res.data.image);
										if (ids < length - 1) {
											ids++;
											uni.setTimeout(_this.uoloadIgs(length, ids, resImg, type), 500);
										}
									}
									if (type == 3) {
										_this.type3Url.push(res.data.img);
										_this.userInfo.album.push(res.data.image);
										if (ids < length - 1) {
											ids++;
											uni.setTimeout(_this.uoloadIgs(length, ids, resImg, type), 500);
										}
									}
									if (type == 4) {
										_this.type4Url.push(res.data.img);
										_this.userInfo.recruit_adv.push(res.data.image);
										if (ids < length - 1) {
											ids++;
											uni.setTimeout(_this.uoloadIgs(length, ids, resImg, type), 500);
										}
									}
									if (type == 5) {
										_this.type5Url.push(res.data.img);
										_this.userInfo.thumbimages.push(res.data.image);
										if (ids < length - 1) {
											ids++;
											uni.setTimeout(_this.uoloadIgs(length, ids, resImg, type), 500);
										}
									}
								}
							},
							false,
							() => {
								uni.hideLoading();
							}
						);
					} else {
						uni.hideLoading();
						App.showError('上传失败');
					}
				});
			},
			// 文件上传接口
			async uploadFiles(type, num) {
				let _this = this;
				_this.onshowIshow = true;
				// #ifdef H5
				if(App.getClientType() == 2){
				     let res = await App.browser_upload(num);
				     for (let i = 0; i < res.tempFilePaths.length; i++) {
				     	let aa = await App._upLoad(res.tempFilePaths[i]);
				     	if (type == 1) {
				     		_this.type1Url = aa.data.img;
				     		_this.userInfo.logo = aa.data.image;
				     	}
				     	if (type == 2) {
				     		_this.type2Url.push(aa.data.img);
				     		_this.userInfo.adv.push(aa.data.img);
				     	}
				     	if (type == 3) {
				     		_this.type3Url.push(aa.data.img);
				     		_this.userInfo.album.push(aa.data.img);
				     	}
				     	if (type == 4) {
				     		_this.type4Url.push(aa.data.img);
				     		_this.userInfo.recruit_adv.push(aa.data.img);
				     	}
				     	if (type == 5) {
				     		_this.type5Url.push(aa.data.img);
				     		_this.userInfo.thumbimages.push(aa.data.img);
				     	}
				     	if (type == 6) {
				     		_this.userInfo.recruit_long_img.push(aa.data.img);
				     	}
				     	if (type == 7) {
				     		_this.userInfo.business_license=aa.data.image;
				     	}
				     }
				
				     return
				    }
				wxApi.choseImage(res => {
					let i = res.localIds.length;
					_this.uoloadIgs(i, 0, res, type);
				}, num);
				// #endif
				// #ifndef H5
				wx.chooseImage({
					count: num,
					sourceType: ['album', 'camera'],
					success: async function(res) {
						for (let i = 0; i < res.tempFilePaths.length; i++) {
							let aa = await App._upLoad(res.tempFilePaths[i]);
							if (type == 1) {
								_this.type1Url = aa.data.img;
								_this.userInfo.logo = aa.data.image;
							}
							if (type == 2) {
								_this.type2Url.push(aa.data.img);
								_this.userInfo.adv.push(aa.data.img);
							}
							if (type == 3) {
								_this.type3Url.push(aa.data.img);
								_this.userInfo.album.push(aa.data.img);
							}
							if (type == 4) {
								_this.type4Url.push(aa.data.img);
								_this.userInfo.recruit_adv.push(aa.data.img);
							}
							if (type == 5) {
								_this.type5Url.push(aa.data.img);
								_this.userInfo.thumbimages.push(aa.data.img);
							}
							if (type == 6) {
								_this.userInfo.recruit_long_img.push(aa.data.img);
							}
				     	if (type == 7) {
				     		_this.userInfo.business_license=aa.data.image;
				     	}
						}
					}
				});
				// #endif
			},
			// 生成分销入驻付费订单
			createChargeOrder() {
				let _this = this;
				let data = {
					storeid: _this.userInfo.storeid,
					typeid: _this.typeid
				};
				App._post_form(
					'&p=store&do=createChargeOrder',
					data,
					res => {
						if (res.data.status == '0') {
							uni.redirectTo({
								url: '/pagesA/identityList/identityList'
							})
							// App.navigationTo({
							// 	url: 'pages/subPages/merchant/merchantChangeShop/merchantChangeShop'
							// });
						} else {
							App.navigationTo({
								url: 'pages/mainPages/payment/payment?orderid=' + res.data.orderid
							});
						}
					},
					fail => {
						if (fail.data.message == '未绑定手机号') {
							let _this = this;
							//#ifdef H5
							_this.show1 = true;
							//#endif
							//#ifndef H5
							_this.vxshow = true;
							//#endif
						}
					}
				);
			},
			// 获取用户信息
			getUserInfo(idis = 111) {
				let _this = this;
				let data = {
					id: this.e.storeid
				};
				_this.citylist = [];
				let listLeft = [];
				let listRight = [];
				let cityListLeft = [];
				let cityListCenter = [];
				let cityListRight = [];
				App._post_form('&p=store&do=storeSettled', data, res => {
					// if(res.data.havestore){
					// 	App.showError("您已经", function() {
					// 		// uni.navigateBack({
					// 		// 	delta: 1
					// 		// })
					// 		// return;
					// 	})
					// }
					_this.userInfo = { ..._this.userInfo,
						...res.data.store, ...res.data
					};
					// if (_this.switchIndex == 1) {
					// 	this.userInfo.recruit_nature_id = this.userInfo.nature[this.natureIndex].id;
					// 	this.userInfo.recruit_scale_id = this.userInfo.scale[this.scaleIndex].id;
					// 	this.userInfo.recruit_industry_id = this.userInfo.industry[this.industryIndex].id;
					// }
					
					// _this.userInfo.address;
					// _this.provinceidName = _this.userInfo.provinceid;
					// _this.areaidName = _this.userInfo.areaid;
					// _this.distidName = _this.userInfo.distid;
					
					if(!_this.userInfo.top_img){
						_this.userInfo.top_img = _this.backImages;
					}
					// uni.setStorageSync('agreement', res.data.registerdetail);
					// 获取分类列表数据
					_this.cate = res.data.all_housekeep_cate;
					if (res.data.typelist.length == 0) {
						_this.typelist.push([{
							name: '该地区暂无分类',
							id: ''
						}]);
					} else {
						_this.typeList = res.data.typelist;
						for (let i = 0; i < res.data.typelist.length; i++) {
							listLeft.push(res.data.typelist[i]);
						}
						for (let a = 0; a < res.data.typelist[0].twotype.length; a++) {
							listRight.push(res.data.typelist[0].twotype[a]);
						}
						_this.typelist.push(listLeft);
						_this.typelist.push(listRight);
					}
					// 获取分类列表数据
					// 获取城市列表数据
					_this.cityList = res.data.citylist;
					let oneNumber = 0;
					let twoNumber = 0;
					let threeNumber = 0;
					setTimeout(()=>{
						
					})
					for (let i = 0; i < res.data.citylist.length; i++) {
						cityListLeft.push(res.data.citylist[i]);
						if (res.data.citylist[i].id == res.data.store.provinceid) {
							_this.provinceidName = res.data.citylist[i].name;
							_this.userInfo.provinceid = res.data.citylist[i].id;
							oneNumber = i;
							_this.cityIndex.push(oneNumber);
							for (let a = 0; a < res.data.citylist[i].area.length; a++) {
								cityListCenter.push(res.data.citylist[i].area[a]);
								if (res.data.citylist[i].area[a].id == res.data.store.areaid) {
									_this.areaidName = res.data.citylist[i].area[a].name;
									_this.userInfo.areaid = res.data.citylist[i].area[a].id;
									twoNumber = a;
									_this.cityIndex.push(twoNumber);
									for (let c = 0; c < res.data.citylist[i].area[a].dist.length; c++) {
										cityListRight.push(res.data.citylist[i].area[a].dist[c]);
										if (res.data.citylist[i].area[a].dist[c].id == res.data.store.distid) {
											_this.distidName = res.data.citylist[i].area[a].dist[c].name;
											_this.distid = res.data.citylist[i].area[a].dist[c].id;
											threeNumber = c;
											_this.cityIndex.push(threeNumber);
										}
									}
								}
							}
						}
					}
					_this.citylist.push(cityListLeft);
					_this.citylist.push(cityListCenter);
					_this.citylist.push(cityListRight);
					
					// _this.getloctions(_this.lblis);
					
					// 获取城市列表数据；
					if (idis == 999) {
						_this.userInfo.havestore = 0;
					} else {
						if (_this.userInfo.havestore == 0) {
							return
						}
						_this.userInfo.havestore = 1;
					};
					
					console.log(idis);
				}, err=>{
					uni.navigateBack({
						delta: 1
					})
				});
			},
			checkRight(id) {
				let _this = this;
				_this.rightList.map((item, index) => {
					// item.checked = false;
					if (item.id == id) {
						item.checked = !item.checked;
			
						if (item.checked) {
							_this.userInfo.store_housekeep_cate.push(item);
						} else {
							_this.userInfo.store_housekeep_cate.map((items, indexs) => {
								if (items.id == item.id) {
									_this.userInfo.store_housekeep_cate.splice(indexs, 1);
								}
							});
						}
					}
				});
				_this.isWxaudit = !_this.isWxaudit;
				_this.isWxaudit = !_this.isWxaudit;
			},
			checkLeft(id) {
				let _this = this;
				_this.cate.map((item, index) => {
					item.checked = false;
					if (item.id == id) {
						item.checked = true;
						_this.rightList = item.list;
					}
				});
				_this.isWxaudit = !_this.isWxaudit;
				_this.isWxaudit = !_this.isWxaudit;
			},
			newSaveUserInfo(){
				let _this = this;
				if(_this.btnOff == true) return
				_this.btnOff = true;
				setTimeout(()=>{
					_this.btnOff = false;
				},2000)
				// 判断
				if (_this.userInfo.storename == '') {
					uni.showToast({
						icon: 'none',
						title: '企业名称不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.name == '') {
					uni.showToast({
						icon: 'none',
						title: '姓名不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.position == '') {
					uni.showToast({
						icon: 'none',
						title: '职务不能为空',
						duration: 2000
					});
					return;
				}
				let phone_reg = new RegExp(/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/);
				let myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
				if (!myreg.test(_this.userInfo.mobile) && !phone_reg.test(_this.userInfo.mobile)) {
					App.showError("电话号码格式不正确");
					return
				}
				
				if (_this.userInfo.address == '') {
					uni.showToast({
						icon: 'none',
						title: '详细地址不能为空',
						duration: 2000
					});
					return;
				}
				
				if (_this.userInfo.business_license == null) {
					uni.showToast({
						icon: 'none',
						title: '请上传营业执照',
						duration: 2000
					});
					return;
				}
				
				if (_this.switchIndex ==1 && _this.userInfo.recruit_brighten == '') {
					uni.showToast({
						icon: 'none',
						title: '企业亮点不能为空',
						duration: 2000
					});
					return;
				}
				
				if (!_this.storeChecked) {
					uni.showToast({
						icon: 'none',
						title: '请先阅读《企业入驻相关条款》',
						duration: 2000
					});
					return
				}
				if (_this.switchIndex == 1) {
					this.userInfo.recruit_switch = this.switchList[this.switchIndex].id;
					this.userInfo.recruit_nature_id = this.userInfo.nature[this.natureIndex].id;
					this.userInfo.recruit_scale_id = this.userInfo.scale[this.scaleIndex].id;
					this.userInfo.recruit_industry_id = this.userInfo.industry[this.industryIndex].id;
				}
				// let store_housekeep = [];
				
				// let housekeep_cate = JSON.stringify(store_housekeep);
				let jsonString = JSON.stringify(this.userInfo.cateidArray);
				let storehours = JSON.stringify(this.storehours);
				let base64 = new this.$util.Base64();
				this.userInfo.cateidArray = base64.encode(jsonString);
				let data = this.userInfo;
				data.storehours = base64.encode(storehours);
				// data.store_housekeep_cate = base64.encode(housekeep_cate);
				this.userInfo.sale_id = this.e.sale_id;
				App._post_form('&p=store&do=createStore', data, res => {
					uni.setStorageSync('userId', res.data);
					_this.userInfo.storeid = res.data.storeid;
					if(res.data.jump_pay===1){
						_this.page = 2;
						_this.getChargeList();
						_this.btnOff = false;
						_this.userInfo.store_housekeep_cate = [];
					}else{
						uni.showToast({
							title: '提交成功'
						})
						setTimeout(()=>{
							uni.navigateBack({
								delta: 1
							})
						}, 1000)
					}
					
				}, err=>{
					_this.btnOff = false;
					_this.userInfo.store_housekeep_cate = [];
				});
			},
			// 提交商户信息(旧版下一步触发)
			saveUserInfo() {
				let _this = this;
				if(_this.btnOff == true) return
				_this.btnOff = true;
				setTimeout(()=>{
					_this.btnOff = false;
				},2000)
				// 判断
				if (_this.userInfo.storename == '') {
					uni.showToast({
						icon: 'none',
						title: '企业名称不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.name == '') {
					uni.showToast({
						icon: 'none',
						title: '姓名不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.position == '') {
					uni.showToast({
						icon: 'none',
						title: '职务不能为空',
						duration: 2000
					});
					return;
				}
				let phone_reg = new RegExp(/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/);
				let myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
				if (!myreg.test(_this.userInfo.mobile) && !phone_reg.test(_this.userInfo.mobile)) {
					App.showError("电话号码格式不正确");
					return
				}
				// if (_this.userInfo.provinceid == '' || _this.userInfo.areaid == '') {
				// 	uni.showToast({
				// 		icon: 'none',
				// 		title: '请选择所在地区',
				// 		duration: 2000
				// 	});
				// 	return;
				// }
				if (_this.userInfo.address == '') {
					uni.showToast({
						icon: 'none',
						title: '详细地址不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.twoLevelList.length == 0) {
					uni.showToast({
						icon: 'none',
						title: '请选择所属行业',
						duration: 2000
					});
					return;
				}
				// 页面展示：所属行业:industryIndex，行业分类：twoLevelList
				
				if (_this.userInfo.business_license == null) {
					uni.showToast({
						icon: 'none',
						title: '请上传营业执照',
						duration: 2000
					});
					return;
				}
				
				if (_this.switchIndex ==1 && _this.userInfo.recruit_brighten == '') {
					uni.showToast({
						icon: 'none',
						title: '企业亮点不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.introduction == '') {
					uni.showToast({
						icon: 'none',
						title: '企业介绍不能为空',
						duration: 2000
					});
					return;
				}
				
				if (!_this.storeChecked) {
					uni.showToast({
						icon: 'none',
						title: '请先阅读《企业入驻相关条款》',
						duration: 2000
					});
					return
				}
				if (_this.switchIndex == 1) {
					this.userInfo.recruit_switch = this.switchList[this.switchIndex].id;
					this.userInfo.recruit_nature_id = this.userInfo.nature[this.natureIndex].id;
					this.userInfo.recruit_scale_id = this.userInfo.scale[this.scaleIndex].id;
					this.userInfo.recruit_industry_id = this.userInfo.industry[this.industryIndex].id;
				}
				let store_housekeep = [];
				// if(_this.userInfo.is_housekeep == 1){
				// 	if (_this.homemaIndex != 0) {
				// 		this.userInfo.housekeepstatus = this.homemaking[this.homemaIndex].id;
						
				// 		if (_this.userInfo.store_housekeep_cate.length == 0) {
				// 			uni.showToast({
				// 				icon: 'none',
				// 				title: '请至少选择一个家政类目',
				// 				duration: 2000
				// 			});
				// 			return
				// 		}
				// 	}
				// 	if(_this.userInfo.store_housekeep_cate != false){
				// 		_this.userInfo.store_housekeep_cate.map((item,index)=>{
				// 			store_housekeep.push(item.id)
				// 		})
				// 	}
					
				// }
				
				
				let housekeep_cate = JSON.stringify(store_housekeep);
				let jsonString = JSON.stringify(this.userInfo.cateidArray);
				let storehours = JSON.stringify(this.storehours);
				let base64 = new this.$util.Base64();
				this.userInfo.cateidArray = base64.encode(jsonString);
				let data = this.userInfo;
				data.storehours = base64.encode(storehours);
				data.store_housekeep_cate = base64.encode(housekeep_cate);
				this.userInfo.sale_id = this.e.sale_id;
				App._post_form('&p=store&do=createStore', data, res => {
					uni.setStorageSync('userId', res.data);
					_this.userInfo.storeid = res.data.storeid;
					_this.page = 2;
					_this.getChargeList();
					_this.btnOff = false;
					_this.userInfo.store_housekeep_cate = [];
				}, err=>{
					_this.btnOff = false;
					_this.userInfo.store_housekeep_cate = [];
				});
			},
			// 通过地区id获取商户分类
			getAreaTypeList() {
				let _this = this;
				_this.typelist = [];
				let listLeft = [];
				let listRight = [];
				_this.hangYe = true;
				_this.twoLevelList = [];
				let data = {
					provinceid: _this.userInfo.provinceid,
					areaid: _this.userInfo.areaid,
					distid: _this.userInfo.distid
				};
				App._post_form('&p=store&do=area2type', data, res => {
					if (res.data.length == 0) {
						_this.typelist.push([{
							name: '该地区暂无分类',
							id: ''
						}]);
					} else {
						_this.typeList = res.data;
						for (let i = 0; i < res.data.length; i++) {
							listLeft.push(res.data[i]);
							for (let a = 0; a < res.data[0].length; a++) {
								listRight.push(res.data[0].twotype[a]);
							}
						}
						_this.typelist.push(listLeft);
						_this.typelist.push(listRight);
					}
				});
			},
			// 获取付费入驻列表
			getChargeList(storeid) {
				let _this = this;
				let data = {
					storeid: storeid || _this.userInfo.storeid
				};
				App._post_form('&p=store&do=chargeList', data, res => {
					_this.chargeList = res.data.typelist;
					_this.typeid = _this.chargeList[0].id;
				});
			},
			goStoreList() {
				let _this = this;
				App.navigationTo({
					url: 'pages/subPages/merchant/merchantChangeShop/merchantChangeShop'
				});
			},
			// 联系客服
			kfPhone() {
				let _this = this;
				uni.showModal({
					title: '联系客服',
					content: _this.userInfo.systemphone,
					success: function(res) {
						if (res.confirm) {
							uni.makePhoneCall({
								phoneNumber: _this.userInfo.systemphone //仅为示例
							});
						} else if (res.cancel) {}
					}
				});
			},
			onConfirm(e) {
				console.log(e);
				let _this = this;
				// _this.citytext = e.result;
				_this.userInfo.provinceid = e.obj.province.value;
				_this.userInfo.areaid = e.obj.city.value;
				_this.userInfo.distid = e.obj.area.value;
				_this.provinceidName = e.obj.province.label;
				_this.areaidName = e.obj.city.label;
				_this.distidName = e.obj.area.label;
				console.log(_this.provinceidName, _this.areaidName, _this.distidName)
			},
			onCancel(e) {
				console.log(e);

			},
			// 城市列表确定按钮
			checkCity: function(e) {
				let _this = this;
				console.log(_this.citylist, e.target.value, _this.cityIndex, _this.citylist[2]);
				_this.provinceidName = _this.citylist[0][e.target.value[0]].name;
				_this.areaidName = _this.citylist[1][e.target.value[1]].name;

				_this.userInfo.provinceid = _this.citylist[0][e.target.value[0]].id;
				_this.userInfo.areaid = _this.citylist[1][e.target.value[1]].id;

				if (_this.citylist[2].length == 0) {
					_this.distidName = '';
					_this.userInfo.distid = '';
				} else {
					_this.distidName = _this.citylist[2][e.target.value[2]].name;
					_this.userInfo.distid = _this.citylist[2][e.target.value[2]].id;
				}
				_this.userInfo.onelevel = '';
				_this.userInfo.twolevel = '';
				_this.onelevelName = '请选择行业分类';
				_this.twolevelName = '';
				_this.getAreaTypeList();
			},
			// 行业分类确定按钮
			checkType: function(e) {
				let _this = this;
				_this.onelevelName = '';
				_this.twolevelName = '';
				_this.userInfo.onelevel = '';
				_this.userInfo.twolevel = '';
				if (_this.typelist[0][e.target.value[0]] !== undefined) {
					_this.onelevelName = _this.typelist[0][e.target.value[0]].name;
					_this.userInfo.onelevel = _this.typelist[0][e.target.value[0]].id;
				}
				if (!!_this.typelist[1][e.target.value[1]]) {
					_this.twolevelName = _this.typelist[1][e.target.value[1]].name;
					_this.userInfo.twolevel = _this.typelist[1][e.target.value[1]].id;
				}
			},
			// 行业分类二级
			changeKey: function(e) {
				let _this = this;
				let listRight = [];
				for (let i = 0; i < _this.typeList.length; i++) {
					if (e.target.value == i && e.target.column == 0) {
						for (let a = 0; a < _this.typeList[i].twotype.length; a++) {
							listRight.push(_this.typeList[i].twotype[a]);
						}
						_this.typelist.splice(1, 2, listRight);
						console.info(listRight);
					}
				}
			},

			getDisabled(){
				if(this.addressDisabled == false) return
				uni.showToast({
					icon:'none',
					title:'请先选择定位'
				})
			},
			// 获取定位
			getLocation() {
				let _this = this;
				// #ifdef MP-WEIXIN
				uni.chooseLocation({
					success: function(e) {
						_this.userInfo.address = e.address;
						_this.userInfo.lat = e.latitude;
						_this.userInfo.lng = e.longitude;
						_this.lblis = {};
						_this.lblis.lat = e.latitude;
						_this.lblis.lng = e.longitude;
						// console.log('AAAAAAA',e);
						_this.onkoc = 0;
						_this.addressDisabled = false;
						_this.getloctions(_this.lblis)
					},
					// fail(err){
						// console.log('-----',err);
					// }
				});
				// #endif
				//#ifdef APP-PLUS
				App.navigationTo({
					url: 'pages/subPages2/map/index'
				});
				//#endif
				// #ifdef H5
				_this.isOpenLaction = true;
				// #endif
			},
			// 选择开始营业时间
			bindTimeChangeStarT: function(e) {
				let _this = this;
				console.log(e);
				// #ifdef H5
				_this.storehours[1].startTime = e.result;
				// #endif
				// #ifndef H5
				_this.storehours[1].startTime = e.result;
				// #endif
			},
			// 选择开始营业时间
			bindTimeChangeStar: function(e) {
				let _this = this;
				console.log(e);
				// #ifdef H5
				_this.storehours[0].startTime = e.result;
				// #endif
				// #ifndef H5
				_this.storehours[0].startTime = e.result;
				// #endif
			},
			onCancel(e) {
				console.log(e);
			},
			onCancelEnd(e) {
				console.log(e);
			},
			// 选择结束营业时间
			bindTimeChangeEnd: function(e) {
				let _this = this;
				console.log(e);
				// #ifdef H5
				_this.storehours[0].endTime = e.result;
				// #endif
				// #ifndef H5
				_this.storehours[0].endTime = e.result;
				// #endif
			},
			// 选择结束营业时间
			bindTimeChangeEndT: function(e) {
				let _this = this;
				console.log(e,this.storehours);
				// #ifdef H5
				_this.storehours[1].endTime = e.result;
				// #endif
				// #ifndef H5
				_this.storehours[1].endTime = e.result;
				// #endif
			},
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year + 2;
				}
				month = month > 9 ? month : '0' + month;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			}
		}
	};
</script>

<style lang="less" scoped>
	.viperCheck {
		background-color: #F8F8F8;
	}

	.NOviperCheck {
		background-color: #FFFFFF;
	}

	.scoll_view {
		background: #f8f8f8;
	}

	.button_package {
		position: absolute;
		bottom: 400upx;
		width: 750upx;
	}

	.textWhite {
		color: white;
	}

	.color49BA64 {
		background: #49ba64;
	}

	.marT20 {
		margin-top: 20upx;
	}

	.colorWhite {
		background: white;
	}

	.bittons {
		text-align: center;
		margin: 20upx auto 0 auto;
		width: 300upx;
		height: 70upx;
		border-radius: 10upx;

		>text {
			line-height: 70upx;
			font-size: 36upx;
		}
	}

	.tips_view1 {
		text-align: center;
		margin-top: 10upx;
	}

	.tips_text1 {
		font-size: 24upx;
		color: rgba(102, 102, 102, 1);
	}

	.tips_view {
		text-align: center;
		margin-top: 60upx;
	}

	.tips_text {
		font-size: 36upx;
		color: rgba(0, 0, 0, 1);
	}

	.icon_view {
		margin: 200upx auto 0 auto;
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
		background: #49ba64;
		text-align: center;

		>text {
			color: white;
			font-size: 60upx;
			line-height: 100upx;
		}
	}

	page {
		background: #f6f6f6 !important;
	}

	.demo {
		background: #f6f6f6 !important;
		font-size: 0;
		width: 750upx;
	}

	.uni-input {
		font-size: 24upx;
		color: rgba(51, 51, 51, 1);
	}

	.dataPicker {
		width: 350upx;
		height: 82upx;
		display: inline-block;
	}

	.dataPicker1 {
		width: 70upx;
		height: 82upx;
		display: inline-block;
	}

	.main {
		width: 750upx;
		padding-bottom: 100upx;
		overflow-x: hidden;
	}

	.mainPackage {
		margin: 0upx 31upx 0 31upx;
		width: 688upx;
	}

	.backImages {
		z-index: 1;
		width: 750upx;
		background-size: 750upx 344upx;
		background-repeat: no-repeat;
	}

	.userInfo {
		width: 688upx;
		background: white;
		border-radius: 10upx;
	}

	.firstTitle {
		display: flex;
		justify-content: space-between;
	}

	.line {
		display: inline-block;
		width: 8upx;
		height: 27upx;
		background: rgba(255, 68, 68, 1);
		border-radius: 4upx;
	}

	.firstTitleName {
		>view {
			vertical-align: middle;
		}

		>span {
			vertical-align: middle;
			margin-left: 16upx;
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
		}
	}

	.firstTitleTips {
		>span {
			vertical-align: middle;
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
			margin-right: 14upx;
		}

		>image {
			vertical-align: middle;
			width: 18upx;
			height: 26upx;
		}
	}

	.userInfoInput {
		margin-top: 15upx;
	}

	.userInfoInputPackage {
		border: 1px solid rgba(0, 0, 0, 0);
		display: inline-block;
		width: 614upx;
		border-radius: 10upx;
	}

	.userInfoInputMain {
		background: rgba(250, 250, 250, 1);
		margin-top: 18upx;
		padding: 0 22upx;

		>span {
			text-align: right;
			vertical-align: middle;
			display: inline-block;
			width: 106upx;
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
		}

		>input {
			border: none;
			outline: none;
			vertical-align: middle;
			display: inline-block;
			width: 340upx;
			margin-left: 49upx;
			height: 83upx;
			background: rgba(250, 250, 250, 1);
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
		}

		>image {
			margin-left: 50upx;
			vertical-align: middle;
			width: 20upx;
			height: 28upx;
		}

		>view {
			vertical-align: middle;
			display: inline-block;

			>image {
				vertical-align: middle;
				width: 21upx;
				height: 24upx;
				margin-right: 9upx;
			}

			>span {
				vertical-align: middle;
				font-size: 24upx;

				color: rgba(255, 68, 68, 1);
			}
		}

		/deep/.uni-input {
			margin-top: 27upx;
		}

		.timePickerView {
			vertical-align: middle;
			display: inline-block;
			margin-left: 49upx;
			width: 340upx;
			height: 83upx;

			>span {
				line-height: 83upx;
				vertical-align: top;
				margin: 0 10upx;
				font-size: 24upx;

				color: rgba(51, 51, 51, 1);
			}
		}
	}

	input::placeholder {
		font-size: 24upx;

		color: rgba(204, 204, 204, 1);
	}

	.userInfoPackage {
		padding: 34upx;
	}

	.checkInput::placeholder {
		font-size: 24upx;

		color: rgba(51, 51, 51, 1);
	}

	.userImg {
		margin-top: 26upx;
		display: inline-block;
		width: 688upx;
		background: rgba(255, 255, 255, 1);
		border-radius: 10px;
	}

	.twiceTitle {
		margin-top: 62upx;

		>span {
			vertical-align: middle;
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
		}

		>view {
			vertical-align: middle;
			overflow: visible !important;
			margin-top: 43upx;

			>view {
				vertical-align: middle;
				display: inline-block;
			}
		}
	}

	.twiceTitle1 {
		margin-top: 40upx;

		>span {
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
		}

		>view {
			margin-top: 43upx;

			>view {
				vertical-align: middle;
				display: inline-block;
			}
		}
	}

	.twiceTitle2 {
		margin-left: 36upx;
	}

	.submitButtom {
		margin-top: 57upx;
		width: 686upx;
		height: 83upx;
		background: #509DFD;
		border-radius: 42upx;
		text-align: center;

		>span {
			line-height: 83upx;
			font-size: 28upx;

			color: rgba(255, 255, 255, 1);
		}
	}

	.fill {
		width: 750upx;
		height: 36upx;
	}

	.userIntroduce {
		margin-top: 23upx;
		width: 688upx;
		background: rgba(255, 255, 255, 1);
		border-radius: 10px;
	}

	.userIntroduceInput {
		width: 554upx;
		height: 150upx;
		margin-top: 37upx;
		background: rgba(250, 250, 250, 1);
		border-radius: 10upx;
		padding: 30upx 23upx;
	}

	.userIntroduceInputPackage {
		>textarea {
			width: 554upx;
			height: 150upx;
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
		}
	}

	textarea::placeholder {
		font-size: 24upx;

		color: rgba(204, 204, 204, 1);
	}

	.userImgUpdata {
		width: 157upx;
		height: 157upx;
		background: rgba(246, 246, 246, 1);
		border: 1upx solid rgba(204, 204, 204, 1);
		border-radius: 10upx;
		text-align: center;

		>image {
			margin-top: 53upx;
			width: 53upx;
			height: 53upx;
		}
	}

	.imgPreview {
		overflow: hidden;
		width: 157upx;
		height: 157upx;
		background: gray;
		margin-right: 37upx;
		margin-bottom: 10upx;
		border-radius: 10upx;

		>image {
			width: 157upx;
			height: 157upx;
		}
	}

	.userIntroduceUpdata {
		margin-top: 39upx;

		>view {
			display: inline-block;
			vertical-align: middle;
		}
	}

	.mainTwo {
		margin-left: 31upx;
	}

	.twoPageTitle {
		display: flex;
		justify-content: space-between;

		>view {
			vertical-align: middle;
			display: inline-block;
		}
	}

	.twoPageTitleLeft {
		>view {
			vertical-align: middle;
		}

		>span {
			margin-left: 16upx;
			vertical-align: middle;
			font-size: 28upx;

			color: rgba(51, 51, 51, 1);
		}
	}

	.twoPageTitleRight {
		>span {
			vertical-align: middle;
			font-size: 24upx;

			color: rgba(255, 68, 68, 1);
		}
	}

	.checkType {}

	.checkBox {
		>label {
			margin-top: 57upx;
			display: block;

			>span {
				margin-left: 24upx;
				font-size: 24upx;

				color: rgba(51, 51, 51, 1);
			}
		}
	}

	.agreement {
		margin-top: 50upx;

		>label {
			>span {
				margin-left: 10upx;
				font-size: 24upx;

				color: #999999;

				>span {
					color: #4f6d8c;
				}
			}
		}
	}

	.agreement1 {
		margin-top: 30upx;

		>label {
			>span {
				margin-left: 10upx;
				font-size: 24upx;

				color: #999999;

				>span {
					color: #4f6d8c;
				}
			}
		}
	}

	.agreementButton {
		width: 21upx !important;
		height: 21upx !important;
	}

	.radio {
		>span {
			vertical-align: middle;
		}

		>image {
			vertical-align: middle;
			width: 25upx;
			height: 25upx;
		}
	}

	.close {
		width: 32upx !important;
		height: 32upx !important;
		position: relative;
		bottom: 150upx;
		left: 120upx;
		z-index: 30;
	}

	.full {
		width: 750upx;
		height: 118upx;
	}

	.iframe-wid-hgt {
		width: 100vw;
		position: fixed;
		bottom: 0;
		left: -50vw;
	}
	
	.cicupation {
		width: 750upx;
		height: 650upx;
		padding: 30upx;
		box-sizing: border-box;
		background-color: #ffffff;
		border-radius: 30upx 30upx 0 0;
		display: flex;
		padding-bottom: 150upx;
		
		.cicupation-left {
			padding-right: 10upx;
			height: 450upx;
			flex: 1;
			overflow: auto;
			.left-item {
				line-height: 60upx;
				font-size: 26upx;
				text-align: center;
				background-color: #ff4444;
				color: #ffffff;
				border-bottom: 1upx solid #eeeeee;
				border-radius: 15upx;
				margin-bottom: 20upx;
				font-weight: bold;
			}
			.left-nocheck {
				line-height: 60upx;
				font-size: 26upx;
				text-align: center;
				background-color: #f8f8f8;
				border-bottom: 1upx solid #eeeeee;
				border-radius: 15upx;
				margin-bottom: 20upx;
			}
		}
		.cicupation-right {
			flex: 1;
			padding-left: 10upx;
			height: 450upx;
			overflow: auto;
			.right-item {
				line-height: 60upx;
				font-size: 26upx;
				text-align: center;
				background-color: #ff4444;
				border-bottom: 1upx solid #eeeeee;
				border-radius: 15upx;
				margin-bottom: 20upx;
				color: #ffffff;
			}
			.right-nocheck {
				line-height: 60upx;
				font-size: 26upx;
				text-align: center;
				background-color: #f8f8f8;
				border-bottom: 1upx solid #eeeeee;
				border-radius: 15upx;
				margin-bottom: 20upx;
			}
		}
	}
	
	.dire {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.showPic {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;

		.showOne {
			width: 100%;
			height: 60%;
			background: black;
			position: fixed;
			opacity: 0.5;
			left: 0;
			bottom: 40%;
		}

		.showTwo {
			width: 100%;
			height: 560upx;
			background: white;
			position: fixed;
			left: 0;
			display: flex;
			bottom: 0;
			justify-content: space-around;

			.picName {
				width: 245rpx;
				height: 80rpx;
				line-height: 80rpx;
				margin-top: 10rpx;
				text-align: center;
				border-radius: 15rpx;
				font-size: 30upx;
				padding: 0 10upx;
			}
		}

		.suolBT {
			width: 84vw;
			padding: 0 60upx;
			position: absolute;
			bottom: 30upx;
		}
	}

	.noCheckedPic {
		background: #ff4444;
		color: white;
	}

	.checkedPic {
		background: white;
		color: black;
	}

	.twoLevelList {
		width: 350rpx;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}
	.homema{
		.check-item {
			padding: 0 10upx;
			border-radius: 10upx;
			background-color: #ff4444;
			color: #ffffff;
			height: 40upx;
			line-height: 40upx;
			text-align: center;
			display: inline-block;
			margin-right: 10upx;
			margin-bottom: 10upx;
			position: relative;
			>image {
				width: 30upx;
				height: 30upx;
				margin-top: 5upx;
				vertical-align: top;
				margin-left: 10upx;
			}
		}
	}
</style>
