From 12687332b674bc64ee1d2ff4bae0144ef768ca65 Mon Sep 17 00:00:00 2001
From: liyongle <liyongle@123>
Date: Mon, 8 May 2023 11:03:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/offline/JSON/getModuleList.json | 34 ++++++++++++++
 src/components/Menu/Menu.vue                  | 46 ++++++++++++++-----
 src/composables/useInitConfigAndMallInfo.ts   | 22 +++++----
 src/http/api/home/index.ts                    |  4 ++
 src/store/root/actions.ts                     |  4 ++
 src/store/root/state.ts                       |  4 +-
 src/types/menu.d.ts                           |  4 ++
 src/views/Index/Middle.vue                    | 20 +++++++-
 src/views/Parking/Parking.vue                 |  2 +-
 9 files changed, 115 insertions(+), 25 deletions(-)
 create mode 100644 public/static/offline/JSON/getModuleList.json
 create mode 100644 src/http/api/home/index.ts
 create mode 100644 src/types/menu.d.ts

diff --git a/public/static/offline/JSON/getModuleList.json b/public/static/offline/JSON/getModuleList.json
new file mode 100644
index 0000000..721b3a1
--- /dev/null
+++ b/public/static/offline/JSON/getModuleList.json
@@ -0,0 +1,34 @@
+{
+  "code": 200,
+  "msg": "操作成功",
+  "data": [
+    {
+      "moduleName": "主页",
+      "status": 0
+    },
+    {
+      "moduleName": "店铺导航",
+      "status": 0
+    },
+    {
+      "moduleName": "优惠与活动",
+      "status": 0
+    },
+    {
+      "moduleName": "会员专享",
+      "status": 0
+    },
+    {
+      "moduleName": "服务",
+      "status": 0
+    },
+    {
+      "moduleName": "停车与缴费",
+      "status": 1
+    },
+    {
+      "moduleName": "文化学院",
+      "status": 0
+    }
+  ]
+}
diff --git a/src/components/Menu/Menu.vue b/src/components/Menu/Menu.vue
index 48f7639..1152b7d 100644
--- a/src/components/Menu/Menu.vue
+++ b/src/components/Menu/Menu.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="menu-container">
-    <div v-for="item in list" :key="item.title" class="menu-item" @click="changeMenu(item)">
+    <div
+      v-for="item in list"
+      :key="item.title"
+      :style="item.status === 1 ? 'display:none' : ''"
+      class="menu-item"
+      @click="changeMenu(item)"
+    >
       <div class="top">
         <img :src="current === item.path ? item.iconS : item.icon" alt="" />
         <div v-if="current === item.path" class="ac"></div>
@@ -11,78 +17,94 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref, watch, toRefs } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useStatisticsModel } from '@/composables/useStatistics'
+import { useRootStore } from '@/store/root'
 type MenuItem = {
   title: string
   titleEn: string
   icon: string
   iconS: string
   path: string
+  status: 0 | 1 // 菜单开关 0 开启 1关闭
 }
