add：分享功能

cloudroam

2025-08-12 8dd9360a0e4cfd22ea9e261bec3821eff3f57fe8

 sub-pages/film-list/film-detail.vue

@@ -11,7 +11,7 @@
                        </view>
                    </view>
                    <view class="opera-info">
                        <button class="custom-btn">关注</button>
<!--                        <button class="custom-btn">关注</button>-->
                        <up-icon name="/static/common/share2.png" size="40rpx" color="#999" @click="openSharePopup" />
                    </view>
                </view>
@@ -45,14 +45,14 @@
                        <!-- <view v-html="filmInfo.filmContent||'暂无'" class="rich" style="overflow: scroll;"></view> -->
                    </view>
                    <view class="annotation content-item">
                        <text>{{ formatRelativeTime(filmInfo?.createTime) }} 美国</text>
<!--                        <text>{{ formatRelativeTime(filmInfo?.createTime) }} 美国</text>-->
                    </view>
                </view>

                <up-line></up-line>

                <view class="comment">
                    <view class="writer-view" @click="showCommentLayer">
                    <view class="writer-view" @click="() => showCommentLayer()">
                        <up-icon name="chat-fill" size="60rpx" />
                        <view class="comment-operation">
                            <up-text size="12px" text="说点什么......" margin="0 0 0 20rpx" color="#B9B9B9" />
@@ -87,7 +87,7 @@
            <!-- 固定底部输入框 -->
            <view class="comment-box">
                <view class="input-row">
                    <view class="comment-input" @click="showCommentLayer">
                    <view class="comment-input" @click="() => showCommentLayer()">
                        <up-text size="12px" text="说点什么......" margin="0 0 0 20rpx" color="#B9B9B9" />
                    </view>
<!--                    <up-icon name="heart" size="60rpx" color="#B9B9B9" label="11" />-->
@@ -140,6 +140,8 @@
import { onLoad } from '@dcloudio/uni-app'
import { useGlobal } from '@/composables/useGlobal'
const { $http, $message, $store } = useGlobal()
// 在 film-detail.vue 的 script setup 部分添加
import { useUserStore } from '@/store/user'

import { FilmInfo, FilmPicture, CommentDTO } from '@/types/index'
import { formatRelativeTime } from '@/utils/time'
@@ -183,7 +185,8 @@
    title: filmInfo.value?.coverTitle || '分享内容',
    desc: filmInfo.value?.filmContent?.substring(0, 50) || '',
    image: filmPictureList.value[0] || '',
    url: `https://您的域名/sub-pages/film-list/film-detail?id=${filmInfo.value?.id}`
    // url: `http://您的域名/sub-pages/film-list/film-detail?id=${filmInfo.value?.id}`
    url: `/sub-pages/film-list/film-detail?id=${filmInfo.value?.id}`
  }
  showSharePopup.value = true
}
@@ -193,7 +196,9 @@
const copyLink = () => {
  sharePopupShow.value = false
  uni.setClipboardData({
    data: `https://你的域名/sub-pages/film-list/film-detail?id=${filmInfo.value?.id}`,
    // data: `http://14.103.144.28/sub-pages/film-list/film-detail?id=${filmInfo.value?.id}`,
    // 此处应该是一个小程序的外链
    data: `http://14.103.144.28/sub-pages/film-list/film-detail?id=${filmInfo.value?.id}`,
    success: () => $message.showToast('链接已复制')
  })
}
@@ -253,8 +258,26 @@
}

