From f5d3cd79deeac10aad11bd76bde16761a6aa447b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Mon, 29 Sep 2025 16:38:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E6=9B=B4=E6=94=B9=E5=AE=9A=E4=BD=8D=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/shopcity/shopcity.vue | 117 ++++++++++++++++--------------------
 1 file changed, 51 insertions(+), 66 deletions(-)

diff --git a/pages/shopcity/shopcity.vue b/pages/shopcity/shopcity.vue
index 01deb0f8..d1b508a7 100644
--- a/pages/shopcity/shopcity.vue
+++ b/pages/shopcity/shopcity.vue
@@ -2,35 +2,19 @@
   <view class="city-select-page" v-if="loading">
     <view class="white_container padding_bottom40">
       <!-- 搜索框 -->
-      <u-search
-        placeholder="输入城市进行搜索"
-        :value="searchValue"
-        @search="handleSearch"
-        @change="handleSearch"
-        :showAction="false"
-        height="70"
-        searchIconSize="40"
-        shape="round"
-      ></u-search>
+      <u-search placeholder="输入城市进行搜索" :value="searchValue" @search="handleSearch" @change="handleSearch"
+        :showAction="false" height="70" searchIconSize="40" shape="round"></u-search>
       <view v-if="searchValue" class="search_popup">
         <view v-if="searchRes.length === 0" class="list-item">暂无搜索结果</view>
-        <view
-          v-else
-          v-for="(item, index) in searchRes"
-          :key="index"
-          :class="['list-item', index === searchRes.length - 1 && 'no_border']"
-          @click="headerSelectMapClick(item)"
-        >
+        <view v-else v-for="(item, index) in searchRes" :key="index"
+          :class="['list-item', index === searchRes.length - 1 && 'no_border']" @click="headerSelectMapClick(item)">
           {{ item.name }}
         </view>
       </view>
       <view v-if="!searchValue">
         <!-- 当前定位城市 -->
         <view class="current-city">
-          <image
-            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_add.png"
-            mode="widthFix"
-          />
+          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_add.png" mode="widthFix" />
           <text>当前定位城市 {{ location.cityName }}</text>
         </view>
 
@@ -38,13 +22,8 @@
         <view class="hot-cities">
           <text class="title">国内热门城市</text>
           <view class="city-list">
-            <view
-              v-for="(item, index) in hotCityList"
-              class="city_name"
-              :key="index"
-              @click="headerSelectMapClick(item)"
-              >{{ item.name }}</view
-            >
+            <view v-for="(item, index) in hotCityList" class="city_name" :key="index"
+              @click="headerSelectMapClick(item)">{{ item.name }}</view>
           </view>
         </view>
       </view>
@@ -52,28 +31,15 @@
 
     <view v-if="!searchValue" class="container">
       <!-- 左侧列表 -->
-      <scroll-view
-        class="list-scroll"
-        scroll-y
-        :scroll-into-view="activeId"
-        @scroll="handleScroll"
-      >
-        <view
-          v-for="(group, index) in groupedData"
-          :key="index"
-          class="white_container"
-          :id="'group-' + group.letter"
-        >
+      <scroll-view class="list-scroll" scroll-y :scroll-into-view="activeId" @scroll="handleScroll">
+        <view v-for="(group, index) in groupedData" :key="index" class="white_container" :id="'group-' + group.letter">
           <!-- 字母标题 -->
           <view class="letter-title">{{ group.letter }}</view>
           <!-- 列表项 -->
-           <!-- TODO: 小程序编译避坑指南： -->
-          <view
-            v-for="(item, ind) in group.list"
-            :key="item.id"
+          <!-- TODO: 小程序编译避坑指南： -->
+          <view v-for="(item, ind) in group.list" :key="item.id"
             :class="['list-item', ind === group.list.length - 1 && 'no_border']"
-            @click="() => { headerSelectMapClick(item) }"
-          >
+            @click="() => { headerSelectMapClick(item) }">
             {{ item.name }}
           </view>
         </view>
@@ -81,12 +47,7 @@
 
       <!-- 右侧索引栏 -->
       <view class="index-bar">