-const list: MenuItem[] = [
+const list = ref<MenuItem[]>([
   {
     title: '主页',
     titleEn: 'Home',
     icon: require('@/assets/images/menu/home.png'),
     iconS: require('@/assets/images/menu/homes.png'),
-    path: '/'
+    path: '/',
+    status: 0
   },
   {
     title: '店铺导航',
     titleEn: 'Brand',
     icon: require('@/assets/images/menu/brand.png'),
     iconS: require('@/assets/images/menu/brands.png'),
-    path: '/brand'
+    path: '/brand',
+    status: 0
   },
   {
     title: '优惠与活动',
     titleEn: 'Activity',
     icon: require('@/assets/images/menu/activity.png'),
     iconS: require('@/assets/images/menu/activitys.png'),
-    path: '/activity'
+    path: '/activity',
+    status: 0
   },
   {
     title: '会员专享',
     titleEn: 'Member',
     icon: require('@/assets/images/menu/member.png'),
     iconS: require('@/assets/images/menu/members.png'),
-    path: '/member'
+    path: '/member',
+    status: 0
   },
   {
     title: '服务',
     titleEn: 'Service',
     icon: require('@/assets/images/menu/service.png'),
     iconS: require('@/assets/images/menu/services.png'),
-    path: '/service'
+    path: '/service',
+    status: 0
   },
   {
     title: '停车与缴费',
     titleEn: 'Parking',
     icon: require('@/assets/images/menu/parking.png'),
     iconS: require('@/assets/images/menu/parkings.png'),
-    path: '/parking'
+    path: '/parking',
+    status: 0
   },
   {
     title: '文化学院',
     titleEn: 'School',
     icon: require('@/assets/images/menu/school.png'),
     iconS: require('@/assets/images/menu/schools.png'),
-    path: '/school'
+    path: '/school',
+    status: 0
   },
   {
     title: '艺术',
     titleEn: 'Art',
     icon: require('@/assets/images/menu/art.png'),
     iconS: require('@/assets/images/menu/arts.png'),
-    path: '/art'
+    path: '/art',
+    status: 0
   }
-]
+])
+const store = useRootStore()
+const { menuList } = toRefs(store)
 const router = useRouter()
 const route = useRoute()
 const current = ref('/')
 
