add：消费着 商户详情编辑 疏散图

src/_consumer_home.html

@@ -185,6 +185,9 @@
 					<van-row>
 						<van-col span="24">{{merInformation.businessAddress}}</van-col>
 					</van-row>
+					<van-row>
+						<van-col @click="picDetail()" span="24" style="margin-top:0.2rem; font-weight: 500;font-size: .28rem;color: #1081E3;">查看商家平面疏散图></van-col>
+					</van-row>
 				</div>
 			</div>
 			<!-- 第三层：表单区 -->

src/_consumer_home.js

@@ -46,6 +46,28 @@ window.addEventListener("load", function () {
 		// 	}
 		// },
 		methods: {
+			showImage4shusan(liststr, index) {
+				const list = liststr.split(',') || []
+				const images = list.map((item)=>{
+					return this.previewUrl + item
+				})
+				console.log(images, 'images')
+				vant.ImagePreview({
+					images,
+					startPosition: index,
+					closeable: true,
+				});
+			},
+			picDetail(){ // 平面疏散图显示
+				if(!this.merInformation.floorEvacuationPlan){
+					vant.Dialog.alert({
+						message: '该商家还未上传平面疏散图',
+					})
+					return
+				}
+			
+				this.showImage4shusan(this.merInformation.floorEvacuationPlan, 0)
+			},
 			showImage(list, index) {
 				const images = list.map((item) => {
 					return this.previewUrl + item

src/_shanghu_detail-edit.html

@@ -268,10 +268,35 @@
               </van-uploader>
               </div>
             </div>
-         
-              
-
           </div>
+		  <div>
+		    <h5 class="imager-item-title">
+		      <span class="form-label">商家平面疏散图</span>
+		      <span></span>
+		    </h5>
+		    <!-- 详情模式 -->
+		    <div class="img-wrapper" style="display: flex;gap:.16rem;">
+		      <div style="position: relative;" v-for="(imgItem, index) in formData.floorEvacuationPlan">
+		        <img
+		           :src="previewUrl + imgItem"
+		          style="width: 1.6rem; height: 1.6rem;"
+		          @click="showImage(formData.floorEvacuationPlan, index)"
+		        />
+		        <div v-if="flag=='XG'" class="van-uploader__preview-delete" @click="handleDeleteFloorPlan(index, 'floorEvacuationPlan')"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
+		      </div>
+		      <div v-if="formData.floorEvacuationPlan.length<4 && flag=='XG' ">
+		        <van-uploader
+		          :before-read="beforeRead"
+		          :after-read="(file) => afterRead(file, 'floorEvacuationPlan')"
+		          class="uploader-wrapper"
+		          :deletable="false"
+		          :preview-image="false"
+		        >
+		       <img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset="">
+		      </van-uploader>
+		      </div>
+		    </div>
+		  </div>
           <div>
             <h5 class="imager-item-title">
               <span class="form-label">营业执照</span>

src/_shanghu_detail-edit.js

@@ -121,6 +121,8 @@ window.addEventListener('load', function () {
 					this.formData.businessLicensePhotos.splice(index, 1);
 				}else if(type === 'storeFront'){
 					this.formData.storefrontPhotos.splice(index, 1);
+				}else if(type === 'floorEvacuationPlan'){
+					this.formData.storefrontPhotos.splice(index, 1);
 				}
 			},
 			beforeRead(file) {
@@ -141,7 +143,6 @@ window.addEventListener('load', function () {
 				return true;
 			},
 			afterRead(file, type) { // 调用爱山东中台系统，将数据流传递过去
-				alert(type)
 				vant.Toast.loading({
 					message: '正在处理...',
 					forbidClick: true,
@@ -175,7 +176,10 @@ window.addEventListener('load', function () {
 							this.formData.businessLicensePhotos.push(value.fileName)
 						}else if(type === 'storeFront'){
 							this.formData.storefrontPhotos.push(value.fileName)
+						}else if(type === 'floorEvacuationPlan'){
+							this.formData.floorEvacuationPlan.push(value.fileName)
 						}
+						
 						// 可根据后端返回的数据做进一步处理，如显示上传成功信息等
 						setTimeout(() => {
 							vant.Toast.clear()
@@ -561,7 +565,7 @@ window.addEventListener('load', function () {
 				reqParam.floorPlanPhotos = this.formData.floorPlanPhotos.join(',')
 				reqParam.businessLicensePhotos = this.formData.businessLicensePhotos.join(',')
 				reqParam.storefrontPhotos = this.formData.storefrontPhotos.join(',')
-
+				reqParam.floorEvacuationPlan = this.formData.floorEvacuationPlan.join(',')
 				http3.put('/gq/merchant', reqParam).then((res) => {
 					console.log('保存结果', res)
 					vant.Toast({
@@ -641,6 +645,9 @@ window.addEventListener('load', function () {
 						if(tempData['storefrontPhotos']){
 							tempData['storefrontPhotos'] = tempData['storefrontPhotos'].split(',')
 						}
+						if(tempData['floorEvacuationPlan']){
+							tempData['floorEvacuationPlan'] = tempData['floorEvacuationPlan'].split(',')
+						}
 						this.formData = tempData
 						
 						console.log('******详情********', tempData)