From 3023b2ec0b47cf18c00de43b03e32e7d56df95a5 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Mon, 10 Mar 2025 15:21:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6=E5=9C=B0=E5=9D=80?=
 =?UTF-8?q?=20=E8=B7=B3=E8=BD=AC=E9=99=AA=E6=8A=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package_sub/pages/Shop/Cart.vue               |   14 +-
 package_sub/pages/Shop/Pay.vue                |   28 +-
 .../pages/UserAddress/AddUserAddress.vue      |    3 +
 pages/index/index.vue                         | 1594 ++++++++---------
 4 files changed, 811 insertions(+), 828 deletions(-)

diff --git a/package_sub/pages/Shop/Cart.vue b/package_sub/pages/Shop/Cart.vue
index 50235ee..3ca6a97 100644
--- a/package_sub/pages/Shop/Cart.vue
+++ b/package_sub/pages/Shop/Cart.vue
@@ -385,13 +385,13 @@ export default {
       } catch (err) {}
     },
     pay() {
-      // if (this.pickCart.length <= 0) {
-      //   this.$refs.uToast.show({
-      //     title: "请选择下单商品",
-      //     type: "warning",
-      //   });
-      //   return
-      // }
+      if (this.carts.length <= 0) {
+        this.$refs.uToast.show({
+          title: "请选择下单商品",
+          type: "warning",
+        });
+        return
+      }
       this.$u.route({
         url: '/package_sub/pages/Shop/Pay',
         params: {
diff --git a/package_sub/pages/Shop/Pay.vue b/package_sub/pages/Shop/Pay.vue
index c8edf97..c11c405 100644
--- a/package_sub/pages/Shop/Pay.vue
+++ b/package_sub/pages/Shop/Pay.vue
@@ -185,7 +185,7 @@
       safe-area-inset-bottom
     >
       <view class="content">
-        <scroll-view scroll-y="true" style="height: 800rpx">
+        <scroll-view scroll-y="true" style="height: 750rpx;padding-bottom:40rpx">
           <view
             class="site"
             v-for="item in sites"
@@ -211,10 +211,19 @@
             </view>
           </view>
         </scroll-view>
+		<u-button
+		    v-if="!detail.id"
+		    shape="circle"
+		    ripple
+		    :custom-style="btnStyle"
+		    @click="goAddress"
+		>新建收货地址</u-button
+		>
       </view>
     </u-popup>
 
     <tabbar class="tabbar"></tabbar>
+	    <u-toast ref="uToast" />
   </view>
 </template>
 
@@ -267,6 +276,13 @@ export default {
       }
     },
     async submit() {
+		if(!this.site){
+			this.$refs.uToast.show({
+			  title: "请选择收货地址",
+			  type: "warning",
+			});
+			return
+		}
       if (!this.site.id) {
         this.$refs.uToast.show({
           title: "请选择收货地址",
@@ -347,6 +363,11 @@ export default {
         console.error(err)
       }
     },
+	goAddress(){
+		uni.navigateTo({
+			url:'/package_sub/pages/UserAddress/AddUserAddress?type=car'
+		})
+	},
     async refund() {
       try {
         uni.showModal({
@@ -378,7 +399,10 @@ export default {
     }
   },
   created() {
-    this.getSites();
+    // this.getSites();
+  },
+  onShow() {
+  	this.getSites()
   },
   onLoad(option) {
     if (option.order_id) {
diff --git a/package_sub/pages/UserAddress/AddUserAddress.vue b/package_sub/pages/UserAddress/AddUserAddress.vue
index 8cc86a5..c5c4cfa 100644
--- a/package_sub/pages/UserAddress/AddUserAddress.vue
+++ b/package_sub/pages/UserAddress/AddUserAddress.vue
@@ -80,6 +80,7 @@ export default {
         address: '',
         is_default: 0
       },
+	  type:''
     };
   },
   methods: {
@@ -137,6 +138,7 @@ export default {
         })
         return
       }
+	  let that = this
       try {
         await this.$u.api.userAddressSave(this.form)
         this.$refs.uToast.show({
@@ -153,6 +155,7 @@ export default {
     if(option.id) {
       this.getDetail(option.id)
     }
+	this.type = options.type?options.type:''
   }
 };
 </script>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 73f3323..63b7845 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,819 +1,775 @@
-<template>
-  <view>
-    <view class="container" :style="{ 'padding-top': statusBarHeight + 'px' }">
-      <image
-        mode="aspectFill"
-        class="top-bkg"
-        src="~@/static/index/top-bkg.png"
-        alt=""
-      ></image>
-      <view class="top" :style="{ 'padding-right': menuButtonRight + 'px' }">
-        <view
-          class="position"
-          @click="isShowSite = true"
-        >
-          <u-icon name="map-fill"></u-icon>
-          <view>{{ vuex_site.name }}</view>
-<!--          <view>{{ vuex_location.city.replace(/(市|区|县)/, "") }}</view>-->
-          <u-icon name="arrow-down" size="22"></u-icon>
-        </view>
-        <view class="icon">
-          <text style="color:#fff;font-size: 28rpx;font-weight: 500;letter-spacing: 2rpx;">四世同堂整合照护平台</text>
-<!--          <image src="~@/static/index/icon.png" mode="aspectFit" alt=""></image>-->
-        </view>
-      </view>
-
-      <view class="search">
-        <view class="search__icon">
-          <u-icon name="search" size="50" color="#999"></u-icon>
-        </view>
-        <view class="search__content">
-          <u-input
-            :clearable="false"
-            :value="select.keyword"
-            placeholder="请输入要搜索的内容"
-            height="56"
-            :custom-style="inputStyle"
-            @input="searchInput"
-          ></u-input>
-        </view>
-      </view>
-
-      <view
-        v-if="isShowSticky"
-        class="search-sticky"
-        :style="{
-          'padding-top': statusBarHeight + 'px',
-          'padding-right': menuButtonRight + 'px',
-        }"
-      >
-        <view class="search-sticky__position" @click="isShowSite = true">
-          <u-icon name="map-fill"></u-icon>
-          <view>{{ vuex_site.name }}</view>
-<!--          <view>{{ vuex_location.city.replace(/(市|区|县)/, "") }}</view>-->
-          <u-icon name="arrow-down" size="22"></u-icon>
-        </view>
-
-        <view class="search-sticky__search">
-          <view class="search-sticky__search--content">
-            <u-input
-              :clearable="false"
-              :value="select.keyword"
-              placeholder="请输入要搜索的内容"
-              height="46"
-              @input="searchInput"
-            ></u-input>
-          </view>
-        </view>
-      </view>
-
-      <view class="swiper">
-        <u-swiper :height="366" :list="banners" name="url"></u-swiper>
-      </view>
-
-      <view class="links">
-        <u-grid :col="5" :border="false">
-          <u-grid-item
-            v-for="item in links"
-            :key="item.text"
-            bg-color="transparent"
-            @click="
-              $u.throttle(
-                $u.route({
-                  url: item.to,
-                })
-              )
-            "
-          >
-            <image class="icon" :src="item.icon" mode="aspectFit"></image>
-            <view class="text">{{ item.text }}</view>
-          </u-grid-item>
-        </u-grid>
-      </view>
-
-      <view class="img1">
-        <image
-          src="~@/static/index/ask-png.png"
-          alt=""
-          mode="aspectFit"
-        ></image>
-      </view>
-
-      <view class="hospitals">
-        <view class="hospitals__title">热门医院</view>
-
-        <view class="hospitals__content">
-          <view
-            class="hospitals__content__item"
-            v-for="(item, index) in hospitals"
-            :key="item.id"
-          >
-            <view class="left">
-              <image
-                :src="item.cover ? item.cover.url : ''"
-                alt=""
-                mode="scaleToFill"
-              ></image>
-            </view>
-            <view class="right">
-              <view class="title">{{ item.name }}</view>
-              <view class="tag" v-if="item.tags">
-                <view class="tag__item">{{ item.tags }}</view>
-              </view>
-              <view class="description"> {{ item.good_at }} </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <view class="statistics">
-        <view
-          class="block1"
-          @click="$u.throttle($u.route({
-            url: '/package_sub/pages/ServiceList/ServiceList',
-            params: {
-              type: 1
-            }
-          }))"
-        >
-          <view class="text1">陪诊团队介绍</view>
-          <view class="text2">让就医体验更美好</view>
-          <view class="order">预约陪诊</view>
-
-          <image
-            class="img"
-            src="~@/static/index/block1.png"
-            mode="aspectFit"
-            alt=""
-          ></image>
-        </view>
-        <view class="block2">
-          <view class="text1"> <text>142812</text><text>人次</text> </view>
-          <view class="text2">医院陪护累计</view>
-
-          <image
-            class="img"
-            src="~@/static/index/block2.png"
-            mode="aspectFit"
-            alt=""
-          ></image>
-        </view>
-        <view class="block3">
-          <view class="text1"> <text>12456</text><text>人次</text> </view>
-          <view class="text2">居家照护累计</view>
-
-          <image
-            class="img"
-            src="~@/static/index/block3.png"
-            mode="aspectFit"
-            alt=""
-          ></image>
-        </view>
-        <view class="block4">
-          <view class="text1">关于我们</view>
-
-          <image
-            class="img"
-            src="~@/static/index/block4.png"
-            mode="aspectFit"
-            alt=""
-          ></image>
-        </view>
-      </view>
-
-      <view class="honor">
-        <view class="honor__title">
-          <image
-            src="~@/static/index/honor-title.png"
-            alt=""
-            mode="aspectFit"
-          ></image>
-          <text>资质荣誉</text>
-        </view>
-
-        <scroll-view class="scroll-content" scroll-x="true">
-          <image
-            class="images"
-            v-for="i in photos"
-            :key="i.id"
-            :src="i.image ? i.image.url : ''"
-            mode="aspectFit"
-          ></image>
-        </scroll-view>
-      </view>
-
-      <image
-        class="bottom"
-        src="~@/static/index/bottom.png"
-        mode="aspectFit"
-        alt=""
-      ></image>
-
-      <view class="ai"
-            @click="$u.throttle(
-                $u.route({
-                  url: '/pages/aichat/index',
-                })
-              )">
-        <image src="~@/static/index/ai.png" mode="aspectFit"></image>
-      </view>
-    </view>
-
-    <!-- 选择站点 -->
-    <u-select v-model="isShowSite"
-              value-name="id"
-              @confirm="confirmSite"
-              label-name="name"
-              :list="list_site"></u-select>
-
-    <u-top-tips :navbar-height="navbarHeight" ref="uTips"></u-top-tips>
-
-    <tabbar />
-    <PrivacyPopup />
-  </view>
-</template>
-
-<script>
-import Tabbar from "@/component/Tabbar/Tabbar.vue";
-import PrivacyPopup from "@/component/privacy-popup/privacy-popup.vue";
-
-export default {
-  components: {
-    Tabbar,
-    PrivacyPopup,
-  },
-  data() {
-    return {
-      isShowSite: false,
-      list_site: [{
-        id: '',
-        name: '全部站点'
-      }],
-
-      isShowSticky: false,
-      scrollTop: 308,
-      statusBarHeight: 40,
-      menuButtonRight: 0,
-
-      inputStyle: {
-        width: "600rpx",
-        fontSize: "28rpx",
-        fontWeight: "500",
-      },
-      select: {
-        keyword: "",
-      },
-      links: [
-        {
-          text: "陪诊服务",
-          icon: "/static/index/peizhenfuwu.png",
-          to: "/package_sub/pages/ServiceList/ServiceList?type=1",
-        },
-        {
-          text: "就医服务",
-          icon: "/static/index/jiuyifuwu.png",
-		  to: "/package_sub/pages/ServeHospital/ServeHospital",
-        },
-        {
-          text: "居家照护",
-          icon: "/static/index/jujiazhaohu.png",
-          to: "/package_sub/pages/ServiceList/ServiceList?type=2",
-        },
-        {
-          text: "医院陪护",
-          icon: "/static/index/yiyuanpeihu.png",
-        },
-        {
-          text: "商城服务",
-          icon: "/static/index/shangchengfuwu.png",
-          to: "/package_sub/pages/Shop/Home",
-        },
-      ],
-
-      hospitals: [],
-      banners: [],
-      photos: [],
-    };
-  },
-  mounted() {
-    this.getElScrollTop();
-    // if (this.$store.state.vuex_location.status !== 2) {
-    //   this.$store.dispatch("getLocation");
-    // }
-  },
-  onLoad() {
-    this.menuButtonRight =
-      uni.getSystemInfoSync().screenWidth -
-      uni.getMenuButtonBoundingClientRect().left +
-      10;
-    this.statusBarHeight = uni.getMenuButtonBoundingClientRect().top;
-
-    this.getSiteList().then(_ => {
-      this.getHospital();
-      this.getBanner();
-      this.getPhotos();
-    })
-  },
-  onPageScroll(e) {
-    this.isShowSticky = e.scrollTop > this.scrollTop;
-  },
-  computed: {
-    navbarHeight() {
-      return getApp().globalData.navbarHeight;
-    },
-  },
-  methods: {
-    getElScrollTop() {
-      const query = uni.createSelectorQuery().in(this);
-      query
-        .select(".links")
-        .boundingClientRect((data) => {
-          if (data) {
-            this.scrollTop = data.top;
-          }
-        })
-        .exec();
-    },
-    searchInput(e) {},
-
-    async getSiteList() {
-      const res = await this.$u.api.otherSite()
-      this.list_site.push(...res)
-      let defaultValue = res.find(i => i.name === '常州')
-      if (defaultValue && !this.vuex_site.id) {
-        this.$u.vuex('vuex_site', defaultValue)
-      }
-    },
-    confirmSite(e) {
-      this.$u.vuex('vuex_site', e[0])
-      this.getHospital()
-      this.getBanner()
-      this.getPhotos()
-    },
-    async getHospital() {
-      try {
-        const res = await this.$u.api.hospitalList({
-          page: 1,
-          page_size: 5,
-          site_id: this.vuex_site.id ? this.vuex_site.id : '',
-          "show_relation[0]": "site",
-        });
-        this.hospitals = res.data;
-      } catch (err) {}
-    },
-    async getBanner() {
-      try {
-        const res = await this.$u.api.banner({
-          position: 1,
-          site_id: this.vuex_site.id ? this.vuex_site.id : '',
-        });
-        this.banners = res.map((i) => ({
-          ...i,
-          url: i.image?.url ?? '',
-        }));
-      } catch (err) {}
-    },
-    async getPhotos() {
-      try {
-        const res = await this.$u.api.banner({
-          position: 2,
-          site_id: this.vuex_site.id ? this.vuex_site.id : '',
-        });
-        this.photos = res
-      } catch (err) {}
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-::v-deep .u-swiper-wrap {
-  overflow: inherit !important;
-}
-::v-deep .u-swiper-indicator {
-  bottom: -30rpx !important;
-}
-::v-deep .u-indicator-item-round-active {
-  background: #ca2328 !important;
-}
-
-.container {
-  padding-bottom: calc(76px + 34px + 10px);
-  position: relative;
-
-  .top-bkg {
-    z-index: 0;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    object-fit: contain;
-  }
-
-  .top {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 28rpx;
-    position: relative;
-
-    .position {
-      color: #fff;
-      font-size: 30rpx;
-      letter-spacing: 3rpx;
-      font-weight: 500;
-      display: flex;
-      align-items: center;
-
-      & > view {
-        padding: 0 13rpx;
-        max-width: 160rpx;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-    }
-    .icon {
-      & > image {
-        width: 197rpx;
-        height: 72rpx;
-        object-fit: contain;
-      }
-    }
-  }
-  .search {
-    height: 68rpx;
-    border-radius: 34rpx;
-    background: #ffffff;
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    padding: 20rpx 25rpx;
-    margin: 24rpx 26rpx 0 25rpx;
-
-    &__content {
-      margin-left: 18rpx;
-    }
-
-    &__icon {
-    }
-  }
-  .search-sticky {
-    display: flex;
-    align-items: center;
-    background: url("~@/static/index/top-bkg.png") no-repeat;
-    background-size: cover;
-    position: sticky;
-    z-index: 5;
-    top: 0;
-    width: 100vw;
-    padding-bottom: 20rpx;
-    animation: fade 0.4s;
-    filter: drop-shadow(0 2rpx 6rpx #c20d1266);
-    @keyframes fade {
-      from {
-        opacity: 0;
-      }
-      to {
-        opacity: 1;
-      }
-    }
-
-    &__position {
-      flex: 0;
-      color: #fff;
-      font-size: 30rpx;
-      letter-spacing: 3rpx;
-      font-weight: 500;
-      white-space: nowrap;
-      padding: 0 16rpx;
-      display: flex;
-      align-items: center;
-
-      & > view {
-        padding: 0 10rpx;
-        max-width: 160rpx;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-    }
-    &__search {
-      flex: 1;
-      height: 64rpx;
-      border-radius: 34rpx;
-      background: #ffffff;
-      display: flex;
-      align-items: center;
-      position: relative;
-
-      padding: 20rpx 25rpx;
-    }
-  }
-
-  .swiper {
-    margin-top: 24rpx;
-    padding: 0 25rpx;
-  }
-
-  .links {
-    padding: 0 25rpx;
-    margin-top: calc(43rpx + 30rpx);
-
-    .icon {
-      height: 59rpx;
-      width: 67rpx;
-    }
-    .text {
-      font-size: 24rpx;
-      line-height: 16rpx;
-      color: #333333;
-      font-weight: 500;
-      margin-top: 26rpx;
-    }
-  }
-
-  .img1 {
-    margin-top: 26rpx;
-    padding: 0 25rpx;
-
-    & > image {
-      width: 700rpx;
-      height: 169rpx;
-    }
-  }
-
-  .hospitals {
-    background: #fff;
-    border-radius: 10rpx;
-    margin: 26rpx 25rpx 0;
-    padding: 28rpx 25rpx;
-
-    &__title {
-      font-size: 28rpx;
-      color: #000000;
-      font-weight: bold;
-      padding: 0 32rpx 28rpx;
-    }
-    &__content {
-      max-height: 516rpx;
-      overflow-y: scroll;
-
-      &__item {
-        display: flex;
-        align-items: center;
-
-        .left {
-          & > image {
-            height: 162rpx;
-            width: 250rpx;
-            border-radius: 6rpx;
-          }
-        }
-        .right {
-          margin-left: 25rpx;
-          .title {
-            font-size: 28rpx;
-            color: #000000;
-            font-weight: bold;
-          }
-          .tag {
-            margin-top: 16rpx;
-            display: flex;
-            flex-wrap: wrap;
-
-            &__item {
-              padding: 5rpx 16rpx;
-              font-size: 22rpx;
-              line-height: 31rpx;
-              font-weight: 500;
-
-              &:nth-child(1) {
-                color: #ca2328;
-                background-color: #faefef;
-              }
-              &:nth-child(2) {
-                color: #f38628;
-                background-color: #fcf3e9;
-              }
-            }
-            .tag__item + .tag__item {
-              margin-left: 12rpx;
-            }
-          }
-          .description {
-            max-width: 320rpx;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            font-size: 22rpx;
-            color: #929196;
-            font-weight: 500;
-            margin-top: 16rpx;
-          }
-        }
-      }
-    }
-  }
-
-  .statistics {
-    margin: 26rpx 25rpx 0;
-    display: grid;
-    grid-template-columns: 286rpx 182rpx 182rpx;
-    grid-template-rows: 203rpx 203rpx;
-    grid-gap: 25rpx;
-    grid-template-areas:
-      "block1 block2 block3"
-      "block1 block4 block4";
-
-    @for $index from 1 through 4 {
-      .block#{$index} {
-        border-radius: 10rpx;
-        grid-area: block#{$index};
-      }
-    }
-    .block1 {
-      background: linear-gradient(
-        -90deg,
-        #e26165 0%,
-        #c10d12 94%,
-        #c10d12 100%
-      );
-      position: relative;
-
-      .text1 {
-        color: #fff;
-        padding: 74rpx 0 0 34rpx;
-        font-weight: bold;
-        font-size: 28rpx;
-      }
-      .text2 {
-        font-size: 18rpx;
-        color: #ffffff;
-        font-weight: 500;
-        padding: 17rpx 0 0 34rpx;
-      }
-      .order {
-        font-size: 24rpx;
-        color: #c20d12;
-        font-weight: 500;
-        padding: 9rpx 22rpx;
-        background: #fff;
-        border-radius: 20rpx;
-        display: inline-block;
-        margin: 18rpx 0 0 34rpx;
-      }
-      .img {
-        height: 190rpx;
-        width: 152rpx;
-        position: absolute;
-        right: 0;
-        bottom: 10rpx;
-      }
-    }
-    .block2 {
-      position: relative;
-      background: linear-gradient(to bottom, #f3d4d4, #f2edf0);
-
-      .text1 {
-        text-align: center;
-        padding-top: 40rpx;
-
-        text:nth-child(1) {
-          font-size: 36rpx;
-          color: #ca3831;
-          font-weight: bold;
-        }
-        text:nth-child(2) {
-          font-size: 18rpx;
-          color: #929196;
-          font-weight: 500;
-        }
-      }
-      .text2 {
-        font-size: 24rpx;
-        color: #202020;
-        font-weight: 500;
-        padding-top: 20rpx;
-        text-align: center;
-      }
-
-      .img {
-        width: 114rpx;
-        height: 114rpx;
-        position: absolute;
-        right: 10rpx;
-        bottom: 20rpx;
-      }
-    }
-    .block3 {
-      position: relative;
-      background: linear-gradient(to bottom, #f7e9dd, #f4f1f1);
-
-      .text1 {
-        text-align: center;
-        padding-top: 40rpx;
-
-        text:nth-child(1) {
-          font-size: 36rpx;
-          color: #ca3831;
-          font-weight: bold;
-        }
-
-        text:nth-child(2) {
-          font-size: 18rpx;
-          color: #929196;
-          font-weight: 500;
-        }
-      }
-      .text2 {
-        font-size: 24rpx;
-        color: #202020;
-        font-weight: 500;
-        padding-top: 20rpx;
-        text-align: center;
-      }
-      .img {
-        width: 123rpx;
-        height: 127rpx;
-        position: absolute;
-        right: 10rpx;
-        bottom: 20rpx;
-      }
-    }
-    .block4 {
-      position: relative;
-      background: #dee5f9;
-
-      .text1 {
-        font-size: 28rpx;
-        color: #6c70c3;
-        font-weight: bold;
-        position: absolute;
-        left: 39rpx;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-      .img {
-        position: absolute;
-        width: 147rpx;
-        height: 131rpx;
-        top: 50%;
-        transform: translateY(-50%);
-        right: 18rpx;
-      }
-    }
-  }
-
-  .honor {
-    background-color: #ede8dc;
-    padding: 27rpx 40rpx;
-    margin-top: 38rpx;
-
-    &__title {
-      display: flex;
-      align-items: center;
-
-      & > image {
-        width: 31rpx;
-        height: 36rpx;
-      }
-      & > text {
-        font-size: 28rpx;
-        color: #000000;
-        font-weight: bold;
-      }
-    }
-    .scroll-content {
-      margin-top: 27rpx;
-      white-space: nowrap;
-
-      .images {
-        height: 200rpx;
-        width: 311rpx;
-      }
-    }
-  }
-
-  .bottom {
-    margin-top: 35rpx;
-    width: 100vw;
-    height: 92rpx;
-  }
-
-  .ai {
-    position: fixed;
-    bottom: 180rpx;
-    bottom: calc(constant(safe-area-inset-bottom) + 180rpx);
-    bottom: calc(env(safe-area-inset-bottom) + 180rpx);
-    right: 36rpx;
-    filter: drop-shadow(2rpx 2rpx 4rpx #999);
-
-    image {
-      width: 120rpx;
-      height: 120rpx;
-    }
-  }
-}
-</style>
+<template>
+	<view>
+		<view class="container" :style="{ 'padding-top': statusBarHeight + 'px' }">
+			<image mode="aspectFill" class="top-bkg" src="~@/static/index/top-bkg.png" alt=""></image>
+			<view class="top" :style="{ 'padding-right': menuButtonRight + 'px' }">
+				<view class="position" @click="isShowSite = true">
+					<u-icon name="map-fill"></u-icon>
+					<view>{{ vuex_site.name }}</view>
+					<!--          <view>{{ vuex_location.city.replace(/(市|区|县)/, "") }}</view>-->
+					<u-icon name="arrow-down" size="22"></u-icon>
+				</view>
+				<view class="icon">
+					<text style="color:#fff;font-size: 28rpx;font-weight: 500;letter-spacing: 2rpx;">四世同堂整合照护平台</text>
+					<!--          <image src="~@/static/index/icon.png" mode="aspectFit" alt=""></image>-->
+				</view>
+			</view>
+
+			<view class="search">
+				<view class="search__icon">
+					<u-icon name="search" size="50" color="#999"></u-icon>
+				</view>
+				<view class="search__content">
+					<u-input :clearable="false" :value="select.keyword" placeholder="请输入要搜索的内容" height="56"
+						:custom-style="inputStyle" @input="searchInput"></u-input>
+				</view>
+			</view>
+
+			<view v-if="isShowSticky" class="search-sticky" :style="{
+          'padding-top': statusBarHeight + 'px',
+          'padding-right': menuButtonRight + 'px',
+        }">
+				<view class="search-sticky__position" @click="isShowSite = true">
+					<u-icon name="map-fill"></u-icon>
+					<view>{{ vuex_site.name }}</view>
+					<!--          <view>{{ vuex_location.city.replace(/(市|区|县)/, "") }}</view>-->
+					<u-icon name="arrow-down" size="22"></u-icon>
+				</view>
+
+				<view class="search-sticky__search">
+					<view class="search-sticky__search--content">
+						<u-input :clearable="false" :value="select.keyword" placeholder="请输入要搜索的内容" height="46"
+							@input="searchInput"></u-input>
+					</view>
+				</view>
+			</view>
+
+			<view class="swiper">
+				<u-swiper :height="366" :list="banners" name="url"></u-swiper>
+			</view>
+
+			<view class="links">
+				<u-grid :col="5" :border="false">
+					<u-grid-item v-for="item in links" :key="item.text" bg-color="transparent" @click="goLinks(item)">
+						<image class="icon" :src="item.icon" mode="aspectFit"></image>
+						<view class="text">{{ item.text }}</view>
+					</u-grid-item>
+				</u-grid>
+			</view>
+
+			<view class="img1">
+				<image src="~@/static/index/ask-png.png" alt="" mode="aspectFit"></image>
+			</view>
+
+			<view class="hospitals">
+				<view class="hospitals__title">热门医院</view>
+
+				<view class="hospitals__content">
+					<view class="hospitals__content__item" v-for="(item, index) in hospitals" :key="item.id">
+						<view class="left">
+							<image :src="item.cover ? item.cover.url : ''" alt="" mode="scaleToFill"></image>
+						</view>
+						<view class="right">
+							<view class="title">{{ item.name }}</view>
+							<view class="tag" v-if="item.tags">
+								<view class="tag__item">{{ item.tags }}</view>
+							</view>
+							<view class="description"> {{ item.good_at }} </view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="statistics">
+				<view class="block1" @click="$u.throttle($u.route({
+            url: '/package_sub/pages/ServiceList/ServiceList',
+            params: {
+              type: 1
+            }
+          }))">
+					<view class="text1">陪诊团队介绍</view>
+					<view class="text2">让就医体验更美好</view>
+					<view class="order">预约陪诊</view>
+
+					<image class="img" src="~@/static/index/block1.png" mode="aspectFit" alt=""></image>
+				</view>
+				<view class="block2">
+					<view class="text1"> <text>142812</text><text>人次</text> </view>
+					<view class="text2">医院陪护累计</view>
+
+					<image class="img" src="~@/static/index/block2.png" mode="aspectFit" alt=""></image>
+				</view>
+				<view class="block3">
+					<view class="text1"> <text>12456</text><text>人次</text> </view>
+					<view class="text2">居家照护累计</view>
+
+					<image class="img" src="~@/static/index/block3.png" mode="aspectFit" alt=""></image>
+				</view>
+				<view class="block4">
+					<view class="text1">关于我们</view>
+
+					<image class="img" src="~@/static/index/block4.png" mode="aspectFit" alt=""></image>
+				</view>
+			</view>
+
+			<view class="honor">
+				<view class="honor__title">
+					<image src="~@/static/index/honor-title.png" alt="" mode="aspectFit"></image>
+					<text>资质荣誉</text>
+				</view>
+
+				<scroll-view class="scroll-content" scroll-x="true">
+					<image class="images" v-for="i in photos" :key="i.id" :src="i.image ? i.image.url : ''"
+						mode="aspectFit"></image>
+				</scroll-view>
+			</view>
+
+			<image class="bottom" src="~@/static/index/bottom.png" mode="aspectFit" alt=""></image>
+
+			<view class="ai" @click="$u.throttle(
+                $u.route({
+                  url: '/pages/aichat/index',
+                })
+              )">
+				<image src="~@/static/index/ai.png" mode="aspectFit"></image>
+			</view>
+		</view>
+
+		<!-- 选择站点 -->
+		<u-select v-model="isShowSite" value-name="id" @confirm="confirmSite" label-name="name"
+			:list="list_site"></u-select>
+
+		<u-top-tips :navbar-height="navbarHeight" ref="uTips"></u-top-tips>
+
+		<tabbar />
+		<PrivacyPopup />
+	</view>
+</template>
+
+<script>
+	import Tabbar from "@/component/Tabbar/Tabbar.vue";
+	import PrivacyPopup from "@/component/privacy-popup/privacy-popup.vue";
+
+	export default {
+		components: {
+			Tabbar,
+			PrivacyPopup,
+		},
+		data() {
+			return {
+				isShowSite: false,
+				list_site: [{
+					id: '',
+					name: '全部站点'
+				}],
+
+				isShowSticky: false,
+				scrollTop: 308,
+				statusBarHeight: 40,
+				menuButtonRight: 0,
+
+				inputStyle: {
+					width: "600rpx",
+					fontSize: "28rpx",
+					fontWeight: "500",
+				},
+				select: {
+					keyword: "",
+				},
+				links: [{
+						text: "陪诊服务",
+						icon: "/static/index/peizhenfuwu.png",
+						to: "/package_sub/pages/ServiceList/ServiceList?type=1",
+					},
+					{
+						text: "就医服务",
+						icon: "/static/index/jiuyifuwu.png",
+						to: "/package_sub/pages/ServeHospital/ServeHospital",
+					},
+					{
+						text: "居家照护",
+						icon: "/static/index/jujiazhaohu.png",
+						to: "/package_sub/pages/ServiceList/ServiceList?type=2",
+					},
+					{
+						text: "医院陪护",
+						icon: "/static/index/yiyuanpeihu.png",
+						appid: 'wx0fee3573c1bb5ca8'
+					},
+					{
+						text: "商城服务",
+						icon: "/static/index/shangchengfuwu.png",
+						to: "/package_sub/pages/Shop/Home",
+					},
+				],
+
+				hospitals: [],
+				banners: [],
+				photos: [],
+			};
+		},
+		mounted() {
+			this.getElScrollTop();
+			// if (this.$store.state.vuex_location.status !== 2) {
+			//   this.$store.dispatch("getLocation");
+			// }
+		},
+		onLoad() {
+			this.menuButtonRight =
+				uni.getSystemInfoSync().screenWidth -
+				uni.getMenuButtonBoundingClientRect().left +
+				10;
+			this.statusBarHeight = uni.getMenuButtonBoundingClientRect().top;
+
+			this.getSiteList().then(_ => {
+				this.getHospital();
+				this.getBanner();
+				this.getPhotos();
+			})
+		},
+		onPageScroll(e) {
+			this.isShowSticky = e.scrollTop > this.scrollTop;
+		},
+		computed: {
+			navbarHeight() {
+				return getApp().globalData.navbarHeight;
+			},
+		},
+		methods: {
+			getElScrollTop() {
+				const query = uni.createSelectorQuery().in(this);
+				query
+					.select(".links")
+					.boundingClientRect((data) => {
+						if (data) {
+							this.scrollTop = data.top;
+						}
+					})
+					.exec();
+			},
+			searchInput(e) {},
+
+			async getSiteList() {
+				const res = await this.$u.api.otherSite()
+				this.list_site.push(...res)
+				let defaultValue = res.find(i => i.name === '常州')
+				if (defaultValue && !this.vuex_site.id) {
+					this.$u.vuex('vuex_site', defaultValue)
+				}
+			},
+			confirmSite(e) {
+				this.$u.vuex('vuex_site', e[0])
+				this.getHospital()
+				this.getBanner()
+				this.getPhotos()
+			},
+			goLinks(item) {
+				if (item.to) {
+					this.$u.throttle(
+						this.$u.route({
+							url: item.to,
+						})
+					)
+				}
+				if (item.appid) {
+					uni.navigateToMiniProgram({
+						appId: item.appid,
+					});
+
+				}
+
+			},
+			async getHospital() {
+				try {
+					const res = await this.$u.api.hospitalList({
+						page: 1,
+						page_size: 5,
+						site_id: this.vuex_site.id ? this.vuex_site.id : '',
+						"show_relation[0]": "site",
+					});
+					this.hospitals = res.data;
+				} catch (err) {}
+			},
+			async getBanner() {
+				try {
+					const res = await this.$u.api.banner({
+						position: 1,
+						site_id: this.vuex_site.id ? this.vuex_site.id : '',
+					});
+					this.banners = res.map((i) => ({
+						...i,
+						url: i.image?.url ?? '',
+					}));
+				} catch (err) {}
+			},
+			async getPhotos() {
+				try {
+					const res = await this.$u.api.banner({
+						position: 2,
+						site_id: this.vuex_site.id ? this.vuex_site.id : '',
+					});
+					this.photos = res
+				} catch (err) {}
+			},
+		},
+	};
+</script>
+
+<style scoped lang="scss">
+	::v-deep .u-swiper-wrap {
+		overflow: inherit !important;
+	}
+
+	::v-deep .u-swiper-indicator {
+		bottom: -30rpx !important;
+	}
+
+	::v-deep .u-indicator-item-round-active {
+		background: #ca2328 !important;
+	}
+
+	.container {
+		padding-bottom: calc(76px + 34px + 10px);
+		position: relative;
+
+		.top-bkg {
+			z-index: 0;
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100vw;
+			object-fit: contain;
+		}
+
+		.top {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 0 28rpx;
+			position: relative;
+
+			.position {
+				color: #fff;
+				font-size: 30rpx;
+				letter-spacing: 3rpx;
+				font-weight: 500;
+				display: flex;
+				align-items: center;
+
+				&>view {
+					padding: 0 13rpx;
+					max-width: 160rpx;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					overflow: hidden;
+				}
+			}
+
+			.icon {
+				&>image {
+					width: 197rpx;
+					height: 72rpx;
+					object-fit: contain;
+				}
+			}
+		}
+
+		.search {
+			height: 68rpx;
+			border-radius: 34rpx;
+			background: #ffffff;
+			display: flex;
+			align-items: center;
+			position: relative;
+
+			padding: 20rpx 25rpx;
+			margin: 24rpx 26rpx 0 25rpx;
+
+			&__content {
+				margin-left: 18rpx;
+			}
+
+			&__icon {}
+		}
+
+		.search-sticky {
+			display: flex;
+			align-items: center;
+			background: url("~@/static/index/top-bkg.png") no-repeat;
+			background-size: cover;
+			position: sticky;
+			z-index: 5;
+			top: 0;
+			width: 100vw;
+			padding-bottom: 20rpx;
+			animation: fade 0.4s;
+			filter: drop-shadow(0 2rpx 6rpx #c20d1266);
+
+			@keyframes fade {
+				from {
+					opacity: 0;
+				}
+
+				to {
+					opacity: 1;
+				}
+			}
+
+			&__position {
+				flex: 0;
+				color: #fff;
+				font-size: 30rpx;
+				letter-spacing: 3rpx;
+				font-weight: 500;
+				white-space: nowrap;
+				padding: 0 16rpx;
+				display: flex;
+				align-items: center;
+
+				&>view {
+					padding: 0 10rpx;
+					max-width: 160rpx;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					overflow: hidden;
+				}
+			}
+
+			&__search {
+				flex: 1;
+				height: 64rpx;
+				border-radius: 34rpx;
+				background: #ffffff;
+				display: flex;
+				align-items: center;
+				position: relative;
+
+				padding: 20rpx 25rpx;
+			}
+		}
+
+		.swiper {
+			margin-top: 24rpx;
+			padding: 0 25rpx;
+		}
+
+		.links {
+			padding: 0 25rpx;
+			margin-top: calc(43rpx + 30rpx);
+
+			.icon {
+				height: 59rpx;
+				width: 67rpx;
+			}
+
+			.text {
+				font-size: 24rpx;
+				line-height: 16rpx;
+				color: #333333;
+				font-weight: 500;
+				margin-top: 26rpx;
+			}
+		}
+
+		.img1 {
+			margin-top: 26rpx;
+			padding: 0 25rpx;
+
+			&>image {
+				width: 700rpx;
+				height: 169rpx;
+			}
+		}
+
+		.hospitals {
+			background: #fff;
+			border-radius: 10rpx;
+			margin: 26rpx 25rpx 0;
+			padding: 28rpx 25rpx;
+
+			&__title {
+				font-size: 28rpx;
+				color: #000000;
+				font-weight: bold;
+				padding: 0 32rpx 28rpx;
+			}
+
+			&__content {
+				max-height: 516rpx;
+				overflow-y: scroll;
+
+				&__item {
+					display: flex;
+					align-items: center;
+
+					.left {
+						&>image {
+							height: 162rpx;
+							width: 250rpx;
+							border-radius: 6rpx;
+						}
+					}
+
+					.right {
+						margin-left: 25rpx;
+
+						.title {
+							font-size: 28rpx;
+							color: #000000;
+							font-weight: bold;
+						}
+
+						.tag {
+							margin-top: 16rpx;
+							display: flex;
+							flex-wrap: wrap;
+
+							&__item {
+								padding: 5rpx 16rpx;
+								font-size: 22rpx;
+								line-height: 31rpx;
+								font-weight: 500;
+
+								&:nth-child(1) {
+									color: #ca2328;
+									background-color: #faefef;
+								}
+
+								&:nth-child(2) {
+									color: #f38628;
+									background-color: #fcf3e9;
+								}
+							}
+
+							.tag__item+.tag__item {
+								margin-left: 12rpx;
+							}
+						}
+
+						.description {
+							max-width: 320rpx;
+							white-space: nowrap;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							font-size: 22rpx;
+							color: #929196;
+							font-weight: 500;
+							margin-top: 16rpx;
+						}
+					}
+				}
+			}
+		}
+
+		.statistics {
+			margin: 26rpx 25rpx 0;
+			display: grid;
+			grid-template-columns: 286rpx 182rpx 182rpx;
+			grid-template-rows: 203rpx 203rpx;
+			grid-gap: 25rpx;
+			grid-template-areas:
+				"block1 block2 block3"
+				"block1 block4 block4";
+
+			@for $index from 1 through 4 {
+				.block#{$index} {
+					border-radius: 10rpx;
+					grid-area: block#{$index};
+				}
+			}
+
+			.block1 {
+				background: linear-gradient(-90deg,
+						#e26165 0%,
+						#c10d12 94%,
+						#c10d12 100%);
+				position: relative;
+
+				.text1 {
+					color: #fff;
+					padding: 74rpx 0 0 34rpx;
+					font-weight: bold;
+					font-size: 28rpx;
+				}
+
+				.text2 {
+					font-size: 18rpx;
+					color: #ffffff;
+					font-weight: 500;
+					padding: 17rpx 0 0 34rpx;
+				}
+
+				.order {
+					font-size: 24rpx;
+					color: #c20d12;
+					font-weight: 500;
+					padding: 9rpx 22rpx;
+					background: #fff;
+					border-radius: 20rpx;
+					display: inline-block;
+					margin: 18rpx 0 0 34rpx;
+				}
+
+				.img {
+					height: 190rpx;
+					width: 152rpx;
+					position: absolute;
+					right: 0;
+					bottom: 10rpx;
+				}
+			}
+
+			.block2 {
+				position: relative;
+				background: linear-gradient(to bottom, #f3d4d4, #f2edf0);
+
+				.text1 {
+					text-align: center;
+					padding-top: 40rpx;
+
+					text:nth-child(1) {
+						font-size: 36rpx;
+						color: #ca3831;
+						font-weight: bold;
+					}
+
+					text:nth-child(2) {
+						font-size: 18rpx;
+						color: #929196;
+						font-weight: 500;
+					}
+				}
+
+				.text2 {
+					font-size: 24rpx;
+					color: #202020;
+					font-weight: 500;
+					padding-top: 20rpx;
+					text-align: center;
+				}
+
+				.img {
+					width: 114rpx;
+					height: 114rpx;
+					position: absolute;
+					right: 10rpx;
+					bottom: 20rpx;
+				}
+			}
+
+			.block3 {
+				position: relative;
+				background: linear-gradient(to bottom, #f7e9dd, #f4f1f1);
+
+				.text1 {
+					text-align: center;
+					padding-top: 40rpx;
+
+					text:nth-child(1) {
+						font-size: 36rpx;
+						color: #ca3831;
+						font-weight: bold;
+					}
+
+					text:nth-child(2) {
+						font-size: 18rpx;
+						color: #929196;
+						font-weight: 500;
+					}
+				}
+
+				.text2 {
+					font-size: 24rpx;
+					color: #202020;
+					font-weight: 500;
+					padding-top: 20rpx;
+					text-align: center;
+				}
+
+				.img {
+					width: 123rpx;
+					height: 127rpx;
+					position: absolute;
+					right: 10rpx;
+					bottom: 20rpx;
+				}
+			}
+
+			.block4 {
+				position: relative;
+				background: #dee5f9;
+
+				.text1 {
+					font-size: 28rpx;
+					color: #6c70c3;
+					font-weight: bold;
+					position: absolute;
+					left: 39rpx;
+					top: 50%;
+					transform: translateY(-50%);
+				}
+
+				.img {
+					position: absolute;
+					width: 147rpx;
+					height: 131rpx;
+					top: 50%;
+					transform: translateY(-50%);
+					right: 18rpx;
+				}
+			}
+		}
+
+		.honor {
+			background-color: #ede8dc;
+			padding: 27rpx 40rpx;
+			margin-top: 38rpx;
+
+			&__title {
+				display: flex;
+				align-items: center;
+
+				&>image {
+					width: 31rpx;
+					height: 36rpx;
+				}
+
+				&>text {
+					font-size: 28rpx;
+					color: #000000;
+					font-weight: bold;
+				}
+			}
+
+			.scroll-content {
+				margin-top: 27rpx;
+				white-space: nowrap;
+
+				.images {
+					height: 200rpx;
+					width: 311rpx;
+				}
+			}
+		}
+
+		.bottom {
+			margin-top: 35rpx;
+			width: 100vw;
+			height: 92rpx;
+		}
+
+		.ai {
+			position: fixed;
+			bottom: 180rpx;
+			bottom: calc(constant(safe-area-inset-bottom) + 180rpx);
+			bottom: calc(env(safe-area-inset-bottom) + 180rpx);
+			right: 36rpx;
+			filter: drop-shadow(2rpx 2rpx 4rpx #999);
+
+			image {
+				width: 120rpx;
+				height: 120rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file