From 2e2fe5217562c01db7f4fb24b2a05720ee600e34 Mon Sep 17 00:00:00 2001
From: zhangjing1 <zhangjing@shopex.cn>
Date: Wed, 25 Mar 2026 15:46:43 +0800
Subject: [PATCH] fix(mdugc): defer comment login to interaction points

Allow guests to view note comments while requiring login only when posting, replying, or liking comments, and keep footer input layout stable after SpLogin wrapping.

Made-with: Cursor
---
 src/subpages/mdugc/note-detail.js   | 87 ++++++++++++++++++-----------
 src/subpages/mdugc/note-detail.scss |  6 ++
 2 files changed, 59 insertions(+), 34 deletions(-)

diff --git a/src/subpages/mdugc/note-detail.js b/src/subpages/mdugc/note-detail.js
index efa7cb0b3..5c921d938 100644
--- a/src/subpages/mdugc/note-detail.js
+++ b/src/subpages/mdugc/note-detail.js
@@ -222,8 +222,12 @@ function UgcNoteDetail(props) {
     })
   }
 
-  // 点赞评论
+  // 点赞评论（入口已由 SpLogin 包裹，此处兜底防未登录）
   const handleCommentLike = async (comment_id, pindex, index) => {
+    if (!userInfo?.user_id) {
+      showToast('请先登录')
+      return
+    }
     const { action, likes } = await mdugcApi.commentlike({
       user_id: userInfo.user_id,
       post_id,
@@ -245,20 +249,31 @@ function UgcNoteDetail(props) {
     })
   }
 
-  // 提交回复
+  // 提交回复（需已登录；未登录时应在输入前经 SpLogin）
   const onSubmitComment = async (e) => {
-    console.log('onSubmitComment:', e)
+    if (!S.getAuthToken() || !userInfo?.user_id) {
+      showToast('请先登录')
+      setState((draft) => {
+        draft.showCommentInput = false
+      })
+      return
+    }
+    const raw = e?.detail?.value ?? e?.detail ?? comment
+    const content = String(raw ?? '').trim()
+    if (!content) {
+      return
+    }
     let params = {
       user_id: userInfo.user_id,
       post_id,
-      content: e.detail.value
+      content
     }
     if (parentCommentId) {
       params.parent_comment_id = parentCommentId
     }
     const res = await mdugcApi.commentcreate(params)
     showToast(res.message)
-    listRef.current.reset()
+    listRef.current?.reset()
     setState((draft) => {
       draft.comment = ''
       draft.showCommentInput = false
@@ -317,10 +332,12 @@ function UgcNoteDetail(props) {
       }
       renderFooter={
         <View className='action-container'>
-          <View className='comment-input' onClick={handleCommitReply}>
-            <Text className='iconfont icon-bianji1'></Text>
-            <Text className='placeholder'>留言评论...</Text>
-          </View>
+          <SpLogin onChange={handleCommitReply}>
+            <View className='comment-input'>
+              <Text className='iconfont icon-bianji1'></Text>
+              <Text className='placeholder'>留言评论...</Text>
+            </View>
+          </SpLogin>
           <View className='btn-action-list'>
             <SpLogin className='action-item' onChange={likeNote}>
               <View className='btn-wrap'>
@@ -512,9 +529,8 @@ function UgcNoteDetail(props) {
                     <View className='first-comment'>
                       <View className='comment-info'>
                         <View className='author'>{item.username}</View>
-                        <View
-                          className='comment-content'
-                          onClick={() => {
+                        <SpLogin
+                          onChange={() => {
                             setState((draft) => {
                               draft.showCommentInput = true
                               draft.parentCommentId = item.commentId
@@ -522,18 +538,21 @@ function UgcNoteDetail(props) {
                             })
                           }}
                         >
-                          {item.content}
-                          <Text className='create-time'>{item.created}</Text>
-                        </View>
+                          <View className='comment-content'>
+                            {item.content}
+                            <Text className='create-time'>{item.created}</Text>
+                          </View>
+                        </SpLogin>
                       </View>
                       <View className='comment-likes'>
-                        <Text
-                          className={classNames('iconfont', {
-                            'icon-dianzan': item.likeStatus == 0,
-                            'icon-dianzanFilled': item.likeStatus == 1
-                          })}
-                          onClick={handleCommentLike.bind(this, item.commentId, index)}
-                        ></Text>
+                        <SpLogin onChange={() => handleCommentLike(item.commentId, index)}>
+                          <Text
+                            className={classNames('iconfont', {
+                              'icon-dianzan': item.likeStatus == 0,
+                              'icon-dianzanFilled': item.likeStatus == 1
+                            })}
+                          ></Text>
+                        </SpLogin>
                         <Text className='like-num'>{item.likes}</Text>
                       </View>
                     </View>
@@ -552,18 +571,18 @@ function UgcNoteDetail(props) {
                               </View>
                             </View>
                             <View className='sitem-ft'>
-                              <Text
-                                className={classNames('iconfont', {
-                                  'icon-dianzan': citem.likeStatus == 0,
-                                  'icon-dianzanFilled': citem.likeStatus == 1
-                                })}
-                                onClick={handleCommentLike.bind(
-                                  this,
-                                  citem.commentId,
-                                  index,
-                                  cindex
-                                )}
-                              ></Text>
+                              <SpLogin
+                                onChange={() =>
+                                  handleCommentLike(citem.commentId, index, cindex)
+                                }
+                              >
+                                <Text
+                                  className={classNames('iconfont', {
+                                    'icon-dianzan': citem.likeStatus == 0,
+                                    'icon-dianzanFilled': citem.likeStatus == 1
+                                  })}
+                                ></Text>
+                              </SpLogin>
                               <Text className='like-num'>{citem.likes}</Text>
                             </View>
                           </View>
diff --git a/src/subpages/mdugc/note-detail.scss b/src/subpages/mdugc/note-detail.scss
index 449c495c6..e74f008aa 100644
--- a/src/subpages/mdugc/note-detail.scss
+++ b/src/subpages/mdugc/note-detail.scss
@@ -358,6 +358,12 @@
     padding: 20px;
     display: flex;
 
+    /* SpLogin 包裹留言框时保持与原 .comment-input 同宽 */
+    > .sp-login {
+      flex-shrink: 0;
+      width: 244px;
+    }
+
     .comment-input {
       width: 244px;
       height: 60px;