From db1650206aff68eca93b70d488a3145b58b53eed Mon Sep 17 00:00:00 2001
From: jiangx <jiangx@1000mu.com>
Date: Fri, 27 Oct 2023 09:39:13 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E2=99=BB=EF=B8=8F=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9mallCode=E4=BB=8Eurl=E5=9C=B0=E5=9D=80=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |  7 ++++--
 src/components/ScrollList/ScrollList.vue      | 23 +++++++++++++++----
 .../ScrollListItem/ScrollListItem.vue         |  1 +
 .../WeatherAndTime/WeatherAndTime.vue         | 20 +++++++++++++++-
 src/composables/useAutoBack.ts                |  2 +-
 src/composables/useConfig.ts                  |  6 ++---
 src/composables/useWeather.ts                 | 17 ++++++++++----
 src/http/api/base/index.ts                    |  5 +---
 8 files changed, 59 insertions(+), 22 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 192bc1a..758e7e7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
-  <WeatherAndTime />
-  <ScrollList ref="scrollList" />
+  <WeatherAndTime :mall-code="mallCode" />
+  <ScrollList ref="scrollList" :mall-code="mallCode" />
 </template>
 <script setup lang="ts">
 import { onMounted, onBeforeUnmount, ref } from 'vue'
@@ -9,6 +9,7 @@ import WeatherAndTime from '@/components/WeatherAndTime/WeatherAndTime.vue'
 import ScrollList from '@/components/ScrollList/ScrollList.vue'
 
 const scrollList = ref<InstanceType<typeof ScrollList> | null>(null)
