fix: 接口联调

src/api/home.ts

@@ -1 +1,83 @@
 import { http } from '@/utils/http'
+
+// 招商加盟
+export const getParkServiceInvestment = (parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/investment/park/${parkId}`
+  })
+}
+
+// 我要加油
+export const getParkServiceOil = (parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/oil/park/${parkId}`
+  })
+}
+
+// 我要充电
+export const getParkServicePower = (parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/power/park/${parkId}`
+  })
+}
+
+// 我要修车
+export const getParkServiceCar = (parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/car/park/${parkId}`
+  })
+}
+
+// 司机之家
+export const getParkServiceDriver = (parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/driver/park/${parkId}`
+  })
+}
+
+// 母婴室
+export const getParkServiceBoy = (parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/boy/park/${parkId}`
+  })
+}
+
+// 我要吃饭列表
+export const getParkServiceEatList = (data: any) => {
+  return http({
+    method: 'GET',
+    url: `/service/eat/park/list`,
+    data
+  })
+}
+
+// 我要吃饭详情
+export const getParkServiceEatDetail = (id: string, parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/eat/${id}/${parkId}`
+  })
+}
+
+// 精选商家列表
+export const getParkServiceShopList = (data: any) => {
+  return http({
+    method: 'GET',
+    url: `/service/shop/park/list`,
+    data
+  })
+}
+
+// 精选商家详情
+export const getParkServiceShopDetail = (id: string, parkId: string) => {
+  return http({
+    method: 'GET',
+    url: `/service/shop/${id}/${parkId}`
+  })
+}

src/api/system.ts

@@ -24,6 +24,17 @@ export const getConfigAPI = () => {
  * @description: 获取全部园区楼宇
  * @return {*}
  */
+export const getParkWebAPI = () => {
+  return http<ParkItem[]>({
+    method: 'GET',
+    url: '/space/park/web'
+  })
+}
+
+/**
+ * @description: 获取全部园区楼宇
+ * @return {*}
+ */
 export const getParkAPI = () => {
   return http<ParkItem[]>({
     method: 'GET',

src/base/base.scss

@@ -56,6 +56,13 @@
         vertical-align: middle;
       }
     }
+    .common-card-rate {
+      display: flex;
+      align-items: center;
+      text {
+        margin-left: 6rpx;
+      }
+    }
     .common-sub-title {
       font-size: 25rpx;
       color: #333;
@@ -77,7 +84,7 @@
       }
     }
     .common-card-content {
-      font-size: 22rpx;
+      // font-size: 22rpx;
       color: #333;
       line-height: 42rpx;
       text {
@@ -87,7 +94,7 @@
     .common-card-list {
       display: flex;
       flex-wrap: wrap;
-      justify-content: space-between;
+      // justify-content: space-between;
       margin-top: 24rpx;
       .card-list-item {
         display: flex;
@@ -95,6 +102,10 @@
         align-items: center;
         justify-content: center;
         margin-bottom: 22rpx;
+        margin-right: 48rpx;
+        &:nth-child(3n) {
+          margin-right: 0;
+        }
         .item-img-wrap {
           width: 180rpx;
           height: 180rpx;

src/base/common/charge.vue

@@ -1,34 +1,31 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="minioUrl + '/img_chongdian_bg.png'" mode="scaleToFill" />
+      <image :src="content.image" mode="scaleToFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
         <!-- common title -->
-        <view class="common-card-title">山高新能源海清高速服务区充电站</view>
+        <view class="common-card-title">{{ chargeInfo?.title }}</view>
         <!-- sub title -->
-        <view class="common-sub-title">营业时间:24小时</view>
-        <view class="common-sub-title">客服电话:0532-8886666</view>
+        <view class="common-sub-title">营业时间:{{ chargeInfo?.businessAt }}</view>
+        <view class="common-sub-title">客服电话:{{ chargeInfo?.mobile }}</view>
       </view>
       <view class="common-card">
         <view class="common-card-title u-margin-bottom-20">当前电价</view>
         <!-- 当前电价及时间展示 -->
         <view class="charge-current-wrapper">
           <view class="current-left-wrap">
-            <view class="text">1.36</view>
+            <view class="text">{{ content?.price }}</view>
             <view class="unit">元/度</view>
           </view>
           <view class="current-right-wrap">09:00-12:00</view>
         </view>
-        <HyCharge />
+        <HyCharge title="快充" :freeNum="content?.fastChargeFree" :totalNum="content?.fastChargeTotal" :status="content?.fastChargeStatus" />
+        <HyCharge title="慢充" :freeNum="content?.slowChargeFree" :totalNum="content?.slowChargeTotal" :status="content?.slowChargeStatus" />
         <view class="common-card-title u-margin-top-45">温馨提示</view>
         <view class="common-card-content">
-          <text>1、进出充电站时，请严格遵守交通规则和指示标识，注意观察礼让其他车辆。</text>
-          <text>2、充电前请确认车辆与充电桩兼容（如接口类型、功率匹配），优先选择支持直流快充的桩。</text>
-          <text>3、充电前确保车辆熄火（混动车型需熄火），连接充电枪后启动充电程序。</text>
-          <text>4、充电过程中若发现设备故障、异味或漏电，立即停止并联系工作人员。</text>
-          <text>5、充电结束时先关闭电源，再拔枪并妥善存放。</text>
+          <u-parse :html="content?.intro" />
         </view>
       </view>
     </view>
@@ -37,8 +34,19 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useGlobal } from '../../composables/index'
-const { minioUrl } = useGlobal()
+import { onLoad } from '@dcloudio/uni-app'
+import { getParkServicePower } from '@/api/home'
+
+const chargeInfo = ref<any>({})
+const content = ref<any>({})
+onLoad(async () => {
+  const parkId = uni.getStorageSync('parkId')
+  const res = await getParkServicePower(parkId)
+  if (res.code === 200) {
+    chargeInfo.value = res.data
+    content.value = JSON.parse(chargeInfo.value.content)
+  }
+})
 </script>
 
 <style lang="scss" scoepd>

src/base/common/driversHome.vue

@@ -1,25 +1,24 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="minioUrl + '/img_sijizhijia_bg.png'" mode="scaleToFill" />
+      <image :src="content.image" mode="scaleToFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
         <!-- common title -->
-        <view class="common-card-title">海清服务区司机之家</view>
+        <view class="common-card-title">{{ driverInfo?.title }}</view>
         <!-- sub title -->
-        <view class="common-sub-title">营业时间:24小时</view>
-        <view class="common-sub-title">客服电话:0532-8886666</view>
+        <view class="common-sub-title">营业时间:{{ driverInfo?.businessAt }}</view>
+        <view class="common-sub-title">客服电话:{{ driverInfo?.mobile }}</view>
       </view>
       <view class="common-card">
         <view class="common-card-title u-margin-bottom-20">基本介绍</view>
         <view class="common-card-content">
-          “司机之家”是指主要为道路运输车辆及驾驶人员提供公共服务的场所和建筑设施，一般具有餐饮、休息、停车安保、宣传教育等服务功能。按照建设要求，“司机之家”应在高速公路服务区、普通国省干线公路服务区(站)、物流通道货物集散地或者物流园区等地建设，截至2025年4月全国30个省（自治区、直辖市）已建成1900余个“司机之家”线下服务点。
+          <u-parse :html="content.intro" />
         </view>
         <view class="common-card-title u-margin-top-45">设施配置</view>
         <view class="u-flex u-col-center u-margin-top-24">
-          <HyTag text="淋浴（有热水）" imgUrl="/icon_ly.png" />
-          <HyTag text="洗衣机" imgUrl="/icon_xyj.png" />
+          <HyTag v-for="(item, index) in content.facilities" :key="index" :text="item.name" :imgUrl="item.img" />
         </view>
       </view>
     </view>
@@ -28,8 +27,20 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useGlobal } from '../../composables/index'
-const { minioUrl } = useGlobal()
+import { onLoad } from '@dcloudio/uni-app'
+import { getParkServiceDriver } from '@/api/home'
+
+const driverInfo = ref<any>({})
+const content = ref<any>({})
+onLoad(async () => {
+  const parkId = uni.getStorageSync('parkId')
+  const res = await getParkServiceDriver(parkId)
+  if (res.code === 200) {
+    driverInfo.value = res.data
+    content.value = JSON.parse(driverInfo.value.content)
+    console.log('🚀 ~ content.value:', content.value)
+  }
+})
 </script>
 
 <style lang="scss" scoepd>

src/base/common/nursingRoom.vue

@@ -1,27 +1,24 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="minioUrl + '/img_muying_bg.png'" mode="scaleToFill" />
+      <image :src="content.image" mode="scaleToFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
         <!-- common title -->
-        <view class="common-card-title">海清服务区母婴室</view>
+        <view class="common-card-title">{{ boyInfo?.title }}</view>
         <!-- sub title -->
-        <view class="common-sub-title">营业时间:24小时</view>
-        <view class="common-sub-title">客服电话:0532-8886666</view>
+        <view class="common-sub-title">营业时间:{{ boyInfo?.businessAt }}</view>
+        <view class="common-sub-title">客服电话:{{ boyInfo?.mobile }}</view>
       </view>
       <view class="common-card">
         <view class="common-card-title u-margin-bottom-20">基本介绍</view>
         <view class="common-card-content">
-          母婴室，也称作母乳喂养室，通常建设于大型公共场所，如：商业综合体、交通枢纽、医疗机构、游乐场馆、文体教育场所等。以便于携婴父母出门在外照料哺乳期婴儿进行护理、哺乳、集乳、喂食、备餐的功能。建设主体包括商业场所及政府非营利性公共服务设施。
+          <u-parse :html="content?.intro" />
         </view>
         <view class="common-card-title u-margin-top-45">设施配置</view>
         <view class="bottom-box-wrap">
-          <HyTag text="哺乳椅" imgUrl="/icon_muying_01.png" />
-          <HyTag text="饮水机（有热水）" imgUrl="/icon_muying_02.png" />
-          <HyTag text="尿布台" imgUrl="/icon_muying_03.png" />
-          <HyTag text="婴儿床" imgUrl="/icon_muying_04.png" />
+          <HyTag v-for="item in content?.facilities" :key="item" :text="item.name" :imgUrl="item.img" />
         </view>
       </view>
     </view>
@@ -30,8 +27,19 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useGlobal } from '../../composables/index'
-const { minioUrl } = useGlobal()
+import { onLoad } from '@dcloudio/uni-app'
+import { getParkServiceBoy } from '@/api/home'
+
+const boyInfo = ref<any>({})
+const content = ref<any>({})
+onLoad(async () => {
+  const parkId = uni.getStorageSync('parkId')
+  const res = await getParkServiceBoy(parkId)
+  if (res.code === 200) {
+    boyInfo.value = res.data
+    content.value = JSON.parse(boyInfo.value.content)
+  }
+})
 </script>
 
 <style lang="scss" scoepd>

src/base/common/refuel.vue

@@ -1,25 +1,22 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="minioUrl + '/img_jiayou_bg.png'" mode="scaleToFill" />
+      <image :src="content.image" mode="scaleToFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
         <!-- common title -->
-        <view class="common-card-title">中石化海清高速服务区加油站</view>
+        <view class="common-card-title">{{ refuelInfo.title }}</view>
         <!-- sub title -->
-        <view class="common-sub-title">营业时间:24小时</view>
-        <view class="common-sub-title">客服电话:0532-8886666</view>
+        <view class="common-sub-title">营业时间:{{ refuelInfo?.businessAt }}</view>
+        <view class="common-sub-title">客服电话:{{ refuelInfo?.mobile }}</view>
       </view>
       <view class="common-card">
         <view class="common-card-title u-margin-bottom-20">当前油价</view>
-        <HyStation type="2" v-for="index in 4" :key="index"></HyStation>
+        <HyStation type="2" v-for="(item, index) in list" :key="index" :item="item"></HyStation>
         <view class="common-card-title u-margin-top-45">温馨提示</view>
         <view class="common-card-content">
-          <text>1、进出加油站时，请严格遵守交通规则和指示标识，注意观察礼让其他车辆。</text>
-          <text>2、加油前请熄火，不要拨打电话。</text>
-          <text>3、加油站区域内请勿吸烟、使用明火（如打火机）。</text>
-          <text>4、如需开具发票，请联系站内工作人员。</text>
+          <u-parse :html="content?.intro" />
         </view>
       </view>
     </view>
@@ -28,8 +25,42 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getParkServiceOil } from '@/api/home'
 import { useGlobal } from '../../composables/index'
 const { minioUrl } = useGlobal()
+
+// 我要加油
+const refuelInfo = ref<any>({})
+const content = ref<any>({})
+const list = ref<any>([])
+onLoad(async () => {
+  const parkId = uni.getStorageSync('parkId')
+  if (parkId) {
+    const res = await getParkServiceOil(parkId)
+    if (res.code === 200) {
+      refuelInfo.value = res.data
+      content.value = JSON.parse(refuelInfo.value.content)
+      const {
+        oil92ActivityPrice,
+        oil92OriginalPrice,
+        oil95ActivityPrice,
+        oil95OriginalPrice,
+        oil89ActivityPrice,
+        oil89OriginalPrice,
+        dieselActivityPrice,
+        dieselOriginalPrice
+      } = content.value
+      const _list = [
+        { name: '92#', activityPrice: oil92ActivityPrice, originalPrice: oil92OriginalPrice },
+        { name: '95#', activityPrice: oil95ActivityPrice, originalPrice: oil95OriginalPrice },
+        { name: '89#', activityPrice: oil89ActivityPrice, originalPrice: oil89OriginalPrice },
+        { name: '柴油#', activityPrice: dieselActivityPrice, originalPrice: dieselOriginalPrice }
+      ]
+      list.value = _list
+    }
+  }
+})
 </script>
 
 <style lang="scss" scoepd>

src/base/common/repair.vue

@@ -1,23 +1,20 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="minioUrl + '/img_xiuche_bg.png'" mode="scaleToFill" />
+      <image :src="content.image" mode="scaleToFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
         <!-- common title -->
-        <view class="common-card-title">驿驰汽修</view>
+        <view class="common-card-title">{{ carInfo?.title }}</view>
         <!-- sub title -->
-        <view class="common-sub-title">营业时间:24小时</view>
-        <view class="common-sub-title">客服电话:0532-8886666</view>
+        <view class="common-sub-title">营业时间:{{ carInfo?.businessAt }}</view>
+        <view class="common-sub-title">客服电话:{{ carInfo?.mobile }}</view>
       </view>
       <view class="common-card">
-        <view class="common-card-title u-margin-bottom-20">免费项目</view>
         <view class="common-card-content">
-          <text>大货车免费汽修项目:启动搭电、胎压检测</text>
-          <text>小客车免费汽修项目:启动搭电、胎压检测、轮胎充气</text>
+          <u-parse :html="content?.intro" />
         </view>
-        <view class="common-card-title u-margin-top-45">收费项目</view>
       </view>
     </view>
   </view>
@@ -25,8 +22,19 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useGlobal } from '../../composables/index'
-const { minioUrl } = useGlobal()
+import { onLoad } from '@dcloudio/uni-app'
+import { getParkServiceCar } from '@/api/home'
+
+const carInfo = ref<any>({})
+const content = ref<any>({})
+onLoad(async () => {
+  const parkId = uni.getStorageSync('parkId')
+  const res = await getParkServiceCar(parkId)
+  if (res.code === 200) {
+    carInfo.value = res.data
+    content.value = JSON.parse(carInfo.value.content)
+  }
+})
 </script>
 
 <style lang="scss" scoepd>

src/base/shop/details.vue

@@ -1,41 +1,60 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image src="" mode="scaleToFill" />
+      <image :src="content.image" mode="scaleToFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
         <!-- common title -->
-        <view class="common-card-title">肯德基海清高速服务区店</view>
+        <view class="common-card-title">{{ details.title }}</view>
         <!-- rate -->
         <view class="common-card-rate">
-          <uni-rate allow-half :value="5" color="#ddd" activeColor="#ff5702" />
+          <uni-rate allow-half :value="content.rate" color="#ddd" activeColor="#ff5702" />
+          <text>{{ content.rate }}</text>
         </view>
         <!-- sub title -->
-        <view class="common-sub-title">营业时间: 08:00-24:00</view>
+        <view class="common-sub-title">营业时间: {{ details.businessAt }}</view>
       </view>
       <view class="common-card">
         <view class="common-card-title">店铺简介</view>
-        <view class="common-card-content"
-          >肯德基（Kentucky Fried Chicken），简称KFC，
-          全球炸鸡连锁餐厅，总部位于美国肯塔基州路易斯维尔市，在世界上105个国家和地区开设有15000多家肯德基餐厅，
-          隶属于全球最大的餐饮连锁企业百胜餐饮集团。 产品以鸡肉为主，并不断推出新产品。</view
-        >
-        <view class="common-card-title u-margin-top-12">精品推荐</view>
-        <view class="common-card-list">
-          <view class="card-list-item" v-for="index in 6" :key="index">
+        <view class="common-card-content">
+          <u-parse :html="content?.intro" />
+        </view>
+        <view class="common-card-title u-margin-top-30">精品推荐</view>
+        <view class="common-card-list" v-if="content.facilities.length > 0">
+          <view class="card-list-item" v-for="(item, index) in content.facilities" :key="index">
             <view class="item-img-wrap">
-              <image src="" mode="scaleToFill" />
+              <image :src="item.img" mode="scaleToFill" />
             </view>
-            <view class="list-text">蜜汁全鸡</view>
+            <view class="list-text">{{ item.name }}</view>
           </view>
         </view>
+        <view class="common-empty" v-else>
+          <u-empty text="暂无推荐" />
+        </view>
       </view>
     </view>
   </view>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getParkServiceEatDetail } from '@/api/home'
+
+const id = ref<string>('')
+const details = ref<any>({})
+const content = ref<any>({})
+onLoad(async (options) => {
+  id.value = options?.id || ''
+  const parkId = uni.getStorageSync('parkId')
+  const res = await getParkServiceEatDetail(id.value, parkId)
+  if (res.code === 200) {
+    details.value = res.data
+    content.value = JSON.parse(details.value.content)
+  }
+})
+</script>
 
 <style lang="scss" scoepd>
 @import '../base.scss';

src/base/shop/index.vue

@@ -1,10 +1,50 @@
 <template>
   <view class="shop-index-container">
-    <HyShopItem v-for="index in 5" :key="index" />
+    <mescroll-body @init="mescrollInit" :down="{ use: true, minAngle: angle }" @down="downCallback" @up="upCallback">
+      <HyShopItem v-for="(item, index) in list" :key="index" :item="item" />
+    </mescroll-body>
   </view>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { onLoad, onShow, onPageScroll } from '@dcloudio/uni-app'
+import { getParkServiceShopList } from '@/api/home'
+import { useListLoader } from '@/composables/useListLoader'
+
+const angle = ref(45)
+// 监听页面滚动
+onPageScroll((e) => {
+  if (e.scrollTop > 80) {
+    angle.value = 90
+  } else {
+    angle.value = 45
+  }
+})
+
+let canReset = false
+onShow(() => {
+  if (canReset) {
+    handleSearch()
+  }
+  canReset = true
+})
+
+const list = computed(() => {
+  return listData.value.map((item: any) => ({
+    ...item,
+    content: JSON.parse(item.content)
+  }))
+})
+
+// 列表加载
+const { listData, upCallback, downCallback, handleSearch, mescrollInit } = useListLoader({
+  apiFn: getParkServiceShopList,
+  initialParams: {
+    parkId: uni.getStorageSync('parkId')
+  }
+})
+</script>
 
 <style lang="scss" scoepd>
 .shop-index-container {

src/base/shop/meal.vue

@@ -1,10 +1,50 @@
 <template>
   <view class="shop-index-container">
-    <HyShopItem v-for="index in 5" :key="index" price />
+    <mescroll-body @init="mescrollInit" :down="{ use: true, minAngle: angle }" @down="downCallback" @up="upCallback">
+      <HyShopItem v-for="(item, index) in list" :key="index" :item="item" price />
+    </mescroll-body>
   </view>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { onLoad, onShow, onPageScroll } from '@dcloudio/uni-app'
+import { getParkServiceEatList } from '@/api/home'
+import { useListLoader } from '@/composables/useListLoader'
+
+const angle = ref(45)
+// 监听页面滚动
+onPageScroll((e) => {
+  if (e.scrollTop > 80) {
+    angle.value = 90
+  } else {
+    angle.value = 45
+  }
+})
+
+let canReset = false
+onShow(() => {
+  if (canReset) {
+    handleSearch()
+  }
+  canReset = true
+})
+
+const list = computed(() => {
+  return listData.value.map((item: any) => ({
+    ...item,
+    content: JSON.parse(item.content)
+  }))
+})
+
+// 列表加载
+const { listData, upCallback, downCallback, handleSearch, mescrollInit } = useListLoader({
+  apiFn: getParkServiceEatList,
+  initialParams: {
+    parkId: uni.getStorageSync('parkId')
+  }
+})
+</script>
 
 <style lang="scss" scoepd>
 .shop-index-container {

src/components/HyCharge.vue

@@ -1,18 +1,39 @@
 <template>
   <view class="charge-item-wrapper">
-    <view class="item-btn-wrap">快充</view>
+    <view class="item-btn-wrap">{{ title }}</view>
     <view class="item-content-wrap">
       <view class="text">空闲</view>
       <view class="content-number">
-        <view class="left-num">10</view>
-        <view class="right-num">/24</view>
+        <view class="left-num">{{ freeNum }}</view>
+        <view class="right-num">/{{ totalNum }}</view>
       </view>
     </view>
-    <view class="item-status-wrap">排队中</view>
+    <view class="item-status-wrap">{{ status }}</view>
   </view>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '快充'
+  },
+  freeNum: {
+    type: Number,
+    default: 0
+  },
+  totalNum: {
+    type: Number,
+    default: 24
+  },
+  status: {
+    type: String,
+    default: '排队中'
+  }
+})
+</script>
 
 <style lang="scss" scoped>
 .charge-item-wrapper {
@@ -24,6 +45,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-bottom: 20rpx;
   .item-btn-wrap {
     width: 94rpx;
     height: 42rpx;

src/components/HySelect.vue

@@ -21,6 +21,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
+import { getParkWebAPI } from '@/api/system'
 import { useGlobal } from '@/composables/index'
 const { minioUrl } = useGlobal()
 
@@ -45,19 +46,24 @@ const emit = defineEmits(['update:modelValue', 'change'])
 const dropdownVisible = ref(false)
 const selectedValue = ref(props.modelValue)
 
-const parkList = ref([
-  { id: '1', name: '海青服务区' },
-  { id: '2', name: '黄岛服务区' },
-  { id: '3', name: '南村服务区' },
-  { id: '4', name: '胶州服务区' }
-])
+const parkList = ref([]) as any
 
 // 计算当前选中的选项文本
 const selectedOptionText = computed(() => {
-  const selected = parkList.value.find((item) => item.id === selectedValue.value)
+  const selected = parkList.value.find((item: any) => item.id === selectedValue.value)
   return selected ? selected.name : ''
 })
 
+// 获取全部园区楼宇
+const getParkWeb = async () => {
+  const res = await getParkWebAPI()
+  if (res.code === 200) {
+    parkList.value = res.rows
+  }
+}
+
+getParkWeb()
+
 // 监听modelValue变化，同步内部状态
 watch(
   () => props.modelValue,

src/components/HyShopItem.vue

@@ -1,38 +1,40 @@
+<!-- eslint-disable vue/no-mutating-props -->
 <template>
-  <view class="shop-item-wrapper" @click="navigateToDetails">
-    <view class="item-left-wrap"></view>
+  <view class="shop-item-wrapper" @click="navigateToDetails(item)">
+    <view class="item-left-wrap">
+      <image :src="item.content?.image" mode="scaleToFill" />
+    </view>
     <view class="item-right-wrap">
       <view class="top">
-        <view class="title u-line-1">肯德基</view>
+        <view class="title u-line-1">{{ item.title }}</view>
         <view class="rate-box">
-          <uni-rate allow-half v-model="rate" color="#ddd" activeColor="#ff5702" size="20" />
-          <text class="rate-text">{{ rate }}</text>
+          <uni-rate allow-half :value="item.content?.rate" disabled color="#ddd" disabledColor="#ff5702" activeColor="#ff5702" size="20" />
+          <text class="rate-text">{{ item.content?.rate }}</text>
         </view>
-        <view class="price" v-if="price">¥50/人</view>
+        <view class="price" v-if="price">¥{{ item.content?.price }}/人</view>
       </view>
       <view class="bottom">
-        <view class="tag-item">西式快餐</view>
-        <view class="tag-item">汉堡</view>
+        <view class="tag-item" v-for="(tag, index) in item.content?.tags" :key="index">{{ tag }}</view>
       </view>
     </view>
   </view>
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
-
-const rate = ref(3.5)
-
 defineProps({
   price: {
     type: Boolean,
     default: false
+  },
+  item: {
+    type: Object,
+    default: () => ({})
   }
 })
 
-const navigateToDetails = () => {
+const navigateToDetails = (item: any) => {
   uni.navigateTo({
-    url: '/base/shop/details'
+    url: '/base/shop/details?id=' + item.id
   })
 }
 </script>

src/components/HyStation.vue

@@ -3,23 +3,29 @@
     <template v-if="type === 1">
       <view class="station-card-wrap">
         <view class="card-header">
-          <view class="text">92#</view>
+          <view class="text">{{ item.name }}</view>
           <image :src="minioUrl + '/icon_sm_jiayou.png'" mode="scaleToFill" />
         </view>
         <view class="card-bottom">
           <view class="price-box">
-            <view class="price"><text>7.25</text>元</view>
+            <view class="price"
+              ><text>{{ item.activityPrice }}</text
+              >元</view
+            >
           </view>
-          <view class="origin-box">原价：7.90元</view>
+          <view class="origin-box">原价：{{ item.originalPrice }}元</view>
         </view>
       </view>
     </template>
     <template v-else>
       <view class="station-list-wrap">
-        <view class="station-name">92#</view>
+        <view class="station-name">{{ item.name }}</view>
         <view class="price-wrap">
-          <view class="price-text"><text>7.25</text>元</view>
-          <view class="origin-text">原价：7.90元</view>
+          <view class="price-text"
+            ><text>{{ item.activityPrice }}</text
+            >元</view
+          >
+          <view class="origin-text">原价：{{ item.originalPrice }}元</view>
         </view>
       </view>
     </template>
@@ -35,6 +41,10 @@ defineProps({
   type: {
     type: Number,
     default: 1
+  },
+  item: {
+    type: Object,
+    default: () => ({})
   }
 })
 </script>

src/components/HyTag.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="tag-item-wrapper">
     <view class="tag-item-content" :class="{ 'need-border': needBorder }">
-      <image :src="minioUrl + imgUrl" :style="{ width: imgWidth, height: imgHeight }" />
+      <image :src="imgUrl" :style="{ width: imgWidth, height: imgHeight }" />
       <view class="tag-item-text" :style="{ fontSize: fontSize }">{{ text }}</view>
     </view>
   </view>
@@ -23,7 +23,7 @@ defineProps({
   },
   imgUrl: {
     type: String,
-    default: '/icon_iot_canyin.png'
+    default: ''
   },
   text: {
     type: String,
@@ -43,7 +43,7 @@ defineProps({
 <style lang="scss" scoped>
 .tag-item-wrapper {
   box-sizing: border-box;
-  margin: 0 10rpx 20rpx 0;
+  margin: 0 20rpx 20rpx 0;
   .tag-item-content {
     border-radius: 4rpx;
     display: flex;

src/pages/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import { getParkServiceOil, getParkServicePower, getParkServiceShopList } from '@/api/home'
 import { useGlobal } from '@/composables/index'
 const { minioUrl } = useGlobal()
 
@@ -24,13 +25,68 @@ const navList = ref([
   { image: `${minioUrl}/icon_nav_10.png`, text: '招商加盟', path: '/base/common/join', w: '76rpx', h: '76rpx' }
 ])
 
-const selectedValue = ref('1')
+const selectedValue = ref('')
 
 // 一键救援弹窗展示
 const isRescueShow = ref(false)
 // 失物招领弹窗展示
 const isLostFoundShow = ref(false)
 
+onLoad(() => {
+  const parkId = '1998662443205042178'
+  selectedValue.value = parkId
+  // 存储到本地缓存中
+  uni.setStorageSync('parkId', parkId)
+  // 获取我要加油数据
+  getOilList()
+  // 获取我要充电数据
+  getPowerList()
+  // 获取精选商家数据
+  getShopList()
+})
+
+// 获取我要加油数据
+const oilInfo = ref<any>({})
+const listOli = ref<any>([])
+const getOilList = async () => {
+  const res = (await getParkServiceOil(selectedValue.value)) as any
+  oilInfo.value = JSON.parse(res.data.content)
+  const {
+    oil92ActivityPrice,
+    oil92OriginalPrice,
+    oil95ActivityPrice,
+    oil95OriginalPrice,
+    oil89ActivityPrice,
+    oil89OriginalPrice,
+    dieselActivityPrice,
+    dieselOriginalPrice
+  } = oilInfo.value
+  const _list = [
+    { name: '92#', activityPrice: oil92ActivityPrice, originalPrice: oil92OriginalPrice },
+    { name: '95#', activityPrice: oil95ActivityPrice, originalPrice: oil95OriginalPrice },
+    { name: '89#', activityPrice: oil89ActivityPrice, originalPrice: oil89OriginalPrice },
+    { name: '柴油#', activityPrice: dieselActivityPrice, originalPrice: dieselOriginalPrice }
+  ]
+  listOli.value = _list
+}
+
+// 获取我要充电数据
+const powerInfo = ref<any>({})
+const getPowerList = async () => {
+  const res = (await getParkServicePower(selectedValue.value)) as any
+  powerInfo.value = JSON.parse(res.data.content)
+}
+
+// 获取精选商家数据
+const shopList = ref<any>([])
+const getShopList = async () => {
+  const res = (await getParkServiceShopList({ parkId: selectedValue.value })) as any
+  shopList.value = res.rows.slice(0, 5).map((item: any) => ({
+    ...item,
+    content: JSON.parse(item.content)
+  }))
+}
+
 // 金刚区点击事件
 const navClick = (item: { path: string; type?: string; text?: string }) => {
   if (item.type === 'popup') {
@@ -156,12 +212,13 @@ const callPhone = (phone: string) => {
       ></u-tabs>
       <template v-if="tabActive === 0">
         <view class="tab-station-wrap">
-          <HyStation v-for="index in 4" :key="index" />
+          <HyStation v-for="(item, index) in listOli" :key="index" :item="item"></HyStation>
         </view>
       </template>
       <template v-if="tabActive === 1">
-        <view class="tab-station-wrap">
-          <HyCharge />
+        <view class="tab-station-wrap column">
+          <HyCharge title="快充" :freeNum="powerInfo?.fastChargeFree" :totalNum="powerInfo?.fastChargeTotal" :status="powerInfo?.fastChargeStatus" />
+          <HyCharge title="慢充" :freeNum="powerInfo?.slowChargeFree" :totalNum="powerInfo?.slowChargeTotal" :status="powerInfo?.slowChargeStatus" />
         </view>
       </template>
     </view>
@@ -174,11 +231,11 @@ const callPhone = (phone: string) => {
     <!-- 人气优选商家 -->
     <HyCard title="人气优选商家" rightText="更多商家" isShowRight :marginBottom="24" @clickRight="navigateToShop">
       <view class="index-shop-wrapper">
-        <view class="shop-item" v-for="index in 5" :key="index">
+        <view class="shop-item" v-for="(item, index) in shopList" :key="index">
           <view class="img-wrap">
-            <image src="" mode="scaleToFill" />
+            <image :src="item.content.image" mode="scaleToFill" />
           </view>
-          <view class="item-text u-line-1">肯德基</view>
+          <view class="item-text u-line-1">{{ item.title }}</view>
         </view>
       </view>
     </HyCard>
@@ -462,6 +519,9 @@ const callPhone = (phone: string) => {
       align-items: center;
       justify-content: space-around;
       margin-top: 24rpx;
+      &.column {
+        flex-direction: column;
+      }
     }
   }
   .index-service-wrapper {
@@ -502,6 +562,7 @@ const callPhone = (phone: string) => {
         width: 100rpx;
         text-align: center;
         margin-top: 12rpx;
+        font-size: 24rpx;
       }
     }
   }

src/stores/modules/user.ts

@@ -44,7 +44,7 @@ export const user = defineStore(
       setPermissions,
       setToken,
       setUserInfo,
-      clearInfo,
+      clearInfo
     }
   },
   // 持久化配置