zd_wechatApp/pages/statistics/history_gas_sealing.vue

<template>
	<scroll-view>
		<view class="uni-media-list" v-for="(value, key) in dataJson.zEngineeringNodeBo.zEngineeringInfoBoList"
			:key="key" v-if="isEdit(value)">

			<view class="uni-media-list-body">
				<view>
					<view class="uni-media-list-text-top">
						<view class="tit-text">施工时间:</view>{{value.updateTime}}
					</view>
					<view class="uni-media-list-text-top">
						<view class="uni-common-mt" style="width: 100%;">
							<text class="tit-text" style=" font-size: 13px;color:
									#000;margin-top: 5px;">工程地点:</text>
							<view style="width: 100%;box-sizing: border-box;">
								<textarea class="textarea" maxlength="50" placeholder-style="padding: 10rpx;"
									style="width: 100%;height: 100%;border: 1rpx solid #cccccc; border-radius: 15rpx;padding: 10rpx;line-height:normal;"
									auto-height :value="value.constructAddre"
									@blur="bindTextAddress($event.target.value,key)"></textarea>
							</view>
						</view>
					</view>
					<view class="uni-media-list-text-top">
						<view class="uni-common-mt" style="width: 100%;">
							<text class="tit-text" style=" font-size: 13px;color:
									#000;margin-top: 5px;">作业方式:</text>
							<view style="width: 100%;box-sizing: border-box;">
								<textarea class="textarea" maxlength="50" placeholder-style="padding: 10rpx;"
									style="width: 100%;height: 100%;border: 1rpx solid #cccccc; border-radius: 15rpx;padding: 10rpx;line-height:normal;"
									auto-height :value="value.segmentedCompressionQualified"
									@blur="bindTextWorkStyle($event.target.value,key)"></textarea>
							</view>
						</view>
					</view>

					<view class="uni-media-list-text-top">
						<view class="uni-common-mt" style="width: 100%;">
							<text class="tit-text" style=" font-size: 13px;color:
									#000;margin-top: 5px;">施工内容:</text>
							<view style="width: 100%;box-sizing: border-box;">
								<textarea class="textarea" maxlength="50" placeholder-style="padding: 10rpx;"
									style="width: 100%;height: 100%;border: 1rpx solid #cccccc; border-radius: 15rpx;padding: 10rpx;line-height:normal;"
									auto-height :value="value.remark"
									@blur="bindTextAreaBlur($event.target.value,key)"></textarea>
							</view>
						</view>
					</view>

					<view class="uni-media-list-text-top">
						<view class="uni-common-mt" style="width: 100%;">
							<text class="tit-text" style=" font-size: 13px;color:
									#000;margin-top: 5px;">管道压力:</text>
							<view style="width: 100%;box-sizing: border-box;">
								<textarea class="textarea" maxlength="50" placeholder-style="padding: 10rpx;"
									style="width: 100%;height: 100%;border: 1rpx solid #cccccc; border-radius: 15rpx;padding: 10rpx;line-height:normal;"
									auto-height :value="value.constructAccordingDrawings"
									@blur="bindTextPipePress($event.target.value,key)"></textarea>
							</view>
						</view>
					</view>


					<!-- // XXXXXX -->
					<view v-if="projectType=='pe'">

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传开孔照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peHolesOpening',key)">
							</image>
							<view v-for="(item,index) in value.peHolesOpening" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peHolesOpening)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peHolesOpening)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传封堵照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('pePlugging',key)">
							</image>
							<view v-for="(item,index) in value.pePlugging" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.pePlugging)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.pePlugging)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传作业完成照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peHomeworkDone',key)">
							</image>
							<view v-for="(item,index) in value.peHomeworkDone" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peHomeworkDone)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peHomeworkDone)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传鞍型焊接照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peSaddleWelding',key)">
							</image>
							<view v-for="(item,index) in value.peSaddleWelding" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peSaddleWelding)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peSaddleWelding)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传气密实验照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peAirtightTest',key)">
							</image>
							<view v-for="(item,index) in value.peAirtightTest" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peAirtightTest)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peAirtightTest)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传清扫照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peCleaning',key)">
							</image>
							<view v-for="(item,index) in value.peCleaning" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peCleaning)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peCleaning)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传碰口作业照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peCollisionOperating',key)">
							</image>
							<view v-for="(item,index) in value.peCollisionOperating" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peCollisionOperating)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peCollisionOperating)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传恢复通气检漏照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('peAirrecovering',key)">
							</image>
							<view v-for="(item,index) in value.peAirrecovering" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.peAirrecovering)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.peAirrecovering)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>
						<!-- xxx -->
					</view>
					<view v-else>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传开孔照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironHolesOpening',key)">
							</image>
							<view v-for="(item,index) in value.ironHolesOpening" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironHolesOpening)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironHolesOpening)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传封堵照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironCleaning',key)">
							</image>
							<view v-for="(item,index) in value.ironCleaning" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironCleaning)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironCleaning)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传作业完成照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironHomeworkDone',key)">
							</image>
							<view v-for="(item,index) in value.ironHomeworkDone" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironHomeworkDone)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironHomeworkDone)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传管道壁厚照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironPipelineThickness',key)">
							</image>
							<view v-for="(item,index) in value.ironPipelineThickness" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironPipelineThickness)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironPipelineThickness)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传焊接四通照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('iron4Welding',key)">
							</image>
							<view v-for="(item,index) in value.iron4Welding" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.iron4Welding)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.iron4Welding)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传焊接旁通照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironBypassWelding',key)">
							</image>
							<view v-for="(item,index) in value.ironBypassWelding" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironBypassWelding)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironBypassWelding)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传氮气吹扫照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironNitrogenPurging',key)">
							</image>
							<view v-for="(item,index) in value.ironNitrogenPurging" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironNitrogenPurging)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironNitrogenPurging)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传管道置换照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironPipelineReplacing',key)">
							</image>
							<view v-for="(item,index) in value.ironPipelineReplacing" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironPipelineReplacing)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironPipelineReplacing)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>

						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传下堵照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('ironLowerEndCap',key)">
							</image>
							<view v-for="(item,index) in value.ironLowerEndCap" :key="index"
								style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.ironLowerEndCap)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.ironLowerEndCap)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>
						<view class="uni-common-mt" style="width: 100%;">
							<text class="uni-title uni-common-pl" style=" font-size: 13px;color:
											#000;margin-top: 5px; margin-left: 8px;">请上传四通防腐照片:</text>
						</view>

						<view class="" style="display: flex; flex-wrap: wrap;margin-top: 10px;">
							<image :src="loadImgSrc('updateimg.png')" mode=""
								style="width: 200rpx; height: 150rpx; margin: 0 12rpx;; "
								@click="choose('iron4Aczoiling',key)">
							</image>
							<view v-for="(item,index) in value.iron4Aczoiling" :key="index" style="position: relative;">
								<view
									v-if="item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) == 'jpg'  || item.substring(item.length - 3) == 'jpeg'">
									<image :src="item" mode="" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"
										@click="showPhoto(index,value.iron4Aczoiling)">
									</image>
								</view>
								<view v-else>
									<video :src="item" style="width: 100rpx; height: 100rpx; margin: 0 12rpx;"></video>
								</view>
								<view @click="remove(index,value.iron4Aczoiling)"
									style="position: absolute; top: 0; right: 14rpx; border-radius: 50%;">
									<image :src="loadImgSrc('icon_close.png')" style=" width: 15px; height: 15px;">
									</image>
								</view>
							</view>
						</view>
						<!-- ccc -->
					</view>
				</view>
			</view>
		</view>
		<!-- 
		<SelectPicker :list="selectList" @change="changeSelect" v-if="open" @close="close" titleKey="name"
			subtitleKey="id">
		</SelectPicker>
		<SelectPicker :list="dictOptions" @change="changeSelectDict" v-if="openDict" @close="closeDict"
			titleKey="dictLabel" subtitleKey="dictValue" v-model="name"></SelectPicker> -->
		<view class="action-btn" v-if="!hideButton">
			<button @click="submit" class="btn cu-btn block bg-blue lg round">提交</button>
		</view>
	</scroll-view>