+const mallCode = ref<string>('')
 
 const { checkHandleScreen } = useAutoBack(_checkHandleScreen)
 function _checkHandleScreen() {
@@ -16,6 +17,8 @@ function _checkHandleScreen() {
 }
 
 onMounted(() => {
+  const href = window.location.href
+  mallCode.value = href.split('=')[1]
   window.addEventListener('touchend', checkHandleScreen)
 })
 onBeforeUnmount(() => {
diff --git a/src/components/ScrollList/ScrollList.vue b/src/components/ScrollList/ScrollList.vue
index 4d4fed8..2f4b003 100644
--- a/src/components/ScrollList/ScrollList.vue
+++ b/src/components/ScrollList/ScrollList.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, toRefs, onMounted } from 'vue'
+import { ref, toRefs, watch } from 'vue'
 import { useRootStore } from '@/store/root'
 import { getCustomerList } from '@/http/api/base'
 import { HTTP_CODE } from '@/enums'
@@ -39,8 +39,23 @@ import ScrollView from '@/base/ScrollView/ScrollView.vue'
 import ScrollListItem from '@/components/ScrollListItem/ScrollListItem.vue'
 import Loading from '@/base/Loading/Loading.vue'
 
+type Props = {
+  mallCode: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  mallCode: ''
+})
+
+watch(
+  () => props.mallCode,
+  () => {
+    _getCustomerList()
+  }
+)
+
 const store = useRootStore()
-const { config, device } = toRefs(store)
+const { config } = toRefs(store)
 
 const customerList = ref<Customer[]>([])
 const pageIndex = ref(1)
@@ -54,8 +69,6 @@ function scrollEnd() {
   _getCustomerList()
 }
 
-onMounted(_getCustomerList)
-
 function _getCustomerList() {
   if (loading.value || loaded.value) {
     return
@@ -64,7 +77,7 @@ function _getCustomerList() {
   const params = {
     pageIndex: pageIndex.value,
     pageSize: 10,
-    mallCode: device.value.mallCode
+    mallCode: props.mallCode
   }
   getCustomerList(config.value.smallUrl, params)
     .then(({ code, data }) => {
diff --git a/src/components/ScrollListItem/ScrollListItem.vue b/src/components/ScrollListItem/ScrollListItem.vue
index 5eccf37..c724d1f 100644
--- a/src/components/ScrollListItem/ScrollListItem.vue
+++ b/src/components/ScrollListItem/ScrollListItem.vue
@@ -52,6 +52,7 @@ const store = useRootStore()
 const { config } = toRefs(store)
 
 function formatDate(date: string) {
+  // eslint-disable-next-line newline-per-chained-call
   return new Date(date).toLocaleString().replace(/\//g, '-').substring(0, 16)
 }
 </script>
diff --git a/src/components/WeatherAndTime/WeatherAndTime.vue b/src/components/WeatherAndTime/WeatherAndTime.vue
index 9cd4603..ce636ce 100644
--- a/src/components/WeatherAndTime/WeatherAndTime.vue
+++ b/src/components/WeatherAndTime/WeatherAndTime.vue
@@ -23,13 +23,31 @@
 </template>
 
 <script setup lang="ts">
+import { watch } from 'vue'
 import { formatDay } from '@/utils/utils'
 import { useWeather } from '@/composables/useWeather'
 import { useTime } from '@/composables/useTime'
 import { useDay } from '@/composables/useDay'
 import Icon from '@/base/Icon/Icon.vue'
 
-const { weather, icon } = useWeather()
+type Props = {
+  mallCode: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  mallCode: ''
+})
+
+const { weather, icon, getWeatherStatus } = useWeather()
 const { currentTime } = useTime()
 const { whichWeek } = useDay()
+
+watch(
+  () => props.mallCode,
+  (newVal: string) => {
+    if (newVal.length) {
+      getWeatherStatus(props.mallCode)
+    }
+  }
+)
 </script>
diff --git a/src/composables/useAutoBack.ts b/src/composables/useAutoBack.ts
index 31a8229..2430fbb 100644
--- a/src/composables/useAutoBack.ts
+++ b/src/composables/useAutoBack.ts
@@ -3,7 +3,7 @@ import { ref } from 'vue'
 export const useAutoBack = (callback: () => void) => {
   const MIN_TIME = 0
   const CHECK_TIME = 1000
-  const TO_INDEX_TIME = 10
+  const TO_INDEX_TIME = 60
   const toIndexTime = ref(TO_INDEX_TIME) //回首页的时间
 
   const toIndexInterval = ref()
diff --git a/src/composables/useConfig.ts b/src/composables/useConfig.ts
index 6079475..733b51c 100644
--- a/src/composables/useConfig.ts
+++ b/src/composables/useConfig.ts
@@ -1,13 +1,11 @@
-import { getWeather, getConfig, getDevice } from '@/http/api/base'
+import { getConfig } from '@/http/api/base'
 import { useRootStore } from '@/store/root'
 
 export const useConfig = async () => {
   const store = useRootStore()
   try {
-    const [_weather, _config, _device] = await Promise.all([getWeather(), getConfig(), getDevice()])
-    store.SET_WEATHER(_weather.data)
+    const [_config] = await Promise.all([getConfig()])
     store.SET_CONFIG(_config.data)
-    store.SET_DEVICE(_device.data)
     Promise.resolve()
   } catch (error) {
     console.log('error: ', error)
diff --git a/src/composables/useWeather.ts b/src/composables/useWeather.ts
index 3adb084..7c76a64 100644
--- a/src/composables/useWeather.ts
+++ b/src/composables/useWeather.ts
@@ -1,12 +1,19 @@
-import { ref, toRefs } from 'vue'
+import { ref, toRefs, computed } from 'vue'
 import { useRootStore } from '@/store/root'
+import { getWeather } from '@/http/api/base'
 
 type IconMap = { type: ExtractIcons<'sunny' | 'cloudy' | 'rain' | 'snow' | 'shade'>; status: string }
 
 export const useWeather = () => {
   const store = useRootStore()
-  const { weather } = toRefs(store)
-  const icon = ref({} as IconMap)
+  const { config } = toRefs(store)
+  const weather = ref({} as Weather)
+
+  function getWeatherStatus(mallCode: string) {
+    getWeather(config.value.smallUrl, mallCode).then(({ data }) => {
+      weather.value = data ?? {}
+    })
+  }
 
   const status: IconMap[] = [
     { type: 'sunny', status: '晴' },
@@ -15,7 +22,7 @@ export const useWeather = () => {
     { type: 'snow', status: '雪' },
     { type: 'shade', status: '阴' }
   ]
-  icon.value = status.find(item => weather.value.status?.includes(item.status)) ?? status[0]
+  const icon = computed(() => status.find(item => weather.value.status?.includes(item.status)) ?? status[0])
 
-  return { weather, icon }
+  return { weather, icon, getWeatherStatus }
 }
diff --git a/src/http/api/base/index.ts b/src/http/api/base/index.ts
index 2b88749..6908ceb 100644
--- a/src/http/api/base/index.ts
+++ b/src/http/api/base/index.ts
@@ -4,11 +4,8 @@ import { PREFIX } from '@/enums'
 //获取配置项
 export const getConfig = () => request<Config>({ url: `${PREFIX.STATIC_URL}/JSON/getConfig.json` })
 
-//获取设备
-export const getDevice = () => request<Device>({ url: `${PREFIX.STATIC_URL}/JSON/GetDevCoordinateByIP.json` })
-
 //获取天气
-export const getWeather = () => request<Weather>({ url: `${PREFIX.STATIC_URL}/JSON/GetWeathers.json` })
+export const getWeather = (url: string, mallCode: string) => request<Weather>({ url: `${url}/Api/Cdn/GetWeathers?mallCode=${mallCode}` })
 
 //获取心声列表
 export const getCustomerList = (url: string, params: { pageIndex: number; pageSize: number; mallCode: string }) => {