From 8237e3ef42ddc82f2ee7e4be965bfc2e235c66a6 Mon Sep 17 00:00:00 2001
From: tsui110 <tsui110@meiyou.email>
Date: Fri, 2 Jan 2026 11:36:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=86=E6=8A=96=E9=9F=B3?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=EF=BC=8C=E5=8C=BA=E5=88=86=E4=B8=8D=E5=90=8C?=
 =?UTF-8?q?=E5=9C=BA=E6=99=AF=E7=9A=84=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/appUser.js        |   6 ++
 pages/login/index.vue | 180 ++++++++++++++++++++++++++++++++++--------
 2 files changed, 153 insertions(+), 33 deletions(-)

diff --git a/api/appUser.js b/api/appUser.js
index a2e9142..133d054 100644
--- a/api/appUser.js
+++ b/api/appUser.js
@@ -5,6 +5,12 @@ export function wechatLogin(code, invite_code) {
   return request({ url: '/api/app/users/weixin/login', method: 'POST', data })
 }
 
+// 抖音小程序登录
+export function toutiaoLogin(code, invite_code) {
+  const data = invite_code ? { code, invite_code } : { code }
+  return request({ url: '/api/app/users/toutiao/login', method: 'POST', data })
+}
+
 // ============================================
 // 短信登录 API
 // ============================================
diff --git a/pages/login/index.vue b/pages/login/index.vue
index 92c7292..12d5e6f 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -17,15 +17,26 @@
       <view class="login-card glass-card">
         <!-- 切换Tab -->
         <view class="tab-bar">
-          <view 
-            class="tab-item" 
+          <!-- #ifdef MP-WEIXIN -->
+          <view
+            class="tab-item"
             :class="{ active: loginMode === 'wechat' }"
             @tap="switchMode('wechat')"
           >
-            <text class="tab-text">手机号快捷登录</text>
+            <text class="tab-text">微信快捷登录</text>
           </view>
-          <view 
-            class="tab-item" 
+          <!-- #endif -->
+          <!-- #ifdef MP-TOUTIAO -->
+          <view
+            class="tab-item"
+            :class="{ active: loginMode === 'toutiao' }"
+            @tap="switchMode('toutiao')"
+          >
+            <text class="tab-text">抖音快捷登录</text>
+          </view>
+          <!-- #endif -->
+          <view
+            class="tab-item"
             :class="{ active: loginMode === 'sms' }"
             @tap="switchMode('sms')"
           >
@@ -37,6 +48,7 @@
         <!-- 内容区域 -->
         <view class="content-area">
           <!-- 微信登录 -->
+          <!-- #ifdef MP-WEIXIN -->
           <view v-if="loginMode === 'wechat'" class="login-panel wechat-panel">
             <view class="panel-icon-wrap">
               <view class="panel-icon wechat-icon">
@@ -45,24 +57,39 @@
             </view>
             <text class="panel-title">一键获取手机号</text>
             <text class="panel-desc">授权获取本机手机号，安全快速登录</text>
-            
-            <!-- #ifdef MP-WEIXIN -->
-            <button 
+
+            <button
               class="btn-primary btn-login"
-              open-type="getPhoneNumber" 
-              :disabled="loading" 
+              open-type="getPhoneNumber"
+              :disabled="loading"
               @getphonenumber="onGetPhoneNumber"
             >
               {{ loading ? '获取中...' : '一键获取手机号' }}
             </button>
-            <!-- #endif -->
-            
-            <!-- #ifndef MP-WEIXIN -->
-            <button class="btn-primary btn-login" disabled>
-              当前环境不支持
-            </button>
-            <!-- #endif -->
           </view>
+          <!-- #endif -->
+
+          <!-- 抖音登录 -->
+          <!-- #ifdef MP-TOUTIAO -->
+          <view v-if="loginMode === 'toutiao'" class="login-panel toutiao-panel">
+            <view class="panel-icon-wrap">
+              <view class="panel-icon toutiao-icon">
+                <text class="icon-emoji">🎵</text>
+              </view>
+            </view>
+            <text class="panel-title">一键获取手机号</text>
+            <text class="panel-desc">授权获取本机手机号，安全快速登录</text>
+
+            <button
+              class="btn-primary btn-login"
+              open-type="getPhoneNumber"
+              :disabled="loading"
+              @getphonenumber="onToutiaoGetPhoneNumber"
+            >
+              {{ loading ? '获取中...' : '一键获取手机号' }}
+            </button>
+          </view>
+          <!-- #endif -->
 
           <!-- 短信登录 -->
           <view v-else class="login-panel sms-panel">
@@ -148,21 +175,31 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { request } from '../../utils/request'
-import { wechatLogin, bindPhone, getUserStats, getPointsBalance, sendSmsCode, smsLogin } from '../../api/appUser'
+import { wechatLogin, toutiaoLogin, bindPhone, getUserStats, getPointsBalance, sendSmsCode, smsLogin } from '../../api/appUser'
 import { vibrateShort } from '@/utils/vibrate.js'
 
 const loading = ref(false)
 const agreementChecked = ref(false)
 
-// 登录模式
+// 登录模式：根据平台设置默认值
+// #ifdef MP-WEIXIN
 const loginMode = ref('wechat')
