From c90eae892bf39cfc5d6a95adab18f6af11459079 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 18 Sep 2025 11:57:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9C=B0=E5=9B=BE=E9=A1=B5):=20=E5=8F=B3?=
 =?UTF-8?q?=E4=B8=8A=E8=A7=92=E8=AE=BE=E7=BD=AE=E6=88=90=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/map.vue | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/views/map.vue b/src/views/map.vue
index a0fe2e1..6cdb795 100644
--- a/src/views/map.vue
+++ b/src/views/map.vue
@@ -6,7 +6,7 @@
         <MobileHeader title="Country&Region">
           <template v-slot:extraFunction>
             <div style="display: flex; justify-content: center; align-items: center; width: 10%">
-              <img src="../assets/icon/selected.png" alt="" style="width: 100%" />
+              <img src="../assets/icon/selected.png" alt="" style="width: 100%" @click="confirm" />
             </div>
           </template>
         </MobileHeader>
@@ -76,26 +76,29 @@
 </template>
 
 <script setup>
-import { computed, onMounted, ref } from 'vue'
+import { computed, ref } from 'vue'
 import MobileHeader from '../components/MobileHeader.vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { useCountryStore } from '@/stores/country'
 import { storeToRefs } from 'pinia'
 
-const route = useRoute()
-
+const router = useRouter()
 const countryStore = useCountryStore()
-const { list: countryList, selectedCountry } = storeToRefs(countryStore) //国家信息
+// const { list: countryList, selectedCountry } = storeToRefs(countryStore) //国家信息store双向绑定
+const countryList = ref(countryStore.list)
+const selectedCountry = ref(countryStore.selectedCountry)
 
 const groupIndex = ref(-1) //选中的首字母区域
 const countryIndex = ref(-1) //选中区域的第几个
 
+// 选择国家
 const selectC = (gIndex, cIndex, country) => {
   groupIndex.value = gIndex
   countryIndex.value = cIndex
-  countryStore.setCountry(country)
-} //选择国家
+  selectedCountry.value = country
+}
 
+// 初始化首字母分组
 const groupedCountries = computed(() => {
   const groups = {}
   countryList.value.forEach((item) => {
@@ -130,16 +133,12 @@ const groupedCountries = computed(() => {
   return resCountryList
 })
 
-onMounted(() => {
-  const countryListStr = sessionStorage.getItem('countryList')
-  selectedCountry.value = sessionStorage.getItem('selectedCountry')
-  if (countryListStr) {
-    countryList.value = JSON.parse(countryListStr)
-
-    // 可选：清除临时存储
-    // sessionStorage.removeItem('tempCountryList');
-  }
-})
+// 右上角确认按钮
+const confirm = () => {
+  console.log('点击确认按钮')
+  countryStore.setCountry(selectedCountry.value)
+  router.go(-1)
+}
 </script>
 
 <style scoped>