From 2148b1b0a0d6da8bdaab0f6ae439721a4a9397b4 Mon Sep 17 00:00:00 2001
From: lewis <604446095@qq.com>
Date: Thu, 14 Aug 2025 17:06:30 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AE=B4=E5=B8=AD?=
 =?UTF-8?q?=E5=A5=97=E9=A4=90=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/banquet/combo/dishes_combo.vue | 281 ++++++++++-------------
 src/pages/banquet/hotel/detail.vue       |  72 +++---
 src/pages/tab/banquet/hotel.vue          |   2 +-
 3 files changed, 155 insertions(+), 200 deletions(-)

diff --git a/src/pages/banquet/combo/dishes_combo.vue b/src/pages/banquet/combo/dishes_combo.vue
index 8b571a9..4b2358f 100644
--- a/src/pages/banquet/combo/dishes_combo.vue
+++ b/src/pages/banquet/combo/dishes_combo.vue
@@ -1,178 +1,127 @@
-<style>
-.img {
-    width: 100%;
-    height: 420rpx;
-}
-</style>  
 <template>
-    <view class="fv-page flex-col" style="">
-        <up-navbar class="" style="" :autoBack="true" bgColor="#00000000" :fixed="true" titleColor="#595757FF"
-            leftIconColor="#FFFFFFFF">
-        </up-navbar>
-        <up-swiper v-if="imageList" height="420rpx" :list="imageList" indicator indicatorMode="dot" circular
-            keyName="url" :autoplay="false"></up-swiper>
-        <wd-card type="rectangle">
-
-            <view class="font-size-32 font-bold">
-                <wd-text :text="matchedItems_sc.price" mode="price" type="error" prefix="￥" />
-                <wd-text size="24rpx" :text="matchedItems_sc.line_price" mode="price" decoration="line-through"
-                    prefix="￥" />
-            </view>
-            <view class="pt-2 color-black "> {{ matchedItems_sc.name }} <wd-tag custom-class="space" type="primary">{{
-                matchedItems_sc.tag_name }}</wd-tag></view>
-            <view class="pt-2 color-coolgray font-size-24">
-                销量：{{ matchedItems_sc.sales }}
-            </view>
-        </wd-card>
-        <wd-card type="rectangle">
-            <view class="color-black font-size-28 text-center">
-                套餐介绍
-            </view>
-            <view class="color-coolgray font-size-24">
-                {{ matchedItems_sc.intro }}
-            </view>
-        </wd-card>
-
-
-        <wd-card type="rectangle">
-            <view class="color-black font-size-32 text-center font-bold">
-                冷菜系列
-            </view>
-            <up-cell-group :border="false">
-                <view class="detail-box" style="border: none;padding: 0px;" v-for="(item, index) in matchedItems_sp" :key="index">
-                    <u-cell :border="false" @click="dishesDetail(item)">
-                        <template #icon>
-                            <wd-img :width="100" :height="100" :src="item.image" :enable-preview="false" :radius="8"
-                                :round=false custom-class="margin-right-24" />
-                        </template>
-                        <template #title>
-                            <view class="h-60 flex">
-                                <up-text size="32rpx" :text="`${item.name}大酒店`" :flex1="true" align="left"
-                                    wordWrap="normal" :show="true" prefixIcon="" customStyle="font-weight:bold"
-                                    iconStyle="font-size:28rpx;color:#59CB56;margin-right:10rpx;" lines="1"
-                                    decoration="none">
-                                </up-text>
-                                <!-- <u-icon slot="right" label-color="red" :label="`￥2000.00元`"></u-icon> -->
-                            </view>
-                        </template>
-                        <template #label>
-
-                            <view class="h-50 flex color-gray">
-                                <up-text size="" :text="`鱼香肉丝${item.intro}`" :flex1="true" align="left"
-                                    wordWrap="normal" :show="true" prefixIcon="" customStyle="font-size:24rpx"
-                                    iconStyle="font-size:24rpx;color:#59CB56;margin-right:10rpx;" lines="1"
-                                    decoration="none">
-                                </up-text>
-                                <!-- <u-icon slot="right" label-color="red" :label="`X30`"></u-icon> -->
-                            </view>
-                            <view class="h-50 flex color-gray">
-                                <wd-text text="16354.156" mode="price" type="error" prefix="￥" />
-
-                            </view>
-                            <view class="h-20 flex color-gray">
-                                <wd-text size="24rpx" text="16354.156" mode="price" decoration="line-through"
-                                    prefix="￥" />
-                                <view style="margin-top: -20rpx;">
-                                    <wd-button size="small" @click.stop="dishesDetail(item)">查看详情</wd-button>
-                                </view>
-                            </view>
-                        </template>
-                    </u-cell>
-                </view>
-            </up-cell-group>
-        </wd-card>
-
-
-
+  <view>
+    <up-navbar class="" style="" :autoBack="true" bgColor="#00000000" :fixed="true" titleColor="#595757FF"
+      leftIconColor="#FFFFFFFF">
+    </up-navbar>
+    <up-swiper v-if="imageList" height="420rpx" :list="imageList" indicator indicatorMode="dot" circular keyName="url"
+      :autoplay="false"></up-swiper>
+    <view class="price-wrap pl-[20rpx] text-[40rpx]">
+      <wd-text :text="matchedItems_sc.price" color="#EF2B0D" mode="price" prefix="￥" />
     </view>
