<template>
	<view class="survey-detail-container">
		<uni-popup ref="popup" type="top" v-show="showPopMenu"><button
				@click="submitSurvey">提交</button><button>退回</button></uni-popup>
		<view class="uni-padding-wrap uni-common-mt">
			<uni-segmented-control :current="current" :values="items" :style-type="styleType"
				:active-color="activeColor" @clickItem="onClickItem" />
		</view>
		<view class="content"  style="height: 80vh; overflow: auto;">
			<uni-card>
			<view v-show="current === 2">
				<uni-section title="业务信息" type="line">
					<uni-list>
						<uni-list-item title="物业名称" :rightText="basicInfo.property_full_name" />
						<uni-list-item title="所在城市" :rightText="basicInfo.city" />
						<uni-list-item title="业务员" :rightText="basicInfo.user_name" />
						<uni-list-item title="业主" :rightText="basicInfo.survey_contacts" />
						<uni-list-item title="备注">
							<template v-slot:footer>
								<view class="desc"><text>{{basicInfo.remark}}</text></view>
							</template>
						</uni-list-item>
					</uni-list>
				</uni-section>

			</view>
			<view v-show="current === 0">
				<uni-section title="楼栋物业" type="line">
					<uni-list>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'>物业地址</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input class="uni-input" v-model="formItem.address" maxlength="50"
										placeholder="请输入，最多50字" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'>建筑面积</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input class="uni-input" v-model="formItem.size" maxlength="50"
										placeholder="0" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'>竣工时间<br>(例:2001-3-4)</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input class="uni-input" v-model="formItem.building_completion_time" maxlength="50"
										placeholder="输入日期" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'>
									<text class="require">*</text>总楼层(层)
									</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input type="digit" class="uni-input" v-model="formItem.floor_total" maxlength="50"
										placeholder="请输入总楼层" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>裙楼总楼层(层)</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input type="digit" class="uni-input" v-model="formItem.podium_floor" maxlength="50"
										placeholder="请输入裙楼总楼层" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>评估楼层(层)</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input type="digit"  class="uni-input" v-model="formItem.floor_no" maxlength="50"
										placeholder="请输入评估楼层" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>层高</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input  type="digit"  class="uni-input" v-model="formItem.floor_height" maxlength="50"
										placeholder="请输入层高(米)" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>小片区</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" v-model="formItem.area_id" :localdata="areaArray">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
                        <uni-list-item direction="column">
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>朝向</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" v-model="formItem.towards" :localdata="residence_towards">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>成新率</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" v-model="formItem.newness_rate" :localdata="residence_new_rate">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>

						
						<uni-list-item>
							<template v-slot:header>
								<view class='eva-label'>建筑结构</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<input class="uni-input" v-model="formItem.structure" maxlength="50"
										placeholder="请输入，最多50字" />
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>物业形态</view>
							</template>
							<template v-slot:body>								
								<view class="slot-box">
									<uni-data-checkbox mode="tag" v-model="formItem.property_form" :localdata="shop_property_form">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>经营内容</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<textarea v-model="formItem.business_content" maxlength="200"
										placeholder="请输入经营内容，最多200字" />
								</view>
							</template>
						</uni-list-item>
						
					</uni-list>
				</uni-section>
				<uni-section title="商铺状况" type="line">
					<uni-list>
					<uni-list-item>
						<template v-slot:header>
							<view class='eva-label'>临街情况:</view>
						</template>
						<template v-slot:body>
							<view class="slot-box">
								临 <input class="uni-input" v-model="formItem.shop_condition.shop_beside_street.street" maxlength="50"
									placeholder="街名" />街
							</view>
						</template>
					</uni-list-item>
					<uni-list-item>
						<template v-slot:header>
							<view class='eva-label'>临街情况:</view>
						</template>
						<template v-slot:body>
							<view class="slot-box">
								<uni-data-checkbox mode="tag" v-model="formItem.shop_condition.shop_beside_street.shop_beside_street_situation" :localdata="shop_beside_street_situation">
								</uni-data-checkbox>
							</view>
						</template>
					</uni-list-item>
					<uni-list-item>
						<template v-slot:header>
							<view class='eva-label'>夹层:</view>
						</template>
						<template v-slot:body>
							<view class="slot-box">
								<uni-data-checkbox mode="tag" v-model="formItem.shop_condition.shop_beside_street.shop_mezzanine" :localdata="shop_mezzanine">
								</uni-data-checkbox>
							</view>
						</template>
					</uni-list-item>
					<uni-list-item>
						<template v-slot:header>
							<view class='eva-label'>商铺形状:</view>
						</template>
						<template v-slot:body>
							<view class="slot-box">
								<uni-data-checkbox mode="tag" v-model="formItem.shop_condition.shop_beside_street.shop_situation_ss" :localdata="shop_situation_ss">
								</uni-data-checkbox>
							</view>
						</template>
					</uni-list-item>
					<uni-list-item>
						<template v-slot:header>
							<view class='slot-box' style="align-items: center;">
								开间 <input type="digit" size=1 style="text-align: center;" class="uni-input" v-model="formItem.shop_condition.shop_beside_street.bay"
									placeholder="0" />米 ， 
							</view>
						</template>
						<template v-slot:body>
							<view class="slot-box" style="align-items: center;">
								进深 <input type="digit" class="uni-input"  style="text-align: center;" v-model="formItem.shop_condition.shop_beside_street.depth" 
									placeholder="0" />米 ，
							</view>
						</template>
						<template v-slot:footer>
							<view class="slot-box" style="align-items: center;">
								层高 <input type="digit" class="uni-input" v-model="formItem.shop_condition.shop_beside_street.height" 
									placeholder="0" />米 
							</view>
						</template>
					</uni-list-item>
					<uni-list-item>
						<template v-slot:header>
							<view class='eva-label'>内铺情况:</view>
						</template>
						<template v-slot:body>
							<view class="slot-box">
								距离主要入口 <input type="digit" class="uni-input" v-model="formItem.shop_condition.shop_inner_shop.distance_entrance" 
									placeholder="0" />米
							</view>
						</template>
						
					</uni-list-item>
					<uni-list-item>
						<template v-slot:header>
							<view class='eva-label'>内铺情况:</view>
						</template>
						<template v-slot:body>
							<view class="slot-box">
								距离主手扶梯 <input type="digit" class="uni-input" v-model="formItem.shop_condition.shop_inner_shop.distance_escalator"
									placeholder="0" />米
							</view>
						</template>
						
					</uni-list-item>
					</uni-list>
				</uni-section>
				<uni-section title="使用状况" type="line">
					<uni-list>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>使用现状:</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" v-model="formItem.usage_condition.shop_usage_status" :localdata="shop_usage_status">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class='slot-box'>
									<text class="require">*</text>租金 <input type="digit" size=1 class="uni-input" style="width:  220rpx;" v-model="formItem.usage_condition.rent_money"
										placeholder="0" />元/m²， 
								</view>
								<view class="slot-box">
									<text class="require">*</text>租期 <input  type="digit"  class="uni-input"  style="width:  220rpx;" v-model="formItem.usage_condition.rent_term" 
										placeholder="0" />年 ，
								</view>
								<view class="slot-box">
									<text class="require">*</text>年递增(%) <input  type="digit"  class="uni-input"  style="width:  220rpx;" v-model="formItem.usage_condition.annual_increment" 
										placeholder="0" /> 
								</view>
							</template>						
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class='eva-label'><text class="require">*</text>与邻铺打通情况:</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" v-model="formItem.usage_condition.shop_is_through_next" :localdata="shop_is_through_next">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-section title="备注" type="line">
							<uni-list>
								<uni-list-item>
									<template v-slot:footer>				
										<view class="uni-textarea">
											<textarea v-model="formItem.remarks" maxlength="200"
												placeholder="请输入，最多200字" />
										</view>				
									</template>
								</uni-list-item>
							</uni-list>
						</uni-section>
					</uni-list>
				</uni-section>
			</view>
			<view v-show="current === 1">
				<uni-section title="装修标准" type="line">
					<uni-list>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view class="slot-box">
									<view>街景</view>
								</view>
							</template>
							
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.streetscape_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'street_view_img_ids')" @delete="handleDelete" />

							</template>
						</uni-list-item>


					</uni-list>
				</uni-section>
				<uni-section title="主体" type="line">
					<uni-list>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>外墙</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.exterior_wall"
										:localdata="shop_outdoor_scene">
									</uni-data-checkbox>
								</view>
							</template>
                            <template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.outside_wall_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'exterior_wall_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>门窗</view>
							</template>

							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.door_window"
										:localdata="shop_door_window">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.door_window_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'door_window_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>内景</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.interior_wall"
										:localdata="shop_parlour">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.inside_wall_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'interior_wall_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>天花板</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.ceiling"
										:localdata="shop_balcony">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.ceiling_img_ids"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'ceiling_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
                        <uni-list-item direction="column">
							<template v-slot:header>
								<view>地面</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.ground"
										:localdata="shop_kitchen">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.ground_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'ground_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
					</uni-list>
				</uni-section>
				<uni-section title="厨房" type="line">
					<uni-list>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>天花
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.kitchen.shop_kitchen_ceiling"
										:localdata="shop_kitchen2_ceiling">
									</uni-data-checkbox>
								</view>
							</template>

						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>墙面
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.kitchen.shop_kitchen_wall"
										:localdata="shop_kitchen2_wall">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>地面
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.kitchen.shop_kitchen_ground"
										:localdata="shop_kitchen2_ground">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>设备
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.kitchen.shop_kitchen_equipment"
										:localdata="shop_kitchen2_equipment">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.kitchen_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'kitchen_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>

					</uni-list>
				</uni-section>
				<uni-section title="卫生间" type="line">
					<uni-list>

						<uni-list-item direction="column">
							<template v-slot:header>
								<view>天花
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.bathroom.shop_toilet_ceiling"
										:localdata="shop_toilet_ceiling">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>墙面</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.bathroom.shop_toilet_wall"
										:localdata="shop_toilet_wall">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>地面</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.bathroom.shop_toilet_ground"
										:localdata="shop_toilet_ground">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>洁具</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.bathroom.shop_toilet_sanitary"
										:localdata="shop_toilet_sanitary">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.bathroom_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'bathroom_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>

					</uni-list>
				</uni-section>
				<uni-section title="设施" type="line">
					<uni-list>

						<uni-list-item direction="column">
							<template v-slot:header>
								<view>水电
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.facility.shop_facilities_hydropower"
										:localdata="shop_facilities_hydropower">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>通信
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.facility.shop_facilities_communication"
										:localdata="shop_facilities_communication">
									</uni-data-checkbox>
								</view>
							</template>
							
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>空调
								</view>
							</template>
							<template v-slot:body>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple
										v-model="formItem.facility.shop_facilities_ac"
										:localdata="shop_facilities_ac">
									</uni-data-checkbox>
								</view>
							</template>
							<template v-slot:footer>
								<view><text class="require">*</text>上传图片</view>
								<uni-file-picker :auto-upload="false" v-model="formItem.facility_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'facility_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
					</uni-list>
				</uni-section>
				<!-- <uni-section title="空调" type="line">
					<uni-list>

						<uni-list-item>
							<template v-slot:footer>
								<view class="slot-box">
									<uni-data-checkbox mode="tag" multiple v-model="formItem.other.residence_other"
										:localdata="residence_other">
									</uni-data-checkbox>
								</view>
							</template>
						</uni-list-item>
					</uni-list>
				</uni-section> -->

				<uni-section title="图片" type="line">
					<uni-list>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view><text class="require">*</text>入户花园</view>
							</template>
							<template v-slot:body>
								<uni-file-picker :auto-upload="false" v-model="formItem.apartment_layout_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'house_type_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>*景观(楼梯)</view>
							</template>
							<template v-slot:body>
								<uni-file-picker :auto-upload="false" v-model="formItem.oriented_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'orientation_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>*物业位置图</view>
							</template>
							<template v-slot:body>
								<uni-file-picker :auto-upload="false" v-model="formItem.location_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'supplement_img_ids')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>*补充图片</view>
							</template>
							<template v-slot:body>
								<uni-file-picker :auto-upload="false" v-model="formItem.supplement_imgs_arr"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg"  
									@progress="progress($event)" @success="success" @fail="fail"
									@select="selectImg($event,'supplement_imgs')" @delete="handleDelete" />
							</template>
						</uni-list-item>
						<uni-list-item direction="column">
							<template v-slot:header>
								<view>查勘图库</view>
							</template>
							<template v-slot:body>
								<uni-file-picker :auto-upload="false" v-model="img_details.survey_gallery_imgs_details"
									file-mediatype="image" mode="grid" file-extname="png,jpg,jpeg" :readonly="true" />
							</template>
						</uni-list-item>


					</uni-list>
				</uni-section>
			</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	import config from '@/config'
	import { toast } from '@/utils/common'
	import {
		uploadImg
	} from "@/api/common"
	import {
		surveyDetail,
		surveyOptions,
		surveySubmit
	} from '../../api/survey/survey'

	export default {
		components: {},
		data() {
			return {
				uploadImgTotal:0, // 共要上传图片数量
				uploadImgOKQueue:[], // 上传队列
				showPopMenu: false,
				items: ['楼栋物业', '装修标准','周边设施'],
				styles: [{
						value: 'button',
						text: '按钮',
						checked: true
					},
					{
						value: 'text',
						text: '文字'
					}
				],
				colors: ['#007aff', '#4cd964', '#dd524d'],
				current: 0,
				colorIndex: 0,
				activeColor: '#007aff',
				styleType: 'button',

				imagevalues: [],
				filePathsList: [],
				typeObj: {
					house: 1,
					hall: 1,
					toilet: 1,
					balcony: 1
				},
				typeList: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],

				house_type_range: [{
						"value": 0,
						"text": "0"
					}, {
						"value": 1,
						"text": "1"
					}, {
						"value": 2,
						"text": "2"
					}, {
						"value": 3,
						"text": "3"
					},
					{
						"value": 4,
						"text": "4"
					}, {
						"value": 5,
						"text": "5"
					}, {
						"value": 6,
						"text": "6"
					}, {
						"value": 7,
						"text": "7"
					}
				],
				list: [1, 2, 3, 4],
				codeList: [],
				basicInfo: {},
				areaArray: [],
				gapGround: '', // 距离地面
				shop_prosperity_vf: [], // 人流量
				shop_prosperity_cg: [], // 消费档次
				shop_prosperity_mn: [], // 昭示性
				shop_business_level: [], // 商圈等级
				shop_traffic_condition: [], // 交通条件
				shop_property_form: [], // 物业形态
				shop_position: [], // 商场定位
				shop_above_parking: [], // 地上停车场
				shop_under_parking: [], // 地下停车场
				shop_parking: [], // 停车场情况
				shop_parking_convenient: [], // 是否方便停车
				shop_parking_cost_free: [], // 是否免费停车
				shop_shopping_cart_pick: [], // 是否购物车接送
				shop_usage_status: [], // 使用状况
				shop_is_through_next: [], // 是否与邻铺打通
				shop_vacant: [], // 空置与装修中
				shop_outdoor_scene: [], // 外墙
				shop_door_window: [], // 门窗
				shop_parlour: [], // 内景
				shop_balcony: [], // 天花板
				shop_kitchen: [], // 地面
				shop_toilet_type: [], // 卫生间-独立
				shop_toilet_ceiling: [], // 卫生间-天花
				shop_toilet_ground: [], // 卫生间-地面
				shop_toilet_sanitary: [], // 卫生间-洁具
				shop_toilet_wall: [], // 卫生间-墙面
				shop_facilities_ac: [], // 设施-空调
				shop_facilities_communication: [], // 设施-通讯
				shop_facilities_elevator: [], // 设施-电梯
				shop_facilities_hydropower: [], // 设施-水电
				shop_situation_ss: [], // 临街-商铺形状
				shop_ground_meter: [], // 临街-距离地面
				shop_distance_road: [], // 临街-距离道路
				shop_green_belt: [], // 临街-有无绿化
				shop_pillar_shelter1: [], // 临街-是否柱子遮挡
				shop_beside_street_situation: [], // 临街-临街情况
				shop_mezzanine: [], // 临街-夹层
				shop_basement: [], // 临街-地下室
				shop_pillar_shelter: [], // 内铺-是否柱子遮挡
				shop_situation_wss: [], // 内铺-商铺形状
				shop_kitchen2_ceiling: [], // 厨房-天花
				shop_kitchen2_wall: [], // 厨房-墙面
				shop_kitchen2_ground: [], // 厨房-地面
				shop_kitchen2_equipment: [], // 厨房-设备
				residence_towards: [], // 朝向
			    residence_new_rate: [], // 成新率
				formItem: {
					towards: '', // 朝向
					newness_rate: '', // 成新率
					structure: '', // 建筑结构
					survey_type: this.$route.query.survey_type, //  1.住宅 2.商业,
					survey_id: this.$route.query.survey_id,
					prosperity_lv: {
						shop_prosperity_vf: '', // 商业繁华程度-人流量
						shop_prosperity_cg: '', // 商业繁华程度-消费档次
				 	shop_prosperity_mn: '' // 商业繁华程度-昭示性
					},
					business_district_lv: {
						shop_business_level: '', // 商圈等级
						remark: '' // 商圈等级-备注
					},
					pub_fac: '', // 公共配套设施
					traffic: {
						shop_traffic_condition: '', // 交通条件
						bus_lines: '', // 交通条件-公交路线
						subway: '' // 交通条件-地铁
					},
					address: '', // 物业地址
					size: '', // 面积
					floor_total: '', // 总楼层
					building_completion_time: '', // 竣工时间
					podium_floor: '', // 裙楼层数
					floor_no: '', // 评估楼层
					floor_height: '', // 层高
					area_id: '', // 小片区
					area: '', // 小片区
					property_form: '', // 物业形态
					business_content: '', // 经营内容
					commercial_positioning: '', // 商业定位
					shop_condition: {
						// shop_situation: '', // 商铺状况-是否临街
						shop_beside_street: { // 商铺状况-临街
							street: '', // 临街
							bay: '', // 开间
							depth: '', // 进深
							shop_ground_meter: '', // 距离地面
							shop_distance_road: '', // 距离道路
							shop_green_belt: '', // 有无绿化
							shop_pillar_shelter1: '', // 是否柱子遮挡
							shop_beside_street_situation: '', // 临街情况
							shop_mezzanine: '', // 夹层
							shop_basement: '', // 地下室
							shop_situation_ss: '' // 商铺形状
						},
						shop_inner_shop: { // 商铺状况-内铺
							distance_entrance: '', // 距离主要入口
							distance_escalator: '', // 距离主手扶梯
							shop_pillar_shelter2: '', // 是有柱子遮挡2
							shop_situation_wss: '', // 商铺形状
							length: '', // 长
							width: '' // 宽
				  }
					},
					parking_condition: { // 停车状况
						// shop_parking: '', // 停车场
						shop_above_parking: '', // 地上停车场
						shop_under_parking: '', // 地下停车场
						shop_parking_convenient: '', // 是否方便停车
						shop_parking_cost_free: '', // 是否免费停车
						shop_shopping_cart_pick: '' // 是否购物车接送
					},
					usage_condition: { // 使用状况
				 	shop_usage_status: '',
						rent_money: '', // 租金
						rent_term: '', // 租期
						annual_increment: '', // 年递增
						shop_is_through_next: '', // 是否与邻铺打通
						shop_vacant: '' // 空置与装修中
					},
					exterior_wall: [], // 外墙
					door_window: [], // 门窗
					interior_wall: [], // 内景
					ceiling: [], // 天花板
					ground: [], // 地面
					bathroom: {
						shop_toilet_type: [], // 卫生间-独立
				  shop_toilet_ceiling: [], // 卫生间-天花
						shop_toilet_wall: [], // 卫生间-墙面
						shop_toilet_ground: [], // 卫生间-地面
						shop_toilet_sanitary: [] // 卫生间-洁具
					},
					facility: {
						shop_facilities_hydropower: [], // 水电
						shop_facilities_communication: [], // 通讯
						shop_facilities_ac: [], // 空调
				 	shop_facilities_elevator_option: [], // 电梯
						shop_facilities_elevator: {} // 电梯数量
					},
					kitchen: {
				 	shop_kitchen_ceiling: [], // 天花
				  shop_kitchen_wall: [], // 墙面
						shop_kitchen_ground: [], // 地面
						shop_kitchen_equipment: [] // 设备
					},
					kitchen_img_ids: [], // 厨房图片
					street_view_img_ids: [], // 街景图片
					exterior_wall_img_ids: [], // 外墙图片
					door_window_img_ids: [], // 门窗图片
					interior_wall_img_ids: [], // 内景图片
					ceiling_img_ids: [], // 天花板图片
					ground_img_ids: [], // 地面图片
					bathroom_img_ids: [], // 卫生间图片
					facility_img_ids: [], // 设施图片
					others_img_ids: [], // 其他图片
					supplement_img_ids: [], // 物业位置图
					supplement_imgs: [], // 补充图片
					survey_loc_img_ids: [], // 定位图
					house_type_img_ids: [], // 入户花园
					orientation_img_ids: [], // 景观(楼梯)
					appraisal_img_ids: [] // 查勘图库
				},
				img_details: {
					survey_gallery_imgs_details: [] // 查勘图库
				}
			}
		},
		created() {
			this.route = this.$route.query
			this.surveyDetail()
			this.surveyOptions()
			this.initial_uploadMgr()
		},
		methods: {
			initial_uploadMgr()
			{
				this.uploadImgDelQueue = [];
				this.uploadImgDelQueue = [];
				this.uploadImgTotal = 0;
				
			},		
			
			checkRule () {
			      // 临时隐藏
			      // if (this.formItem.prosperity_lv.shop_prosperity_vf === '') {
			      //   toast('商业繁华程度未填写，无法提交')
			      //   return false
			      // }
			      // if (this.formItem.prosperity_lv.shop_prosperity_cg === '') {
			      //   toast('商业繁华程度未填写，无法提交')
			      //   return false
			      // }
			      // if (this.formItem.prosperity_lv.shop_prosperity_mn === '') {
			      //   toast('商业繁华程度未填写，无法提交')
			      //   return false
			      // }
			      // if (this.formItem.business_district_lv.shop_business_level === '') {
			      //   toast('商圈等级未填写，无法提交')
			      //   return false
			      // }
			      // if (this.formItem.traffic.shop_traffic_condition === '') {
			      //   toast('交通条件未填写，无法提交')
			      //   return false
			      // } 临时隐藏
			
			      if (this.formItem.floor_total === '') {
			        toast('总楼层未填写，无法提交')
			        return false
			      }
			
			      if (this.formItem.podium_floor === '') {
			        toast('裙楼总楼层未填写，无法提交')
			        return false
			      }
			      if (this.formItem.floor_no === '') {
			        toast('评估楼层未填写，无法提交')
			        return false
			      }
			
			      if (this.formItem.floor_height === '') {
			        toast('层高未填写，无法提交')
			        return false
			      }
			      if (this.formItem.area_id === '') {
			        toast('小片区未填写，无法提交')
			        return false
			      }
			      if (this.formItem.towards === '') {
			        toast('朝向未填写，无法提交')
			        return false
			      }
			      if (this.formItem.property_form === '') {
			        toast('物业形态未填写，无法提交')
			        return false
			      }
			      if (this.formItem.business_content === '') {
			        toast('经营内容未填写，无法提交')
			        return false
			      }
			      // 临时隐藏
			      // if (this.formItem.commercial_positioning === '') {
			      //   toast('商业定位未填写，无法提交')
			      //   return false
			      // }
			
			      // if (this.formItem.parking_condition.shop_above_parking === '' ||
			      //   this.formItem.parking_condition.shop_under_parking === '' ||
			      //   this.formItem.parking_condition.shop_parking_convenient === '' ||
			      //   this.formItem.parking_condition.shop_parking_cost_free === '' ||
			      //   this.formItem.parking_condition.shop_shopping_cart_pick === ''
			      // ) {
			      //   toast('停车状况未填写，无法提交')
			      //   return false
			      // } 临时隐藏
				  
				  if (this.formItem.usage_condition.shop_usage_status === '' 
				  ) {
				    toast('使用状况未填写，无法提交')
				    return false
				  }
			
			      if (this.formItem.usage_condition.shop_is_through_next === '' )
				  {
			        toast('与临铺打通情况未填写，无法提交')
			        return false
			      }
			
			      if (this.formItem.street_view_img_ids.length === 0) {
			        toast('街景图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.exterior_wall_img_ids.length === 0) {
			        toast('外墙图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.door_window_img_ids.length === 0) {
			        toast('门窗图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.interior_wall_img_ids.length === 0) {
			        toast('内墙图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.ceiling_img_ids.length === 0) {
			        toast('天花板图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.ground_img_ids.length === 0) {
			        toast('地面图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.bathroom_img_ids.length === 0) {
			        toast('卫生间图片未填写，无法提交')
			        return false
			      }
			      if (this.formItem.facility_img_ids.length === 0) {
			        toast('设施图片未填写，无法提交')
			        return false
			      }
			      // if (this.formItem.house_type_img_ids.length === 0) {
			      //   toast('入户花园未填写，无法提交')
			      //   return false
			      // }
			      // if (this.formItem.orientation_img_ids.length === 0) {
			      //   toast('景观(楼梯)未填写，无法提交')
			      //   return false
			      // }
			      if (this.formItem.supplement_img_ids.length === 0) {
			        toast('物业位置图片未填写，无法提交')
			        return false
			      }
			      return true
			    },
			onClickItem(e) {
				if (this.current !== e.currentIndex) {
					this.current = e.currentIndex
				}
			},
			styleChange(e) {
				if (this.styleType !== e.detail.value) {
					this.styleType = e.detail.value
				}
			},
			colorChange(e) {
				if (this.styleType !== e.detail.value) {

					this.activeColor = e.detail.value
				}
			},
			// 选择文件，获取上传状态
			selectImg(e, name) {
				let tempFilePaths = e.tempFilePaths
				if (!tempFilePaths.length) 
					return
					
				// 加入上传队列				
				for( let i=0; i<tempFilePaths.length; ++i )
				{
					const path = tempFilePaths[i]
					this.uploadImgOKQueue.push( {path:path, name:name, e:e } );										
					this.uploadImgTotal++;
					this.filePathsList.push({url:path,name:""})	
				}
				
				// 开始loading界面
				uni.showLoading({
					title:'正在上传图片 '+ (this.uploadImgTotal-this.uploadImgOKQueue.length)+'/'+this.uploadImgTotal
				})
				
				// 开始逐个图上传
				let next = this.uploadImgOKQueue.pop();
				this.UploadImageNext( next.path , next.name ,this.onUploadOKCallBack, this.onUploadFaildCallback )
				
			},

			// 通过path 从Queue里删除一个队列节点
			// return Bool
			deletUploaFileFromQueue( path )
			{
				for( let i=0 ; i < this.uploadImgOKQueue; ++i )
				{
					let node = this.uploadImgOKQueue[i];
					if( node.path == path )
					{
						this.uploadImgOKQueue.splice( i,1 )
						this.uploadImgTotal-- ; // 总数减一
						return true;
					}
				}
				
				return false;
			},
			
			// 上传图片成功回调
			onUploadOKCallBack( response ,name  )
			{
				const data = response.data
				 const id = data.id
								 
				 this.formItem[name].push(id)
				if (name != 'supplement_imgs' && name != 'supplement_img_ids' && name !='auto_loc_img_ids') {
				  this.formItem.appraisal_img_ids.push(id)
				  data['extname'] = data['ext']
				  data['url'] = data['url'].replaceAll("\\","/")
				  this.img_details.survey_gallery_imgs_details.push(data)
				}
				
				// 每成功加载，上传成功加1					
				title:'正在上传图片 '+ (this.uploadImgTotal-this.uploadImgOKQueue.length)+'/'+this.uploadImgTotal	
				
				if( this.uploadImgOKQueue.length <= 0)
				{						
				   this.uploadImgTotal = 0;
					uni.hideLoading();
				}else{							
					uni.showLoading({
						title:'正在上传图片 '+ (this.uploadImgTotal -this.uploadImgOKQueue.length)+'/'+this.uploadImgTotal
					})
				}						
				
				// 进行下一幅图的上传(因为多图上传会产生 timeout )
				if( 0 < this.uploadImgOKQueue.length )
				{
					let next = this.uploadImgOKQueue.pop();
					this.UploadImageNext( next.path , next.name ,this.onUploadOKCallBack, this.onUploadFaildCallback )
				}			
			},			
			
			// 当上传图片错误的回调
			onUploadFaildCallback( err )
			{
				uni.hideLoading();
				uni.showToast({ title: err, icon: 'error' })
				window.console.log(err)						
			},
			
			// 上传图片（下一张）
			UploadImageNext( path , name  , callback , faildCallback  )
			{
				uploadImg({filePath: path}).then(response => {
									callback( response , name )
								}).catch((err) => {
									faildCallback(err)					
								});		
			},
			
			handleDelete(err) { // 删除图片
				const num = this.filePathsList.findIndex(v => v.url === err.tempFilePath);
				this.filePathsList.splice(num, 1);
				
				
				if( this.uploadImgOKQueue.length > 0)
				{					
					uni.showLoading({
						title:'正在上传图片 '+ (this.uploadImgTotal-this.uploadImgOKQueue.length)+'/'+this.uploadImgTotal
					})
				}
				else{
					uni.hideLoading();
				}
			},

			// 获取上传进度
			progress(e) {
				console.log('上传进度：', e)
			},

			// 上传成功
			success(e) {
				console.log('上传成功')
			},

			// 上传失败
			fail(e) {
				console.log('上传失败：', e)
			},
			onNavigationBarButtonTap(e) {
				var index = e.index;
				this.showPopMenu = !this.showPopMenu
				this.$refs.popup.open('top')
			},
			submitSurvey() {
				console.log(this.formItem)
								
				 if (!this.checkRule()) {
				        return
				      }
				let vm = this;
				this.formItem.unit_type =
					`${this.typeObj.house}-${this.typeObj.hall}-${this.typeObj.toilet}-${this.typeObj.balcony}`
				this.areaArray.forEach((item)=>{
					if(item.value == vm.formItem.area_id) {
						vm.formItem.area = item.text
					}
				})			
				
				if( this.uploadImgOKQueue.length > 0)
				{
					toast("已提交，但图片未上传完整!!!")
				}
				
				surveySubmit(this.formItem).then(res => {
					if (res.code === 1) {
						this.$tab.navigateTo('/pages/survey/index')
					} else if (res.code === -1) {
						this.$modal.msgError(res.msg)
					}
				})
			},
			surveyOptions() {
				surveyOptions().then(res => {
					if (res.code === 1) {
					  let houseData = res.data.residence	
						// 商业
					  let data = res.data.shop
					  this.residence_towards = this.adapter(houseData.residence_towards._child)
					  this.residence_new_rate = this.adapter(houseData.residence_new_rate._child)
					  this.shop_prosperity_vf = this.adapter(data.shop_business_prosperity.shop_prosperity_vf._child)
					  this.shop_prosperity_cg = this.adapter(data.shop_business_prosperity.shop_prosperity_cg._child)
					  this.shop_business_level = this.adapter(data.shop_business_level._child)
					  this.shop_traffic_condition = this.adapter(data.shop_traffic_condition._child)
					  this.shop_prosperity_mn = this.adapter(data.shop_business_prosperity.shop_prosperity_mn._child)
					  this.shop_property_form = this.adapter(data.shop_property_form._child)
					  this.shop_position = this.adapter(data.shop_position._child)
					  // this.shop_situation=data.shop_situation._child
					  this.shop_parking_convenient = this.adapter(data.shop_parking_condition.shop_parking_convenient._child)
					  this.shop_above_parking = this.adapter(data.shop_parking_condition.shop_above_parking._child)
					  this.shop_under_parking = this.adapter(data.shop_parking_condition.shop_under_parking._child)
					  this.shop_parking_cost_free = this.adapter(data.shop_parking_condition.shop_parking_cost_free._child)
					  this.shop_shopping_cart_pick = this.adapter(data.shop_parking_condition.shop_shopping_cart_pick._child)
					  this.shop_usage_status = this.adapter(data.shop_usage_status._child)
					  this.shop_is_through_next = this.adapter(data.shop_usage_status.shop_is_through_next._child)
					  // this.shop_vacant = data.shop_usage_status.shop_vacant._child
			
					  this.shop_outdoor_scene = this.adapter(data.shop_outdoor_scene._child)
					  this.shop_door_window = this.adapter(data.shop_door_window._child)
					  this.shop_parlour = this.adapter(data.shop_parlour._child)
					  this.shop_balcony = this.adapter(data.shop_balcony._child)
					  this.shop_kitchen = this.adapter(data.shop_kitchen._child)
			
					  // this.shop_toilet_type = data.shop_toilet.shop_toilet_type._child
					  this.shop_toilet_ceiling = this.adapter(data.shop_toilet.shop_toilet_ceiling._child)
					  this.shop_toilet_ground = this.adapter(data.shop_toilet.shop_toilet_ground._child)
					  this.shop_toilet_sanitary = this.adapter(data.shop_toilet.shop_toilet_sanitary._child)
					  this.shop_toilet_wall = this.adapter(data.shop_toilet.shop_toilet_wall._child)
			
					  this.shop_facilities_ac = this.adapter(data.shop_facilities.shop_facilities_ac._child)
					  this.shop_facilities_communication = this.adapter(data.shop_facilities.shop_facilities_communication._child)
					  this.shop_facilities_elevator = this.adapter(data.shop_facilities.shop_facilities_elevator_option._child)
					  this.shop_facilities_hydropower = this.adapter(data.shop_facilities.shop_facilities_hydropower._child)
			
					  this.shop_situation_ss = this.adapter(data.shop_situation.shop_beside_street.shop_situation_ss._child)
					  this.shop_ground_meter = this.adapter(data.shop_situation.shop_beside_street.shop_ground_meter._child)
					  this.shop_distance_road = this.adapter(data.shop_situation.shop_beside_street.shop_distance_road._child)
					  this.shop_green_belt = this.adapter(data.shop_situation.shop_beside_street.shop_green_belt._child)
					  this.shop_pillar_shelter1 = this.adapter(data.shop_situation.shop_beside_street.shop_pillar_shelter1._child)
					  this.shop_mezzanine = this.adapter(data.shop_situation.shop_beside_street.shop_mezzanine._child)
					  this.shop_beside_street_situation = this.adapter(data.shop_situation.shop_beside_street.shop_beside_street_situation._child)
					  this.shop_basement = this.adapter(data.shop_situation.shop_beside_street.shop_basement._child)
			
					  this.shop_pillar_shelter = this.adapter(data.shop_situation.shop_inner_shop.shop_pillar_shelter2._child)
					  this.shop_situation_wss = this.adapter(data.shop_situation.shop_inner_shop.shop_situation_wss._child)
			
					  this.shop_kitchen2_ceiling = this.adapter(data.shop_kitchen2.shop_kitchen2_ceiling._child)
					  this.shop_kitchen2_equipment = this.adapter(data.shop_kitchen2.shop_kitchen2_equipment._child)
					  this.shop_kitchen2_ground = this.adapter(data.shop_kitchen2.shop_kitchen2_ground._child)
					  this.shop_kitchen2_wall = this.adapter(data.shop_kitchen2.shop_kitchen2_wall._child)
			
					  // 电梯
					  const reg = /#/ig
			
					  // 临时隐藏
					  let shop_facilities_elevator = []
					  this.shop_facilities_elevator.map(item => {
						if (item.name === '客梯#部') {
						  shop_facilities_elevator.push(item)
						}
					  })
			
					  // const shop_facilities_elevator = this.shop_facilities_elevator
					  shop_facilities_elevator.map(item => {
						const res = item.name.split('#')
						item.data = {
						  name: res[0],
						  append: res[1],
						  checkVal: false,
						  inputVal: '',
						  key: item.key2
						}
					  })
					  this.shop_facilities_elevator = shop_facilities_elevator
					  // 临街-距离地面
					  this.shop_ground_meter.map((item, i) => {
						const res = item.name.split('#')
						item.data = {
						  name: res[0],
						  append: res[1],
						  value: ''
						}
					  })
					}
				})
			},
			adapter(data) {
				if (Array.isArray(data) && data.length !== 0) {
					data.forEach((item) => {
						item.value = item.code
						item.text = item.name
					})
				}
				return data
			},
			transArea(areaObj) {
				let areaArray = []
				for (let key in areaObj) {

					areaArray.push({
						"value": key,
						"text": areaObj[key]
					})
				}
				return areaArray
			},
			surveyDetail() {
				let data = {
					order_no: this.route.order_no,
					id: this.route.id
				}
				surveyDetail(data).then(res => {
					if (res.code === 1) {
						const data = res.data
						this.basicInfo = data.inquiry
						this.areaArray = this.transArea(data.area)

					} else if (res.code == -1) {
						this.$modal.msgError(res.msg)
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f8f8f8;
	}

	.eva-label {
		margin-right: 20px;
		width: 200rpx;
	}

	.uni-common-mt {
		margin-top: 30px;
	}

	.uni-padding-wrap {
		// width: 750rpx;
		padding: 0px 30px;
	}

	.survey-detail-container {
		margin-bottom: 100rpx;
		padding: 20rpx;
	}

	.btnSurvey {
		color: #ff6a00;
	}

	.line {
		width: 100%;
		height: 5rpx;
		background-color: #E6E6E6;
	}

	.line2 {
		width: 100%;
		height: 20rpx;
		background-color: #F5F5F5;
	}

	.desc {
		width: 70%;
		//background-color: #bb11ff;
	}

	.slot-box {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;	
		align-items: center;
		flex-wrap: wrap;
		//width: 80%;
	}
	
	.slot-box {
		
	}

	.tag-view {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.uni-list {
		flex: 1;
	}

	.uni-list-item {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex: 1;
		flex-direction: row;
		background-color: #FFFFFF;
	}


	.uni-list-item__container {
		padding: 12px 15px;
		width: 100%;
		flex: 1;
		position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		box-sizing: border-box;
		/* #endif */
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #eee;
	}

	.uni-list-item__content-title {
		font-size: 14px;
	}

	.uni-input {
		height: 28px;
		line-height: 28px;
		font-size: 15px;
		padding: 0px;
		flex: 1;
		text-align: center;
		background-color: #FFFFFF;
	}
	.require {
		color: RED;
	}

	// .flex-item {
	// 	width: 33.3%;
	// 	height: 30rpx;
	// 	text-align: center;
	// 	line-height: 200rpx;
	// }
</style>
