From 3d3efa89bfd4c30f3a09dddc0628c184e8886369 Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Wed, 9 Oct 2024 00:09:59 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E5=BA=B7=E5=85=BB=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/health.js                       | 18 ++++++++
 pkg_product/views/healthFoods.vue   | 64 ++++++++++++++++++++++-------
 pkg_product/views/healthSanctum.vue |  2 +-
 3 files changed, 69 insertions(+), 15 deletions(-)

diff --git a/api/health.js b/api/health.js
index 795864f..47ceac1 100644
--- a/api/health.js
+++ b/api/health.js
@@ -34,4 +34,22 @@ export function getWellnessExhibition(params) {
  */
 export function getWellnessExhibitionDetails(id) {
   return request.get("/wellness/exhibition/" + id)
+}
+
+/**
+ * 康养生活-养生榜单
+ * @param {*} params 
+ * @returns 
+ */
+export function getRank(params) {
+  return request.get("/wellness/place/ranking", params)
+}
+
+/**
+ * 康养生活-养生食材列表
+ * @param {*} params 
+ * @returns 
+ */
+export function getFood(params) {
+  return request.get("/wellness/place/food", params)
 }
\ No newline at end of file
diff --git a/pkg_product/views/healthFoods.vue b/pkg_product/views/healthFoods.vue
index 5f27c83..f9fa1e3 100644
--- a/pkg_product/views/healthFoods.vue
+++ b/pkg_product/views/healthFoods.vue
@@ -5,8 +5,10 @@
       <view class="v12-radius-100 v12-primary v12-white-text v12-px-5 v12-py-2  v12-font-28 v12-font-bold" >养生食材</view>
     </view>
     <view class="v12-justify-between v12-align-center v12-mt-5">
-      <view class="v12-font-28 v12-secondary-dark-text v12-mr-3">昆明市</view>
-      <view class="flex-1"><u-search :showAction="false"></u-search></view>
+      <view class="v12-font-28 v12-secondary-dark-text v12-mr-3">{{ cityName }}</view>
+      <view class="flex-1">
+        <u-search :showAction="false" v-model="keyword"></u-search>
+      </view>
     </view>
     <view class="v12-justify-between swap">
       <view v-for="(item, index) in foodItems" :key="index" class="trave-item-wrap v12-mr-3 v12-mt-3" @click="toDetails">
@@ -18,31 +20,40 @@
       <view class="title-img"></view>
       <view class="rank-items-wrap">
         <view class="bee-rank">
+          <image :src="rank[0].backgroundImage" class="bg-img"></image>
           <view class="rank-title-wrap">
-            <view class="rank-title v12-font-34 v12-font-bold">蜂蜜榜</view>
+            <view class="rank-title v12-font-34 v12-font-bold">{{ rank[0].title }}</view>
           </view>
           <view class="v12-px-2">
-            <view class="rank-item v12-justify-start v12-align-center v12-mb-4" v-for="(item, index) in rankItems" :key="index">
+            <view 
+              class="rank-item v12-justify-start v12-align-center v12-mb-4" 
+              v-for="(item, index) in rank[0].products" 
+              :key="index">
               <view class="rank-tag">{{ index + 1 }}</view>
-              <view class="rank-img"></view>
+              <view class="rank-img">
+                <image :src="item.productImage" class="rank-img"></image>
+              </view>
               <view class="v12-ml-2">
-                <view class="v12-font-bold v12-font-24 one-t" style="width: 160rpx">{{ item.label }}</view>
-                <view class="v12-font-22 more-t">{{ item.intro }}</view>
+                <view class="v12-font-bold v12-font-24 one-t" style="width: 160rpx">{{ item.productTitle }}</view>
+                <view class="v12-font-22 more-t">{{ item.productDesc }}</view>
               </view>
             </view>
           </view>
         </view>
         <view class="drug-rank">
+          <image :src="rank[1].backgroundImage" class="bg-img"></image>
           <view class="rank-title-wrap">
-            <view class="rank-title v12-font-34 v12-font-bold">药膳榜</view>
+            <view class="rank-title v12-font-34 v12-font-bold">{{ rank[1].title }}</view>
           </view>
           <view class="v12-px-2">
-            <view class="rank-item v12-justify-start v12-align-center v12-mb-4" v-for="(item, index) in rankItems" :key="index">
+            <view class="rank-item v12-justify-start v12-align-center v12-mb-4" v-for="(item, index) in rank[1].products" :key="index">
               <view class="rank-tag">{{ index + 1 }}</view>
-              <view class="rank-img"></view>
+              <view class="rank-img">
+                <image :src="item.productImage" class="rank-img"></image>
+              </view>
               <view class="v12-ml-2">
-                <view class="v12-font-bold v12-font-24 one-t" style="width: 160rpx">{{ item.label }}</view>
-                <view class="v12-font-22 more-t">{{ item.intro }}</view>
+                <view class="v12-font-bold v12-font-24 one-t" style="width: 160rpx">{{ item.productTitle }}</view>
+                <view class="v12-font-22 more-t">{{ item.productDesc }}</view>
               </view>
             </view>
           </view>
@@ -75,6 +86,7 @@
   </view>
 </template>
 <script>
+import { getRank } from '@/api/health'
 export default{
   data() {
     return {
@@ -98,24 +110,46 @@ export default{
         {img: '', title: '阿胶糕 手工补品气血固原膏营养礼盒', name: '阿胶糕', price: '39.8'},
         {img: '', title: '阿胶糕 手工补品气血固原膏营养礼盒', name: '阿胶糕', price: '39.8'},
         {img: '', title: '阿胶糕 手工补品气血固原膏营养礼盒', name: '阿胶糕', price: '39.8'},
-      ]
+      ],
+      cityId: '',
+      cityName: '',
+      keyword: '',
+      rank: []
     }
   },
+  onLoad(opts) {
+    this.cityId = opts.city
+    this.cityName = opts.cityName
+    this.getRank()
+  },
   methods: {
     toSanctun() {
       uni.navigateTo({
-        url: '/pkg_product/views/healthSanctum'
+        url: '/pkg_product/views/healthSanctum?city=' + this.cityId + '&cityName=' + this.cityName
       })
     },
     toDetails() {
       uni.navigateTo({
         url: '/pkg_product/views/healthFoodDetails'
       })
+    },
+    getRank() {
+      let params = {
+        goodCityId: this.cityId
+      }
+      getRank(params).then(res => {
+        console.log(res);
+        this.rank = res.data
+      })
     }
   }
 }
 </script>
 <style lang="less" scoped>
+.bg-img{
+  position: absolute;
+  height: 100%;
+}
 .recommends{
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -179,6 +213,7 @@ export default{
   border-radius: 20rpx;
   overflow: auto;
   box-sizing: border-box;
+  position: relative;
 }
 .rank-title-wrap{
   height: 140rpx;
@@ -189,6 +224,7 @@ export default{
   width: 200rpx;
   padding: 10rpx 5rpx;
   background: linear-gradient(to right, #FFFFFF 0%, rgba(255,255,255,0) 100%);
+  z-index: 999;
 }
 .rank-items-wrap{
   background: #E2BC8D;
diff --git a/pkg_product/views/healthSanctum.vue b/pkg_product/views/healthSanctum.vue
index a407534..0a67a90 100644
--- a/pkg_product/views/healthSanctum.vue
+++ b/pkg_product/views/healthSanctum.vue
@@ -85,7 +85,7 @@ export default {
     },
     toFoods() {
       uni.navigateTo({
-        url: '/pkg_product/views/healthFoods'
+        url: '/pkg_product/views/healthFoods?city=' + this.cityId + '&cityName=' + this.cityName
       })
     },
     getList() {