</template>

<script>
	import {
		getDicts
	} from "@/api/system/dict/data";
	import {
		getToken
	} from '../../utils/auth';
	import user from '@/store/modules/user'
	import {
		getGasSealingHistoryList,
		submitGasSealingHistory
	} from '@/api/common'
	export default {
		components: {},
		data() {
			return {
				// playVideo: false,//视频播放放大
				// playVideoSrc:'',
				selectZbfList: [],
				dictOptions: [],
				openDict: false,
				dataIndex: 0, //数据用第几条
				selectIndex: 0, //材质规格用的第几条
				imageIndex: 0,
				headers: {
					Authorization: "Bearer " + getToken()
				},
				id: '',
				projectType: '',
				projectTypeLabel: '',
				title: '',
				dataJson: '',
				enginClassification: '',
				enginType: '',
				enginClassValue: '',
				selectList: [],
				open: false,
				selectType: '',
				hideButton: false,
			}
		},
		onLoad(options) {
			if ('params' in options) {
				let obj = JSON.parse(decodeURIComponent(options.params));
				this.id = obj.id;
				this.projectType = obj.type;
				if (this.projectType === 'pe') {
					this.projectTypeLabel = 'PE封堵';
				} else {
					this.projectTypeLabel = '钢管带气封堵';
				}
				getGasSealingHistoryList(this.id, this.projectType).then(res => {
					if (res.data.zEngineeringNodeBo.zEngineeringInfoBoList != null) {
						this.dataJson = res.data;
						this.hideButton = false;
					} else {
						this.$modal.msg("暂无历史信息")
						this.hideButton = true;
					}
				})

			}
		},
		methods: {
			//关闭弹窗
			close(e) {
				this.open = false
			},
			bindTextAddress(e, index) {
				this.dataJson.zEngineeringNodeBo.zEngineeringInfoBoList[index].constructAddre = e;
			},
			bindTextPipePress(e, index) {
				this.dataJson.zEngineeringNodeBo.zEngineeringInfoBoList[index].constructAccordingDrawings = e;
			},
			bindTextAreaBlur(e, index) {
				this.dataJson.zEngineeringNodeBo.zEngineeringInfoBoList[index].remark = e;
			},
			bindTextWorkStyle(e, index) {
				this.dataJson.zEngineeringNodeBo.zEngineeringInfoBoList[index].segmentedCompressionQualified = e;
			},
			remove(index, fileArr) {
				uni.showModal({
					title: '提示',
					content: '是否删除该文件？',
					success: (res) => {
						if (res.confirm) {
							fileArr.splice(index, 1)
						}
					}
				})
			},

			choose(fileType, index) {
				this.dataIndex = index;
				let _this = this;
				uni.showActionSheet({
					title: '上传',
					itemList: ['图片', '视频'],
					success: (res) => {
						if (res.tapIndex == 0) {
							this.chooseimage(fileType)
						} else {
							this.choosevideo(fileType)
						}
					}
				})
			},

			chooseimage(fileType) {
				let _this = this;
				uni.chooseImage({
					sizeType: ['album', 'camera'],
					success(resp) {
						resp.tempFiles.forEach((item, index) => {
							const task = uni.uploadFile({
								url: _this.$HTTP + `/obs`,
								filePath: item.path,
								name: 'file',
								formData: {},
								header: _this.headers,

								success: res => {

									let data = JSON.parse(res.data);
									if (![200].includes(data.code)) {
										_this.$modal.msg(data.msg)
									} else {
										if (_this.progress === 100) {
											if (fileType === 'peHolesOpening') { //PE开孔
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peHolesOpening.push(data.data
														.url)
											} else if (fileType === 'peHomeworkDone') { //PE封堵
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peHomeworkDone
													.push(data.data
														.url)
											} else if (fileType === 'pePlugging') { //PE作业
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.pePlugging.push(
														data.data
														.url)
											} else if (fileType === 'ironHolesOpening') { //开孔
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironHolesOpening
													.push(data
														.data.url)
											} else if (fileType === 'ironHomeworkDone') { //封堵
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironHomeworkDone
													.push(data
														.data.url)
											} else if (fileType === 'ironCleaning') { //作业
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironCleaning.push(
														data.data
														.url)
											} else if (fileType ===
												'peSaddleWelding') { //鞍型焊接照片 PE
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peSaddleWelding
													.push(data
														.data.url)
											} else if (fileType ===
												'peAirtightTest') { //气密实验照片 PE
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peAirtightTest
													.push(data.data
														.url)
											} else if (fileType === 'peCleaning') { //清扫照片 PE
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peCleaning.push(
														data.data
														.url)
											} else if (fileType ===
												'peCollisionOperating') { //碰口作业照片 PE
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peCollisionOperating.push(
														data.data.url)
											} else if (fileType ===
												'peAirrecovering') { //恢复通气检漏照片 PE
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.peAirrecovering
													.push(data
														.data.url)
											} else if (fileType ===
												'ironPipelineThickness') { //管道壁厚照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironPipelineThickness.push(
														data.data.url)
											} else if (fileType ===
												'iron4Welding') { //焊接四通照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.iron4Welding.push(
														data.data
														.url)
											} else if (fileType ===
												'ironBypassWelding') { //焊接旁通照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironBypassWelding
													.push(data
														.data.url)
											} else if (fileType ===
												'ironNitrogenPurging') { //氮气吹扫照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironNitrogenPurging
													.push(data
														.data.url)
											} else if (fileType ===
												'ironPipelineReplacing') { //管道置换照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironPipelineReplacing.push(
														data.data.url)
											} else if (fileType ===
												'ironLowerEndCap') { //下堵照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.ironLowerEndCap
													.push(data
														.data.url)
											} else if (fileType ===
												'iron4Aczoiling') { //四通防腐照片
												_this.dataJson.zEngineeringNodeBo
													.zEngineeringInfoBoList[_this.dataIndex]
													.iron4Aczoiling
													.push(data.data
														.url)
											}
											_this.$modal.msg('上传成功！')
										}
									}
								},
								fail: e => {
									_this.$modal.msg('上传失败！')
								},
								complete: res => {
									uni.hideLoading();
									_this.uploading = false;

								}
							});
							task.onProgressUpdate(res => {
								_this.progress = res.progress;
								uni.showLoading({
									title: '上传中'
								})
								if (_this.progress != 100) {
									_this.loading = false
								} else {
									_this.loading = true
								}
							});

						})

					},
				})
			},

			choosevideo(fileType) {
				let _this = this;
				uni.chooseVideo({
					sourceType: ['album', 'camera'],
					maxDuration: 30,
					success(resp) {
						const task = uni.uploadFile({
							url: _this.$HTTP + `/obs`,
							filePath: resp.tempFilePath,
							name: 'file',
							formData: {},
							header: _this.headers,
							success: res => {
								// 判断是否json字符串，将其转为json格式
								let data = JSON.parse(res.data);
								if (![200].includes(res.statusCode)) {
									this.uploadError(index, data);
								} else {
									//上传成功
									if (_this.progress === 100) {
										if (fileType === 'peHolesOpening') { //PE开孔
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.peHolesOpening.push(data.data
													.url)
										} else if (fileType === 'peHomeworkDone') { //PE封堵
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.peHomeworkDone
												.push(data.data
													.url)
										} else if (fileType === 'pePlugging') { //PE作业
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex].pePlugging
												.push(
													data.data
													.url)
										} else if (fileType === 'ironHolesOpening') { //开孔
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironHolesOpening
												.push(data
													.data.url)
										} else if (fileType === 'ironHomeworkDone') { //封堵
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironHomeworkDone
												.push(data
													.data.url)
										} else if (fileType === 'ironCleaning') { //作业
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironCleaning.push(
													data.data
													.url)
										} else if (fileType ===
											'peSaddleWelding') { //鞍型焊接照片 PE
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.peSaddleWelding
												.push(data
													.data.url)
										} else if (fileType ===
											'peAirtightTest') { //气密实验照片 PE
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.peAirtightTest
												.push(data.data
													.url)
										} else if (fileType === 'peCleaning') { //清扫照片 PE
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex].peCleaning
												.push(
													data.data
													.url)
										} else if (fileType ===
											'peCollisionOperating') { //碰口作业照片 PE
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.peCollisionOperating.push(
													data.data.url)
										} else if (fileType ===
											'peAirrecovering') { //恢复通气检漏照片 PE
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.peAirrecovering
												.push(data
													.data.url)
										} else if (fileType ===
											'ironPipelineThickness') { //管道壁厚照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironPipelineThickness.push(
													data.data.url)
										} else if (fileType ===
											'iron4Welding') { //焊接四通照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.iron4Welding.push(
													data.data
													.url)
										} else if (fileType ===
											'ironBypassWelding') { //焊接旁通照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironBypassWelding
												.push(data
													.data.url)
										} else if (fileType ===
											'ironNitrogenPurging') { //氮气吹扫照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironNitrogenPurging
												.push(data
													.data.url)
										} else if (fileType ===
											'ironPipelineReplacing') { //管道置换照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironPipelineReplacing.push(
													data.data.url)
										} else if (fileType ===
											'ironLowerEndCap') { //下堵照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.ironLowerEndCap
												.push(data
													.data.url)
										} else if (fileType ===
											'iron4Aczoiling') { //四通防腐照片
											_this.dataJson.zEngineeringNodeBo
												.zEngineeringInfoBoList[_this.dataIndex]
												.iron4Aczoiling
												.push(data.data
													.url)
										}
										_this.$modal.msg('上传成功！')
										//_this.photo = false;
									}
								}
							},
							fail: e => {
								_this.$modal.msg('上传失败！')
								this.uploadError(index, e);
							},
							complete: res => {
								uni.hideLoading();
								_this.uploading = false;
							}
						});
						task.onProgressUpdate(res => {
							_this.progress = res.progress;
							uni.showLoading({
								title: '上传中'
							})
							if (_this.progress != 100) {
								_this.loadingFile = false
							} else {
								_this.loadingFile = true
							}
						});

					},
				})
			},
			showPhoto(index, arr) {
				let newArr = [];
				arr.forEach((item, index) => {
					if (item.substring(item.length - 3) == 'png' || item.substring(item.length - 3) ==
						'jpg' ||
						item.substring(item.length - 4) == 'jpeg') {
						newArr.push(item)
					}
				});
				uni.previewImage({
					current: index,
					urls: newArr,
				})
			},

			isEmpty(str) {
				return (!str || 0 === str.length);
			},

			isEdit(item) {
				var isShow = item.createBy == undefined || item.createBy == this.$user.state.name;
				return isShow;
			},
			submit() {
				let isSubmit = true;
				// XXXXXX
				if (this.projectType == 'pe') {
					this.dataJson.zEngineeringNodeBo.zEngineeringInfoBoList.forEach((res) => {
						if (res.peHolesOpening.length == 0) { //PE开孔
							this.$modal.msg("请上传开孔照片");
							isSubmit = false;
						}
						if (res.pePlugging.length == 0) {
							this.$modal.msg("请上传封堵照片");
							isSubmit = false;
						}
						if (res.peHomeworkDone.length == 0) {
							this.$modal.msg("请上传作业完成照片");
							isSubmit = false;
						}
						if (res.peSaddleWelding.length == 0) {
							this.$modal.msg("请上传鞍型焊接照片");
							isSubmit = false;
						}
						if (res.peAirtightTest.length == 0) {
							this.$modal.msg("请上传气密实验照片");
							isSubmit = false;
						}
						if (res.peCleaning.length == 0) {
							this.$modal.msg("请上传清扫照片");
							isSubmit = false;
						}
						if (res.peCollisionOperating.length == 0) {
							this.$modal.msg("请上传碰口作业照片");
							isSubmit = false;
						}
						if (res.peAirrecovering.length == 0) {
							this.$modal.msg("请上传恢复通气检漏照片");
							isSubmit = false;
						}
					})

				} else {

					this.dataJson.zEngineeringNodeBo.zEngineeringInfoBoList.forEach((res) => {
						if (res.ironHolesOpening.length == 0) {
							this.$modal.msg("请上传开孔照片");
							isSubmit = false;
						}
						if (res.ironCleaning.length == 0) {
							this.$modal.msg("请上传封堵照片");
							isSubmit = false;
						}
						if (res.ironHomeworkDone.length == 0) {
							this.$modal.msg("请上传作业完成照片");
							isSubmit = false;
						}

						if (res.ironPipelineThickness.length == 0) {
							this.$modal.msg("请上传管道壁厚照片");
							isSubmit = false;
						}
						if (res.iron4Welding.length == 0) {
							this.$modal.msg("请上传焊接四通照片");
							isSubmit = false;
						}
						if (res.ironBypassWelding.length == 0) {
							this.$modal.msg("请上传焊接旁通照片");
							isSubmit = false;
						}
						if (res.ironNitrogenPurging.length == 0) {
							this.$modal.msg("请上传氮气吹扫照片");
							isSubmit = false;
						}
						if (res.ironPipelineReplacing.length == 0) {
							this.$modal.msg("请上传管道置换照片");
							isSubmit = false;
						}
						if (res.ironLowerEndCap.length == 0) {
							this.$modal.msg("请上传下堵照片");
							isSubmit = false;
						}
						if (res.iron4Aczoiling.length == 0) {
							this.$modal.msg("请上传四通防腐照片");
							isSubmit = false;
						}
					})

				}
				if (!isSubmit) {
					return
				}
				uni.showLoading()
				submitGasSealingHistory(this.dataJson).then(
					response => {
						uni.hideLoading()
						if (response.code == '200') {
							uni.showToast({
								title: response.msg,
								icon: 'none',
								duration: 2000
							});
							setTimeout(function() {
								uni.navigateBack();
							}, 1000)
						}

					});
			}
		}

	}
