统一聊天排序并支持公众号跳转小程序

2026-06-24 14:59:44 +08:00
parent 31804a78ff
commit e75a9015fa
16 changed files with 668 additions and 72 deletions
@@ -0,0 +1,37 @@
+.notification-page {
+  min-height: 100vh;
+  background: #f5f7fa;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+  box-sizing: border-box;
+}
+
+.notification-panel {
+  width: 100%;
+  max-width: 520px;
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 40px 32px;
+  box-sizing: border-box;
+  box-shadow: 0 10px 24px rgba(31, 41, 55, 0.08);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+}
+
+.notification-title {
+  color: #1f2937;
+  font-size: 34px;
+  font-weight: 700;
+  line-height: 1.3;
+}
+
+.notification-message {
+  color: #6b7280;
+  font-size: 28px;
+  line-height: 1.5;
+  text-align: center;
+}
@@ -0,0 +1,59 @@
+import { View, Text } from '@tarojs/components'
+import { useEffect, useState } from 'react'
+import Taro, { useRouter } from '@tarojs/taro'
+import { getToken } from '@/services/auth'
+import { resolveWechatMpNotificationLink } from '@/services/notification'
+import './index.scss'
+
+function buildQuery(params: Record<string, string | number | null | undefined>): string {
+  return Object.entries(params)
+    .filter(([, value]) => value !== undefined && value !== null && String(value) !== '')
+    .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`)
+    .join('&')
+}
+
+function buildCurrentPageUrl(token: string): string {
+  return `/pages/notification/index?token=${encodeURIComponent(token)}`
+}
+
+export default function NotificationEntry() {
+  const router = useRouter()
+  const token = String(router.params.token || '').trim()
+  const [message, setMessage] = useState('正在打开留言...')
+
+  useEffect(() => {
+    const openNotification = async () => {
+      if (!token) {
+        setMessage('通知链接无效')
+        return
+      }
+
+      if (!getToken()) {
+        Taro.setStorageSync('postLoginRedirect', buildCurrentPageUrl(token))
+        Taro.reLaunch({ url: '/pages/login/index' })
+        return
+      }
+
+      try {
+        const result = await resolveWechatMpNotificationLink(token)
+        const query = buildQuery(result.params || {})
+        const route = result.route.startsWith('/') ? result.route : `/${result.route}`
+        Taro.redirectTo({ url: query ? `${route}?${query}` : route })
+      } catch (error: any) {
+        console.error('[notification] resolve failed:', error)
+        setMessage(error?.message || '通知链接已失效')
+      }
+    }
+
+    void openNotification()
+  }, [token])
+
+  return (
+    <View className='notification-page'>
+      <View className='notification-panel'>
+        <Text className='notification-title'>伴伴</Text>
+        <Text className='notification-message'>{message}</Text>
+      </View>
+    </View>
+  )
+}