From 8dd9360a0e4cfd22ea9e261bec3821eff3f57fe8 Mon Sep 17 00:00:00 2001
From: cloudroam <cloudroam>
Date: 星期二, 12 八月 2025 10:10:07 +0800
Subject: [PATCH] add：分享功能
---
sub-pages/film-list/film-detail.vue | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 114 insertions(+), 5 deletions(-)
diff --git a/sub-pages/film-list/film-detail.vue b/sub-pages/film-list/film-detail.vue
index 2d73253..87a5965 100644
--- a/sub-pages/film-list/film-detail.vue
+++ b/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'
@@ -256,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
@@ -364,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
@@ -389,7 +464,12 @@
}
}
+// 修改 toggleFavorite 函数
const toggleFavorite = async () => {
+ // 检查是否登录
+ const isLoggedIn = await checkLogin()
+ if (!isLoggedIn) return
+
console.log("toggleFavorite",filmInfo.value)
if (!filmInfo.value) return
@@ -414,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() {
--
Gitblit v1.9.3