+// #endif
+// #ifdef MP-TOUTIAO
+const loginMode = ref('toutiao')
+// #endif
+// #ifndef MP-WEIXIN || MP-TOUTIAO
+const loginMode = ref('sms')
+// #endif
 
 // 静默获取 OpenID
 async function ensureOpenID() {
   const current = uni.getStorageSync('openid')
   if (current) return
-  
+
   console.log('[DEBUG] 本地缺少 openid, 尝试静默获取...')
+
+  // #ifdef MP-WEIXIN
   uni.login({
     provider: 'weixin',
     success: async (loginRes) => {
@@ -181,6 +218,28 @@ async function ensureOpenID() {
       }
     }
   })
+  // #endif
+
+  // #ifdef MP-TOUTIAO
+  uni.login({
+    provider: 'toutiao',
+    success: async (loginRes) => {
+      try {
+        const res = await request({
+          url: '/api/app/common/openid',
+          method: 'POST',
+          data: { code: loginRes.code, platform: 'toutiao' }
+        })
+        if (res && res.openid) {
+          console.log('[DEBUG] 静默获取 openid 成功:', res.openid)
+          uni.setStorageSync('openid', res.openid)
+        }
+      } catch (err) {
+        console.error('[DEBUG] 静默获取 openid 失败:', err)
+      }
+    }
+  })
+  // #endif
 }
 
 onLoad(() => {
@@ -319,24 +378,24 @@ function onGetPhoneNumber(e) {
     vibrateShort()
     return
   }
-  
+
   const phoneCode = e.detail.code
   if (!phoneCode) {
     uni.showToast({ title: '需要授权手机号', icon: 'none' })
     return
   }
-  
+
   loading.value = true
-  
+
   uni.login({
     provider: 'weixin',
     success: async (res) => {
       try {
         const inviterCode = uni.getStorageSync('inviter_code')
         const data = await wechatLogin(res.code, inviterCode)
-        
+
         saveUserData(data)
-        
+
         // 绑定手机号 (仅当后端反馈未绑定时调用)
         const isBound = data.phone || data.phone_number || data.mobile
         if (!isBound) {
@@ -344,10 +403,60 @@ function onGetPhoneNumber(e) {
             await bindPhone(data.user_id, phoneCode)
           } catch (e) {}
         }
-        
+
         // 后台获取数据
         fetchExtraData(data.user_id)
-        
+
+        uni.showToast({ title: '✨ 登录成功！', icon: 'none', duration: 1200 })
+        setTimeout(() => uni.reLaunch({ url: '/pages/mine/index' }), 600)
+      } catch (err) {
+        uni.showToast({ title: err.message || '登录失败', icon: 'none' })
+      } finally {
+        loading.value = false
+      }
+    },
+    fail: () => {
+      loading.value = false
+    }
+  })
+}
+
+// 抖音登录
+function onToutiaoGetPhoneNumber(e) {
+  if (!agreementChecked.value) {
+    uni.showToast({ title: '请先同意用户协议', icon: 'none' })
+    vibrateShort()
+    return
+  }
+
+  const phoneCode = e.detail.code
+  if (!phoneCode) {
+    uni.showToast({ title: '需要授权手机号', icon: 'none' })
+    return
+  }
+
+  loading.value = true
+
+  uni.login({
+    provider: 'toutiao',
+    success: async (res) => {
+      try {
+        const inviterCode = uni.getStorageSync('inviter_code')
+        const data = await toutiaoLogin(res.code, inviterCode)
+
+        saveUserData(data)
+
+        // 绑定手机号 (仅当后端反馈未绑定时调用)
+        const isBound = data.phone || data.phone_number || data.mobile
+        if (!isBound) {
+          try {
+            await bindPhone(data.user_id, phoneCode)
+          } catch (e) {}
+        }
+
+        // 后台获取数据
+        fetchExtraData(data.user_id)
+
         uni.showToast({ title: '✨ 登录成功！', icon: 'none', duration: 1200 })
         setTimeout(() => uni.reLaunch({ url: '/pages/mine/index' }), 600)
       } catch (err) {
@@ -527,11 +636,11 @@ function fetchExtraData(userId) {
 .wechat-panel {
   align-items: center;
   padding-top: 32rpx;
-  
+
   .panel-icon-wrap {
     margin-bottom: 32rpx;
   }
-  
+
   .panel-icon {
     width: 120rpx;
     height: 120rpx;
@@ -539,24 +648,29 @@ function fetchExtraData(userId) {
     display: flex;
     align-items: center;
     justify-content: center;
-    
+
     &.wechat-icon {
       background: linear-gradient(135deg, #07c160 0%, #06ad56 100%);
       box-shadow: 0 12rpx 32rpx rgba(7, 193, 96, 0.3);
     }
-    
+
+    &.toutiao-icon {
+      background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
+      box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.3);
+    }
+
     .icon-emoji {
       font-size: 56rpx;
     }
   }
-  
+
   .panel-title {
     font-size: 36rpx;
     font-weight: 700;
     color: $text-main;
     margin-bottom: 12rpx;
   }
-  
+
   .panel-desc {
     font-size: 26rpx;
     color: $text-sub;