<template>
	<view>
		<far-bottom></far-bottom>
		<view class="setPackage">
			<view class="userInfo">
				<view class="firstTitle">
					<view class="line"></view>
					<span>请填写店铺信息</span>
				</view>
				<view class="inputPackage">
					<view class="setInput">
						<span>店铺名称</span>
						<input placeholder="请输入店铺名称" :disabled="richText" v-model="userInfo.storename" />
					</view>
					<view class="setInput">
						<span>姓名</span>
						<input placeholder="请输入姓名" :disabled="richText" v-model="userInfo.name" />
					</view>
					<view class="setInput">
						<span>电话</span>
						<input placeholder="请输入联系电话" :disabled="richText" v-model="userInfo.mobile" type="number" />
					</view>
					<view class="userInfoInputMain">
						<span>所在地区</span>
						
						<view class="timePickerView">
						<view class="uni-input" style="font-size: 24upx;display: inline-block;" @tap="visble">{{provinceidName + areaidName + distidName}}</view>
						<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>
						
						
						
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
					<view class="userInfoInputMain">
						<span>店铺详情</span>
						<view class="timePickerView" @click="openRich">
							<view class="uni-input">富文本编辑</view>
							<span></span>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
					<view class="userInfoInputMain">
						<span>详细地址</span>
						<input  :disabled="!userInfo.lat" placeholder="点击定位详细地址" v-model="userInfo.address" />
						<view @click="getLocation">
							<image :src="imgfixUrls + 'merchant/where.svg'" />
							<span>定位</span>
						</view>
					</view>
					<view class="userInfoInputMain">
						<span>营业时间</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>
							<span @tap="showPicker('time')">{{ storehours[0].startTime }}</span>
							<span>-</span>
							->
							<span @tap="showPicker('timeend')">{{ storehours[0].endTime }}</span>
							<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>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
					
					<view class="userInfoInputMain">
						<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">
						<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 class="setInput">
						<span>核销密码</span>
						<input placeholder="请输入核销密码"  :disabled="richText"  @input="wordInput" maxlength="9" type="text" v-model="userInfo.verkey" />
					</view>
				</view>
			</view>
			
			<view class="userInfo" style="margin-top: 30upx;" v-if="userInfoWork.is_recruit == 1">
				<view class="firstTitle">
					<view class="line"></view>
					<span>企业招聘信息</span>
				</view>
				<view class="inputPackage">
					<view class="userInfoInputMain">
						<span>招聘状态</span>
						<view class="timePickerView">
							<picker @change="switchChange" class="dataPicker" :value="switchIndex" range-key="title" :range="switchList">
							    <view class="uni-input">{{switchList[switchIndex].title}}
								</view>
							</picker>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
				</view>
				<view class="inputPackage" v-if="switchIndex == 1">
					<view class="userInfoInputMain">
						<span>企业性质</span>
						<view class="timePickerView">
						<picker @change="natureChange" class="dataPicker" :value="natureIndex" range-key="title" :range="userInfoWork.nature">
						    <view class="uni-input">{{userInfoWork.nature[natureIndex].title}}
							</view>
						</picker>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
				</view>
				<view class="inputPackage" v-if="switchIndex == 1">
					<view class="userInfoInputMain">
						<span>企业规模</span>
						<view class="timePickerView">
						<picker @change="scaleChange" class="dataPicker" :value="scaleIndex" range-key="title" :range="userInfoWork.scale">
						    <view class="uni-input">{{userInfoWork.scale[scaleIndex].title}}
							</view>
						</picker>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
				</view>
				<view class="inputPackage" v-if="switchIndex == 1">
					<view class="userInfoInputMain">
						<span>企业规模</span>
						<view class="timePickerView">
						<picker @change="industryChange" class="dataPicker" :value="industryIndex" range-key="title" :range="userInfoWork.industry">
						    <view class="uni-input">{{userInfoWork.industry[industryIndex].title}}
							</view>
						</picker>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
				</view>
				<view class="twiceTitle" v-if="switchIndex == 1">
					<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>
			
			<!-- 同城配送 -->
			<view class="userInfo" style="margin-top: 30upx;" v-if="userInfoWork.is_delivery == 1">
				<view class="firstTitle">
					<view class="line"></view>
					<span>同城配送信息</span>
				</view>
				<view class="inputPackage">
					<view class="userInfoInputMain">
						<span>配送状态</span>
						<view class="timePickerView">
							<picker @change="deliveryChange" class="dataPicker" :value="userInfo.deliverystatus" range-key="title" :range="deliveryList">
							    <view class="uni-input">{{deliveryList[userInfo.deliverystatus].title}}
								</view>
							</picker>
						</view>
						<image :src="imgfixUrls + 'merchant/right.svg'" />
					</view>
				</view>
				<view v-if="userInfo.deliverystatus == 1">
					<view class="setInput dis-flex" style="height: auto;">
						<span style="line-height: 80upx;padding-right: 40upx;">接单方式</span>
						<radio-group @change="radioChange" class="dis-flex">
						    <label  v-for="(item, index) in orderItems" :key="item.value" class="dis-flex" style="line-height: 80upx;margin-right: 30upx;">
						        <view>
									<radio :value="item.value" :checked="index == userInfo.acceptstatus" />
						        </view>
						        <view class="f-24">{{item.name}}</view>
						    </label>
						</radio-group>
					</view>
					<view class="setInput dis-flex" style="height: auto;">
						<span style="line-height: 80upx;padding-right: 40upx;">配送方式</span>
						<checkbox-group @change="checkboxChange" style="display: inline-block;">
								<label  v-for="(item, index) in deliveryItems" :key="item.value" class="dis-flex" style="line-height: 80upx;">
								<view>
									<checkbox :value="item.value" :checked="item.checked" />
								</view>
								<view class="f-24">{{item.name}}</view>
							</label>
						</checkbox-group>
					</view>
					<view class="setInput" v-if="storeDelivery">
						<span>配送距离</span>
						<input placeholder="请输入配送距离" type="number" v-model="userInfo.deliverydistance" />
						<span style="width: 40upx;">km</span>
					</view>
					<view class="setInput" v-if="storeDelivery">
						<span>配送费</span>
						<input placeholder="请输入配送费" type="number" v-model="userInfo.deliverymoney" />
						<span style="width: 40upx;text-align: left;">元</span>
					</view>
					<view class="setInput" v-if="storeDelivery">
						<span>起送价格</span>
						<input placeholder="请输入起送价格" type="number" v-model="userInfo.lowdeliverymoney" />
						<span style="width: 40upx;text-align: left;">元</span>
					</view>
				</view>
				
			</view>
			<!-- 同城配送 -->
			
			<!-- 家政信息区域 -->
			<view class="userInfo" style="margin-top: 30upx;" v-if="userInfoWork.is_housekeep == 1">
				<view class="userInfoPackage">
					<view class="firstTitle">
						<view class="line"></view>
						<span>家政服务信息</span>
					</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: auto;">
									<!-- 	<picker mode="multiSelector" class="dataPicker" :range="typelist" @change="checkType" @columnchange="changeKey"
									 range-key="name" :value="typeIndex"> -->
			
									<view v-if="userInfoWork.store_housekeep_cate.length == 0" class="uni-input homema" style="height: 60upx;">请选择家政类目</view>
									<view v-else class="uni-input homema" style="margin-top: 20upx;">
										<view class="check-item" v-for="(item, index) in userInfoWork.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">
				<view class="firstTitle">
					<view class="line"></view>
					<span>店铺图片</span>
				</view>
				<view class="inputPackage">
					<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="submitButtom" @click="saveUserInfo"><span>提交</span></view>
		</view>
		<!-- 富文本弹窗 -->
		<PopManager :show="richText" type="center" @clickmask="richText = false">
			<view class="b-f" style="width: 80vw;height: 80vh;border-radius: 10upx;overflow: auto;" v-if="userInfo.introduction">
				<jinEdit placeholder="请输入内容" @editOk="editOk" uploadFileUrl="/#" :html="userInfo.introduction"></jinEdit> 
			</view>
		</PopManager>
		
		<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>
		<!-- 富文本弹窗 -->
		<!-- #ifdef H5 -->
		<PopManager :show="isOpenLaction" :type="'bottom'" :overlay="'false'" :showOverlay="'false'">
			<view class="iframe-wid-hgt" :style="{ height: phoneHeight }">
				<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=${userInfo.lat},${userInfo.lng}`"></iframe>
			</view>
		</PopManager>
		<!-- #endif -->
	</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 PopManager from '@/components/template/PopManager';
	import wPickerb from '@/components/w-picker/w-picker.vue'
	import jinEdit from '@/components/jin-edit/jin-edit.vue';
	// #ifdef H5
	import wxApi from '@/common/js/wxApi.js';
	// #endif

	export default {
		data() {
			return {
				type: null,
				visiblec:false,
				showoccupation:false,
				typeLists: [],
				typeIndex: [0, 0],
				cityIndex: [0, 0, 0],
				cate:[],
				rightList:[],
				title: 'hello',
				show: true,
				page: 1,
				date: '',
				time: '00:00',
				time1: '00:00',
				jobType: '美食餐饮 甜点饮品',
				typelist: [],
				typeList: [],
				citylist: [],
				cityList: [],
				chargeList: [],
				id: '',
				typeid: '',
				current: 0,
				onelevelName: '请选择行业分类',
				twolevelName: '',
				provinceidName: '请选择省市区',
				areaidName: '',
				distidName: '',
				imgPath: '',
				type1Url: '',
				type2Url: [],
				type3Url: [],
				type4Url: [],
				type5Url: [],
				userInfo: {
					storename: '',
					name: '',
					mobile: '',
					lat: '',
					lng: '',
					startTime: '00:00',
					endTime: '00:00',
					address: '',
					onelevel: '',
					twolevel: '',
					provinceid: '',
					areaid: '',
					distid: '',
					introduction: '',
					logo: '',
					adv: [],
					album: [],
					examine: [],
					thumbimages: [],
				},
				storeid: null,
				phoneHeight: null,
				isOpenLaction: false,
				owenscitylist:[],
				ono:0,
				visiblestarttime:false,
				visibleendtime:false,
				visibletimeoneT: false,
				visibletimeendT: false,
				visibletimeone: false,
				visibletimeend: false,
				richText:false,
				industryIndex:0,
				homemaIndex:0,
				homemaking:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				deliveryList:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				switchList:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				multistageList:[
					{title:'关闭',id:0},
					{title:'打开',id:1},
				],
				multistageIndex:0,
				switchIndex:0,
				natureIndex:0,
				scaleIndex:0,
				userInfoWork:{},
				storehours:[{
					endTime:'00:00',
					startTime:'00:00'
				}],
				lblis:{},
				orderItems:[
					{
						value:'0',
						name:'自动接单'
					},
					{
						value:'1',
						name:'手动接单'
					}
				],
				deliveryItems:[
					{
						value:'store',
						name:'商户配送',
						checked:false
					},
					{
						value:'make',
						name:'平台配送',
						checked:false
					},
					{
						value:'own',
						name:'到店自提',
						checked:false
					},
				],
				storeDelivery:false
			}
		},
		components: {
			PopManager,
			wPickerb,
			jinEdit
		},
		onLoad(e) {
			let _this = this;
			_this.owenscitylist = uni.getStorageSync('cityList');
			uni.getSystemInfo({
				success(res) {
					_this.phoneHeight = res.windowHeight + 'px';
				}
			});
			// #ifdef H5
			window.addEventListener(
				'message',
				function(event) {
					// 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
					let loc = event.data;
					let lblis;
					if(_this.ono == 1){
						return
					}
					if (loc && loc.module == 'locationPicker') {
						lblis = {
							lat:loc.latlng.lat,
							lng:loc.latlng.lng,
							detailed_address:loc.poiaddress
						}
						//防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
						console.log('location', loc);
						_this.userInfo.address = loc.poiaddress;
						_this.userInfo.lat = loc.latlng.lat;
						_this.userInfo.lng = loc.latlng.lng;
						_this.isOpenLaction = false;
						_this.getloctions(lblis);
					}
					_this.ono = 1;
					setTimeout(()=>{
						_this.ono = 0;
					},1000)
				},
				false
			);
			// #endif
			if (!!e.storeid) {
				_this.storeid = e.storeid;
				_this.init(e.storeid);
			} else {
				_this.init();
			}
		},
		methods: {
			radioChange: function(evt) {
			            for (let i = 0; i < this.orderItems.length; i++) {
			                if (this.orderItems[i].value === evt.detail.value) {
			                    this.userInfo.acceptstatus = i;
			                    break;
						}
				}
			},
			checkboxChange(e){
				console.log(e);
				this.userInfo.deliverytype = e.detail.value;
				this.storeDelivery = false;
				this.userInfo.deliverytype.map(item=>{
					if(item == 'store'){
						this.storeDelivery = true;
					}
				})
			},
			wordInput(e){
				// let password = new RegExp()
				// this.userInfo.verkey = ''
				let text = /[^\w\.\/]/ig;
				if(text.test(e.detail.value)){
					setTimeout(()=>{
						this.userInfo.verkey=e.detail.value.replace(/[^\w\.\/]/ig,'');
					})

				}
			},
			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.userInfoWork.store_housekeep_cate.push(item);
						} else {
							_this.userInfoWork.store_housekeep_cate.map((items, indexs) => {
								if (items.id == item.id) {
									_this.userInfoWork.store_housekeep_cate.splice(indexs, 1);
								}
							});
						}
					}
				});
				_this.loadlogo = !_this.loadlogo;
				_this.loadlogo = !_this.loadlogo;
			},
			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.loadlogo = !_this.loadlogo;
				_this.loadlogo = !_this.loadlogo;
			},
			deletcheck(id) {
				let _this = this;
				_this.cate.map((item, index) => {
					item.list.map((items, indexs) => {
						if (items.id == id) {
							items.checked = false;
						}
					});
				});
				_this.userInfoWork.store_housekeep_cate.map((items, indexs) => {
					if (items.id == id) {
						_this.userInfoWork.store_housekeep_cate.splice(indexs, 1);
					}
				});
				_this.rightList.map((items, indexs) => {
					if (items.id == id) {
						items.checked = false;
					}
				});
			},
			homemaChange(e){
				this.homemaIndex = e.detail.value;
			},
			scaleChange(e){
				this.scaleIndex = e.detail.value;
			},
			natureChange(e){
				this.natureIndex = e.detail.value;
			},
			deliveryChange(e){
				this.userInfo.deliverystatus = e.detail.value;
			},
			switchChange(e){ //招聘开关
				this.switchIndex = e.detail.value;
			},
			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;
			},
			openRich(){
				if(this.userInfo.introduction == ''){
					this.userInfo.introduction = '请输入内容'
				}
				this.richText = true;
				console.log('shabi',this.userInfo.introduction);
			},
			editOk(res) {
				// debugger
			    console.log('shabi',res.html);
							 this.userInfo.introduction = res.html;
							 this.richText = false;
			},
			getloctions(lblis){
				console.log(lblis,'666666');
				let _this = this;
				App._post_form(`&p=member&do=lng2areaid&lng=${lblis.lng}&lat=${lblis.lat}`, {}, res => {
			
					_this.owenscitylist.map((item,index)=>{
						if(item.id == res.data.provinceid){
							// _this.citytext  = item.name;
							// _this.userAddress.provinceidName = item.name;
							_this.provinceidName = item.name;
							this.userInfo.provinceid = item.id;
							
							item.area.map(items=>{
								if(items.id == res.data.cityid){
									_this.areaidName = items.name;
									this.userInfo.areaid = items.id;
									items.dist.map(itemss=>{
										if(itemss.id == res.data.countyid){
											this.distidName = itemss.name;
											this.userInfo.distid = itemss.id;
										}
									})
								}
							})
						}
					})
				});
			},
			visble(){
				this.visiblec = true;
			},
			onConfirm(e){
				console.log(e);
				this.provinceidName  = e.obj.province.label;
				this.areaidName  = e.obj.city.label;
				this.distidName  = e.obj.area.label;
				this.userInfo.provinceid = e.obj.province.value;
				this.userInfo.areaid = e.obj.city.value;
				this.userInfo.distid = e.obj.area.value;
				// this.$set(userInfo,'provinceid')
				console.log(this.userInfo.provinceid,this.userInfo.areaid,this.userInfo.distid)
				// this.citytext = e.result;
			},
			showPicker(type) {
				this.$refs[type].show();
				console.log(this.$refs[type]);
			},
			init(storeid) {
				let _this = this;
				if (!!storeid) {
					_this.getUserInfo(storeid);
					_this.type = 2;
				} else {
					uni.getStorage({
						key: 'checkStoreid',
						success: function(res) {
							_this.storeid = res.data;
							_this.getUserInfo(res.data);
							_this.type = 1;
						}
					});
				}
				//#ifdef H5
				wxApi.wxRegister();
				//#endif
				
			},
			uoloadIgs(length, ids = 0, resImg, type) {
				let _this = this
				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;
				// #ifdef H5
				if(App.getClientType() == 2){
					let res = await App.browser_upload(num);
				    console.info(res);
				    for (let i = 0; i < res.tempFilePaths.length; i++) {
				    	let aa = await App._upLoad(res.tempFilePaths[i]);
				    	console.info(aa);
				    	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);
				    		console.info(_this.userInfo.recruit_adv);
				    	}
				    	if (type == 5) {
				    		_this.type5Url.push(aa.data.img);
				    		_this.userInfo.thumbimages.push(aa.data.img);
				    	}
				    }
					return
				}
				wxApi.choseImage(res => {
					let i = res.localIds.length
					_this.uoloadIgs(i, 0, res, type)
				}, num);
				// #endif
				// #ifndef H5
				wx.chooseImage({
					count: 6,
					sourceType: ['album', 'camera'],
					success: async function(res) {
						console.info(res);
						for (let i = 0; i < res.tempFilePaths.length; i++) {
							let aa = await App._upLoad(res.tempFilePaths[i]);
							console.info(aa);
							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);
								console.info(_this.userInfo.recruit_adv);
							}
							if (type == 5) {
								_this.type5Url.push(aa.data.img);
								_this.userInfo.thumbimages.push(aa.data.img);
							}
						}
					}
				});
				// #endif
			},
			// 提交商户信息
			saveUserInfo() {
				let _this = this;
				// 判断
				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.mobile == '') {
					uni.showToast({
						icon: 'none',
						title: '联系电话不能为空',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.provinceid == '' || _this.userInfo.areaid == '' || _this.userInfo.distid == '') {
					uni.showToast({
						icon: 'none',
						title: '请选择所在地区',
						duration: 2000
					});
					return;
				}
				if (_this.userInfo.address == '') {
					uni.showToast({
						icon: 'none',
						title: '详细地址不能为空',
						duration: 2000
					});
					return;
				}
				if(!_this.userInfo.verkey){
					uni.showToast({
						icon: 'none',
						title: '核销密码不能为空',
						duration: 2000
					});
					return;
				}
				if(_this.switchIndex == 1){
					_this.userInfo.recruit_switch = _this.switchIndex;
					_this.userInfo.recruit_nature_id = _this.userInfoWork.nature[_this.natureIndex].id;
					_this.userInfo.recruit_scale_id = _this.userInfoWork.scale[_this.scaleIndex].id;
					_this.userInfo.recruit_industry_id = _this.userInfoWork.industry[_this.industryIndex].id;
				}else{
					_this.userInfo.recruit_switch = 0;
					_this.userInfo.recruit_nature_id = '';
					_this.userInfo.recruit_scale_id = '';
					_this.userInfo.recruit_industry_id = '';
					_this.userInfo.recruit_adv = [];
				}
				// 判断
				// let jsonString = JSON.stringify(this.userInfo.cateidArray);
				// debugger
				let store_housekeep = [];
				if(_this.userInfoWork.is_housekeep == 1){
				if (_this.homemaIndex != 0) {
					// debugger
					
					if (_this.userInfoWork.store_housekeep_cate.length == 0) {
						uni.showToast({
							icon: 'none',
							title: '请至少选择一个家政类目',
							duration: 2000
						});
						return
					}
					this.userInfo.housekeepstatus = this.homemaking[this.homemaIndex].id;
					// debugger
					this.userInfoWork.store_housekeep_cate.map((item,index)=>{
						store_housekeep.push(item.id)
					})
				}
				}
				if(_this.userInfoWork.is_delivery == 1){
					if (_this.userInfo.deliverystatus == 1) {
					// debugger
					
					if (_this.userInfo.deliverytype.length == 0) {
						uni.showToast({
							icon: 'none',
							title: '请至少选择一个配送方式',
							duration: 2000
						});
						return
					}
					// if (_this.userInfo.deliverydistance) {
					// 	uni.showToast({
					// 		icon: 'none',
					// 		title: '请填写起送距离',
					// 		duration: 2000
					// 	});
					// 	return
					// }
				}
				}
				console.log(this.userInfo)
				
				
				// 判断
				let housekeep_cate = JSON.stringify(store_housekeep);
				let storehours = JSON.stringify(this.storehours);
				let base64 = new this.$util.Base64();
				storehours = base64.encode(storehours);
				// this.userInfo.cateidArray = base64.encode(jsonString);
				// _this.userinfo.storehours = storehours;
				let data = _this.userInfo;
				data.storehours = storehours
				data.store_housekeep_cate = base64.encode(housekeep_cate);
				data['storeid'] = _this.storeid;
				if(_this.userInfo.introduction == '请输入内容'){
					_this.userInfo.introduction = '';
				}
				data['detail'] = _this.userInfo.introduction;
				console.info(_this.userInfo);
				// uni.showModal({
				// 	content:JSON.stringify(_this.userInfo)
				// })
				App._post_form('&p=store&do=createStore', data, res => {
					uni.setStorageSync('userId', res.data);
					uni.showToast({
						icon: 'none',
						title: '修改成功',
						duration: 2000
					});
					if (_this.type == '1') {
						App.navigationTo({
							url: 'pages/subPages/merchant/merchantUerCenter/merchantUerCenter'
						});
					} else if (_this.type == '2') {
						App.navigationTo({
							url: 'pages/subPages/merchant/merchantChangeShop/merchantChangeShop'
						});
					}
				});
			},

			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);
						}
					}
				}
				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);
						}
					}
				}
			},
			closeLogo() {
				let _this = this;
				_this.type1Url = '';
				_this.userInfo.logo = '';
			},
			getUserInfo(storeid) {
				let _this = this;
				let data = {
					id: storeid
				};
				let listLeft = [];
				let listRight = [];
				let cityListLeft = [];
				let cityListCenter = [];
				let cityListRight = [];
				App._post_form('&p=store&do=storeSettled', data, res => {
					
					_this.userInfo = res.data.store;
					_this.storehours = _this.userInfo.storehours;
					if(_this.storehours.length == 2){
						_this.multistageIndex = 1;
					}
					_this.userInfoWork = res.data;
					_this.type1Url = res.data.store.logo;
					_this.homemaIndex = _this.userInfo.housekeepstatus;
					_this.type1Url = res.data.store.logo;
					_this.userInfo.deliverytype.map(item=>{
						_this.deliveryItems.map(items=>{
							if(item == items.value){
								items.checked = true;
							}
							if(item == 'store'){
								this.storeDelivery = true;
							}
						})
					})
					if (res.data.store.adv.length !== 0) {
						for (let i = 0; i < res.data.store.adv.length; i++) {
							_this.type2Url.push(res.data.store.adv[i]);
						}
					}
					if (res.data.store.album.length !== 0) {
						for (let i = 0; i < res.data.store.album.length; i++) {
							_this.type3Url.push(res.data.store.album[i]);
						}
					}
					if (!!res.data.store.examineimg) {
						for (let i = 0; i < res.data.store.examineimg.length; i++) {
							_this.type4Url.push(res.data.store.examineimg[i]);
						}
					}
					if(!!res.data.all_housekeep_cate){
						_this.cate = res.data.all_housekeep_cate;
						_this.cate.map((item,index)=>{
							item.list.map((items,indexs)=>{
								_this.userInfoWork.store_housekeep_cate.map((itemss,indexss)=>{
									if(items.id == itemss.id){
										items.checked = true;
									}
								})
							})
							
						})
					}
					uni.setStorageSync('agreement', res.data.registerdetail);
					_this.typelist = [];
					let data = {
						provinceid: res.data.store.provinceid,
						areaid: res.data.store.areaid,
						distid: res.data.store.distid
					};
					_this.switchIndex = _this.userInfo.recruit_switch;
					_this.type4Url =JSON.parse(JSON.stringify(_this.userInfo.recruit_adv));
					if(_this.userInfoWork.is_recruit == 1){
						_this.userInfoWork.nature.map((item,index)=>{
							if(item.id == _this.userInfo.recruit_nature_id){
								_this.natureIndex = index;
							}
						});
						_this.userInfoWork.industry.map((item,index)=>{
							if(item.id == _this.userInfo.recruit_industry_id){
								_this.industryIndex = index;
							}
						});
						_this.userInfoWork.scale.map((item,index)=>{
							if(item.id == _this.userInfo.recruit_scale_id){
								_this.scaleIndex = index;
							}
						})
					}
					
					App._post_form('&p=store&do=area2type', data, res => {
						if (res.data.length == 0) {
							_this.typelist.push([{
								name: '该地区暂无分类',
								id: ''
							}]);
						} else {
							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.typeLists = res.data;
							_this.typelist.push(listLeft);
							_this.typelist.push(listRight);
							// 获取分类列表数据
							for (let i = 0; i < _this.typeLists.length; i++) {
								console.info(_this.typeLists[i]);
								if (_this.typeLists[i].id == _this.userInfo.onelevel) {
									_this.typeIndex[0] = i;
									_this.onelevelName = _this.typeLists[i].name;
									// 循环二级
									for (let a = 0; a < _this.typeLists[i].twotype.length; a++) {
										if (_this.typeLists[i].twotype[a].id == _this.userInfo.twolevel) {
											_this.typeIndex[1] = a;
											_this.twolevelName = _this.typeLists[i].twotype[a].name;
										}
									}
								}
							}
							// 获取分类列表数据
						}
					});
					

					// 获取城市列表数据
					_this.cityList = res.data.citylist;
					for (let i = 0; i < res.data.citylist.length; i++) {
						cityListLeft.push(res.data.citylist[i]);
						if (res.data.store.provinceid == res.data.citylist[i].id) {
							_this.provinceidName = res.data.citylist[i].name;
							_this.cityIndex[0] = i;
							// 循环市
							for (let a = 0; a < res.data.citylist[i].area.length; a++) {
								cityListCenter.push(res.data.citylist[i].area[a]);
								if (res.data.store.areaid == res.data.citylist[i].area[a].id) {
									_this.areaidName = res.data.citylist[i].area[a].name;
									_this.cityIndex[1] = a;
									// 三级循环
									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.store.distid == res.data.citylist[i].area[a].dist[c].id) {
											_this.distidName = res.data.citylist[i].area[a].dist[c].name;
											_this.cityIndex[2] = c;
										}
									}
								}
							}
						}
					}

					_this.citylist.push(cityListLeft);
					_this.citylist.push(cityListCenter);
					_this.citylist.push(cityListRight);
					// 获取城市列表数据
					_this.userInfo.introduction = res.data.store.introduction;
					// debugger
				});
			},
			// 行业分类确定按钮
			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.typeLists.length; i++) {
					if (e.target.value == i && e.target.column == 0) {
						for (let a = 0; a < _this.typeLists[i].twotype.length; a++) {
							listRight.push(_this.typeLists[i].twotype[a]);
						}
						_this.typelist.splice(1, 2, listRight);
						console.info(listRight);
					}
				}
			},
			// 城市列表确定按钮
			checkCity: function(e) {
				let _this = this;
				_this.provinceidName = _this.citylist[0][e.target.value[0]].name;
				_this.areaidName = _this.citylist[1][e.target.value[1]].name;
				_this.distidName = _this.citylist[2][e.target.value[2]].name;
				_this.userInfo.provinceid = _this.citylist[0][e.target.value[0]].id;
				_this.userInfo.areaid = _this.citylist[1][e.target.value[1]].id;
				_this.userInfo.distid = _this.citylist[2][e.target.value[2]].id;
				_this.userInfo.onelevel = '';
				_this.userInfo.twolevel = '';
				_this.onelevelName = '请选择行业分类';
				_this.twolevelName = '';
				_this.getAreaTypeList();
			},
			// 通过地区id获取商户分类
			getAreaTypeList() {
				let _this = this;
				_this.typelist = [];
				let listLeft = [];
				let listRight = [];
				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 {
						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.typeLists = res.data;
						_this.typelist.push(listLeft);
						_this.typelist.push(listRight);
					}
				});
			},
			// 城市列表三级联动
			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);
				}
			},
			// 获取定位
			getLocation() {
				let _this = this;
				// #ifdef MP-WEIXIN
				uni.chooseLocation({
					keyword: '',
					latitude: _this.userInfo.lat,
					longitude: _this.userInfo.lng,
					success: function(res) {
						_this.userInfo.address = res.address;
						_this.userInfo.lat = res.latitude;
						_this.userInfo.lng = res.longitude;
					}
				});
				// #endif
				// #ifdef H5
				_this.isOpenLaction = true;
				// #endif
				//#ifdef APP-PLUS
				      App.navigationTo({
				       url: `pages/subPages2/map/index?lat=${_this.userInfo.lat}&lng=${_this.userInfo.lng}`
				      });
				//#endif
			},
			// 选择开始营业时间
			bindTimeChangeStarT: function(e) {
				let _this = this;
				console.log(e);
				_this.storehours[1].startTime = e.result;
			},
			// 选择开始营业时间
			bindTimeChangeStar: function(e) {
				let _this = this;
				console.log(e);
				_this.storehours[0].startTime = e.result;
			},
			onCancel(e) {
				console.log(e);
			},
			onCancelEnd(e) {
				console.log(e);
			},
			// 选择结束营业时间
			bindTimeChangeEnd: function(e) {
				let _this = this;
				console.log(e);
				_this.storehours[0].endTime = e.result;
			},
			// 选择结束营业时间
			bindTimeChangeEndT: function(e) {
				let _this = this;
				console.log(e,this.storehours);
				_this.storehours[1].endTime = e.result;
			},
			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">
	.imgPreview {
		overflow: hidden;
		width: 157upx;
		height: 157upx;
		background: gray;
		margin-right: 37upx;
		margin-bottom: 10upx;
		border-radius: 10upx;
	
		>image {
			width: 157upx;
			height: 157upx;
		}
	}
	
	.close {
		width: 32upx !important;
		height: 32upx !important;
		position: relative;
		bottom: 150upx;
		left: 120upx;
		z-index: 30;
	}
	.userImg {
		margin-top: 26upx;
		display: inline-block;
		width: 628upx;
		background: rgba(255, 255, 255, 1);
		border-radius: 10px;
		padding: 30upx;
	}

	.userInfo {
		width: 628upx;
		background: white;
		border-radius: 10upx;
		background: rgba(255, 255, 255, 1);
		padding: 30upx;
	}

	.submitButtom {
		margin: 100upx auto 0 auto;
		width: 690upx;
		height: 83upx;
		background: rgba(51, 136, 255, 1);
		border-radius: 42upx;
		text-align: center;

		>span {
			line-height: 83upx;
			font-size: 28upx;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
		}
	}

	.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;
			}
		}
	}

	.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;
		}
	}

	

	.twiceTitle2 {
		margin-left: 36upx;
	}

	.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;
			}
		}
	}

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

	page {
		font-size: 0;
	}

	.setPackage {
		background: #f8f8f8;
		padding: 30upx;
	}

	.firstTitle {
		margin-top: 20upx;

		>span {
			margin-left: 10upx;
			vertical-align: middle;
			font-size: 28upx;
			font-weight: bold;
			color: rgba(51, 51, 51, 1);
		}
	}

	.line {
		display: inline-block;
		vertical-align: middle;
		width: 8upx;
		height: 27upx;
		background: rgba(51, 136, 255, 1);
		border-radius: 4upx;
	}
	
	.setInput /deep/ .uni-radio-input{
		width: 30upx;
		height: 30upx;
	}
	
	.setInput {
		margin-top: 15upx;
		height: 83upx;
		background: rgba(250, 250, 250, 1);
		border-radius: 10upx;

		>span {
			text-align: right;
			display: inline-block;
			width: 120upx;
			vertical-align: middle;
			// padding-left: 30upx;
			font-size: 24upx;

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

		>input {
			font-size: 24upx;

			color: rgba(51, 51, 51, 1);
			padding-left: 40upx;
			vertical-align: middle;
			display: inline-block;
			height: 100%;
			width: 400upx;
		}
	}

	.inputPackage {
		margin-top: 15upx;
	}

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

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

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

		>input {
			border: none;
			outline: none;
			vertical-align: middle;
			display: inline-block;
			width: 350upx;
			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: 350upx;
			height: 83upx;

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

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

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

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

		>span {
			line-height: 83upx;
			vertical-align: top;
			margin: 0 10upx;
			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;
	}

	.iframe-wid-hgt {
		width: 100vw;
	}
	.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;
			}
		}
	}
	.cicupation {
		width: 750upx;
		height: 550upx;
		padding: 30upx;
		box-sizing: border-box;
		background-color: #ffffff;
		border-radius: 30upx 30upx 0 0;
		display: flex;
		.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;
			}
		}
	}
</style>
