From 6e714fb2bc906cec3b421bcdbb3ca6055153807d Mon Sep 17 00:00:00 2001
From: donqi <ydq0308@qq.com>
Date: Sun, 12 Mar 2023 22:06:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8F=8A=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/worker-home.vue      | 48 +++++++++++++++++++++++++++++---
 pages/product/product-detail.vue |  8 ++++--
 pages/product/shop-detail.vue    | 16 +++++++++--
 3 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/pages/index/worker-home.vue b/pages/index/worker-home.vue
index 9bfe76e..8c57d0a 100644
--- a/pages/index/worker-home.vue
+++ b/pages/index/worker-home.vue
@@ -47,13 +47,17 @@
 										<text v-if="skillArrIndex !== item.goodsCategories.length - 1">，</text>
 									</text>
 								</view>
-								<view>
+								<view :class="isShowAllAreaCurCity[index] ? '' : 'certern-height'">
 									<text class="margin-right-xs">服务范围:</text>
 									<text v-for="(area, areaArrIndex) in item.workerAreas">
 										<text>{{getLastSplitAreaName(area.mergerName)}}</text>
 										<text v-if="areaArrIndex !== item.workerAreas.length - 1">，</text>
 									</text>
 								</view>
+								<view class="text-main-color bg-white padding-top-sm" @click="showAllArea('CurCity', index)">
+									<text>查看全部服务区域</text>
+									<text :class="'cuIcon-' + (isShowAllAreaCurCity[index] ? 'fold' : 'unfold')"></text>
+								</view>
 							</view>
 						</view>
 					</view>
@@ -127,13 +131,17 @@
 										<text v-if="skillArrIndex !== item.goodsCategories.length - 1">，</text>
 									</text>
 								</view>
-								<view>
+								<view :class="isShowAllAreaOtherCity[index] ? '' : 'certern-height'">
 									<text class="margin-right-xs">服务范围:</text>
 									<text v-for="(area, areaArrIndex) in item.workerAreas">
 										<text>{{getLastSplitAreaName(area.mergerName)}}</text>
 										<text v-if="areaArrIndex !== item.workerAreas.length - 1">，</text>
 									</text>
 								</view>
+								<view class="text-main-color bg-white padding-top-sm" @click="showAllArea('OtherCity', index)">
+									<text>查看全部服务区域</text>
+									<text :class="'cuIcon-' + (isShowAllAreaOtherCity[index] ? 'fold' : 'unfold')"></text>
+								</view>
 							</view>
 						</view>
 					</view>
@@ -207,10 +215,13 @@
 				pageSize: 0,
 				stickyTop: this.CustomBar,
 				searchInfo: {},
+				curPositionDistrictId: -1,
 				areaList: [],
 				areaMultiIndex: [0, 0],
 				categoryList: [],
-				categoryMultiIndex: [0, 0, 0]
+				categoryMultiIndex: [0, 0, 0],
+				isShowAllAreaCurCity: [],
+				isShowAllAreaOtherCity: []
 			}
 		},
 		onReady() {
@@ -230,6 +241,7 @@
 				let areaArr = await this.$request.getCurArea();
 				if (areaArr) {
 					this.searchInfo.area = [areaArr[1], areaArr[2]];
+					this.curPositionDistrictId = this.searchInfo.area[1].areaId;
 				}
 			},
 			async reloadData(params = {}) {
@@ -253,6 +265,21 @@
 					let res = await this.$request.getWorkerList(params);
 					let rowsLength = res.rows.length;
 					if (rowsLength > 0) {
+						for (let i = 0; i < res.rows.length; i++) {
+							let curDistrictWorkerAreas = [];
+							let notCurDistrictWorkerAreas = [];
+							let sortedWorkerAreas = [];
+							for (let j = 0; j < res.rows[i].workerAreas.length; j++) {
+								let curWorkerArea = res.rows[i].workerAreas[j];
+								if (this.areaMultiIndex[1] === 0 && curWorkerArea.districtId === this.curPositionDistrictId) {
+									curDistrictWorkerAreas.push(curWorkerArea);
+								} else {
+									notCurDistrictWorkerAreas.push(curWorkerArea);
+								}
+							}
+							sortedWorkerAreas = curDistrictWorkerAreas.concat(notCurDistrictWorkerAreas);
+							res.rows[i].workerAreas = sortedWorkerAreas;
+						}
 						this.workerInfos = this.workerInfos.concat(res.rows);
 						this.pageNum++;
 						if (rowsLength === this.pageSize) {
@@ -479,7 +506,15 @@
 			getLastSplitAreaName(mergeName) {
 				let arr = mergeName.split(",");
 				return arr[arr.length - 1];
-			}
+			},
+			showAllArea(type, index) {
+				let arr = this["isShowAllArea" + type];
+				if (arr[index] == undefined) {
+					arr[index] = false;
+				}
+				arr[index] = !arr[index];
+				this["isShowAllArea" + type] = [].concat(arr);
+			},
 		}
 	}
 </script>
