From 3e15ee72d28aaa4f8de98f7260b5549b8a8be4ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E6=96=87=E6=9D=B0?= <>
Date: Sat, 16 Mar 2024 14:06:16 +0800
Subject: [PATCH] no message
---
.../siteDetail/components/PageSkeleton.vue | 430 ++++++++++++++++++
src/pages/siteDetail/siteDetail.vue | 123 +++--
2 files changed, 490 insertions(+), 63 deletions(-)
create mode 100644 src/pages/siteDetail/components/PageSkeleton.vue
diff --git a/src/pages/siteDetail/components/PageSkeleton.vue b/src/pages/siteDetail/components/PageSkeleton.vue
new file mode 100644
index 0000000..bda40c0
--- /dev/null
+++ b/src/pages/siteDetail/components/PageSkeleton.vue
@@ -0,0 +1,430 @@
+
+
+
+
+ 待收货
+
+
+
+ 到了小福家里,请签收
+ 2023-04-15 23:23:04
+
+
+ 苏东坡 13633336666
+ 广东省 广州市 天河区吉山幼儿园
+
+
+
+
+
+
+
+ 厚厚一按就干爽,埃及进口长绒棉毛巾
+ 超值4条装(灰蓝色+粉色+银灰+嫩黄)
+
+
+ ¥
+ 68
+
+
+ x1
+
+
+
+
+
+ KJE金属色系轻量电动车骑行盔男女通用
+ 玫瑰金L
+
+
+ ¥
+ 120
+
+
+ x1
+
+
+
+
+
+ 源自澳洲进口羊毛,儿童奢暖羊毛被升级款
+ 春秋款, 100%羊毛款:150x200cm,适合1.2米/1.35米床
+
+
+ ¥
+ 289
+
+
+ x1
+
+
+
+
+
+ 商品总价:
+ 477
+
+
+ 运费:
+ 2
+
+
+ 应付金额:
+ 479
+
+
+
+
+ 订单信息
+
+
+ 订单编号: 1645809639951962113
+ 复制
+
+ 下单时间: 2023-04-11 23:22:50
+
+
+
+
+ 再次购买
+
+
+
+
+
+
diff --git a/src/pages/siteDetail/siteDetail.vue b/src/pages/siteDetail/siteDetail.vue
index 059ce61..695842d 100644
--- a/src/pages/siteDetail/siteDetail.vue
+++ b/src/pages/siteDetail/siteDetail.vue
@@ -2,20 +2,8 @@
import { ref, reactive } from 'vue'
import { onLoad, onReady } from '@dcloudio/uni-app'
import { getSiteDetailAPI } from '@/services/site'
-const bannerList = [
- {
- id: '1',
- imgUrl: '/static/images/banner1.jpg',
- hrefUrl: '1013001',
- type: '1',
- },
- {
- id: '2',
- imgUrl: '/static/images/banner1.jpg',
- hrefUrl: '1019000',
- type: '1',
- },
-]
+import { fileDomain } from '@/services/constants'
+import PageSkeleton from './components/PageSkeleton.vue'
const leiList = [
{
id: 1,
@@ -38,9 +26,9 @@ const leiList = [
name: '废塑料',
},
]
-const siteInfo = ref(null)
+const siteInfo = ref({})
const rateValue = ref(5)
-const isLoading = ref(false)
+const isLoading = ref(true)
const getDataList = async (stationId) => {
// 如果数据出于加载中,退出函数
// 发送请求前,标记为加载中
@@ -50,9 +38,14 @@ const getDataList = async (stationId) => {
stationId,
}
const res = await getSiteDetailAPI(queryParams)
- if (res.code == 200) {
- siteInfo.value = res.data
- }
+ const obj = res.data
+
+ const arr = obj.stationImg && JSON.parse(obj.stationImg)
+ const imgUrl = fileDomain + arr[0].url
+ obj.imgUrl = imgUrl
+ const categoryArr = obj.stationProducts?.map((q) => q.name) || []
+ obj.categoryStr = categoryArr.join('.')
+ siteInfo.value = obj
// 发送请求后,重置标记
isLoading.value = false
}
@@ -60,58 +53,61 @@ const getDataList = async (stationId) => {
onLoad((options) => {
getDataList(options.siteId)
})
-
-
-
-
-
- {{ siteInfo.stationName }}
- {{ siteInfo.distance }}m
-
-
- 营业时间:
- {{ siteInfo.appointmentTimeStart }} - {{ siteInfo.appointmentTimeEnd }}
-
-
- 地址:{{ siteInfo.address }}
-
-
-
-
-
-
- 服务
-
- 上门服务
- 家电维修
- 品控质检
+
+
+
+
+ {{ siteInfo?.stationName }}
+ {{ siteInfo.distance || 0.0 }}米
+
+
+ 营业时间:
+ {{ siteInfo.appointmentTimeStart }} - {{ siteInfo.appointmentTimeEnd }}
+
+
+ 地址:{{ siteInfo.address }}
+
-
- 评分
-
+
-
- 活动
-
- 会员价
- 赠送积分
+
+
+ 服务
+
+ 上门服务
+ 家电维修
+ 品控质检
+
+
+
+ 评分
+
+
+
+ 活动
+
+ 会员价
+ 赠送积分
+
-
+
+
+
+