From 28ce362a394e1a7f6bca217770a3b86c6fea6a40 Mon Sep 17 00:00:00 2001
From: linxi <linxi.jiang@jeeyor.com>
Date: Fri, 11 Oct 2024 16:19:38 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A2455=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E5=85=BB=E7=94=9F=E5=9C=A3?=
 =?UTF-8?q?=E5=9C=B0=E5=BA=97=E9=93=BA=E6=90=9C=E7=B4=A2=E9=9C=80=E8=A6=81?=
 =?UTF-8?q?=E5=8D=95=E7=8B=AC=E5=BC=80=E4=B8=AA=E9=A1=B5=E9=9D=A2=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E6=90=9C=E7=B4=A2=E7=BB=93=E6=9E=9C=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E4=B8=94=E6=90=9C=E7=B4=A2=E7=BB=93=E6=9E=9C=E4=B8=8D=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E5=88=86=E7=B1=BB=E5=B1=95=E7=A4=BA=EF=BC=8C=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E5=B1=95=E7=A4=BA=E5=BD=93=E5=89=8D=E5=9F=8E=E5=B8=82?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84=E6=89=80=E6=9C=89=E5=BA=97=E9=93=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                          |   7 ++
 pkg_product/views/healthSanctum.vue |   8 +-
 pkg_product/views/healthSearch.vue  | 115 ++++++++++++++++++++++++++++
 3 files changed, 127 insertions(+), 3 deletions(-)
 create mode 100644 pkg_product/views/healthSearch.vue

diff --git a/pages.json b/pages.json
index 6d139a1..aebcea3 100644
--- a/pages.json
+++ b/pages.json
@@ -579,6 +579,13 @@
             "navigationBarBackgroundColor": "#FFFFFF"
           }
         },
+        {
+          "path": "views/healthSearch",
+          "style": {
+            "navigationBarTitleText": "搜索",
+            "navigationBarBackgroundColor": "#FFFFFF"
+          }
+        },
         {
           "path": "views/heritage",
           "style": {
diff --git a/pkg_product/views/healthSanctum.vue b/pkg_product/views/healthSanctum.vue
index 3be244c..4e73889 100644
--- a/pkg_product/views/healthSanctum.vue
+++ b/pkg_product/views/healthSanctum.vue
@@ -11,8 +11,8 @@
         class="icon"
       />
       <view class="v12-font-28 v12-secondary-dark-text v12-mr-3">{{ cityName }}</view>
-      <view class="flex-1">
-        <u-search searchIconColor="#C52733" :showAction="false" v-model="keyword" @search="search"></u-search>
+      <view class="flex-1" @click="search">
+        <u-search searchIconColor="#C52733" :disabled="true" :showAction="false" v-model="keyword" ></u-search>
       </view>
     </view>
     <swiper v-if="traveItems.length > 0" class="v12-justify-between swap" autoplay circular next-margin="300rpx" duration="10000" interval="3000" >
@@ -126,7 +126,9 @@ export default {
       })
     },
     search() {
-      this.getList()
+      uni.navigateTo({
+        url: '/pkg_product/views/healthSearch?city=' + this.cityId + '&cityName=' + this.cityName
+      })
     },
     getTop() {
       const params = {
diff --git a/pkg_product/views/healthSearch.vue b/pkg_product/views/healthSearch.vue
new file mode 100644
index 0000000..3f3f8d6
--- /dev/null
+++ b/pkg_product/views/healthSearch.vue
@@ -0,0 +1,115 @@
+<template>
+  <view class="search-page">
+    <view class="v12-mr-3">
+      <u-search searchIconColor="#C52733" :showAction="false" v-model="keyword" @search="search"></u-search>
+    </view>
+    <view class="v12-justify-between sanctup-items v12-mt-3">
+      <view v-for="(item, index) in items" :key="index" class="v12-pa-1" @click="toStore(item.hotelId)">
+        <view class="img">
+          <image class="img" :src="item.cover" v-if="item.coverType === 1"></image>
+          <video 
+            class="img" 
+            :src="item.cover" 
+            :play-btn-position="center" 
+            :show-fullscreen-btn="false"
+            v-if="item.coverType === 2">
+          </video>
+          <view class="v12-white-text address">
+            <image
+              class="map-icon v12-mr-1"
+              :src="webUrl + '/orderIcon/map_white.png'"
+            ></image>
+            <text class="v12-font-28">{{ item.areaName }}</text>
+          </view>
+        </view>
+        <view class="v12-font-bold v12-font-28 v12-mt-1 more-t" style="min-height: 76rpx; "  @click="toStore(item.hotelId)">{{ item.address }}</view>
+        <view class="v12-justify-start v12-align-center v12-my-1"  @click="toStore(item.hotelId)">
+          <view class="atr">
+            <image class="atr" :src="item.logo"></image>
+          </view>
+          <view class="v12-font-26 v12-ml-2 v12-dark-text one-t">{{ item.hotelName }}</view>
+        </view>
+      </view>
+    </view>
+    <view v-if="items.length === 0" class="v12-justify-center v12-mt-16">
+      <view class="no-data-wrap">
+        <image :src="webUrl + '/orderIcon/微信图片_20241009220552.png'" mode="widthFix"></image>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getCategory,getWellnessPlace } from '@/api/health'
+export default {
+  data() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      keyword: '',
+      goodCityId: '',
+      items: []
+    }
+  },
+  onLoad(opts) {
+    this.goodCityId =  opts.city
+  },
+  methods: {
+    search() {
+      const params = {
+        goodCityId: this.goodCityId,
+        categoryId: '',
+        keyword: this.keyword,
+        page: 1,
+        limit: 9999
+      }
+      getWellnessPlace(params).then(res => {
+        // console.log(res);
+        this.items = res.data.records
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.map-icon{
+  width: 28rpx;
+  height: 28rpx;
+}
+.arrow-icon{
+  width: 25rpx;
+  height: 25rpx;
+}
+.icon{
+  width: 30rpx;
+  height: 30rpx;
+}
+.address{
+  position: absolute;
+  left: 30rpx;
+  bottom: 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.search-page{
+  min-height: 100vh;
+  background-color: #fff;
+  padding: 20rpx;
+}
+.sanctup-items{
+  display: grid;
+  grid-template-columns: 50% 50%;
+}
+.img{
+  width: 320rpx;
+  height: 320rpx;
+  border-radius: 16rpx;
+  position: relative;
+}
+.atr{
+  width: 52rpx;
+  height: 52rpx;
+  border-radius: 50%;
+}
+</style>
\ No newline at end of file