@@ -512,5 +547,10 @@
 	
 	.text-beside-avatar {
 		width: 75%;
+	}
+	
+	.certern-height {
+		max-height: 200rpx;
+		overflow: hidden;
 	}
 </style>
diff --git a/pages/product/product-detail.vue b/pages/product/product-detail.vue
index 9a562a8..6923a86 100644
--- a/pages/product/product-detail.vue
+++ b/pages/product/product-detail.vue
@@ -16,7 +16,7 @@
 			</view>
 		</uni-transition>
 		<!-- 轮播图，视频 -->
-		<swiper :class="changeSwiperHeight ? 'sm-screen-swiper' : 'sm-screen-swiper lg-screen-swiper'" @change="changeSwiper">
+		<swiper :autoplay="true" interval="5000" duration="500" :class="changeSwiperHeight ? 'sm-screen-swiper' : 'sm-screen-swiper lg-screen-swiper'" @change="changeSwiper">
 			<swiper-item v-if="productDetail.goodsVideoUrl">
 				<video style="width: 100%; height: 100%;" id="productVideo" :src="productDetail.goodsVideoUrl" :controls="true" :autoplay="false"
 					:show-center-play-btn="true" :show-fullscreen-btn="true"></video>
@@ -352,9 +352,11 @@
 				});
 			},
 			pauseVideo(e) {
-				if (this.productVideoPlaying) {
+				if (this.productVideoPlaying) {
+					this.productVideoContext.exitFullScreen();
 					this.productVideoContext.pause();
-				} else {
+				} else {
+					this.productVideoContext.requestFullScreen();
 					this.productVideoContext.play();
 				}
 				this.productVideoPlaying = !this.productVideoPlaying;
diff --git a/pages/product/shop-detail.vue b/pages/product/shop-detail.vue
index 1ae229c..32924d8 100644
--- a/pages/product/shop-detail.vue
+++ b/pages/product/shop-detail.vue
@@ -18,13 +18,17 @@
 							<text class="cuIcon-form margin-right-xs text-main-color"></text>
 							<text class="margin-right-xs">企业认证</text>
 						</view>
-						<view>
+						<view :class="isShowAllAreaCurCity ? '' : 'certern-height'">
 							<text class="cuIcon-location margin-right-xs text-main-color"></text>
 							<text class="margin-right-xs">服务范围:</text>
 							<text v-for="(area, areaArrIndex) in shopInfo.workerAreas">
 								<text>{{getLastSplitAreaName(area.mergerName)}}</text>
 								<text v-if="areaArrIndex !== shopInfo.workerAreas.length - 1">，</text>
 							</text>
+						</view>
+						<view class="text-main-color bg-white padding-top-sm" @click="showAllArea(index)">
+							<text>查看全部服务区域</text>
+							<text :class="'cuIcon-' + (isShowAllAreaCurCity ? 'fold' : 'unfold')"></text>
 						</view>
 					</view>
 				</view>
@@ -129,7 +133,8 @@
 				areaList: [],
 				areaMultiIndex: [0, 0],
 				categoryList: [],
-				stickyTop: this.CustomBar
+				stickyTop: this.CustomBar,
+				isShowAllAreaCurCity: false
 			}
 		},
 		onLoad(option) {
@@ -278,6 +283,9 @@
 			getLastSplitAreaName(mergeName) {
 				let arr = mergeName.split(",");
 				return arr[arr.length - 1];
+			},
+			showAllArea(index) {
+				this.isShowAllAreaCurCity = !this.isShowAllAreaCurCity;
 			}
 		}
 	}
@@ -286,5 +294,9 @@
 <style scoped>
 	.text-beside-avatar {
 		width: 75%;
+	}
+	.certern-height {
+		max-height: 235rpx;
+		overflow: hidden;
 	}
 </style>