<!--
 * @Descripttion: 
 * @version: 
 * @Author: kBank
 * @Date: 2022-11-21 15:11:22
-->
<template>
  <view class="content">
	 <u-popup :show="sucShow"
	           closeable
	           :round="10"
	           mode="center"
	           @close="sucShow= false">
			   <view class="title-s" style="color: #333;font-size: 34rpx;font-weight: bold;
			   text-align: center;margin-top: 30rpx;">{{$t('CK_KS_19')}}</view>
			    <view class="height-auto">
					<div v-html="cause" class="img_width"></div>
					<div class="button-s" style="margin:50rpx auto" @click="checks(2)">{{$t('CK_KS_20')}}</div>
				</view>
			   </u-popup>
			   <view class="views" v-if="status == 3 || status==4 || status==5 || status==2">
				   <div class="img_cen" v-if="status == 3">
				     <div class="status-img">
				   	<image src="../../static/images/markerSpace/status2.png"></image>
				     </div>
				   <div class="status-size bolds">{{$t('CK_KS_21')}}</div>
				   <div class="status-size">{{$t('CK_KS_22')}}</div>
				   <div class="status-size">{{$t('CK_KS_23')}}</div>
				   </div>
				      <div class="img_cen"  v-if="status == 4">
				   	  <div class="status-img">
				   	   <image src="../../static/images/markerSpace/status1.png"></image>
				   	  </div>
				   	<div class="status-size bolds">{{$t('CK_KS_26')}}</div>
				   	<div class="button-s" style="margin-top: 30px" @click="sucShow=true">{{$t('MY_ORD_76')}}</div>
				   	</div>
				    <div class="img_cen"  v-if="status == 5">
				   	  <div class="status-img">
				   			<image src="../../static/images/markerSpace/status3.png"></image>
				   	  </div>
				   	  <div class="status-size bolds" v-if='userInfo.makerSpaceShow == 1||userInfo.makerSpaceShow == undefined'>{{$t('CK_KS_24')}}</div>
				   	  <div class="status-size bolds" v-if='userInfo.makerSpaceShow == 2'>{{$t('CK_KS_159')}}</div>
				   	  <div class="button-s" style="margin-top: 30px" @click="checks(1)">{{$t('CK_KS_25')}}</div>
				   	</div>
				   
			   </view>
	<view class="markerSpce" v-if="status==1">
	<view class="tops">
		<view class="text">{{$t('CK_KS_29')}}</view>
		<view class="button" @click="downloads">{{$t('CK_KS_28')}}</view>
		<a href="link"></a>
	</view>
	 <u-form 	labelWidth="140px"
				    :rules="rules"
	               :model="table"
	               ref="uForm">
	<view class="contents">
		<view class="lines-height">
			<view class="lines"></view>
			<view class="text_s">{{$t('CK_KS_27')}}</view>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('MN_T_1')"  :required="required1" >
			<u-input v-model="memberCode"
			class="texts"
			:disabled=disabled1
			   placeholder=""
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_14')"   :required="required1" >
			<u-input v-model="memberName"
			class="texts"
			:disabled="disabled1"
			   placeholder=""
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_30')"  :required="required1" prop="storeName">
			<u-input v-model="table.storeName"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_31')"   :required="required1" >
			<u-input v-model="storeLevelVal"
			class="texts"
			:disabled="disabled1"
			   placeholder=""
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
			<u-form-item :label="$t('CK_KS_32')"  :required="required1" prop="licenseName">
				<u-input v-model="table.licenseName"
								 class="texts"
                 maxlength="100"
								 placeholder-class="place"
								 :disabled="disableds"
								 :placeholder="$t('S_C_70')"
								 border="none"></u-input>
			</u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_33')"  :required="required1" prop="creditCode">
			<u-input v-model="table.creditCode"
			class="texts"
      maxlength="100"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_34')"  :required="required1" prop="legalName">
			<u-input v-model="table.legalName"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_35')"  :required="required1" prop="legalIdCard">
			<u-input v-model="table.legalIdCard"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s" @click="getDiqu(1)">
		  <u-form-item :label="$t('CK_KS_37')"  :required="required1">
				<view style="padding-left: 20rpx;color: rgb(192, 196, 204)" v-if="address==''">请选择营业执照地址</view>
				<view style="padding-left: 20rpx;color: #333" v-else>{{address}}</view>
		  </u-form-item>
		  <view class="right-icon">
		  			  <u-icon name="arrow-right" color="#090000"></u-icon>
		  </view>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('S_C_27')"  :required="required1" prop="licenseAddress">
			<u-input v-model="table.licenseAddress"
			class="texts"
      maxlength="200"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('S_C_86')"  :required="required1" prop="storePerson">
			<u-input v-model="table.storePerson"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>	
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('w_0052')"  :required="required1" prop="storePhone">
			<u-input v-model="table.storePhone"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>	
		</view>
		<view class="padding-s"  @click="getDiqu1(2)">
		  <u-form-item :label="$t('S_C_27')"  :required="required1">
				<view style="padding-left: 20rpx;color: rgb(192, 196, 204)" v-if="address1==''">请选择详细地址</view>
				<view style="padding-left: 20rpx;color: #333" v-else>{{address1}}</view>
		  </u-form-item>	
		  <view class="right-icon">
		  			  <u-icon name="arrow-right" color="#090000"></u-icon>
		  </view>
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('S_C_27')"  :required="required1" prop="storeAddress">
			<u-input v-model="table.storeAddress"
			class="texts"
      maxlength="200"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>	
		</view>
			<picker :value="table.pkBank" :disabled="disableds" mode="selector" @change="bindDateChange1" :range="bankCardChioceList" range-key="bankName">
				<view class="padding-s">
				  <u-form-item :label="$t('CK_KS_41')"  :required="required1">
						<view style="padding-left: 20rpx;color: rgb(192, 196, 204)" v-if="bankName==''">请选择银行名称</view>
					<view v-else-if="bankName!=''" style="margin-left: 20rpx;">
						   {{bankName}}
					</view>
				  </u-form-item>			  
			  <view class="right-icon">
						  <u-icon name="arrow-right" color="#090000"></u-icon>
			  </view>
			</view>
			</picker>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_42')"  :required="required1" prop="bankAccount">
			<u-input v-model="table.bankAccount"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>	
		</view>
		<view class="padding-s">
		  <u-form-item :label="$t('CK_KS_43')"  :required="required1" prop="bankBranch">
			<u-input v-model="table.bankBranch"
			class="texts"
			placeholder-class="place"
			:disabled="disableds"
			   :placeholder="$t('S_C_70')"
			 border="none"></u-input>
		  </u-form-item>	
		</view>
		<view class="height none-s">
		  <u-form-item :label="$t('CK_KS_44')"  :required="required1">
			
		  </u-form-item>	
		 <view class="text">{{$t('CK_KS_45')}}</view> 
		<view class="upload-content">
		<view>
			<view class="upload" @click="updateImg(10)" v-if="isEmpty(table.storeSign)==true" >
					<u-icon name="plus" color="#333"></u-icon>
			</view>
			<view class="upload-img" v-else>
				<image class="img-width" :src="table.storeSign"></image>
				<view class="close-icon"  @click="delStops('storeSign', 10)" v-if="isEmpty(table.storeSign)==false">
					<u-icon name="close"></u-icon>
				</view>
			</view>
		</view>
		<view class="text-s">
			<view class="text-colors" v-for="item in tips1">
				{{item}}
			</view>
			</view>
		</view>
		
		</view>
		<view style="height:25rpx;background-color: #f2f2f2;"></view>
		<view class="lines-height">
			<view class="lines"></view>
			<view class="text_s">{{$t('CK_KS_53')}}</view>
		</view>
		<view class="height">
		  <u-form-item :label="$t('CK_KS_54')"  :required="required1">
			
		  </u-form-item>	
		 <view class="text">{{$t('CK_KS_55')}}</view> 
		<view class="upload-content">
		<view class="content_s">
			<view>
				<image @click="updateImg(11)" v-if="isEmpty(table.legalCardFront)==true" class="img-width" style="width: 200rpx;height: 150rpx;" src="@/static/images/markerSpace/idCard-img1.png" />
				
				<view class="upload-img" style="width: 200rpx;"  v-else>
					<image class="img-width" style="width: 200rpx;height: 150rpx;" :src="table.legalCardFront"></image>
					<view class="close-icon"  @click="delStops('legalCardFront', 11)" v-if="isEmpty(table.legalCardFront)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<image @click="updateImg(12)" v-if="isEmpty(table.legalCardBack)==true" class="img-width" style="width: 200rpx;height: 150rpx;margin-left: 30rpx;" src="@/static/images/markerSpace/idCard-img2.png" />
			
				<view class="upload-img" v-else style="width: 200rpx;margin-left: 30rpx;">
					<image class="img-width" style="width: 200rpx;height: 150rpx; " :src="table.legalCardBack"></image>
					<view class="close-icon"  @click="delStops('legalCardBack', 12)" v-if="isEmpty(table.legalCardBack)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<view class="text-s">
			<view class="text-colors" v-for="item in tips1">
				{{item}}
			</view>
			</view>
		</view>
		</view>
		<view class="height">
		  <u-form-item :label="$t('CK_KS_56')"  :required="required1">
			
		  </u-form-item>	
		 <view class="text">{{$t('CK_KS_55')}}</view> 
		<view class="upload-content">
		<view class="content_s">
			<view>
				<view class="upload" @click="updateImg(13)" v-if="isEmpty(table.license)==true">
						<u-icon name="plus"></u-icon>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.license"></image>
					<view class="close-icon"  @click="delStops('license', 13)" v-if="isEmpty(table.license)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<view class="text-s">
			<view class="text-colors" v-for="item in tips1">
				{{item}}
			</view>
			</view>
		</view>
		</view>
		<view class="height">
		  <u-form-item :label="$t('CK_KS_80')" label-width="200px" :required="required1">
		  </u-form-item>	
		 <view class="text">{{$t('CK_KS_61')}}</view> 
		<view class="upload-content">
		<view class="content_s">
			<view style="display: flex;flex-wrap: wrap;">
				<view class="upload-img" v-for="(item,index) in table.storeAgreementList">
					<image class="img-width" :src="item"></image>
					<view class="close-icon"  @click="delStop(index)">
						<u-icon name="close"></u-icon>
					</view>
				</view>
				<view class="upload" :style="table.storeAgreementList.length>=4?'margin-left:10px':''"  @click="updateImgs(14)">
						<u-icon name="plus"></u-icon>
				</view>
			</view>
		</view>
		<view class="text-s">
			<view class="text-colors" v-for="item in tips1">
				{{item}}
			</view>
			</view>
		</view>
		</view>
		<view class="height">
		  <u-form-item  :label="`${$t('CK_KS_60')} (${getUserVideoSum()}`+'/3)'"  :required="required1">
			
		  </u-form-item>	
		 <view class="text">{{$t('CK_KS_61')}}</view> 
		<view class="upload-content">
		<view class="content_s">
			<view>
				<view class="upload" @click="updateVideo(1)"  v-if="isEmpty(table.videoDoorhead)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_62')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<video class="img-width" :src="table.videoDoorhead"></video>
					<view class="close-icon"  @click="delStops('videoDoorhead', 1)"  v-if="isEmpty(table.videoDoorhead)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateVideo(2)"  v-if="isEmpty(table.videoStore)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_64')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<video class="img-width" :src="table.videoStore"></video>					
					<view class="close-icon"  @click="delStops('videoStore', 2)" v-if="isEmpty(table.videoStore)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateVideo(3)"  v-if="isEmpty(table.videoProduct)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_65')}}
						</view>
				</view>
				<view class="upload-img" v-else>	
					<video class="img-width" :src="table.videoProduct"></video>		
					<view class="close-icon"  @click="delStops('videoProduct', 3)"  v-if="isEmpty(table.videoProduct)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<view class="text-s">
			<view class="text-colors" v-for="item in tips2">
				{{item}}
			</view>
			</view>
		</view>
		</view>
		<view class="height">