+menuList.value.forEach((item, index) => {
+  list.value[index].status = item.status
+})
+
 function changeMenu(item: MenuItem) {
   router.push(item.path)
   useStatisticsModel({ recordType: 1, moduleName: item.title })
diff --git a/src/composables/useInitConfigAndMallInfo.ts b/src/composables/useInitConfigAndMallInfo.ts
index e550733..112d8fe 100644
--- a/src/composables/useInitConfigAndMallInfo.ts
+++ b/src/composables/useInitConfigAndMallInfo.ts
@@ -3,6 +3,7 @@ import { getConfig, getFacilitiesList, getWeather } from '@/http/api/base'
 import { getShopAndBuildingList } from '@/http/api/shop'
 import { getDeviceInfo } from '@/http/api/building'
 import { getShopListByFloor, getShopListByIndustry, getBrandInfo } from '@/http/api/brand'
+import { getModuleList } from '@/http/api/home'
 import Message from '@/base/Message/Message'
 
 export const useInitConfigAndMallInfo = async () => {
@@ -11,15 +12,17 @@ export const useInitConfigAndMallInfo = async () => {
     const store = useRootStore()
     store.SET_CONFIG(_config.data)
 
-    const [_DeviceInfo, _shopAndBuilding, _facilityList, _weather, _shopListByFloor, _shopListByIndustry, _brandInfo] = await Promise.all([
-      getDeviceInfo(),
-      getShopAndBuildingList(),
-      getFacilitiesList(),
-      getWeather(),
-      getShopListByFloor(),
-      getShopListByIndustry(),
-      getBrandInfo()
-    ])
+    const [_DeviceInfo, _shopAndBuilding, _facilityList, _weather, _shopListByFloor, _shopListByIndustry, _brandInfo, _menuList] =
+      await Promise.all([
+        getDeviceInfo(),
+        getShopAndBuildingList(),
+        getFacilitiesList(),
+        getWeather(),
+        getShopListByFloor(),
+        getShopListByIndustry(),
+        getBrandInfo(),
+        getModuleList()
+      ])
 
     const { shopList, buildingList } = _shopAndBuilding.data
     store.SET_DEVICE(_DeviceInfo.data)
@@ -30,6 +33,7 @@ export const useInitConfigAndMallInfo = async () => {
     store.SET_SHOP_LIST_BY_INDUSTRY(_shopListByIndustry.data.list)
     store.SET_FACILITY_LIST(_facilityList.data)
     store.SET_WEATHER(_weather.data)
+    store.SET_MENU_LIST(_menuList.data)
   } catch (error) {
     Message({ text: '初始化数据失败', type: 'success' })
   }
diff --git a/src/http/api/home/index.ts b/src/http/api/home/index.ts
new file mode 100644
index 0000000..0ead10a
--- /dev/null
+++ b/src/http/api/home/index.ts
@@ -0,0 +1,4 @@
+import { request } from '../../http'
+
+//获取菜单开关
+export const getModuleList = () => request<MenuType[]>({ url: `/JSON/getModuleList.json` })
diff --git a/src/store/root/actions.ts b/src/store/root/actions.ts
index bc7994d..40dcefa 100644
--- a/src/store/root/actions.ts
+++ b/src/store/root/actions.ts
@@ -19,6 +19,7 @@ export interface Actions {
   SET_MAP_STATUS(flag: boolean): void
   SET_SHOW_DETAIL(flag: boolean): void
   SET_SHOW_SEARCH(flag: boolean): void
+  SET_MENU_LIST(list: MenuType[]): void
 }
 
 export type GenActions = CreateActions<Root, State, Actions>
@@ -68,5 +69,8 @@ export const actions: GenActions = {
   },
   SET_MAP_STATUS(flag) {
     this.mapStatus = flag
+  },
+  SET_MENU_LIST(list) {
+    this.menuList = list
   }
 }
diff --git a/src/store/root/state.ts b/src/store/root/state.ts
index 8a69017..3b99096 100644
--- a/src/store/root/state.ts
+++ b/src/store/root/state.ts
@@ -15,6 +15,7 @@ export interface State {
   mapStatus: boolean //地图加载是否成功
   device: Device //当前设备信息
   shop: Shop //店铺信息
+  menuList: MenuType[] // 菜单信息
 }
 
 export const state = (): State => ({
@@ -31,5 +32,6 @@ export const state = (): State => ({
   config: {} as Config,
   mapStatus: false,
   device: {} as Device,
-  shop: {} as Shop
+  shop: {} as Shop,
+  menuList: []
 })
diff --git a/src/types/menu.d.ts b/src/types/menu.d.ts
new file mode 100644
index 0000000..e132548
--- /dev/null
+++ b/src/types/menu.d.ts
@@ -0,0 +1,4 @@
+declare interface MenuType {
+  moduleName: string // 模块名称
+  status: 1 | 0 // 0 正常 1 关闭
+}
diff --git a/src/views/Index/Middle.vue b/src/views/Index/Middle.vue
index 6065639..6f8a7dd 100644
--- a/src/views/Index/Middle.vue
+++ b/src/views/Index/Middle.vue
@@ -29,7 +29,10 @@
 
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
+import { toRefs } from 'vue'
 import { useStatisticsModel } from '@/composables/useStatistics'
+import { useRootStore } from '@/store/root'
+import Message from '@/base/Message/Message'
 const list = [
   {
     title: '店铺导航',
@@ -61,9 +64,22 @@ const list = [
   }
 ]
 const router = useRouter()
+const store = useRootStore()
+const { menuList } = toRefs(store)
 function go(path: string, moduleName: string) {
-  router.push(path)
-  useStatisticsModel({ recordType: 1, moduleName })
+  let isGo = true
+  for (const menu of menuList.value) {
+    if (menu.moduleName === moduleName) {
+      menu.status === 1 && (isGo = false)
+      break
+    }
+  }
+  if (isGo) {
+    router.push(path)
+    useStatisticsModel({ recordType: 1, moduleName })
+  } else {
+    Message({ text: '敬请期待', type: 'success' })
+  }
 }
 </script>
 
diff --git a/src/views/Parking/Parking.vue b/src/views/Parking/Parking.vue
index cc6d69c..b1ae682 100644
--- a/src/views/Parking/Parking.vue
+++ b/src/views/Parking/Parking.vue
@@ -24,7 +24,7 @@
           <EffectFade></EffectFade>
         </div>
         <h1 class="title">{{ switchLanguage(parkingInfo, 'title') }}</h1>
-        <ScrollView class="parking-scroll" scrollbar :list="switchLanguage(parkingInfo, 'content')">
+        <ScrollView class="parking-scroll" scrollbar :list="switchLanguage(parkingInfo, 'content')" :pull-up="false">
           <div class="intro">{{ switchLanguage(parkingInfo, 'content') }}</div>
         </ScrollView>
       </div>