// film-detail.vue
const showCommentLayer = (parentId?: number) => {
// const showCommentLayer = (parentId?: number | string) => {
//   console.log('点击了评论按钮',parentId)
//   if (typeof parentId === 'object') {
//     parentId = ''
//   }
//   commentShow.value = true
//   // 如果有parentId，说明是回复评论，需要设置parentId
//   // 如果没有parentId，说明是直接评论，不需要设置parentId
//   commentParendId.value = parentId ? String(parentId) : ''
// }
// 修改 showCommentLayer 函数
const showCommentLayer = async (parentId?: number | string) => {
  // 检查是否登录
  const isLoggedIn = await checkLogin()
  if (!isLoggedIn) return

  console.log('点击了评论按钮',parentId)
  if (typeof parentId === 'object') {
    parentId = ''
  }
  commentShow.value = true
  // 如果有parentId，说明是回复评论，需要设置parentId
  // 如果没有parentId，说明是直接评论，不需要设置parentId
@@ -361,7 +384,62 @@
    }
}

// const toggleLike = async () => {
//   console.log("toggleLike",filmInfo.value)
//   if (!filmInfo.value) return
//
//   const api = liked.value ? '/v2/film-likes/filmLikes/edit' : '/v2/film-likes/filmLikes/edit'
//
//   try {
//     const res = await $http.request('post', api, {
//       data: { filmId: filmInfo.value.id }
//     })
//
//     if (res.code === 0) {
//       // 更新本地状态
//       liked.value = !liked.value
//       filmInfo.value.voLikeCount += liked.value ? 1 : -1
//
//       // 提示信息
//       $message.showToast(liked.value ? '点赞成功' : '取消点赞')
//     }
//   } catch (error) {
//     console.error('点赞失败:', error)
//     $message.showToast('操作失败')
//   }
// }
//
// const toggleFavorite = async () => {
//   console.log("toggleFavorite",filmInfo.value)
//   if (!filmInfo.value) return
//
//   const api = collected.value ? '/v2/film-collects/filmCollects/edit' : '/v2/film-collects/filmCollects/edit'
//
//   try {
//     const res = await $http.request('post', api, {
//       data: { filmId: filmInfo.value.id }
//     })
//
//     if (res.code === 0) {
//       // 更新本地状态
//       collected.value = !collected.value
//       filmInfo.value.voCollectCount += collected.value ? 1 : -1
//
//       // 提示信息
//       $message.showToast(collected.value ? '收藏成功' : '取消收藏')
//     }
//   } catch (error) {
//     console.error('收藏失败:', error)
//     $message.showToast('操作失败')
//   }
// }

// 修改 toggleLike 函数
const toggleLike = async () => {
  // 检查是否登录
  const isLoggedIn = await checkLogin()
  if (!isLoggedIn) return

  console.log("toggleLike",filmInfo.value)
  if (!filmInfo.value) return

@@ -386,7 +464,12 @@
  }
}

// 修改 toggleFavorite 函数
const toggleFavorite = async () => {
  // 检查是否登录
  const isLoggedIn = await checkLogin()
  if (!isLoggedIn) return

  console.log("toggleFavorite",filmInfo.value)
  if (!filmInfo.value) return

@@ -411,6 +494,35 @@
  }
}


const checkLogin = async () => {
  const userStore = useUserStore()
  try {
    await userStore.getCurrentInfo()
    if (userStore.hasLogin) {
      return true
    } else {
      showLoginModal()
      return false
    }
  } catch (err) {
    console.error('验证登录状态失败:', err)
    showLoginModal()
    return false
  }
}

const showLoginModal = () => {
  uni.showModal({
    title: '登录提示',
    content: '该操作需要登录，是否前往登录？',
    confirmText: '去登录',
    success: (res) => {
      if(res.confirm) uni.navigateTo({ url: '/pages/login/login' })
    }
  })
}

// 小程序分享配置
defineExpose({
  onShareAppMessage() {
@@ -426,7 +538,8 @@
    return {
      title: filmInfo.value?.coverTitle || '分享内容',
      query: `id=${filmInfo.value?.id}`,
      imageUrl: filmPictureList.value[0] || ''
      imageUrl: filmPictureList.value[0] || '',
      desc: filmInfo.value?.filmContent?.substring(0, 50) || ''
    }
  }
})