+    <view class="bg-white px-[30rpx] py-[10rpx] intro-wrap mx-[24rpx]">
+      <view class="color-black text-[30rpx] font-medium">
+        {{ matchedItems_sc.name }}
+      </view>
+      <view class="text-[#666666] text-[26rpx] mt-[10rpx]">
+        {{ matchedItems_sc.intro }}
+      </view>
+    </view>
+
+    <view v-for="(item, key) in matchedItems_sc.package_config" class="m-[24rpx]">
+      <view class="flex my-[20rpx]">
+        <up-line length="25%" color="#000" margin="0 20rpx 0 90rpx"></up-line>
+        <view class="font-bold text-[30rpx]">
+          {{key}}
+        </view>
+        <up-line length="25%" color="#000" margin="0 90rpx 0 20rpx"></up-line>
+      </view>
+      <view class="u-flex bg-white p-[20rpx] rounded-[20rpx] my-[12rpx]" v-for="dishes in item">
+        <view class="">
+          <wd-img width="196rpx" height="196rpx" :src="dishes.images[0]" :enable-preview="false" :radius="8"
+            :round="false" custom-class="margin-right-24" />
+        </view>
+        <view class="u-flex u-flex-column">
+          <view class="font-bold text-[30rpx]">
+            {{dishes.name}}
+          </view>
+          <view class="text-[24rpx]">
+            {{dishes.intro}}
+          </view>
+        </view>
+      </view>
+    </view>
+    <view v-if="is_add" style="height: 100rpx;"></view>
+    <view v-if="is_add" class="buy-button">
+      <up-button text="立即下单" type="primary"></up-button>
+    </view>
+  </view>
 </template>
 
 <script lang="ts">