-        <view
-          v-for="(letter, index) in letters"
-          :key="index"
-          class="index-item"
-          @tap="scrollToLetter(letter)"
-        >
+        <view v-for="(letter, index) in letters" :key="index" class="index-item" @tap="scrollToLetter(letter)">
           {{ letter }}
         </view>
       </view>
@@ -96,7 +57,7 @@
 
 <script>
 import { apiArr } from "../../api/area.js";
-import { request, debounce } from "../../utils/index.js";
+import { request, debounce, NavgateTo } from "../../utils/index.js";
 
 export default {
   data() {
@@ -182,14 +143,38 @@ export default {
             return;
           }
           // 更新页面数据，如标记点等
+          // 提取城市名称，添加防御性检查
+          let cityName = '';
+          let district = '';
+          let region = '';
+          
+          // 提取城市名
+          const cityMatch = res.address.match(/(.*?(?:省|自治区)|^)(.*?)(?:市|地区|盟|州|县|区)?$/);
+          if (cityMatch && cityMatch[2]) {
+            const cityMatch2 = cityMatch[2].match(/(.*市)/);
+            if (cityMatch2 && cityMatch2[1]) {
+              cityName = cityMatch2[1];
+            }
+          }
+          
+          // 提取区县
+          const districtMatch = res.address.match(/市(.*)/);
+          if (districtMatch && districtMatch[1]) {
+            district = districtMatch[1];
+          }
+          
+          // 提取省市区
+          const regionMatch = res.address.match(/^(.*?省.*?(?:市|自治州|盟).*?(?:县|区|旗))/);
+          if (regionMatch && regionMatch[1]) {
+            region = regionMatch[1];
+          }
+          
           const selectLocation = {
-            cityName: res.address
-              .match(/(.*?(?:省|自治区)|^)(.*?)(?:市|地区|盟|州|县|区)?$/)[2]
-              .match(/(.*市)/)[1],
-            district: res.address.match(/市(.*)/)[1],
+            cityName: cityName,
+            district: district,
             lat: res.latitude,
             lng: res.longitude,
-            region: res.address.match(/^(.*?省.*?(?:市|自治州|盟).*?(?:县|区|旗))/)[1], // 省市区
+            region: region,
           };
           uni.setStorageSync("location", selectLocation); // 缓存数据信息
           // uni.setStorageSync('city', selectLocation.cityName); // 缓存数据信息
@@ -203,13 +188,13 @@ export default {
         },
       });
     },
-    handleSearch: debounce(function(keyword) {
-      if(keyword === '') {
+    handleSearch: debounce(function (keyword) {
+      if (keyword === '') {
         this.searchValue = '';
         this.searchRes = [];
         return;
       }
- 
+
       uni.showLoading({
         title: '加载中',
         mask: true
@@ -227,7 +212,7 @@ export default {
     }, 500),
 
     groupData(item) {
-    console.log('123. item', item);
+      console.log('123. item', item);
       const map = {};
       this.letters.forEach((letter) => {
         map[letter] = {
@@ -266,9 +251,9 @@ export default {
         mask: true
       })
       const params = {
-        ad_level:2
+        ad_level: 2
       }
-			const res = await request(apiArr.getRegionList, 'POST', params, { silent: false });
+      const res = await request(apiArr.getRegionList, 'POST', params, { silent: false });
       // TODO: 数据量返回过于庞大，只获取所需信息，其他内容舍弃
       const newRes = res.rows.map((item) => {
         return {
@@ -279,7 +264,7 @@ export default {
         }
       })
       console.log('111', newRes)
-			// this.cityList = newRes;
+      // this.cityList = newRes;
       const hotsList = res.rows.filter((item) => item.hot === 2).map((item) => {
         return {
           lat: item.lat,
@@ -289,7 +274,7 @@ export default {
       });
       console.log('热门城市信息', hotsList);
       this.hotCityList = hotsList;
-		  await this.groupData(newRes);
+      await this.groupData(newRes);
     },
 
     // 滚动时监听当前位置