<!--		  <u-form-item label="门店图片(0/10)" label-width="200px" :required="required1">-->
				<u-form-item  :label="`${$t('CK_KS_67')} (${getUserVideoSum1()}`+'/10)'"  label-width="200px"  :required="required1">
				</u-form-item>
		 <view class="text">{{$t('CK_KS_45')}}</view> 
		<view class="upload-content">
		<view class="content_s" style="display: flex;flex-wrap: wrap;">
			<view>
				<view class="upload" @click="updateImg(21)" v-if="isEmpty(table.imageDoorhead1)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_62')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageDoorhead1"></image>
					<view class="close-icon"  @click="delStops('imageDoorhead1', 21)" v-if="isEmpty(table.imageDoorhead1)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(23)" v-if="isEmpty(table.imageExperience1)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_68')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageExperience1"></image>
					<view class="close-icon"  @click="delStops('imageExperience1', 23)" v-if="isEmpty(table.imageExperience1)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(25)" v-if="isEmpty(table.imageMeeting1)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_69')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageMeeting1"></image>
					<view class="close-icon"  @click="delStops('imageMeeting1', 25)" v-if="isEmpty(table.imageMeeting1)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(27)"  v-if="isEmpty(table.imageProduct1)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_70')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageProduct1"></image>
					<view class="close-icon"  @click="delStops('imageProduct1', 27)" v-if="isEmpty(table.imageProduct1)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(22)"  v-if="isEmpty(table.imageDoorhead2)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_62')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageDoorhead2"></image>
					<view class="close-icon"  @click="
					('imageDoorhead2', 22)" v-if="isEmpty(table.imageDoorhead2)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(24)"  v-if="isEmpty(table.imageExperience2)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_68')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageExperience2"></image>
					<view class="close-icon"  @click="delStops('imageExperience2', 24)"  v-if="isEmpty(table.imageExperience2)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(26)"  v-if="isEmpty(table.imageMeeting2)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_69')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageMeeting2"></image>
					<view class="close-icon"  @click="delStops('imageMeeting2', 26)"  v-if="isEmpty(table.imageMeeting2)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(28)" v-if="isEmpty(table.imageProduct2)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_70')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageProduct2"></image>
					<view class="close-icon"  @click="delStops('imageProduct2', 28)" v-if="isEmpty(table.imageProduct2)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(29)" v-if="isEmpty(table.imageLounge1)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_71')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageLounge1"></image>
					<view class="close-icon"  @click="delStops('imageLounge1', 29)" v-if="isEmpty(table.imageLounge1)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
			<view>
				<view class="upload" @click="updateImg(30)" v-if="isEmpty(table.imageLounge2)==true">
						<u-icon name="plus"></u-icon>
						<view class="text-tips">
							{{$t('CK_KS_71')}}
						</view>
				</view>
				<view class="upload-img" v-else>
					<image class="img-width" :src="table.imageLounge2"></image>
					<view class="close-icon"  @click="delStops('imageLounge2', 30)" v-if="isEmpty(table.imageLounge2)==false">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<view class="text-s">
			<view class="text-colors" v-for="item in tips1">
				{{item}}
			</view>
			</view>
		</view>
		</view>
		
		</view>
		<view class="submit" v-if="status == 1 && status_flag==true" @click="submit">{{text}}</view>
		
		 <v-address ref="address"
				@getAddressData="AddressData"
				:defaultCode="defaultCode"
				@addressData="addressData"></v-address>
		
	</u-form>
	<v-address-s ref="address1"
		@getAddressData1="AddressData1"
		:defaultCode="defaultCode1"
		@addressData1="addressData1">
		
	</v-address-s>
  <u-modal :show="isShow" @confirm="confirm" ref="uModal"  :title="$t('w_0034')" :content="$t('w_1030')"></u-modal>
  </view> 
  </view>