-import {
-    defineComponent
-} from "vue";
-import {
+  import {
     CommonApi,
     UserApi
-} from "@/api";
-import {
-    setToken,
-    getToken,
-    isLogin
-} from '@/utils/auth';
-import {
-    image
-} from "@/uni_modules/uview-plus/libs/function/test";
-import {
-    url
-} from "inspector";
-export default defineComponent({
-    data () {
-        return {
-            search: {
-                id: 0,
-            },
-            is_add: 0, //是否显示购物车
-            matchedItems_sc: [],
-            imageList: [],
-            matchedItems_sp: [],
-        };
+  } from "@/api";
+  export default {
+    data() {
+      return {
+        search: {
+          id: 0,
+        },
+        is_add: 0,
+        matchedItems_sc: [],
+        imageList: [],
+        matchedItems_sp: [],
+      };
     },
-    onLoad (option) {
-        // console.log(option);
-        this.search.id = option.id;
-        this.is_add = option.is_add | 0;
-        this.getCategoryList()
-    },
-    created () {
-
+    onLoad(option) {
+      this.search.id = option.id;
+      this.is_add = option.is_add | 0;
+      this.getCategoryList()
     },
     methods: {
-        //点击详情
-        dishesDetail (item) {
-            //   console.log(item);
-            uni.navigateTo({
-                url: `/pages/banquet/combo/dishes?id=${item.id}&is_add=1`
-            });
-
-        },
-        //列表分页
-        changeSP () {
-            // console.log(pageNo);
-            // this.search.page = pageNo;
-            CommonApi.commonGet('/api/dishes/dishes', this.search).catch((res) => {
-                if (res.code === 1) {
-                    this.matchedItems_sp = res.data;
-                    // this.$refs.pagingRefSP?.complete(res.data);
-                } else {
-                    uni.$u.toast(res.msg);
-                }
-            });
-
-        },
-        getCategoryList () {
-            CommonApi.commonGet('/api/banquet/dishes/detail', this.search).catch((res) => {
-                if (res.code === 1) {
-                    this.matchedItems_sc = res.data;
-                    this.matchedItems_sc.tag_name = res.data.dishesCategory.name;
-                    this.changeSP()
-                    // console.log(res.data.images)
-                    res.data.images.forEach(item => {
-                        this.imageList.push({
-                            url: item,
-                            title: '',
-                            poster: item
-                        })
-
-                    })
-                    // console.log(this.imageList)
-                } else {
-                    uni.$u.toast(res.msg);
-                }
-            });
-        },
-
+      //点击详情
+      dishesDetail(item) {
+        uni.navigateTo({
+          url: `/pages/banquet/combo/dishes?id=${item.id}&is_add=1`
+        })
+      },
+      getCategoryList() {
+        CommonApi.commonGet('/api/banquet/dishes/detail', this.search).catch((res) => {
+          if (res.code === 1) {
+            this.matchedItems_sc = res.data;
+            res.data.images.forEach(item => {
+              this.imageList.push({
+                url: item,
+                title: '',
+                poster: item
+              })
+            })
+          } else {
+            uni.$u.toast(res.msg);
+          }
+        });
+      },
     },
+  }
+</script>
+<style>
+  page {
+    background: #F2F2F2;
+    padding-bottom: 10rpx;
+  }
 
-});
-</script>
\ No newline at end of file
+  .price-wrap {
+    display: flex;
+    align-items: center;
+    height: 75rpx;
+    margin: -75rpx 24rpx 0 24rpx;
+    border-top-left-radius: 20rpx;
+    border-top-right-radius: 20rpx;
+    background-color: rgba(255, 255, 255, 0.2);
+    backdrop-filter: blur(12rpx);
+  }
+
+  .intro-wrap {
+    min-height: 150rpx;
+    border-bottom-left-radius: 20rpx;
+    border-bottom-right-radius: 20rpx;
+  }
+  .buy-button {
+    position: fixed;
+    bottom: 0;
+    left: 3%;
+    width: 94%;
+    margin-bottom: 20px;
+  }
+</style>
diff --git a/src/pages/banquet/hotel/detail.vue b/src/pages/banquet/hotel/detail.vue
index 36c98ab..7c313d9 100644
--- a/src/pages/banquet/hotel/detail.vue
+++ b/src/pages/banquet/hotel/detail.vue
@@ -14,22 +14,17 @@
                 :radius="8" :round=false custom-class="margin-right-24" />
             </template>
             <template #title>
-              <view class="h-60 flex">
-                <up-text size="32rpx" :text="`${hotel.certification?.public_name}`" :flex1="true" align="left"
-                  wordWrap="normal" :show="true" prefixIcon="" customStyle="font-weight:bold"
-                  iconStyle="font-size:28rpx;color:#59CB56;margin-right:10rpx;" lines="1" decoration="none">
-                </up-text>
+              <view class="u-flex u-flex-column">
+                <view class="my-[20rpx]">
+                  <up-text size="32rpx" :text="`${hotel.certification?.public_name}`" customStyle="font-weight:bold">
+                  </up-text>
+                </view>
+                <view class="my-[20rpx]">
+                  <up-text :text="`${hotel.certification?.address}`" customStyle="font-size:24rpx">
+                  </up-text>
+                </view>
               </view>
             </template>
-            <template #label>
-              <view class="h-50 flex color-gray">
-                <up-text size="" :text="`${hotel.certification?.address}`" :flex1="true" align="left" wordWrap="normal"
-                  :show="true" prefixIcon="" customStyle="font-size:24rpx"
-                  iconStyle="font-size:24rpx;color:#59CB56;margin-right:10rpx;" lines="1" decoration="none">
-                </up-text>
-              </view>
-              <wd-button size="small" @click="gotoDishesList(hotel.id)">下单预定</wd-button>
-            </template>
           </u-cell>
         </view>
       </up-cell-group>
@@ -49,16 +44,16 @@
             </template>
             <template #title>
               <view class="h-60 flex">
-                <up-text size="32rpx" :text="`${item.name}`" :flex1="true" align="left" wordWrap="normal"
-                  :show="true" prefixIcon="" customStyle="font-weight:bold"
+                <up-text size="32rpx" :text="`${item.name}`" :flex1="true" align="left" wordWrap="normal" :show="true"
+                  prefixIcon="" customStyle="font-weight:bold"
                   iconStyle="font-size:28rpx;color:#59CB56;margin-right:10rpx;" lines="1" decoration="none">
                 </up-text>
               </view>
             </template>
             <template #label>
               <view class="h-50 flex color-gray">
-                <up-text size="" :text="`${item.intro}`" :flex1="true" align="left" wordWrap="normal"
-                  :show="true" prefixIcon="" customStyle="font-size:24rpx"
+                <up-text size="" :text="`${item.intro}`" :flex1="true" align="left" wordWrap="normal" :show="true"
+                  prefixIcon="" customStyle="font-size:24rpx"
                   iconStyle="font-size:24rpx;color:#59CB56;margin-right:10rpx;" lines="1" decoration="none">
                 </up-text>
               </view>
@@ -82,8 +77,6 @@
 <script lang="ts">
   import { defineComponent } from "vue";
   import { CommonApi, UserApi } from "@/api";
-  import { setToken, getToken, isLogin } from '@/utils/auth';
-  import { image } from "@/uni_modules/uview-plus/libs/function/test";
   import { url } from "inspector";
   export default defineComponent({
     data() {
@@ -92,28 +85,27 @@
         is_add: 0, //是否显示购物车
         hotel: [],
         imageList: [],
-        dishesList: []
+        dishesList: [],
+        dishesQuery: {
+          server_user_id: '',
+          type: 2,
+          page: 1,
+          limit: 10,
+        },
+        loadEnd: false
       };
     },
     onLoad(option) {
-      // console.log(option);
       this.id = option.id;
+      this.dishesQuery.server_user_id = option.id;
       this.is_add = option.is_add | 0;
       this.getHotelDetail()
       this.getDishesList()
-    },
-    created() {
-
     },
     methods: {
-      gotoDishesList(id : number) {
-        uni.navigateTo({
-          url: `/pages/banquet/hotel/detail?id=${id}&is_add=1`
-        });
-      },
       gotoDishesDetai(id) {
         uni.navigateTo({
-          url: `/pages/banquet/hotel/detail?id=${id}&is_add=1`
+          url: `/pages/banquet/combo/dishes_combo?id=${id}&is_add=1`
         });
       },
       getHotelDetail() {
@@ -132,14 +124,28 @@
         });
       },
       getDishesList() {
-        UserApi.dishesListApi({ server_user_id: this.id, type: 2 }).catch((res) => {
+        UserApi.dishesListApi(this.dishesQuery).catch((res) => {
           if (res.code === 1) {
-            this.dishesList = res.data
+            if (this.dishesQuery.page == 1) {
+              this.dishesList = res.data
+            } else {
+              this.dishesList.push(...res.data)
+            }
+            if (res.data.length < this.dishesQuery.limit) {
+              this.loadEnd = true
+            }
           } else {
             uni.$u.toast(res.msg);
           }
         });
       },
     },
+    onReachBottom() {
+      if (this.loadEnd) {
+        return
+      }
+      this.dishesQuery.page++
+      this.getDishesList()
+    }
   });
 </script>
diff --git a/src/pages/tab/banquet/hotel.vue b/src/pages/tab/banquet/hotel.vue
index 3a8dc8a..f479836 100644
--- a/src/pages/tab/banquet/hotel.vue
+++ b/src/pages/tab/banquet/hotel.vue
@@ -17,7 +17,7 @@
       <view v-else class="detail-box u-flex" v-for="(item, index) in hotelList" :key="index" @click="goto(item.id)">
         <view class="">
           <wd-img :width="100" :height="100" :src="item.certification.public_image" :enable-preview="false" :radius="8"
-            :round=false custom-class="margin-right-24" />
+            :round="false" custom-class="margin-right-24" />
         </view>
         <view class="u-flex u-flex-column">
           <up-text size="32rpx" :text="`${item.certification.public_name}`" customStyle="font-weight:bold"></up-text>

From a2cee3bd945e8786d4bd135e6b3b532ead13c61a Mon Sep 17 00:00:00 2001
From: lewis <604446095@qq.com>
Date: Thu, 14 Aug 2025 17:58:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AE=B4=E5=B8=AD?=
 =?UTF-8?q?=E5=A5=97=E9=A4=90=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/banquet/combo/dishes_combo.vue |  42 +++---
 src/pages/banquet/hotel/detail.vue       | 163 ++++++++++++++---------
 2 files changed, 123 insertions(+), 82 deletions(-)

diff --git a/src/pages/banquet/combo/dishes_combo.vue b/src/pages/banquet/combo/dishes_combo.vue
index 4b2358f..ab0045e 100644
--- a/src/pages/banquet/combo/dishes_combo.vue
+++ b/src/pages/banquet/combo/dishes_combo.vue
@@ -6,19 +6,19 @@
     <up-swiper v-if="imageList" height="420rpx" :list="imageList" indicator indicatorMode="dot" circular keyName="url"
       :autoplay="false"></up-swiper>
     <view class="price-wrap pl-[20rpx] text-[40rpx]">
-      <wd-text :text="matchedItems_sc.price" color="#EF2B0D" mode="price" prefix="￥" />
+      <wd-text :text="dishesDetail.price" color="#EF2B0D" mode="price" prefix="￥" />
     </view>
     <view class="bg-white px-[30rpx] py-[10rpx] intro-wrap mx-[24rpx]">
       <view class="color-black text-[30rpx] font-medium">
-        {{ matchedItems_sc.name }}
+        {{ dishesDetail.name }}
       </view>
       <view class="text-[#666666] text-[26rpx] mt-[10rpx]">
-        {{ matchedItems_sc.intro }}
+        {{ dishesDetail.intro }}
       </view>
     </view>
 
-    <view v-for="(item, key) in matchedItems_sc.package_config" class="m-[24rpx]">
-      <view class="flex my-[20rpx]">
+    <view v-for="(item, key) in dishesDetail.package_config" class="m-[24rpx]">
+      <view class="u-flex my-[20rpx]">
         <up-line length="25%" color="#000" margin="0 20rpx 0 90rpx"></up-line>
         <view class="font-bold text-[30rpx]">
           {{key}}
@@ -42,7 +42,7 @@
     </view>
     <view v-if="is_add" style="height: 100rpx;"></view>
     <view v-if="is_add" class="buy-button">
-      <up-button text="立即下单" type="primary"></up-button>
+      <up-button text="立即下单" type="primary" @click="addCart"></up-button>
     </view>
   </view>
 </template>
@@ -59,27 +59,36 @@
           id: 0,
         },
         is_add: 0,
