12312

2026-07-15 16:53:38 +08:00
parent 073dfa5c00
commit 5cab2be283
4008 changed files with 49859 additions and 1095 deletions
@@ -1,42 +1,32 @@
 <template>
-	<view class="page">
-		<!-- 自定义导航栏 -->
-		<view class="nav-bar" :style="{ paddingTop: statusBarHeight + 'px' }">
-			<view class="nav-header">
-				<view class="nav-back" @click="goBack">
-					<text class="back-icon">&#xe600;</text>
-				</view>
-				<text class="nav-title">门店详情</text>
-			</view>
-		</view>
-
+	<view class="page" v-if="store">
 		<!-- 门店信息卡片 -->
 		<view class="store-card">
 			<image class="store-img" :src="store.image" mode="aspectFill" />
 			<view class="store-info">
 				<text class="store-name">{{ store.name }}</text>
 				<text class="store-category">{{ store.category }}</text>
-				<text class="store-hours">营业时间：{{ store.hours }}</text>
+				<text class="store-hours">营业时间：{{ store.businessTime }}</text>
 			</view>
 		</view>

 		<!-- 地址行 -->
 		<view class="address-row">
 			<text class="address-text">{{ store.address }}</text>
-			<view class="distance-row">
-				<text class="distance-icon">&#xe609;</text>
-				<text class="distance-text">{{ store.distance }}km</text>
+			<view class="distance-row" v-if="store.distance !== null">
+				<u-icon name="map" color="#999999" size="24"></u-icon>
+				<text class="distance-text">{{ store.distance < 1 ? Math.round(store.distance * 1000) + 'm' : Math.round(store.distance) + 'km' }}</text>
 			</view>
 		</view>

 		<!-- 商户优惠 -->
 		<view class="discount-section">
 			<view class="section-title">
-				<text class="discount-tag-icon">&#xe60d;</text>
+				<image src="https://aliyunoss.hn12301.net/hhrs/hhrs_qysm.png" style="width: 30rpx;height: 30rpx;"></image>
 				<text class="discount-title">商户优惠</text>
 			</view>
 			<view class="discount-list">
-				<text class="discount-item" v-for="(item, index) in store.discounts" :key="index">{{ item }}</text>
+				<text class="discount-item" v-for="(item, index) in discountList" :key="index">{{ item }}</text>
 			</view>
 		</view>
 	</view>
@@ -46,36 +36,35 @@
 export default {
 	data() {
 		return {
-			statusBarHeight: 44,
-			store: {
-				id: 1,
-				name: '怀化黄岩白马风景区',
-				category: '景区',
-				hours: '08:00~12:00',
-				address: '怀化市鹤城区万达广场 C 区501',
-				distance: '1.4',
-				image: 'https://aliyunoss.hn12301.net/hhrs/hhrs_venue1.png',
-				discounts: [
-					'用本人 62 开头社保卡凭电子社保码，可享景区免费入园权益',
-					'仅限社保卡持卡人本人使用，非持卡人核销后会扣除使用次数且无法入园',
-					'电子社保码截图无效，需在核销时打开电子社保卡页面。电子社保卡可在云闪付-湖南社保卡，或者微信-湖南智慧人社公众号'
-				]
-			}
+			store: null
+		}
+	},
+	computed: {
+		discountList() {
+			if (!this.store || !this.store.merchantDiscount) return []
+			return this.store.merchantDiscount.split('\n')
 		}
 	},
 	onLoad(options) {
-		const sysInfo = uni.getSystemInfoSync()
-		this.statusBarHeight = sysInfo.statusBarHeight || 44
 		if (options.id) {
 			this.loadDetail(options.id)
 		}
 	},
 	methods: {
-		goBack() {
-			uni.navigateBack()
-		},
-		loadDetail(id) {
-			// TODO: 调用接口 this.$u.api.getVenueDetail({ id })
+		loadDetail(shopId) {
+			const loc = uni.getStorageSync('lng') && uni.getStorageSync('lat')
+				? { lng: uni.getStorageSync('lng'), lat: uni.getStorageSync('lat') }
+				: null
+			const params = { shopId: shopId }
+			if (loc) {
+				params.lng = loc.lng
+				params.lat = loc.lat
+			}
+			this.$u.api.getStoreDetail(params).then(res => {
+				if (res.errcode === 0 && res.data) {
+					this.store = res.data
+				}
+			})
 		}
 	}
 }
@@ -83,44 +72,9 @@ export default {

 <style>
 .page {
-	min-height: 100vh;
+	height: 100vh;
 	background-color: #f2f2f7;
-}
-
-.nav-bar {
-	background-color: #ffffff;
-	position: sticky;
-	top: 0;
-	z-index: 100;
-}
-
-.nav-header {
-	height: 44px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-}
-
-.nav-back {
-	position: absolute;
-	left: 14px;
-	width: 24px;
-	height: 24px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.back-icon {
-	font-size: 20px;
-	color: #1a1818;
-}
-
-.nav-title {
-	font-size: 16px;
-	font-weight: 500;
-	color: #1a1818;
+	overflow: hidden;
 }

 /* 门店卡片 */
@@ -190,11 +144,6 @@ export default {
 	margin-left: 8px;
 }

-.distance-icon {
-	font-size: 12px;
-	color: #999999;
-}
-
 .distance-text {
 	font-size: 12px;
 	color: #999999;