</script>

<style lang="scss">
	.uni-media-list-body {
		background: #fff;
		border: 1px solid #eee;
		border-radius: 40rpx;
		margin: 20rpx;
		padding: 10rpx 0 40rpx;
		box-shadow: 0 0 5px #eee;
	}

	.uni-media-list-text-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
		position: relative;

	}


	.to-right-icon {
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.share {
		width: 100%;
		height: 100%;

	}

	.tit-text {
		color: #4f535a;
		margin-right: 20rpx;
	}

	.normal-text {}

	.cz-style {
		background: #e8f4f9;
		margin: 20rpx;
		padding: 10rpx;
		border-radius: 20rpx;
		border: 1px solid #d4e3f0;
	}

	.uni-media-list-text-top {
		font-size: 14px;
		color: #696969;
		padding: 20rpx 20rpx;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
	}

	.share-box {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0rpx;
		left: 0rpx;
		bottom: 0rpx;
		right: 0rpx;
		background-color: rgba(0, 0, 0, 0.4);
		transition: .3s;
		z-index: 999;
	}

	// 进入分享动画
	.share-show {
		transition: all 0.3s ease;
		transform: translateY(0%) !important;
		border-radius: 20px 20px 0px 0px;
	}

	.scroll-Y {
		height: 58vh;
	}

	// 离开分享动画
	.share-item {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 70%;
		background-color: #FFFFFF;
		transition: all 0.3s ease;
		transform: translateY(100%);
		z-index: 1999;

		.share-to {
			width: 100%;
			height: 30px;
			display: flex;
			justify-content: center;
			margin: 30rpx 0;
			align-items: center;


		}

		.content {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;

			.block {
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: left;
				height: auto;

				image {
					width: 80rpx;
					height: 80rpx;
				}

				text {
					margin-top: 16rpx;
					font-size: 28rpx;
					color: #606266;
				}
			}
		}

		.cancel {
			width: 100%;
			height: 3rem;
			display: flex;
			justify-content: center;
			align-items: center;
			border-top: 1rpx solid #E4E7ED;
		}


	}

	.uni-media-list-text-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
		position: relative;

	}

	.uni-list {
		border: 1xp solid #eee;
	}

	.to-right-icon {
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}


	.text {
		font-size: 16px;
		color: #333;
	}

	.tj-btn {
		height: 69rpx;
		background: #3184f0;
		border-radius: 6rpx;
		font-size: 25rpx;
		font-weight: 400;
		width: 100%;
		color: #FFFFFF;
		line-height: 69rpx;
		margin: 40rpx 70rpx;

	}

	.sc-btn {
		height: 69rpx;
		background: #f0686b;
		border-radius: 6rpx;
		font-size: 25rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 69rpx;
		margin: 40rpx;

	}

	// .gesture-area {
	// 	//加浮动弹窗
	//   width: 100%;
	//   height: 100%;
	// }
</style>