</template>

<script>
import * as api from '@/config/approve.js'
import address from '@/components/addressMarket.vue'
import address1 from '@/components/setAddressMarket.vue'
import { getToken, removeToken } from '@/config/auth.js'
export default { 
  data() {
    return {
      isShow:false,
	addressIndex:null,
	status_flag:true,
	cause:'', //驳回原因
	sucShow:false,
	required1:true,
	disabled1:true,
	defaultCode:[],
	defaultCode1:[],
	 tips1:[`${this.$t('CK_KS_48')}：jpg,png`,this.$t('CK_KS_49'),this.$t('CK_KS_50')],
	 tips2:[this.$t('CK_KS_92'),this.$t('CK_KS_66')],
	  text:this.$t('CK_KS_72'),
	  bankName:'',
	  disableds: false,
	   storeTypes: 1,
		memberCode:'',
		memberName:'',
		storeLevelVal:'',
		 show1:false,
		  status: null, //0未上传过 1已上传正在系统审核 2审核已成功只能查看无法编辑 3审核被驳回
		  table: {
			storeType:1,
			status: 0,
			storeName: "", //名称
			storeLevelVal: "", //创客空间等级
			licenseName: "", //营业执照名称
			creditCode: "", //统一社会信用代码
			legalName: "", //法人姓名
			legalIdCard: "", //法人身份证号
			licenseProvince: "", //营业执照省
			licenseCity: "", //营业执照市
			licenseCounty: "", //营业执照区
			licenseAddress: "", //营业执照详细地址
			storePerson: "", //联系人
			storePhone: "", //联系方式
			pkBank: "", //银行名称
			bankAccount: "", //银行账号
			storeProvince: "", //省
			storeCity: "", //市
			storeCounty: "", //区
			storeAddress: "", //详细地址
			storeSign: "", // 创客空间标志
			legalCardFront: "", //法人身份证正面
			legalCardBack: "", // 法人身份证反面
			license: "", // 营业执照
			storeAgreementList: [], // 协议列表
			videoDoorhead: "", // 门店门头视频
			videoStore: "", // 门店店内视频
			videoProduct: "", // 门店产品视频
			imageDoorhead1: "", // 门店门头图片1
			imageDoorhead2: "", // 门店门头图片2
			imageExperience1: "", // 门店体验区图片1
			imageExperience2: "", // 门店体验区图片2
			imageMeeting1: "", // 门店会议室图片1
			imageMeeting2: "", // 门店会议室图片2
			imageProduct1: "", // 门店产品图片1
			imageProduct2: "", // 门店产品图片2
			imageLounge1: "", // 门店休息室图片1
			imageLounge2: "", // 门店休息室图片2
			bankBranch: "",//开户支行
		  },
		  address:'',//营业执照地址
		  address1:'',//详细地址
		  bankCardChioceList: [],
		  rules: {
			storeName: [
			  { required: true, message: "请输入创客空间名称", trigger: "blur" },
			],
			licenseName: [
			  { required: true, message: "请输入营业执照名称", trigger: "blur" },
			],
			creditCode: [
			  { required: true, message: "请输入统一社会信用代码", trigger: "blur" },
			],
			legalName: [
			  { required: true, message: "请输入法人姓名", trigger: "blur" },
			],
			legalIdCard: [
			  { required: true, message: "请输入法人身份证号", trigger: "blur" },
			],
			licenseProvince: [
			  { required: true, message: "请选择营业执照省市区", trigger: ['blur', 'change'] },
			],
			licenseAddress: [
			  { required: true, message: "请输入营业执照详细地址", trigger: "blur" },
			],
			storeAddress: [
			  { required: true, message: "请输入详细地址", trigger: "blur" },
			],
			storeProvince: [
			  { required: true, message: "请选择省市区", trigger: ['blur', 'change'] },
			],
			pkBank: [
			  { required: false, message: "请选择银行名称", trigger: ['blur', 'change'] },
			],
			bankAccount: [
			  { required: true, message: "请输入银行账号", trigger: "blur" },
			],
			bankBranch: [
			  { required: true, message: "请输入开户支行", trigger: "blur" },
			],
			storePerson: [
			  { required: true, message: "请输入联系人", trigger: "blur" },
			],
			storePhone: [
			  {
				required: true,
				message: this.$t('w_0053'),
				trigger: 'blur',
			  },
			  { min: 11, message: '请输入正确的手机号', trigger: 'blur' },
			],
			storeSign: [
			  { required: true, message: " ", trigger: "blur" },
			],
		  },
		  dataList:{},
      userInfo:''
	}
  },
  onLoad() {
    this.userInfo = uni.getStorageSync("User");
    let str
    if( this.userInfo.makerSpaceShow == 1||this.userInfo.makerSpaceShow == undefined){
      str= this.$t('w_1021')
    }else{
      str= this.$t('w_1033')
    }
    uni.setNavigationBarTitle({
      title: str,
    })
	 this.getBankList()
	 this.getUserStatus();
   this.getIsRegiest()
  },
   components: {
      'v-address': address,
	  'v-address-s': address1,
    },
  onReady() {
  	this.$refs.uForm.setRules(this.rules);
  },
  methods: {
    confirm(){
      uni.redirectTo({ url: '/pages/delear/index' })
      this.isShow = false
    },
    getIsRegiest() {
      api
        .checkAttest({
          storeType: 3,
        })
        .then((res) => {
          if (res.data == 1) {
            this.isShow = true
          }
        })
    },
		getUserVideoSum(){
			let data1 = this.isEmpty(this.table.videoDoorhead)==false?1:0 ;
			let data2 = this.isEmpty(this.table.videoStore)==false?1:0 ;
			let data3 = this.isEmpty(this.table.videoProduct)==false?1:0 ;
			return  data1+data2+data3
		},
		getUserVideoSum1(){
			let data1 = this.isEmpty(this.table.imageDoorhead1)==false?1:0 ;
			let data2 = this.isEmpty(this.table.imageExperience1)==false?1:0 ;
			let data3 = this.isEmpty(this.table.imageMeeting1)==false?1:0 ;
			let data4 = this.isEmpty(this.table.imageProduct1)==false?1:0 ;
			let data5 = this.isEmpty(this.table.imageLounge1)==false?1:0 ;
			let data6 = this.isEmpty(this.table.imageDoorhead2)==false?1:0 ;
			let data7 = this.isEmpty(this.table.imageExperience2)==false?1:0 ;
			let data8 = this.isEmpty(this.table.imageMeeting2)==false?1:0 ;
			let data9 = this.isEmpty(this.table.imageProduct2)==false?1:0 ;
			let data10 = this.isEmpty(this.table.imageLounge2)==false?1:0 ;
			return  data1+data2+data3+data4+data5+data6+data7+data8+data9+data10
		},
	    AddressData(name){
			this.address = name
	  	  },
		  AddressData1(name){
			this.address1 = name
		},
	    checks(check) {
	        if(check==1){
	          this.status = 1
	          this.flags = 0
	          this.disableds = true
	          this.text = this.$t('CK_KS_75')
	          this.status_flag = false
			 
	        }
	        if(check==2){
	          this.text =this.$t('CK_KS_72')
	          this.status = 1
	          this.flags = 0
	          this.disableds = false
	          this.sucShow = false
	        }
	      },
		    getUserStatus() {
		        api.makerSpaceDetail({ storeType: this.storeTypes }).then((res) => {
					// this.dataList = res.data
		            this.memberCode = res.data.memberCode;
		            this.memberName = res.data.memberName;
		            this.storeLevelVal = res.data.storeLevelVal;
                this.$set(this.table, 'licenseName', res.data.licenseName)
        this.$set(this.table, 'creditCode', res.data.creditCode)
        this.$set(this.table, 'legalName', res.data.legalName)
        this.$set(this.table, 'legalIdCard', res.data.legalIdCard)
        this.$set(this.table, 'licenseProvince', res.data.licenseProvince)
        this.$set(this.table, 'licenseCity', res.data.licenseCity)
        this.$set(this.table, 'licenseCounty', res.data.licenseCounty)
        this.$set(this.table, 'licenseAddress', res.data.licenseAddress)
        this.$set(this.table, 'storePerson', res.data.storePerson)
        this.$set(this.table, 'storePhone', res.data.storePhone)
        this.$set(this.table, 'pkBank', res.data.pkBank)
        this.$set(this.table, 'bankAccount', res.data.bankAccount)
        this.$set(this.table, 'storeProvince', res.data.storeProvince)
        this.$set(this.table, 'storeCity', res.data.storeCity)
        this.$set(this.table, 'storeCounty', res.data.storeCounty)
        this.$set(this.table, 'storeAddress', res.data.storeAddress)
        this.$set(this.table, 'bankBranch', res.data.bankBranch)
        this.defaultCode = [
					  	 res.data.licenseProvince,
					  	 res.data.licenseCity,
					  	 res.data.licenseCounty || '',
					   ]
						this.defaultCode1 = [
							res.data.storeProvince,
							res.data.storeCity,
							res.data.storeCounty || '',
						]
            setTimeout(()=>{
							this.bankCardChioceList.forEach((item)=>{
								if(item.pkId==res.data.pkBank){
									this.bankName = item.bankName
								}
							})
						},50)
        // let address = [
        //   res.data.licenseProvince + '',
        //   res.data.licenseCity + '',
        //   res.data.licenseCounty + '',
        // ]
        // this.$set(this, 'address', address)
        // let address1 = [
        //   res.data.licenseProvince + '',
        //   res.data.licenseCity + '',
        //   res.data.licenseCounty + '',
        // ]
        // this.$set(this, 'address1', address1)
		            if(res.data.applyStatus==undefined){
		            this.status = 1
		          }else{
		            this.status = res.data.applyStatus
		            this.cause = res.data.rejectMsg
		            this.status1 = res.data.applyStatus
		              if (res.data.applyStatus != 0) {
		              this.flags = 1;
		            }
		            if(res.data.applyTime){
		              this.creatTime = res.data.applyTime
		            }
		            if(res.data.approveTime){
		                this.checkTime = res.data.approveTime
		            }
		            if(this.status>0){
		              let arr=[];
		              let arr1=[];
		              if(res.data.storeProvince){
		                arr1.push(res.data.storeProvince.toString())
		                arr1.push(res.data.storeCity.toString())
		                if(res.data.storeCounty){
		                  arr1.push(res.data.storeCounty.toString())
		                }
		              }
		              if(res.data.licenseProvince){
		                arr.push(res.data.licenseProvince.toString())
		                arr.push(res.data.licenseCity.toString())
		                if(res.data.licenseCounty){
		                  arr.push(res.data.licenseCounty.toString())
		                }
		              }
					  this.defaultCode = [
					  	 res.data.licenseProvince,
					  	 res.data.licenseCity,
					  	 res.data.licenseCounty || '',
					   ]
						this.defaultCode1 = [
							res.data.storeProvince,
							res.data.storeCity,
							res.data.storeCounty || '',
						]
						setTimeout(()=>{
							this.bankCardChioceList.forEach((item)=>{
								if(item.pkId==res.data.pkBank){
									this.bankName = item.bankName
								}
							})
						},50)
						this.address = arr //营业执照省市区
						this.address1 = arr1 //联系人省市区
						this.table={
							storeType:res.data.storeType,
							storeName: res.data.storeName, //名称
							storeLevelVal: res.data.storeLevelVal, //创客空间等级
							licenseName: res.data.licenseName, //营业执照名称
							creditCode:res.data.creditCode, //统一社会信用代码
							legalName: res.data.legalName, //法人姓名
							legalIdCard: res.data.legalIdCard, //法人身份证号
							licenseProvince: res.data.licenseProvince, //营业执照省
							licenseCity: res.data.licenseCity, //营业执照市
							licenseCounty: res.data.licenseCounty, //营业执照区
							licenseAddress: res.data.licenseAddress, //营业执照详细地址
							storePerson:res.data.storePerson, //联系人
							storePhone: res.data.storePhone, //联系方式
							pkBank: res.data.pkBank, //银行名称
							bankAccount: res.data.bankAccount, //银行账号
							storeProvince: res.data.storeProvince, //省
							storeCity: res.data.storeCity, //市
							storeCounty: res.data.storeCounty, //区
							storeAddress: res.data.storeAddress, //详细地址
							storeSign:res.data.storeSign?res.data.storeSign:'', // 创客空间标志
							legalCardFront: res.data.legalCardFront, //法人身份证正面
							legalCardBack: res.data.legalCardBack, // 法人身份证反面
							license: res.data.license, // 营业执照
							storeAgreementList: res.data.storeAgreementList || [], // 协议列表
							videoDoorhead: res.data.videoDoorhead, // 门店门头视频
							videoStore: res.data.videoStore, // 门店店内视频
							videoProduct: res.data.videoProduct, // 门店产品视频
							imageDoorhead1: res.data.imageDoorhead1, // 门店门头图片1
							imageDoorhead2: res.data.imageDoorhead2, // 门店门头图片2
							imageExperience1: res.data.imageExperience1, // 门店体验区图片1
							imageExperience2: res.data.imageExperience2, // 门店体验区图片2
							imageMeeting1: res.data.imageMeeting1, // 门店会议室图片1
							imageMeeting2: res.data.imageMeeting2, // 门店会议室图片2
							imageProduct1: res.data.imageProduct1, // 门店产品图片1
							imageProduct2: res.data.imageProduct2, // 门店产品图片2
							imageLounge1: res.data.imageLounge1, // 门店休息室图片1
							imageLounge2: res.data.imageLounge2, // 门店休息室图片2
							bankBranch: res.data.bankBranch //支行
		              }
		            }
		          }
		        });
		      },
		isEmpty(v) {
			switch (typeof v) {
				case 'undefined':
					return true;
				case 'string':
					if (v.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true;
					break;
				case 'boolean':
					if (!v) return true;
					break;
				case 'number':
					if (0 === v || isNaN(v)) return true;
					break;
				case 'object':
					if (null === v || v.length === 0) return true;
					for (var i in v) {
						return false;
					}
					return true;
			}
			return false;
		},
	  submit(){
		  let that = this
		this.$refs.uForm.validate().then((res) => {
			if(this.isEmpty(this.bankName)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_38')
				})
				return
			}
			if(this.isEmpty(this.address)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_38')
				})
				return
			}
			if(this.isEmpty(this.address1)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_38')
				})
				return
			}
			if(this.isEmpty(this.table.storeSign)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('MY_CK_16')
				})
				return
			}
			if(this.isEmpty(this.table.legalCardFront)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_77')
				})
				return
			}
			if(this.isEmpty(this.table.legalCardBack)){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_78')
				})
				return
			}
			if( this.isEmpty(this.table.license)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_79')
				})
				return
			}
			if(this.table.storeAgreementList.length==0){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_80')
				})
				return
			}
			if(this.isEmpty(this.table.videoDoorhead)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_81')
				})
				return
			}
			if(this.isEmpty(this.table.videoStore)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_82')
				})
				return
			}
			if(this.isEmpty(this.table.videoProduct)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_83')
				})
				return
			}
			if(this.isEmpty(this.table.imageDoorhead1)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_84')
				})
				return
			}
			if(this.isEmpty(this.table.imageDoorhead2)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_84')
				})
				return
			}
			if(this.isEmpty(this.table.imageExperience1)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_85')
				})
				return
			}
			if(this.isEmpty(this.table.imageExperience2)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_85')
				})
				return
			}
			if(this.isEmpty(this.table.imageMeeting1)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_86')
				})
				return
			}
			if(this.isEmpty(this.table.imageMeeting2)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_86')
				})
				return
			}
			if(this.isEmpty(this.table.imageProduct1)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_87')
				})
				return
			}
			if(this.isEmpty(this.table.imageProduct2)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_87')
				})
				return
			}

			if(this.isEmpty(this.table.imageLounge1)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_88')
				})
				return
			}
			if(this.isEmpty(this.table.imageLounge2)==true){
				uni.showToast({
					icon:"none",
					title:this.$t('CK_KS_88')
				})
				return
			}
				api.submit(this.table).then((res)=>{
					  if(res.code=='200'){
						uni.showToast({
							icon:"none",
							title:res.msg
						})
						that.getUserStatus();
						that.$forceUpdate()
					  }
					})
		})
	  },
	     delStop(index) {
			 if(this.disableds==true){
			 	return
			 }
	        let data = {
	          storeType: this.storeTypes,
	          filePath: this.table.storeAgreementList[index],
	          fileType: 14,
	        };
					api.deleteFile(`?storeType=${this.storeTypes}&filePath=${this.table.storeAgreementList[index]}&fileType=14`).then((res) => {
								if (res.code == "200") {
									this.table.storeAgreementList.splice(index, 1);
									this.$message({
										message: res.msg,
										type: "success",
									});
								}
							});
	      },
	    delStops(item, num) {
			if(this.disableds==true){
				return
			}
	        const time = item;
	        let data = {
	          storeType: this.storeTypes,
	          filePath: this.table[item],
	          fileType: num,
	        };
	        api.deleteFile(`?storeType=${this.storeTypes}&filePath=${this.table[item]}&fileType=${num}`).then((res) => {
	          if (res.code == "200") {
	            this.table[item] = "";
				uni.showToast({
					icon:"none",
					title:res.msg
				})
	          }
	        });
	      },
		  // 上传多张图片
		  updateImgs(types) {
			  if(this.disableds==true){
			  	return
			  }
		  	const http = uni.$u.http.config.baseURL
		  	let token = getToken();
		  	let type = this.storeTypes
		  	uni.chooseImage({
		  		sourceType: ['album'], //从相册选择
		  		success: chooseImageRes => {
		  			const tempFilePaths = chooseImageRes.tempFilePaths;
		  			uni.uploadFile({
		  				url: http+`/member/api/maker-space/update-file?storeType=${type}&fileType=${types}`,
		  				filePath: tempFilePaths[0],
		  				name: 'file',
		  				header: {
		  					Authorization:token
		  				},
		  				success: res => {
		  					if (res.statusCode == 200) {
		  						let data = JSON.parse(res.data)
								this.table.storeAgreementList.push(data.data.url)						
		  					}
		  				}
		  			});
		  		},
		  		fail: err => {
		  			this.myToast(this.$t('MY_ORD_77'), 'none');
		  		}
		  	});
		  },
	    // 上传单张图片
	  	updateImg(types) {
			if(this.disableds==true){
				return
			}
			const http = uni.$u.http.config.baseURL
			let token = getToken();
			let type = this.storeTypes
			uni.chooseImage({
				sourceType: ['album'], //从相册选择
				success: chooseImageRes => {
					const tempFilePaths = chooseImageRes.tempFilePaths;
					uni.uploadFile({
						url: http+`/member/api/maker-space/update-file?storeType=${type}&fileType=${types}`,
						filePath: tempFilePaths[0],
						name: 'file',
						header: {
							Authorization:token
						},
						success: res => {
							if (res.statusCode == 200) {
								let data = JSON.parse(res.data)
								switch(types){
									case 10:
										this.table.storeSign = data.data.url
									break;
									case 11:
										this.table.legalCardFront = data.data.url
									break;
									case 12:
										this.table.legalCardBack = data.data.url
									break;
									case 13:
										this.table.license = data.data.url
									break;
									case 21:
										this.table.imageDoorhead1 = data.data.url
									break;
									case 22:
										this.table.imageDoorhead2 = data.data.url
									break;
									case 23:
										this.table.imageExperience1 = data.data.url
									break;
									case 24:
										this.table.imageExperience2 = data.data.url
									break;
									case 25:
										this.table.imageMeeting1 = data.data.url
									break;
									case 26:
										this.table.imageMeeting2 = data.data.url
									break;
									case 27:
										this.table.imageProduct1 = data.data.url
									break;
									case 28:
										this.table.imageProduct2 = data.data.url
									break;
									case 29:
										this.table.imageLounge1 = data.data.url
									break;
									case 30:
										this.table.imageLounge2 = data.data.url
									break;
								}
							}
						}
					});
				},
				fail: err => {
					this.myToast(this.$t('MY_ORD_77'), 'none');
				}
			});
		},
		// 上传视频
		updateVideo(types) {
			if(this.disableds==true){
				return
			}
			const http = uni.$u.http.config.baseURL
			let token = getToken();
			let type = this.storeTypes
			uni.chooseVideo({
				sourceType: ['camera', 'album'],
				success: chooseImageRes => {
					const tempFilePaths = chooseImageRes;
					uni.uploadFile({
						url: http+`/member/api/maker-space/update-file?storeType=${type}&fileType=${types}`,
						filePath: tempFilePaths.tempFilePath,
						name: 'file',
						header: {
							Authorization:token
						},
						success: res => {
							if (res.statusCode == 200) {
								let data = JSON.parse(res.data)
								switch(types){
									case 1:
										this.table.videoDoorhead = data.data.url
									break;
									case 2:
										this.table.videoStore = data.data.url
									break;
									case 3:
										this.table.videoProduct = data.data.url
									break;
								}
							}
						}
					});
				},
				fail: err => {
					this.myToast(this.$t('MY_ORD_77'), 'none');
				}
			});
		},
	  bindDateChange1(e) {
		  if(this.disableds==true){
		  	return
		  }
		  let value = e.detail.value
		  this.bankName = this.bankCardChioceList[value].bankName
		  this.table.pkBank = this.bankCardChioceList[value].pkId
	  },
	  getBankList() {
		api.getBankLists().then((res)=>{
			this.bankCardChioceList =res.data
		})  
	  },
		  addressData(diqu, obj) {
				this.address = diqu
				this.table.licenseProvince = obj.province
				this.table.licenseCity = obj.city
				this.table.licenseCounty = obj.county
				this.$forceUpdate()
		  },
		addressData1(diqu, obj) {
			this.address1 = diqu
			this.table.storeProvince = obj.province
			this.table.storeCity = obj.city
			this.table.storeCounty = obj.county
			this.$forceUpdate()
		},
			getDiqu(index) {
				this.$refs.address.setShow()
				},
				getDiqu1(index) {
					this.$refs.address1.setShow()
					},
			downloads() {
			const link = document.createElement('a');
			link.href = 'https://hzs-in.oss-cn-beijing.aliyuncs.com/agreement/maker_space.pdf';
			link.target = '_blank';
			link.download = this.$t('CK_KS_74');

			// 模拟点击<a>元素
			document.body.appendChild(link);
			link.click();
			document.body.removeChild(link);
		},
		toggle(type){
			this.$refs['popup'].open()
		}
	},
	}
