From 71450c5b7deebcb40932367f22f5a9cbe69a42fc Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Mon, 29 May 2023 15:59:19 +0800
Subject: [PATCH] feat: v1.1.0

---
 src/components/EffectFade/EffectFade.vue |  3 ++-
 src/components/Empty/Empty.vue           | 12 ++++++++++++
 src/views/Activities/Activities.vue      |  2 ++
 src/views/Billboard/Billboard.vue        |  2 +-
 src/views/Guide/Guide.vue                |  1 +
 src/views/Index/Index.vue                |  8 ++++----
 src/views/Mall/Mall.vue                  |  4 +++-
 src/views/Member/Member.vue              |  6 ++++--
 src/views/Parking/Parking.vue            |  4 +++-
 9 files changed, 32 insertions(+), 10 deletions(-)
 create mode 100644 src/components/Empty/Empty.vue

diff --git a/src/components/EffectFade/EffectFade.vue b/src/components/EffectFade/EffectFade.vue
index 971a932..1dfe0e7 100644
--- a/src/components/EffectFade/EffectFade.vue
+++ b/src/components/EffectFade/EffectFade.vue
@@ -4,12 +4,13 @@
       <slot :item="item"></slot>
     </swiper-slide>
   </swiper>
-  <img v-else src="../../assets/images/nodata.svg" class="stay-tuned" alt="" />
+  <Empty v-else></Empty>
 </template>
 
 <script setup>
 import SwiperCore, { Autoplay, EffectFade, Pagination } from 'swiper'
 import { Swiper, SwiperSlide } from 'swiper/vue'
+import Empty from '../Empty/Empty.vue'
 
 import 'swiper/css'
 import 'swiper/css/effect-fade'
diff --git a/src/components/Empty/Empty.vue b/src/components/Empty/Empty.vue
new file mode 100644
index 0000000..8ddd0b5
--- /dev/null
+++ b/src/components/Empty/Empty.vue
@@ -0,0 +1,12 @@
+<template>
+  <img src="../../assets/images/nodata.svg" class="stay-tuned" alt="" />
+</template>
+<style scoped>
+.stay-tuned {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  object-fit: contain;
+}
+</style>
diff --git a/src/views/Activities/Activities.vue b/src/views/Activities/Activities.vue
index 3c28469..2940a89 100644
--- a/src/views/Activities/Activities.vue
+++ b/src/views/Activities/Activities.vue
@@ -1,6 +1,7 @@
 <template>
   <View long>
     <ActivitiesList :list="activityList" />
+    <Empty v-if="!activityList.length"></Empty>
   </View>
 </template>
 
@@ -9,6 +10,7 @@ import { ref } from 'vue'
 import View from '@/layouts/View.vue'
 import ActivitiesList from '@/components/ActivitiesList/ActivitiesList.vue'
 import { getActivityList } from '@/http/api'
+import Empty from '@/components/Empty/Empty.vue'
 
 const activityList = ref([])
 
diff --git a/src/views/Billboard/Billboard.vue b/src/views/Billboard/Billboard.vue
index 7780adc..8574e86 100644
--- a/src/views/Billboard/Billboard.vue
+++ b/src/views/Billboard/Billboard.vue
@@ -88,7 +88,7 @@ const scrollWidth = ref(0)
 const setScrollWidth = setValue(scrollWidth)
 const scrollLefts = ref([])
 const setScrollLefts = setValue(scrollLefts)
-const index = ref(null)
+const index = ref(0)
 const setIndex = setValue(index)
 const columns = ref([])
 const setColumns = setValue(columns)
diff --git a/src/views/Guide/Guide.vue b/src/views/Guide/Guide.vue
index ca31a97..9a4db1c 100644
--- a/src/views/Guide/Guide.vue
+++ b/src/views/Guide/Guide.vue
@@ -225,6 +225,7 @@ function filterAboutCurrentInfo(needShowFloor = true) {
       window.Map_QM.showFloor(floorOrder, () => {
         if (shop.value) {
           setShopActive(shop.value)
+          window.Map_QM.pathNode({ floor: shop.value.floorOrder, node: shop.value.yaxis })
         } else if (facility.value) {
           handleFacility(facility.value)
         }
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 6e11647..0cf3aca 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -109,7 +109,7 @@
         </div>
 
         <div class="menu">
-          <div class="item" v-for="tab of menuList" :key="tab.id" @click="goPage(tab)">
+          <div class="item" v-for="tab of menuList" :key="tab.id" @click="goMenu(tab)">
             <div class="icon"><img :src="theme.images[tab.content.moduleName]" /></div>
             <div class="title">{{ tab.content.name }}</div>
           </div>
@@ -188,9 +188,9 @@ getBrandList().then(({ data: { allShopNum, industryFatherList } }) => {
   guideDesc.value = `全场${allShopNum}个品牌${spFormat ? `，其中${spFormat.shopNum}个${spFormat.industryName}品牌` : ''}`
 })
 
-const goPage = item => {
-  router.push(item.content.path)
-}
+const goPage = item => router.push(item.path)
+
+const goMenu = item => router.push(item.content.path)
 
 const setShopById = id => {
   const shop = shopList.value.find(_shop => _shop.shopCode === id)
diff --git a/src/views/Mall/Mall.vue b/src/views/Mall/Mall.vue
index 85cba99..47612b5 100644
--- a/src/views/Mall/Mall.vue
+++ b/src/views/Mall/Mall.vue
@@ -1,6 +1,7 @@
 <template>
   <View long>
-    <CarouselWithIntro :data="mall" />
+    <CarouselWithIntro :data="mall" v-if="mall" />
+    <Empty v-else></Empty>
   </View>
 </template>
 
@@ -9,6 +10,7 @@ import { ref } from 'vue'
 import { getMallInfoList } from '@/http/api'
 import View from '@/layouts/View.vue'
 import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'
+import Empty from '@/components/Empty/Empty.vue'
 
 const mall = ref({})
 getMallInfoList().then(({ data }) => {
diff --git a/src/views/Member/Member.vue b/src/views/Member/Member.vue
index f818b5d..fbe51a8 100644
--- a/src/views/Member/Member.vue
+++ b/src/views/Member/Member.vue
@@ -1,6 +1,7 @@
 <template>
   <View long>
-    <CarouselWithIntro :data="benefits" />
+    <CarouselWithIntro :data="benefits" v-if="benefits" />
+    <Empty v-else></Empty>
   </View>
 </template>
 
@@ -9,9 +10,10 @@ import { ref } from 'vue'
 import { getMemberBenefits } from '@/http/api'
 import View from '@/layouts/View.vue'
 import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'
+import Empty from '@/components/Empty/Empty.vue'
 
 _getMemberBenefits()
-const benefits = ref({})
+const benefits = ref(null)
 function _getMemberBenefits() {
   getMemberBenefits().then(({ data }) => {
     benefits.value = data[0]?.content
diff --git a/src/views/Parking/Parking.vue b/src/views/Parking/Parking.vue
index 895f6cf..3c9f904 100644
--- a/src/views/Parking/Parking.vue
+++ b/src/views/Parking/Parking.vue
@@ -1,6 +1,7 @@
 <template>
   <View long>
-    <CarouselWithIntro :data="park" />
+    <CarouselWithIntro :data="park" v-if="park" />
+    <Empty v-else></Empty>
   </View>
 </template>
 
@@ -9,6 +10,7 @@ import { ref } from 'vue'
 import { getParkingList } from '@/http/api'
 import View from '@/layouts/View.vue'
 import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'
+import Empty from '@/components/Empty/Empty.vue'
 
 const park = ref({})
 getParkingList().then(({ data }) => {