优化咨询客服

frontend/src/views/mobile/MobileHomeView.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from "vue";
-import { RouterLink } from "vue-router";
+import { RouterLink, useRouter } from "vue-router";
 import { showToast } from "vant";
 import MobileBottomNav from "@/components/MobileBottomNav.vue";
 
+import { ensureSupportChat } from "@/api/chats";
 import {
   emptyListingPublishOptions,
   type ListingPublishOptions,
@@ -36,7 +37,10 @@ import {
   readAssetNumber,
   readAssetString,
 } from "@/utils/listingDisplay";
+import { useSessionStore } from "@/stores/session";
 
+const router = useRouter();
+const session = useSessionStore();
 const loading = ref(false);
 const loadFailed = ref(false);
 const listings = ref<Listing[]>([]);
@@ -50,6 +54,7 @@ const refreshing = ref(false);
 const searchValue = ref("");
 const announcements = ref<string[]>(defaultHomeAnnouncements);
 const bannerSlides = ref<HomeBannerSlide[]>(defaultHomeBanners);
+const supportLoading = ref(false);
 
 const sortOptions = [
   { key: "comprehensive", label: "综合排序" },
@@ -81,6 +86,23 @@ const activeSortLabel = computed(
     "综合排序"
 );
 
+async function handleSupportClick() {
+  if (!session.isLoggedIn) {
+    router.push({ path: "/m/login", query: { redirect: router.currentRoute.value.fullPath } });
+    return;
+  }
+  if (supportLoading.value) return;
+  supportLoading.value = true;
+  try {
+    const chat = await ensureSupportChat();
+    router.push(`/m/chats/${chat.id}`);
+  } catch {
+    showToast({ message: "联系客服失败，请稍后重试", icon: "cross" });
+  } finally {
+    supportLoading.value = false;
+  }
+}
+
 const serverFilterOptions = computed(() =>
   uniqueOptions(
     publishOptions.value.server_options
@@ -327,7 +349,9 @@ function uniqueOptions(values: string[]) {
           placeholder="搜区服 / 段位"
           class="home-search"
         />
-        <button class="mobile-service" type="button">客服</button>
+        <button class="mobile-service" type="button" :disabled="supportLoading" @click="handleSupportClick">
+          {{ supportLoading ? "接入中" : "客服" }}
+        </button>
       </div>
 
       <!-- 防骗提示卡片（不用 van-notice-bar） -->
@@ -498,4 +522,3 @@ function uniqueOptions(values: string[]) {
 </template>
 
 <style scoped src="./MobileHomeView.css"></style>
-