</script>
<style lang="scss" scoped>
	.views{
		background-color: #fff;
		padding-top: 150rpx;
		height: 1334rpx;
		position: relative;
	}
	/deep/ .u-input__content{
		padding-left: 20rpx;
	}
	.bg-colors{
		background-color: #fff !important;
	}
	.height-auto{
		border-radius: 30rpx;
		height: 1000rpx;
		background-color: #fff;
		width: 690rpx;
		overflow: auto;
	}
	.img_width{
	  text-align:center;
	  // height: 500rpx;
	  padding: 80rpx 30rpx;
	  width: 600rpx;
	  overflow: auto;
	  ::v-deep img{
	    width: 600rpx	
	  }
	}
	.button-s {
	  width: 650rpx;
	  height: 100rpx;
	  background: #d61820;
	  border-radius: 30rpx;
	  text-align: center;
	  cursor: pointer;
	  line-height: 100rpx;
	  font-size: 30rpx;
	  color: #fff;
	  margin: 0 auto;
	}
	.bolds {
	  font-weight: bold;
	}
	.status-size {
	  margin-top: 10rpx;
	  font-size: 30rpx;
	  color: #000;
	}
	.status-img{
		image{
			width:200rpx;
			height: 200rpx;
		}
	}
	.img_cen{
		background-color: #fff;
		text-align: center;
	}
	.submit{
		width: 692rpx;
		height: 92rpx;
		background: #FB3024;
		border-radius: 44rpx;
		margin: 50rpx auto;
		line-height: 92rpx;
		text-align: center;
		color: #fff;
		font-size: 30rpx;
	}
	/deep/ .u-form-item__body__left__content__label{
		font-size: 28rpx;
		color: #333;
	}
	.text-tips{
		z-index: 1;
		position: absolute;
		color: #999;
		font-size: 18rpx;
		top: 15rpx;
	}
	.content_s{
		display: flex;
	}
	.none-s{
		border-bottom: none!important;
	}
	.text-colors{
		color: #FB3024;
		font-size: 24rpx;
		margin-bottom: 10rpx;
	}
	.text-s{
		margin: 20rpx 0 0 20rpx;
	}
	.upload-content{
		margin-top: 20rpx;
	}
	.upload{
		width: 150rpx;
		height: 150rpx;
		background: #FFFFFF;
		border: 1rpx solid #DDDDDD;
		margin-left: 20rpx;
		display: flex;
		justify-content: center;
		position: relative;
		align-items: center;
		margin-bottom: 20rpx;
	}
	.upload-img{
		position: relative;
		width: 150rpx;
		height: 150rpx;
		margin-left: 20rpx;
		margin-bottom: 20rpx;
		.close-icon{
			position: absolute;
			right: 10rpx;
			top:10rpx;
			z-index: 1;
		}
		.img-width{
			width: 150rpx;
			height: 150rpx;
		}
	}
	.text{
		margin-left: 20rpx;
	}
	.right-icon{
		position: absolute;
		right: 0;
		top: 45rpx;
	}
	/deep/ .u-form-item__body__left__content__label{
		margin-left: 20rpx;
	}
	/deep/.u-form-item__body__left__content__required{
		margin: 35rpx 10rpx 0 10rpx;
		// position: absolute;
		// top:40rpx;
		color: #FB3024;
		width: 10rpx;
	}
	/deep/ .u-form-item__body{
		padding: 10rpx 0;
	}
	/deep/ .u-form-item__body__right__message{
		padding-bottom: 20rpx;
	}
	.place{
		color: #999;
	}
	/deep/ .uni-input-placeholder{
		// padding-left: 20rpx;
	}
	/deep/ 
	.texts{
		height: 78rpx;
	}
	.padding-s{
		// padding: 0 20rpx;
		line-height: 105rpx;
		border-bottom: 1rpx solid #eee;
		margin: 0 20rpx;
		position: relative;
	}
	.height{
		border-bottom: 1rpx solid #eee;
		margin:20rpx;
		position: relative;
		padding-bottom: 1rpx solid  #eee;
		padding-bottom: 30rpx;
	}
	.lines-height{
		padding: 0 25rpx;
		display: flex;
		background: rgba(251,48,36,0.15);
		line-height: 105rpx;
		height: 105rpx;
		position: relative;
	}
	.text_s{
		color: #FB3024;
		font-size: 28rpx;
		margin-left: 25rpx;
		font-weight: bold;
	}
	.lines{
		position: absolute;
		left: 30rpx;
		top: 40rpx;
		width: 6rpx;
		height: 24rpx;
		background: #FB3024;
		// margin: 30rpx 0 0;
	}
	.contents{
		background-color: #fff;
		margin-top: 10rpx;
		height: 100%;
	}
	.text{
		color: #999;
		font-size: 24rpx;
	}
	.button{
		width: 320rpx;
		height: 76rpx;
		text-align: center;
		margin: 15rpx auto;
		background: #FFAC3E;
		border-radius: 38rpx;
		line-height: 76rpx;
		color: #fff;
		font-size: 24rpx;
	}
	.tops{
		padding: 20rpx 20rpx 30rpx 20rpx;
		// height: 206px;
		background: #FFFFFF;
	}
	page{
		background-color: #f2f2f2;
		width: 100%;
		height: 100%;
	}
</style>