-        matchedItems_sc: [],
+        dishesDetail: [],
         imageList: [],
-        matchedItems_sp: [],
       };
     },
     onLoad(option) {
       this.search.id = option.id;
       this.is_add = option.is_add | 0;
-      this.getCategoryList()
+      this.getDetail()
     },
     methods: {
-      //点击详情
-      dishesDetail(item) {
-        uni.navigateTo({
-          url: `/pages/banquet/combo/dishes?id=${item.id}&is_add=1`
-        })
+      addCart() {
+        CommonApi.commonPost('/api/banquet/cart/add', {
+          server_user_id: this.dishesDetail.user_id,
+          dishes_id: this.dishesDetail.id,
+          number: 1,
+          buy_now: 1
+        }).catch((res) => {
+          if (res.code === 1) {
+            uni.navigateTo({
+              url: `/pages/banquet/combo/detail?id=${this.dishesDetail.user_id}&cart_ids=${res.data.cart_id}`
+            })
+          } else {
+            uni.$u.toast(res.msg);
+          }
+        });
       },
-      getCategoryList() {
+      getDetail() {
         CommonApi.commonGet('/api/banquet/dishes/detail', this.search).catch((res) => {
           if (res.code === 1) {
-            this.matchedItems_sc = res.data;
+            this.dishesDetail = res.data;
             res.data.images.forEach(item => {
               this.imageList.push({
                 url: item,
@@ -117,6 +126,7 @@
     border-bottom-left-radius: 20rpx;
     border-bottom-right-radius: 20rpx;
   }
+
   .buy-button {
     position: fixed;
     bottom: 0;
diff --git a/src/pages/banquet/hotel/detail.vue b/src/pages/banquet/hotel/detail.vue
index 7c313d9..6e4560a 100644
--- a/src/pages/banquet/hotel/detail.vue
+++ b/src/pages/banquet/hotel/detail.vue
@@ -5,72 +5,72 @@
       :safeAreaInsetTop="true" :placeholder="true" :fixed="true">
     </up-navbar>
 
-    <wd-card type="rectangle">
-      <up-cell-group :border="false">
-        <view class="">
-          <u-cell :border="false">
-            <template #icon>
-              <wd-img :width="120" :height="120" :src="hotel.certification?.public_image" :enable-preview="false"
-                :radius="8" :round=false custom-class="margin-right-24" />
-            </template>
-            <template #title>
-              <view class="u-flex u-flex-column">
-                <view class="my-[20rpx]">
-                  <up-text size="32rpx" :text="`${hotel.certification?.public_name}`" customStyle="font-weight:bold">
-                  </up-text>
-                </view>
-                <view class="my-[20rpx]">
-                  <up-text :text="`${hotel.certification?.address}`" customStyle="font-size:24rpx">
-                  </up-text>
-                </view>
-              </view>
-            </template>
-          </u-cell>
+    <view class="u-flex content-wrap">
+      <view class="">
+        <wd-img width="275rpx" height="275rpx" :src="hotel.certification?.public_image" :enable-preview="false"
+          :radius="8" :round=false custom-class="margin-right-24" />
+      </view>
+      <view class="">
+        <view class="font-bold text-[30rpx] title-align">
+          <up-text size="32rpx" :text="`${hotel.certification?.public_name}`" customStyle="font-weight:bold">
+          </up-text>
         </view>
-      </up-cell-group>
-    </wd-card>
-
-    <wd-card title="酒店展示视频" type="rectangle">
-      <up-swiper v-if="imageList" height="320rpx" :list="imageList" keyName="url" :autoplay="false"></up-swiper>
-    </wd-card>
-
-    <wd-card title="推荐酒席套餐" type="rectangle">
-      <up-cell-group :border="false">
-        <view class="detail-box" v-for="(item, index) in dishesList" :key="index">
-          <u-cell :border="false" @click="gotoDishesDetai(item.id)">
-            <template #icon>
-              <wd-img :width="100" :height="100" :src="item.images[0]" :enable-preview="false" :radius="8" :round=false
-                custom-class="margin-right-24" />
-            </template>
-            <template #title>
-              <view class="h-60 flex">
-                <up-text size="32rpx" :text="`${item.name}`" :flex1="true" align="left" wordWrap="normal" :show="true"
-                  prefixIcon="" customStyle="font-weight:bold"
-                  iconStyle="font-size:28rpx;color:#59CB56;margin-right:10rpx;" lines="1" decoration="none">
-                </up-text>
-              </view>
-            </template>
-            <template #label>
-              <view class="h-50 flex color-gray">
-                <up-text size="" :text="`${item.intro}`" :flex1="true" align="left" wordWrap="normal" :show="true"
-                  prefixIcon="" customStyle="font-size:24rpx"
-                  iconStyle="font-size:24rpx;color:#59CB56;margin-right:10rpx;" lines="1" decoration="none">
-                </up-text>
-              </view>
-              <view class="h-50 flex color-gray">
-                <wd-text :text="item.price" mode="price" type="error" prefix="￥" />
-              </view>
-              <view class="h-20 flex color-gray">
-                <wd-text size="24rpx" :text="item.line_price" mode="price" decoration="line-through" prefix="￥" />
-                <view style="margin-top: -20rpx;">
-                  <wd-button size="small" @click="addCart(1)">下单预定</wd-button>
-                </view>
-              </view>
-            </template>
-          </u-cell>
+        <view class="text-[24rpx] title-align">
+          <up-text :text="`${hotel.certification?.address}`" customStyle="font-size:24rpx">
+          </up-text>
         </view>
-      </up-cell-group>
-    </wd-card>
+      </view>
+    </view>
+
+    <view class="content-wrap">
+      <view class="pl-[20rpx] pt-[20rpx]">
+        酒店展示视频
+      </view>
+      <view class="mt-[20rpx] mx-[20rpx]">
+        <up-line color="#F2F2F2"></up-line>
+      </view>
+      <view class="p-[20rpx]">
+        <up-swiper v-if="imageList" height="320rpx" :list="imageList" keyName="url" :autoplay="false"></up-swiper>
+      </view>
+    </view>
+
+    <view class="content-wrap">
+      <view class="pl-[20rpx] pt-[20rpx]">
+        推荐酒席套餐
+      </view>
+      <view class="mt-[20rpx] mx-[20rpx]">
+        <up-line color="#F2F2F2"></up-line>
+      </view>
+      <view class="p-[20rpx]">
+        <view class="u-flex my-[20rpx]" v-for="(item, index) in dishesList" :key="index" @click="gotoDishesDetai(item.id)">
+          <view class="">
+            <wd-img width="270rpx" height="270rpx" :src="item.images[0]" :enable-preview="false" :radius="8" :round=false
+              custom-class="margin-right-24" />
+          </view>
+          <view class="">
+            <up-text size="32rpx" :text="`${item.name}`" :flex1="true" align="left" wordWrap="normal" :show="true"
+              prefixIcon="" customStyle="font-weight:bold" iconStyle="font-size:28rpx;color:#59CB56;margin-right:10rpx;"
+              lines="1" decoration="none">
+            </up-text>
+            <view class="h-50 u-flex color-gray">
+              <up-text size="" :text="`${item.intro}`" :flex1="true" align="left" wordWrap="normal" :show="true"
+                prefixIcon="" customStyle="font-size:24rpx"
+                iconStyle="font-size:24rpx;color:#59CB56;margin-right:10rpx;" lines="3" decoration="none">
+              </up-text>
+            </view>
+            <view class="h-50 u-flex color-gray">
+              <wd-text :text="item.price" mode="price" type="error" prefix="￥" />
+            </view>
+            <view class="h-20 u-flex color-gray">
+              <wd-text size="24rpx" :text="item.line_price" mode="price" decoration="line-through" prefix="￥" />
+              <view style="margin-top: -20rpx;">
+                <wd-button size="small" @click="addCart(item.id)" @click.stop>下单预定</wd-button>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -108,6 +108,22 @@
           url: `/pages/banquet/combo/dishes_combo?id=${id}&is_add=1`
         });
       },
+      addCart(id) {
+        CommonApi.commonPost('/api/banquet/cart/add', {
+          server_user_id: this.dishesQuery.server_user_id,
+          dishes_id: id,
+          number: 1,
+          buy_now: 1
+        }).catch((res) => {
+          if (res.code === 1) {
+            uni.navigateTo({
+              url: `/pages/banquet/combo/detail?id=${this.dishesQuery.server_user_id}&cart_ids=${res.data.cart_id}`
+            })
+          } else {
+            uni.$u.toast(res.msg);
+          }
+        });
+      },
       getHotelDetail() {
         UserApi.hotelDetailApi({ id: this.id }).catch((res) => {
           if (res.code === 1) {
@@ -115,8 +131,7 @@
             //轮播图是数组
             this.imageList = res.data.certification.video ? [{
               url: res.data.certification.video,
-              title: '展示视频',
-              poster: res.data.certification.video
+              title: '展示视频'
             }] : [];
           } else {
             uni.$u.toast(res.msg);
@@ -149,3 +164,19 @@
     }
   });
 </script>
+<style>
+  page {
+    background: #F2F2F2;
+    padding-bottom: 10rpx;
+  }
+
+  .content-wrap {
+    margin: 24rpx;
+    background-color: white;
+    border-radius: 20rpx;
+  }
+  .title-align {
+    height: 130rpx;
+    line-height: 130rpx;
+  }
+</style>