支持客服入口按业务场景分流到客服分组

联系客服支持 scene（general/mohong），按用户与场景复用会话；摸大红入口走摸大红分组选人。

frontend/src/features/mohong/views/MobileMohongListView.vue

@@ -3,17 +3,21 @@ import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { showToast } from 'vant'
 import MobileBottomNav from '@/components/MobileBottomNav.vue'
+import { ensureSupportChat } from '@/features/chats/api/chats'
 import {
   fetchMohongCategories,
   fetchMohongProducts,
   type MohongCategory,
   type MohongProduct,
 } from '@/features/mohong/api/mohong'
+import { useSessionStore } from '@/stores/session'
 import { formatCent } from '@/shared/utils/money'
 import { readError } from '@/shared/utils/error'
 
 const router = useRouter()
 const route = useRoute()
+const session = useSessionStore()
+const supportLoading = ref(false)
 const loading = ref(false)
 const products = ref<MohongProduct[]>([])
 const categories = ref<MohongCategory[]>([])
@@ -153,6 +157,23 @@ function markCoverFailed(id: number) {
 function showCover(item: MohongProduct) {
   return Boolean(item.cover_url) && !failedCover.value[item.id]
 }
+
+async function handleSupportClick() {
+  if (!session.isLoggedIn) {
+    router.push({ path: '/m/login', query: { redirect: route.fullPath } })
+    return
+  }
+  if (supportLoading.value) return
+  supportLoading.value = true
+  try {
+    const chat = await ensureSupportChat('mohong')
+    router.push(`/m/chats/${chat.id}`)
+  } catch {
+    showToast({ message: '联系客服失败，请稍后重试', icon: 'cross' })
+  } finally {
+    supportLoading.value = false
+  }
+}
 </script>
 
 <template>
@@ -170,6 +191,14 @@ function showCover(item: MohongProduct) {
           @input="onSearchInput"
         />
       </div>
+      <button
+        type="button"
+        class="orders-btn"
+        :disabled="supportLoading"
+        @click="handleSupportClick"
+      >
+        {{ supportLoading ? '...' : '客服' }}
+      </button>
       <button type="button" class="orders-btn" @click="router.push('/mohong/orders')">订单</button>
     </header>
 

frontend/src/features/mohong/views/MohongListView.vue

@@ -2,18 +2,22 @@
 import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
-import { Search, Tickets } from '@element-plus/icons-vue'
+import { Search, Service, Tickets } from '@element-plus/icons-vue'
 import MohongProductCard from '@/features/mohong/components/MohongProductCard.vue'
+import { ensureSupportChat } from '@/features/chats/api/chats'
 import {
   fetchMohongCategories,
   fetchMohongProducts,
   type MohongCategory,
   type MohongProduct,
 } from '@/features/mohong/api/mohong'
+import { useSessionStore } from '@/stores/session'
 import { readError } from '@/shared/utils/error'
 
 const router = useRouter()
 const route = useRoute()
+const session = useSessionStore()
+const supportLoading = ref(false)
 const loading = ref(false)
 const loadingMore = ref(false)
 const products = ref<MohongProduct[]>([])
@@ -147,6 +151,23 @@ const activeCategoryName = () => {
   if (!activeCategoryId.value) return '全部'
   return categories.value.find(c => c.id === activeCategoryId.value)?.name || '全部'
 }
+
+async function handleSupportClick() {
+  if (!session.isLoggedIn) {
+    router.push({ path: '/login', query: { redirect: route.fullPath } })
+    return
+  }
+  if (supportLoading.value) return
+  supportLoading.value = true
+  try {
+    const chat = await ensureSupportChat('mohong')
+    router.push(`/messages/${chat.id}`)
+  } catch {
+    ElMessage.error('联系客服失败，请稍后重试')
+  } finally {
+    supportLoading.value = false
+  }
+}
 </script>
 
 <template>
@@ -171,6 +192,15 @@ const activeCategoryName = () => {
           <el-icon><Tickets /></el-icon>
           <span>我的订单</span>
         </button>
+        <button
+          type="button"
+          class="toolbar-btn outline"
+          :disabled="supportLoading"
+          @click="handleSupportClick"
+        >
+          <el-icon><Service /></el-icon>
+          <span>{{ supportLoading ? '接入中' : '联系客服' }}</span>
+        </button>
         <button type="button" class="toolbar-btn outline" @click="router.push('/')">
           租号大厅
         </button>

frontend/src/features/mohong/views/MohongOrdersView.vue

@@ -35,7 +35,7 @@ async function loadOrders() {
     <header class="page-header">
       <div>
         <h1>摸大红订单</h1>
-        <p class="sub">查看支付状态、复制订单信息、进入客服群</p>
+        <p class="sub">查看支付状态、复制订单信息、扫码联系客服</p>
       </div>
       <button type="button" class="toolbar-btn outline" @click="router.push('/mohong')">
         返回商品列表