diff --git a/pages/plugins/video/detail/detail.nvue b/pages/plugins/video/detail/detail.nvue index 88d51693..cc35964a 100644 --- a/pages/plugins/video/detail/detail.nvue +++ b/pages/plugins/video/detail/detail.nvue @@ -448,917 +448,1092 @@ methods: { isEmpty, init() { - // 小程序下，获取小程序胶囊的宽度 - let menu_button_info = 'max-width:100%'; - // #ifndef MP-TOUTIAO - // #ifdef MP - // 判断是否有胶囊 - const is_current_single_page = app.globalData.is_current_single_page(); - // 如果有胶囊的时候，做处理 - if (is_current_single_page == 0) { - const custom = uni.getMenuButtonBoundingClientRect(); - menu_button_info = `max-width:calc(${ this.windowWidth } - ${custom.width + 10}px);`; - } + try { + // 小程序下，获取小程序胶囊的宽度 + let menu_button_info = 'max-width:100%'; + // #ifndef MP-TOUTIAO + // #ifdef MP + // 判断是否有胶囊 + const is_current_single_page = app.globalData.is_current_single_page(); + // 如果有胶囊的时候，做处理 + if (is_current_single_page == 0) { + const custom = uni.getMenuButtonBoundingClientRect(); + menu_button_info = `max-width:calc(${ this.windowWidth } - ${custom.width + 10}px);`; + } + // #endif // #endif - // #endif - // 视频详情页，需要添加padding-left - let padding_left = ''; - // #ifdef MP-ALIPAY - padding_left = video_get_top_left_padding(); - // #endif - this.header_padding_left = padding_left; - this.menu_button_info = menu_button_info; - this.current_video_id = isEmpty(this.current_video_id) ? this.params.id : this.current_video_id; + // 视频详情页，需要添加 padding-left + let padding_left = ''; + // #ifdef MP-ALIPAY + padding_left = video_get_top_left_padding(); + // #endif + this.header_padding_left = padding_left; + this.menu_button_info = menu_button_info; + this.current_video_id = isEmpty(this.current_video_id) ? this.params.id : this.current_video_id; - this.get_video_detail(this.current_video_id); + this.get_video_detail(this.current_video_id); + } catch (error) { + console.error('init error:', error); + } }, /* * 获取视频详情 - * @param {*} id 视频id + * @param {*} id 视频 id */ get_video_detail(id) { - // 获取数据 - uni.request({ - url: app.globalData.get_request_url("detail", "index", "video"), - method: 'POST', - data: { - id: id - }, - dataType: 'json', - success: res => { - const data = res.data; - if (data.code == 0) { - const new_data = data.data; - // 数据更新 - this.data_list_loding_status = 3; - this.video_data_list = [new_data.data]; - this.report_type_list = new_data.report_type_list; - this.base_config_data = new_data.base_config_data; - this.editor_path_type = new_data.editor_path_type; - - this.get_last_or_next_data_list(this.params.id, 1, 1); - } else { - this.data_list_loding_status = 0; - this.data_tabs_loding_msg = data.msg; - } - }, - fail: (err) => { - this.data_list_loding_status = 2; - this.data_list_loding_msg = t('common.internet_error_tips'); - } - }); - }, - /* - * 获取视频列表 - * @param {*} id 视频id - * @param {*} is_last 是否获取上一批数据 - * @param {*} is_next 是否获取下一批数据 - */ - get_last_or_next_data_list(id, is_last = 0, is_next = 0) { - // 获取数据 - uni.request({ - url: app.globalData.get_request_url("lastnextdata", "index", "video"), - method: 'POST', - data: { - id: id, - is_last: is_last, - is_next: is_next, - }, - dataType: 'json', - success: res => { - const data = res.data; - if (data.code == 0) { - const new_data = data.data; - // 第一次的数据 - // let data_list = JSON.parse(JSON.stringify(this.video_data_list)); - // 创建现有数据的ID映射表，用于快速去重 - const existing_ids = new Map(); - this.video_data_list.forEach(item => { - existing_ids.set(item.id, true); - }); - - if (is_last == 1 && is_next == 1) { - // 上一批数据 - 去重处理 - if (new_data.last.length > 0) { - const unique_last = new_data.last.filter(item => !existing_ids.has(item.id)); - if (unique_last.length > 0) { - this.video_data_list.unshift(...unique_last); - // 更新ID映射表 - unique_last.forEach(item => existing_ids.set(item.id, true)); - } - } - // 下一批数据 - 去重处理 - if (new_data.next.length > 0) { - const unique_next = new_data.next.filter(item => !existing_ids.has(item.id)); - if (unique_next.length > 0) { - this.video_data_list.push(...unique_next); - } - } - } else if (is_last == 1 && new_data.last.length > 0) { // 上一页数据 - 去重处理 - const unique_last = new_data.last.filter(item => !existing_ids.has(item.id)); - if (unique_last.length > 0) { - this.video_data_list.unshift(...unique_last); - } - } else if (is_next == 1 && new_data.next.length > 0) { // 下一页数据 - 去重处理 - const unique_next = new_data.next.filter(item => !existing_ids.has(item.id)); - if (unique_next.length > 0) { - this.video_data_list.push(...unique_next); - } - } - // 更新当前视频商品信息 - const new_index = this.video_data_list.findIndex(item => item.id == this.params.id); - // 处理当前视频商品信息 - this.video_data_list.forEach((item) => { - if (isEmpty(item.show_goods)) { - if (this.base_config_data && this.base_config_data.is_video_detail_show_goods_modal && this.base_config_data.is_video_detail_show_goods_modal == 1) { - item.show_goods = true; - } else { - item.show_goods = false; - } - } - }); - // 更新所有视频信息 - this.video_data_list = this.video_data_list; - this.current_index = is_last == 1 && is_next == 1 ? (new_index == this.video_data_list.length - 1 ? 2 : (new_index == this.video_data_list.length - 2 ? 1 : 0)) : this.current_index; - - if (is_last == 1 && is_next == 1) { - // 更新显示数据数据信息 - this.update_display_data(); - - setTimeout(() => { - // 更新分享信息 - this.update_share_info(this.display_video_list[this.current_index]); - - this.display_video_list.forEach((item, index) => { - // this.create_video_contexts[index] = uni.createVideoContext(`video_${index}`, this); - this.$set(this.create_video_contexts, index, uni.createVideoContext(`video_${index}`, this)); - //#ifdef H5 - if (document.getElementById(`video_${index}`) != null) { - // this.video_contexts[index] = document.getElementById(`video_${index}`).querySelector('video'); - this.$set(this.video_contexts, index, document.getElementById(`video_${index}`).querySelector('video')); - } - //#endif - }); - - setTimeout(() => { - //#ifdef H5 - if (this.video_contexts && this.video_contexts[this.current_index]) { // 当前播放的视频索引为0 - this.video_play_event(this.video_contexts[this.current_index], true); - } - //#endif - //#ifndef H5 - if (this.create_video_contexts && this.create_video_contexts[this.current_index]) { // 当前播放的视频索引为0 - this.video_play_event(this.create_video_contexts[this.current_index], true); - } - //#endif - }, 200); - }, 0); - } - } - } - }); - }, - // 视频滚动处理逻辑（带防抖） - handle_swiper_change(event) { - const { current } = event.detail; - - // 防抖处理，避免快速切换时的重复操作 - if (this.video_switch_debounce_timer) { - clearTimeout(this.video_switch_debounce_timer); - } - - this.video_switch_debounce_timer = setTimeout(() => { - this.process_swiper_change(current); - }, 50); // 50ms防抖延迟 - }, - - // 实际的swiper切换处理逻辑 - process_swiper_change(current) { - // 先暂停所有视频，确保不会有后台播放 - this.pause_all_videos_except(current); - - const id = this?.display_video_list[current]?.id || ''; - // 更新状态 - this.current_index = current; - this.paused = false; - this.is_manual_pause = false; - this.current_video_progress = 0; - this.current_video_duration = 1; - this.is_seeking = false; - this.current_video_id = id; // 更新当前播放视频的ID - //#ifdef H5 - // 使用URLSearchParams处理当前查询参数 - const url = new URL(location.href); - url.searchParams.set('id', id); - // 替换URL路径，保持查询参数不变 - const pathname = location.href?.split('?')[0] || ''; - history.replaceState(null, '', pathname + url.search); - //#endif - const index = this.video_data_list.findIndex(item => item.id == id); - - // 数据预加载逻辑 - if (index < 2 && this.direction == 'prev') { - this.get_last_or_next_data_list(this.video_data_list[0].id, 1, 0); - } else if (index < this.video_data_list.length - 3 && this.direction == 'next') { - this.get_last_or_next_data_list(this.video_data_list[this.video_data_list.length - 1].id, 0, 1); - } - // 获取视频详细信息 - this.get_video_data_detail(id); - // 边界处理逻辑 - if (this.current_video_index == 0 && this.is_slide_start) { - const list = [ - this.get_video_by_index(0), - this.get_video_by_index(1), - this.get_video_by_index(2) - ]; - - this.is_slide_start = false; - this.current_index = 0; - this.display_video_list = list; - this.swiper_key = get_math(); - } else if (this.current_video_index == this.video_data_list.length - 1) { - const list = [ - this.get_video_by_index(this.current_video_index - 2), - this.get_video_by_index(this.current_video_index - 1), - this.get_video_by_index(this.current_video_index), - ]; - this.current_index = 2; - this.display_video_list = list; - this.swiper_key = get_math(); - } else { - this.is_slide_start = true; - this.swiper_key = get_math(); - this.update_display_data(); - } - - // 更新分享信息 - this.update_share_info(this.display_video_list[current]); - - // 延迟播放当前视频，确保DOM更新完成 - setTimeout(() => { - this.play_current_video_safely(this.current_index); - }, 150); - }, - - // 批量暂停除指定索引外的所有视频 - pause_all_videos_except(exceptIndex) { - // 暂停 uni.createVideoContext 创建的视频 - this.create_video_contexts.forEach((context, index) => { - if (index !== exceptIndex && context) { - try { - context.pause(); - } catch (error) { - console.warn(`暂停视频 ${index} 失败:`, error); - } - } - }); - }, - - // 安全播放当前视频 - play_current_video_safely(index) { - // 优先使用 uni.createVideoContext - if (this.create_video_contexts && this.create_video_contexts[index]) { - this.video_play_event(this.create_video_contexts[index]); - return; - } - }, - - // 切换播放暂停 - toggle_play_pause() { - const currentIndex = this.current_index; - // 检查视频上下文是否存在 - const videoContext = this.create_video_contexts[currentIndex] || this.video_contexts[currentIndex]; - if (!videoContext) { - console.warn(`当前索引 ${currentIndex} 无可用视频上下文`); - return; - } - - this.paused = !this.paused; - this.is_manual_pause = !this.paused; - - if (this.paused) { - // 暂停当前视频 - try { - videoContext.pause(); - } catch (error) { - console.warn('暂停视频失败:', error); - } - } else { - // 播放当前视频 - this.video_play_event(videoContext); - } - }, - - // 更新分享信息 - update_share_info(data) { - const info = { - title: data.title || '', - desc: data.desc || '', - path: '/pages/plugins/video/detail/detail', - query: 'id=' + this.current_video_id, - img: data.cover || '' - } - this.share_info = info; - // 分享菜单处理 - app.globalData.page_share_handle(info); - - // 更新页面标题 - uni.setNavigationBarTitle({title: data.title}); - }, - - // 安全的视频播放事件处理 - video_play_event(videoContext, is_first_play = false) { - if (!videoContext) { - this.paused = true; - this.is_manual_pause = false; - return; - } - try { - if (is_first_play) { - //#ifdef H5 - videoContext.play().catch((error) => { - this.paused = true; - this.is_manual_pause = false; - }); - //#endif - //#ifndef H5 - videoContext.play(); - //#endif - } else { - videoContext.play(); - } - } catch (error) { - console.error('视频播放异常:', error); - this.paused = true; - this.is_manual_pause = false; - } - }, - // 安全获取视频数据的方法，处理索引超限情况 - get_video_by_index(index) { - // 处理负数索引 - if (index < 0) { - // 循环到数组末尾 - const actualIndex = this.video_data_list.length + (index % this.video_data_list.length); - return this.video_data_list[actualIndex]; - } - - // 处理超出数组长度的索引 - if (index >= this.video_data_list.length) { - // 循环到数组开头 - const actualIndex = index % this.video_data_list.length; - return this.video_data_list[actualIndex]; - } - - // 正常情况直接返回 - return this.video_data_list[index]; - }, - - /* - * 更新显示的视频数据 - */ - update_display_data() { - let list = []; - // 如果当前索引为0，只显示当前元素和下一个元素 - if (this.current_index == 0) { - list = [ - this.get_video_by_index(this.current_video_index), - this.get_video_by_index(this.current_video_index + 1), // 下一个元素 - this.get_video_by_index(this.current_video_index - 1) // 上一个元素， - ]; - } else if (this.current_index == 1) { // 索引为1时，为确保无限轮播正常，需要改变数据插入顺序 - list = [ - this.get_video_by_index(this.current_video_index - 1), - this.get_video_by_index(this.current_video_index), - this.get_video_by_index(this.current_video_index + 1) - ]; - } else { - list = [ - this.get_video_by_index(this.current_video_index + 1), - this.get_video_by_index(this.current_video_index - 1), - this.get_video_by_index(this.current_video_index), - ]; - } - - this.display_video_list = list; - }, - - // 评论输入框事件 - comment_input_event(e) { - this.comment_input_value = e.detail.value; - }, - - // 图片上传回调 - upload_images_event(res) { - if((res || null) != null) { - // 存储上传图片内容 - this.form_images_list.push({ - url: res.url, - name: res.name, - size: res.size, - }); - } - }, - - // 上传图片预览 - upload_show_event(e) { - const index = e?.currentTarget?.dataset?.index || 0; - uni.previewImage({ - current: this?.form_images_list[index]?.url || '', - urls: this.form_images_list.map(item => item.url), - }); - }, - - // 评论输入图片删除 - comment_input_img_close(e) { - const index = e?.currentTarget?.dataset?.index || 0; - var list = this.form_images_list; - list.splice(index, 1); - // 图片赋值 - this.form_images_list = list; - }, - - // swiper-item 的位置发生改变时 - on_transition(e) { - const dy = e.detail.dy; - let status = 'direction'; - if (dy > 0) { - status = 'next'; - } else if (dy < 0) { - status = 'prev'; - } - // 如果历史的是向下滑动，这次也是向下滑动，就不更新数据 - if (this.direction != status) { - this.direction = status; - } - }, - - // 播放 - handle_play() { - this.paused = false; - this.is_manual_pause = false; - }, - - // 收藏 - handle_like(e) { - if (!app.globalData.is_single_page_check()) { - return false; - } - var user = app.globalData.get_user_info(this, 'handle_like', e); - if (user != false) { - const value = e?.currentTarget?.dataset?.value || {}; - this.set_givethumbs_num(value.id); - } - }, - // 打开评论区 - handle_comment(e) { - const id = e?.currentTarget?.dataset?.id || ''; - const old_data = this.video_data_list.find(item => item.id == id); - // 初始化评论数据 - const new_data = old_data.comments_list.map(item1 => ({ - ...item1, - show_sub_comment: false, - show_sub_comment_loading: false, - page: 0, - sub_comments: [], - })); - - this.active_comments = new_data; - this.comments_page = 1; - this.comments_page_total = 5; - this.comment_item_loading = false; - this.show_comment_modal = true; - this.move_distance = 0; - }, - // 关闭评论区 - close_comment_modal() { - this.active_dropdown_id = null; - this.show_comment_modal = false; - this.comment_scroll_top = 0 + Math.random(); // 关闭评论时滚动到最顶部 - this.comments_reply_data = {}; // 清空回复评论数据 - this.form_images_list = []; // 清空上传图片 - this.comment_input_value = ''; // 清空输入框内容 - this.move_distance = 0; - }, - // 评论滚动事件, 记录滚动位置（带防抖） - handle_comment_scroll(e) { - // 清除之前的防抖定时器 - if (this.comment_scroll_debounce_timer) { - clearTimeout(this.comment_scroll_debounce_timer); - } - - // 设置新的防抖定时器 - this.comment_scroll_debounce_timer = setTimeout(() => { - this.comment_scroll_top = e.detail.scrollTop; - }, 200); // 100ms防抖延迟 - }, - // 评论滚动到底部事件 - handle_comment_to_lower_scroll() { - if (this.goods_bottom_line_status) { - return; - } - this.comment_item_loading = true; - // 获取数据 - uni.request({ - url: app.globalData.get_request_url("commentsreplylist", "index", "video"), - method: 'POST', - data: { - video_id: this.current_video_id, - page: this.comments_page + 1, - video_comments_id: 0 - }, - dataType: 'json', - success: res => { - const data = res.data; - if (data.code == 0) { - const new_data = data.data; - if (new_data.data.length > 0) { - // 初始化评论数据 - const comment_data = new_data.data.map(item1 => ({ - ...item1, - show_sub_comment: false, - show_sub_comment_loading: false, - page: 0, - sub_comments: [], - })); - this.active_comments.push(...comment_data); - } - // 是否显示没有更多数据 - if (new_data.page >= new_data.page_total) { - // 没有更多数据了 - this.goods_bottom_line_status = true; - } - this.comments_page = new_data.page; - this.comments_page_total = new_data.page_total - } - }, - complete: () => { - this.comment_item_loading = false; - } - }); - }, - // 评论拖拽开始 - handle_comment_touch_start(e) { - const type = e?.target?.dataset?.type || 'header'; - // 如果是滚动区域内滚动到顶部才可以拖拽，如果是头部拖拽的话，一直都可以 - if ((this.comment_scroll_top <= 5 && type == 'scroll') || type == 'header') { - this.comment_start_y = e?.touches[0]?.pageY || 0; - this.comment_current_y = this.comment_start_y; - this.move_distance = 0; - } - }, - // 评论拖拽中 - handle_comment_touch_move(e) { - const type = e?.target?.dataset?.type || 'header'; - // 如果是滚动区域内滚动到顶部才可以拖拽，如果是头部拖拽的话，一直都可以 - if ((this.comment_scroll_top <= 5 && type == 'scroll') || type == 'header') { - this.comment_current_y = e?.touches[0]?.pageY || 0; - this.move_distance = this.comment_current_y - this.comment_start_y; - } - }, - - // 评论拖拽结束 - handle_comment_touch_end(e) { - const type = e?.target?.dataset?.type || 'header'; - // 如果是滚动区域内滚动到顶部才可以拖拽，如果是头部拖拽的话，一直都可以 - if ((this.comment_scroll_top <= 5 && type == 'scroll') || type == 'header') { - const move_distance = this.comment_current_y - this.comment_start_y; - // 如果拖拽距离足够大，关闭评论弹窗 - if (move_distance > 150) { - this.close_comment_modal(); - } else { - this.move_distance = 0; - } - } - }, - - // 评论 - send_comment() { - let comment_text = this.comment_input_value; - if (!comment_text.trim()) return; - - // video_id 视频id video_comments_id 父级评论id id 当前评论id - let new_video_comments_id = 0; - let reply_comments_id = 0 - if (!isEmpty(this.comments_reply_data)) { - const { video_comments_id, id } = this.comments_reply_data; - new_video_comments_id = video_comments_id == 0 ? id : video_comments_id; - reply_comments_id = video_comments_id == 0 ? 0 : id; - } - uni.request({ - url: app.globalData.get_request_url("comments", "index", "video"), - method: 'POST', - data: { - video_id: this.current_video_id, - video_comments_id: new_video_comments_id, // 如果父级评论id为0说明没有父级id，所以取当前id - reply_comments_id: reply_comments_id, // 如果父级评论id为0说明没有父级id，所以回复id为0 - content: comment_text, - images: this.form_images_list.length > 0 ? (this.form_images_list[0]?.url || '') : '', - }, - dataType: 'json', - success: res => { - const data = res.data; - if (data.code == 0) { - const new_data = data.data; - // 没有回复时的评论 - if (new_video_comments_id == 0) { - this.active_comments.unshift({ - ...new_data, - show_sub_comment: false, - show_sub_comment_loading: false, - page: 0, - sub_comments: [], - }) - this.video_data_list.forEach(item => { - if (item.id == this.current_video_id) { - item.comments_count++; - } - }) - this.video_data_list = this.video_data_list; - this.comment_scroll_top = 0 + Math.random(); // 添加主评论时滚动到最顶部 - } else { - this.active_comments.forEach(item => { - if (item.id == new_video_comments_id) { - item.sub_comments.unshift(new_data); - item.comments_count++; - if (!item.show_sub_comment) { - item.show_sub_comment = true; - // 如果回复总数跟当前显示的数量对得上，就不显示展开. 如果之前没有页面时，设置页数和分页都为1， 否则保持之前的分页 - item.page = item.comments_count == item.sub_comments.length ? (!isEmpty(item.page) && item.page > 0 ? item.page : 1) : 0; - // 如果之前没有数据时，设置总页数为1 - item.page_total = !isEmpty(item.page_total) ? item.page_total : 1; - } - } - }) - } - // 清空输入框, 更新数据内容 - this.active_comments = this.active_comments; - this.form_images_list = []; - this.comment_input_value = ''; - this.comments_reply_data = {}; - this.input_placeholder = t('video-detail.video-detail.98yyuf'); - } else { - if (app.globalData.is_login_check(res.data)) { - app.globalData.showToast(res.data.msg); - } else { - app.globalData.showToast(t('common.sub_error_retry_tips')); - } - } - } - }); - }, - - // 展开子评论 - open_sub_comment(id, is_level) { - const comment = this.active_comments.find(item => item.id == id); - if (comment) { - comment.show_sub_comment = true; - comment.show_sub_comment_loading = true; - // 如果是一级，并且有子评论数据，不需要调用接口，直接渲染评论信息 - if (is_level == 1 && !isEmpty(comment.sub_comments)) { - comment.show_sub_comment_loading = false; - return; - } - + // 获取数据 uni.request({ - url: app.globalData.get_request_url("commentsreplylist", "index", "video"), + url: app.globalData.get_request_url("detail", "index", "video"), method: 'POST', data: { - video_id: this.current_video_id, - video_comments_id: id, - page: comment.page + 1, + id: id }, dataType: 'json', success: res => { const data = res.data; if (data.code == 0) { const new_data = data.data; - if (comment.page == 0) { - comment.sub_comments = new_data.data; - } else if (new_data.data.length > 0) { - comment.sub_comments.push(...new_data.data); + // 数据更新 + this.data_list_loding_status = 3; + this.video_data_list = [new_data.data]; + this.report_type_list = new_data.report_type_list; + this.base_config_data = new_data.base_config_data; + this.editor_path_type = new_data.editor_path_type; + + this.get_last_or_next_data_list(this.params.id, 1, 1); + } else { + this.data_list_loding_status = 0; + this.data_tabs_loding_msg = data.msg; + } + }, + fail: (err) => { + this.data_list_loding_status = 2; + this.data_list_loding_msg = t('common.internet_error_tips'); + } + }); + } catch (error) { + console.error('get_video_detail error:', error); + } + }, + /* + * 获取视频列表 + * @param {*} id 视频 id + * @param {*} is_last 是否获取上一批数据 + * @param {*} is_next 是否获取下一批数据 + */ + get_last_or_next_data_list(id, is_last = 0, is_next = 0) { + try { + // 获取数据 + uni.request({ + url: app.globalData.get_request_url("lastnextdata", "index", "video"), + method: 'POST', + data: { + id: id, + is_last: is_last, + is_next: is_next, + }, + dataType: 'json', + success: res => { + const data = res.data; + if (data.code == 0) { + const new_data = data.data; + // 第一次的数据 + // let data_list = JSON.parse(JSON.stringify(this.video_data_list)); + // 创建现有数据的 ID 映射表，用于快速去重 + const existing_ids = new Map(); + this.video_data_list.forEach(item => { + existing_ids.set(item.id, true); + }); + + if (is_last == 1 && is_next == 1) { + // 上一批数据 - 去重处理 + if (new_data.last.length > 0) { + const unique_last = new_data.last.filter(item => !existing_ids.has(item.id)); + if (unique_last.length > 0) { + this.video_data_list.unshift(...unique_last); + // 更新 ID 映射表 + unique_last.forEach(item => existing_ids.set(item.id, true)); + } + } + // 下一批数据 - 去重处理 + if (new_data.next.length > 0) { + const unique_next = new_data.next.filter(item => !existing_ids.has(item.id)); + if (unique_next.length > 0) { + this.video_data_list.push(...unique_next); + } + } + } else if (is_last == 1 && new_data.last.length > 0) { // 上一页数据 - 去重处理 + const unique_last = new_data.last.filter(item => !existing_ids.has(item.id)); + if (unique_last.length > 0) { + this.video_data_list.unshift(...unique_last); + } + } else if (is_next == 1 && new_data.next.length > 0) { // 下一页数据 - 去重处理 + const unique_next = new_data.next.filter(item => !existing_ids.has(item.id)); + if (unique_next.length > 0) { + this.video_data_list.push(...unique_next); + } } - comment.page = new_data.page; - comment.page_total = new_data.page_total + // 更新当前视频商品信息 + const new_index = this.video_data_list.findIndex(item => item.id == this.params.id); + // 处理当前视频商品信息 + this.video_data_list.forEach((item) => { + if (isEmpty(item.show_goods)) { + if (this.base_config_data && this.base_config_data.is_video_detail_show_goods_modal && this.base_config_data.is_video_detail_show_goods_modal == 1) { + item.show_goods = true; + } else { + item.show_goods = false; + } + } + }); + // 更新所有视频信息 + this.video_data_list = this.video_data_list; + this.current_index = is_last == 1 && is_next == 1 ? (new_index == this.video_data_list.length - 1 ? 2 : (new_index == this.video_data_list.length - 2 ? 1 : 0)) : this.current_index; + + if (is_last == 1 && is_next == 1) { + // 更新显示数据数据信息 + this.update_display_data(); + + setTimeout(() => { + // 更新分享信息 + this.update_share_info(this.display_video_list[this.current_index]); + + this.display_video_list.forEach((item, index) => { + // this.create_video_contexts[index] = uni.createVideoContext(`video_${index}`, this); + this.$set(this.create_video_contexts, index, uni.createVideoContext(`video_${index}`, this)); + //#ifdef H5 + if (document.getElementById(`video_${index}`) != null) { + // this.video_contexts[index] = document.getElementById(`video_${index}`).querySelector('video'); + this.$set(this.video_contexts, index, document.getElementById(`video_${index}`).querySelector('video')); + } + //#endif + }); + + setTimeout(() => { + //#ifdef H5 + if (this.video_contexts && this.video_contexts[this.current_index]) { // 当前播放的视频索引为 0 + this.video_play_event(this.video_contexts[this.current_index], true); + } + //#endif + //#ifndef H5 + if (this.create_video_contexts && this.create_video_contexts[this.current_index]) { // 当前播放的视频索引为 0 + this.video_play_event(this.create_video_contexts[this.current_index], true); + } + //#endif + }, 200); + }, 0); + } + } + } + }); + } catch (error) { + console.error('get_last_or_next_data_list error:', error); + } + }, + // 视频滚动处理逻辑（带防抖） + handle_swiper_change(event) { + try { + const { current } = event.detail; + + // 防抖处理，避免快速切换时的重复操作 + if (this.video_switch_debounce_timer) { + clearTimeout(this.video_switch_debounce_timer); + } + + this.video_switch_debounce_timer = setTimeout(() => { + this.process_swiper_change(current); + }, 50); // 50ms 防抖延迟 + } catch (error) { + console.error('handle_swiper_change error:', error); + } + }, + + // 实际的 swiper 切换处理逻辑 + process_swiper_change(current) { + try { + // 先暂停所有视频，确保不会有后台播放 + this.pause_all_videos_except(current); + + const id = this?.display_video_list[current]?.id || ''; + // 更新状态 + this.current_index = current; + this.paused = false; + this.is_manual_pause = false; + this.current_video_progress = 0; + this.current_video_duration = 1; + this.is_seeking = false; + this.current_video_id = id; // 更新当前播放视频的ID + //#ifdef H5 + // 使用URLSearchParams处理当前查询参数 + const url = new URL(location.href); + url.searchParams.set('id', id); + // 替换URL路径，保持查询参数不变 + const pathname = location.href?.split('?')[0] || ''; + history.replaceState(null, '', pathname + url.search); + //#endif + const index = this.video_data_list.findIndex(item => item.id == id); + + // 数据预加载逻辑 + if (index < 2 && this.direction == 'prev') { + this.get_last_or_next_data_list(this.video_data_list[0].id, 1, 0); + } else if (index < this.video_data_list.length - 3 && this.direction == 'next') { + this.get_last_or_next_data_list(this.video_data_list[this.video_data_list.length - 1].id, 0, 1); + } + // 获取视频详细信息 + this.get_video_data_detail(id); + // 边界处理逻辑 + if (this.current_video_index == 0 && this.is_slide_start) { + const list = [ + this.get_video_by_index(0), + this.get_video_by_index(1), + this.get_video_by_index(2) + ]; + + this.is_slide_start = false; + this.current_index = 0; + this.display_video_list = list; + this.swiper_key = get_math(); + } else if (this.current_video_index == this.video_data_list.length - 1) { + const list = [ + this.get_video_by_index(this.current_video_index - 2), + this.get_video_by_index(this.current_video_index - 1), + this.get_video_by_index(this.current_video_index), + ]; + this.current_index = 2; + this.display_video_list = list; + this.swiper_key = get_math(); + } else { + this.is_slide_start = true; + this.swiper_key = get_math(); + this.update_display_data(); + } + + // 更新分享信息 + this.update_share_info(this.display_video_list[current]); + + // 延迟播放当前视频，确保DOM更新完成 + setTimeout(() => { + this.play_current_video_safely(this.current_index); + }, 150); + } catch (error) { + console.error('process_swiper_change error:', error); + } + }, + + // 批量暂停除指定索引外的所有视频 + pause_all_videos_except(exceptIndex) { + try { + // 暂停 uni.createVideoContext 创建的视频 + this.create_video_contexts.forEach((context, index) => { + if (index !== exceptIndex && context) { + try { + context.pause(); + } catch (error) { + console.warn(`暂停视频 ${index} 失败:`, error); + } + } + }); + } catch (error) { + console.error('pause_all_videos_except error:', error); + } + }, + + // 安全播放当前视频 + play_current_video_safely(index) { + try { + // 优先使用 uni.createVideoContext + if (this.create_video_contexts && this.create_video_contexts[index]) { + this.video_play_event(this.create_video_contexts[index]); + return; + } + } catch (error) { + console.error('play_current_video_safely error:', error); + } + }, + + // 切换播放暂停 + toggle_play_pause() { + try { + const currentIndex = this.current_index; + // 检查视频上下文是否存在 + const videoContext = this.create_video_contexts[currentIndex] || this.video_contexts[currentIndex]; + if (!videoContext) { + console.warn(`当前索引 ${currentIndex} 无可用视频上下文`); + return; + } + + this.paused = !this.paused; + this.is_manual_pause = !this.paused; + + if (this.paused) { + // 暂停当前视频 + try { + videoContext.pause(); + } catch (error) { + console.warn('暂停视频失败:', error); + } + } else { + // 播放当前视频 + this.video_play_event(videoContext); + } + } catch (error) { + console.error('toggle_play_pause error:', error); + } + }, + + // 更新分享信息 + update_share_info(data) { + try { + const info = { + title: data.title || '', + desc: data.desc || '', + path: '/pages/plugins/video/detail/detail', + query: 'id=' + this.current_video_id, + img: data.cover || '' + } + this.share_info = info; + // 分享菜单处理 + app.globalData.page_share_handle(info); + + // 更新页面标题 + uni.setNavigationBarTitle({title: data.title}); + } catch (error) { + console.error('update_share_info error:', error); + } + }, + + // 安全的视频播放事件处理 + video_play_event(videoContext, is_first_play = false) { + try { + if (!videoContext) { + this.paused = true; + this.is_manual_pause = false; + return; + } + + try { + if (is_first_play) { + //#ifdef H5 + videoContext.play().catch((error) => { + this.paused = true; + this.is_manual_pause = false; + }); + //#endif + //#ifndef H5 + videoContext.play(); + //#endif + } else { + videoContext.play(); + } + } catch (error) { + console.error('视频播放异常:', error); + this.paused = true; + this.is_manual_pause = false; + } + } catch (error) { + console.error('video_play_event error:', error); + } + }, + // 安全获取视频数据的方法，处理索引超限情况 + get_video_by_index(index) { + try { + // 处理负数索引 + if (index < 0) { + // 循环到数组末尾 + const actualIndex = this.video_data_list.length + (index % this.video_data_list.length); + return this.video_data_list[actualIndex]; + } + + // 处理超出数组长度的索引 + if (index >= this.video_data_list.length) { + // 循环到数组开头 + const actualIndex = index % this.video_data_list.length; + return this.video_data_list[actualIndex]; + } + + // 正常情况直接返回 + return this.video_data_list[index]; + } catch (error) { + console.error('get_video_by_index error:', error); + } + }, + + /* + * 更新显示的视频数据 + */ + update_display_data() { + try { + let list = []; + // 如果当前索引为0，只显示当前元素和下一个元素 + if (this.current_index == 0) { + list = [ + this.get_video_by_index(this.current_video_index), + this.get_video_by_index(this.current_video_index + 1), // 下一个元素 + this.get_video_by_index(this.current_video_index - 1) // 上一个元素， + ]; + } else if (this.current_index == 1) { // 索引为1时，为确保无限轮播正常，需要改变数据插入顺序 + list = [ + this.get_video_by_index(this.current_video_index - 1), + this.get_video_by_index(this.current_video_index), + this.get_video_by_index(this.current_video_index + 1) + ]; + } else { + list = [ + this.get_video_by_index(this.current_video_index + 1), + this.get_video_by_index(this.current_video_index - 1), + this.get_video_by_index(this.current_video_index), + ]; + } + + this.display_video_list = list; + } catch (error) { + console.error('update_display_data error:', error); + } + }, + + // 评论输入框事件 + comment_input_event(e) { + try { + this.comment_input_value = e.detail.value; + } catch (error) { + console.error('comment_input_event error:', error); + } + }, + + // 图片上传回调 + upload_images_event(res) { + try { + if((res || null) != null) { + // 存储上传图片内容 + this.form_images_list.push({ + url: res.url, + name: res.name, + size: res.size, + }); + } + } catch (error) { + console.error('upload_images_event error:', error); + } + }, + + // 上传图片预览 + upload_show_event(e) { + try { + const index = e?.currentTarget?.dataset?.index || 0; + uni.previewImage({ + current: this?.form_images_list[index]?.url || '', + urls: this.form_images_list.map(item => item.url), + }); + } catch (error) { + console.error('upload_show_event error:', error); + } + }, + + // 评论输入图片删除 + comment_input_img_close(e) { + try { + const index = e?.currentTarget?.dataset?.index || 0; + var list = this.form_images_list; + list.splice(index, 1); + // 图片赋值 + this.form_images_list = list; + } catch (error) { + console.error('comment_input_img_close error:', error); + } + }, + + // swiper-item 的位置发生改变时 + on_transition(e) { + try { + const dy = e.detail.dy; + let status = 'direction'; + if (dy > 0) { + status = 'next'; + } else if (dy < 0) { + status = 'prev'; + } + // 如果历史的是向下滑动，这次也是向下滑动，就不更新数据 + if (this.direction != status) { + this.direction = status; + } + } catch (error) { + console.error('on_transition error:', error); + } + }, + + // 播放 + handle_play() { + try { + this.paused = false; + this.is_manual_pause = false; + } catch (error) { + console.error('handle_play error:', error); + } + }, + + // 收藏 + handle_like(e) { + try { + if (!app.globalData.is_single_page_check()) { + return false; + } + var user = app.globalData.get_user_info(this, 'handle_like', e); + if (user != false) { + const value = e?.currentTarget?.dataset?.value || {}; + this.set_givethumbs_num(value.id); + } + } catch (error) { + console.error('handle_like error:', error); + } + }, + // 打开评论区 + handle_comment(e) { + try { + const id = e?.currentTarget?.dataset?.id || ''; + const old_data = this.video_data_list.find(item => item.id == id); + // 初始化评论数据 + const new_data = old_data.comments_list.map(item1 => ({ + ...item1, + show_sub_comment: false, + show_sub_comment_loading: false, + page: 0, + sub_comments: [], + })); + + this.active_comments = new_data; + this.comments_page = 1; + this.comments_page_total = 5; + this.comment_item_loading = false; + this.show_comment_modal = true; + this.move_distance = 0; + } catch (error) { + console.error('handle_comment error:', error); + } + }, + // 关闭评论区 + close_comment_modal() { + try { + this.active_dropdown_id = null; + this.show_comment_modal = false; + this.comment_scroll_top = 0 + Math.random(); // 关闭评论时滚动到最顶部 + this.comments_reply_data = {}; // 清空回复评论数据 + this.form_images_list = []; // 清空上传图片 + this.comment_input_value = ''; // 清空输入框内容 + this.move_distance = 0; + } catch (error) { + console.error('close_comment_modal error:', error); + } + }, + // 评论滚动事件，记录滚动位置（带防抖） + handle_comment_scroll(e) { + try { + // 清除之前的防抖定时器 + if (this.comment_scroll_debounce_timer) { + clearTimeout(this.comment_scroll_debounce_timer); + } + + // 设置新的防抖定时器 + this.comment_scroll_debounce_timer = setTimeout(() => { + this.comment_scroll_top = e.detail.scrollTop; + }, 200); // 100ms防抖延迟 + } catch (error) { + console.error('handle_comment_scroll error:', error); + } + }, + // 评论滚动到底部事件 + handle_comment_to_lower_scroll() { + try { + if (this.goods_bottom_line_status) { + return; + } + this.comment_item_loading = true; + // 获取数据 + uni.request({ + url: app.globalData.get_request_url("commentsreplylist", "index", "video"), + method: 'POST', + data: { + video_id: this.current_video_id, + page: this.comments_page + 1, + video_comments_id: 0 + }, + dataType: 'json', + success: res => { + const data = res.data; + if (data.code == 0) { + const new_data = data.data; + if (new_data.data.length > 0) { + // 初始化评论数据 + const comment_data = new_data.data.map(item1 => ({ + ...item1, + show_sub_comment: false, + show_sub_comment_loading: false, + page: 0, + sub_comments: [], + })); + this.active_comments.push(...comment_data); + } + // 是否显示没有更多数据 + if (new_data.page >= new_data.page_total) { + // 没有更多数据了 + this.goods_bottom_line_status = true; + } + this.comments_page = new_data.page; + this.comments_page_total = new_data.page_total } }, complete: () => { - comment.show_sub_comment_loading = false; + this.comment_item_loading = false; } }); + } catch (error) { + console.error('handle_comment_to_lower_scroll error:', error); + } + }, + // 评论拖拽开始 + handle_comment_touch_start(e) { + try { + const type = e?.target?.dataset?.type || 'header'; + // 如果是滚动区域内滚动到顶部才可以拖拽，如果是头部拖拽的话，一直都可以 + if ((this.comment_scroll_top <= 5 && type == 'scroll') || type == 'header') { + this.comment_start_y = e?.touches[0]?.pageY || 0; + this.comment_current_y = this.comment_start_y; + this.move_distance = 0; + } + } catch (error) { + console.error('handle_comment_touch_start error:', error); + } + }, + // 评论拖拽中 + handle_comment_touch_move(e) { + try { + const type = e?.target?.dataset?.type || 'header'; + // 如果是滚动区域内滚动到顶部才可以拖拽，如果是头部拖拽的话，一直都可以 + if ((this.comment_scroll_top <= 5 && type == 'scroll') || type == 'header') { + this.comment_current_y = e?.touches[0]?.pageY || 0; + this.move_distance = this.comment_current_y - this.comment_start_y; + } + } catch (error) { + console.error('handle_comment_touch_move error:', error); + } + }, + + // 评论拖拽结束 + handle_comment_touch_end(e) { + try { + const type = e?.target?.dataset?.type || 'header'; + // 如果是滚动区域内滚动到顶部才可以拖拽，如果是头部拖拽的话，一直都可以 + if ((this.comment_scroll_top <= 5 && type == 'scroll') || type == 'header') { + const move_distance = this.comment_current_y - this.comment_start_y; + // 如果拖拽距离足够大，关闭评论弹窗 + if (move_distance > 150) { + this.close_comment_modal(); + } else { + this.move_distance = 0; + } + } + } catch (error) { + console.error('handle_comment_touch_end error:', error); + } + }, + + // 评论 + send_comment() { + try { + let comment_text = this.comment_input_value; + if (!comment_text.trim()) return; + + // video_id 视频id video_comments_id 父级评论id id 当前评论id + let new_video_comments_id = 0; + let reply_comments_id = 0 + if (!isEmpty(this.comments_reply_data)) { + const { video_comments_id, id } = this.comments_reply_data; + new_video_comments_id = video_comments_id == 0 ? id : video_comments_id; + reply_comments_id = video_comments_id == 0 ? 0 : id; + } + uni.request({ + url: app.globalData.get_request_url("comments", "index", "video"), + method: 'POST', + data: { + video_id: this.current_video_id, + video_comments_id: new_video_comments_id, // 如果父级评论id为0说明没有父级id，所以取当前id + reply_comments_id: reply_comments_id, // 如果父级评论id为0说明没有父级id，所以回复id为0 + content: comment_text, + images: this.form_images_list.length > 0 ? (this.form_images_list[0]?.url || '') : '', + }, + dataType: 'json', + success: res => { + const data = res.data; + if (data.code == 0) { + const new_data = data.data; + // 没有回复时的评论 + if (new_video_comments_id == 0) { + this.active_comments.unshift({ + ...new_data, + show_sub_comment: false, + show_sub_comment_loading: false, + page: 0, + sub_comments: [], + }) + this.video_data_list.forEach(item => { + if (item.id == this.current_video_id) { + item.comments_count++; + } + }) + this.video_data_list = this.video_data_list; + this.comment_scroll_top = 0 + Math.random(); // 添加主评论时滚动到最顶部 + } else { + this.active_comments.forEach(item => { + if (item.id == new_video_comments_id) { + item.sub_comments.unshift(new_data); + item.comments_count++; + if (!item.show_sub_comment) { + item.show_sub_comment = true; + // 如果回复总数跟当前显示的数量对得上，就不显示展开. 如果之前没有页面时，设置页数和分页都为1， 否则保持之前的分页 + item.page = item.comments_count == item.sub_comments.length ? (!isEmpty(item.page) && item.page > 0 ? item.page : 1) : 0; + // 如果之前没有数据时，设置总页数为1 + item.page_total = !isEmpty(item.page_total) ? item.page_total : 1; + } + } + }) + } + // 清空输入框, 更新数据内容 + this.active_comments = this.active_comments; + this.form_images_list = []; + this.comment_input_value = ''; + this.comments_reply_data = {}; + this.input_placeholder = t('video-detail.video-detail.98yyuf'); + } else { + if (app.globalData.is_login_check(res.data)) { + app.globalData.showToast(res.data.msg); + } else { + app.globalData.showToast(t('common.sub_error_retry_tips')); + } + } + } + }); + } catch (error) { + console.error('send_comment error:', error); + } + }, + + // 展开子评论 + open_sub_comment(id, is_level) { + try { + const comment = this.active_comments.find(item => item.id == id); + if (comment) { + comment.show_sub_comment = true; + comment.show_sub_comment_loading = true; + // 如果是一级，并且有子评论数据，不需要调用接口，直接渲染评论信息 + if (is_level == 1 && !isEmpty(comment.sub_comments)) { + comment.show_sub_comment_loading = false; + return; + } + + uni.request({ + url: app.globalData.get_request_url("commentsreplylist", "index", "video"), + method: 'POST', + data: { + video_id: this.current_video_id, + video_comments_id: id, + page: comment.page + 1, + }, + dataType: 'json', + success: res => { + const data = res.data; + if (data.code == 0) { + const new_data = data.data; + if (comment.page == 0) { + comment.sub_comments = new_data.data; + } else if (new_data.data.length > 0) { + comment.sub_comments.push(...new_data.data); + } + comment.page = new_data.page; + comment.page_total = new_data.page_total + } + }, + complete: () => { + comment.show_sub_comment_loading = false; + } + }); + } + } catch (error) { + console.error('open_sub_comment error:', error); } }, // 收起子评论 close_sub_comment(id) { - const comment = this.active_comments.find(item => item.id == id); - if (comment) { - comment.show_sub_comment = false; + try { + const comment = this.active_comments.find(item => item.id == id); + if (comment) { + comment.show_sub_comment = false; + } + } catch (error) { + console.error('close_sub_comment error:', error); } }, // 分享事件 handle_share() { - if ((this.$refs.share || null) != null) { - this.$refs.share.init({ - status: true, - share_info: this.share_info, - }); + try { + if ((this.$refs.share || null) != null) { + this.$refs.share.init({ + status: true, + share_info: this.share_info, + }); + } + } catch (error) { + console.error('handle_share error:', error); } }, - // 更新视频数据信息 get_video_data_detail(id) { - uni.request({ - url: app.globalData.get_request_url("data", "index", "video"), - method: 'POST', - data: { - id: id, - }, - dataType: 'json', - success: res => { - const data = res.data; - if (data.code == 0) { - const new_data = data.data; - // 更新视频数据 - const index = this.video_data_list.findIndex(item => item.id == id); - if (index !== -1) { - // 使用Object.assign更新原对象，保持引用不变 - Object.assign(this.video_data_list[index], { - ...this.video_data_list[index], - ...new_data.data - }); + try { + uni.request({ + url: app.globalData.get_request_url("data", "index", "video"), + method: 'POST', + data: { + id: id, + }, + dataType: 'json', + success: res => { + const data = res.data; + if (data.code == 0) { + const new_data = data.data; + // 更新视频数据 + const index = this.video_data_list.findIndex(item => item.id == id); + if (index !== -1) { + // 使用Object.assign更新原对象，保持引用不变 + Object.assign(this.video_data_list[index], { + ...this.video_data_list[index], + ...new_data.data + }); + } } } - } - }); + }); + } catch (error) { + console.error('get_video_data_detail error:', error); + } }, // 更新点赞数量 set_givethumbs_num(id, comments_id) { - uni.request({ - url: app.globalData.get_request_url("givethumbs", "index", "video"), - method: 'POST', - data: { - video_id: id, - ...(isEmpty(comments_id) ? {} : {video_comments_id: comments_id}), - }, - dataType: 'json', - success: res => { - const data = res.data; - if (data.code == 0) { - const new_data = data.data; + try { + uni.request({ + url: app.globalData.get_request_url("givethumbs", "index", "video"), + method: 'POST', + data: { + video_id: id, + ...(isEmpty(comments_id) ? {} : {video_comments_id: comments_id}), + }, + dataType: 'json', + success: res => { + const data = res.data; + if (data.code == 0) { + const new_data = data.data; - // 提取更新点赞状态的公共函数 - const updateThumbsStatus = (target, new_data) => { - target.give_thumbs_count = new_data.count; - target.is_give_thumbs = new_data.is_active; - }; + // 提取更新点赞状态的公共函数 + const updateThumbsStatus = (target, new_data) => { + target.give_thumbs_count = new_data.count; + target.is_give_thumbs = new_data.is_active; + }; - // 优化后的遍历逻辑 - for (let i = 0; i < this.video_data_list.length; i++) { - const item = this.video_data_list[i]; - if (item.id == id) { - if (!isEmpty(comments_id)) { - // 安全检查comments数组是否存在 - if (this.active_comments && Array.isArray(this.active_comments)) { - for (let j = 0; j < this.active_comments.length; j++) { - const comment = this.active_comments[j]; - if (comment.id == comments_id) { - updateThumbsStatus(comment, new_data); - return; // 找到后直接返回 - } else { - // 安全检查sub_comments数组是否存在 - if (comment.sub_comments && Array.isArray(comment.sub_comments)) { - for (let k = 0; k < comment.sub_comments.length; k++) { - const sub_comment = comment.sub_comments[k]; + // 优化后的遍历逻辑 + for (let i = 0; i < this.video_data_list.length; i++) { + const item = this.video_data_list[i]; + if (item.id == id) { + if (!isEmpty(comments_id)) { + // 安全检查comments数组是否存在 + if (this.active_comments && Array.isArray(this.active_comments)) { + for (let j = 0; j < this.active_comments.length; j++) { + const comment = this.active_comments[j]; + if (comment.id == comments_id) { + updateThumbsStatus(comment, new_data); + return; // 找到后直接返回 + } else { + // 安全检查sub_comments数组是否存在 + if (comment.sub_comments && Array.isArray(comment.sub_comments)) { + for (let k = 0; k < comment.sub_comments.length; k++) { + const sub_comment = comment.sub_comments[k]; - if (sub_comment.id == comments_id) { - updateThumbsStatus(sub_comment, new_data); - return; // 找到后直接返回 + if (sub_comment.id == comments_id) { + updateThumbsStatus(sub_comment, new_data); + return; // 找到后直接返回 + } } } } } } + } else { + updateThumbsStatus(item, new_data); } - } else { - updateThumbsStatus(item, new_data); + break; // 处理完当前item后跳出外层循环 } - break; // 处理完当前item后跳出外层循环 + } + + this.video_data_list = this.video_data_list; + } else { + if (app.globalData.is_login_check(res.data)) { + app.globalData.showToast(res.data.msg); + } else { + app.globalData.showToast(this.$t('common.sub_error_retry_tips')); } } - - this.video_data_list = this.video_data_list; - } else { - if (app.globalData.is_login_check(res.data)) { - app.globalData.showToast(res.data.msg); - } else { - app.globalData.showToast(this.$t('common.sub_error_retry_tips')); - } } - } - }); + }); + } catch (error) { + console.error('set_givethumbs_num error:', error); + } }, // 主评论回复 comment_reply(comments) { - this.active_dropdown_id = null; - if (!isEmpty(comments)) { - this.comments_reply_data = comments; + try { + this.active_dropdown_id = null; + if (!isEmpty(comments)) { + this.comments_reply_data = comments; + } + } catch (error) { + console.error('comment_reply error:', error); } }, // 删除回复评论数据 comment_data_delete() { - this.comments_reply_data = {}; + try { + this.comments_reply_data = {}; + } catch (error) { + console.error('comment_data_delete error:', error); + } }, // 播放进度变化时触发 handle_time_update(e) { - if (this.is_seeking) return; - let duration = this.current_video_duration; - // #ifdef MP-ALIPAY - if (e.detail.videoDuration > 0) { - duration = e.detail.videoDuration; + try { + if (this.is_seeking) return; + let duration = this.current_video_duration; + // #ifdef MP-ALIPAY + if (e.detail.videoDuration > 0) { + duration = e.detail.videoDuration; + } + // #endif + // #ifndef MP-ALIPAY + if (e.detail.duration > 0) { + duration = e.detail.duration; + } + // #endif + this.current_video_duration = duration; + this.current_video_progress = e.detail.currentTime; + } catch (error) { + console.error('handle_time_update error:', error); } - // #endif - // #ifndef MP-ALIPAY - if (e.detail.duration > 0) { - duration = e.detail.duration; - } - // #endif - this.current_video_duration = duration; - this.current_video_progress = e.detail.currentTime; }, // 视频进度条拖动时触发事件 handle_slider_changing() { - this.is_seeking = true; + try { + this.is_seeking = true; + } catch (error) { + console.error('handle_slider_changing error:', error); + } }, // 评论点赞 comment_like(id) { - this.active_dropdown_id = null; - this.set_givethumbs_num(this.current_video_id, id); + try { + this.active_dropdown_id = null; + this.set_givethumbs_num(this.current_video_id, id); + } catch (error) { + console.error('comment_like error:', error); + } }, // 视频进度条拖动完成触发事件 handle_slider_change(e) { - const seek_time = e.detail.value; - if (this.create_video_contexts && this.create_video_contexts[this.current_index]) { - this.create_video_contexts[this.current_index].seek(seek_time); - this.current_video_progress = seek_time; + try { + const seek_time = e.detail.value; + if (this.create_video_contexts && this.create_video_contexts[this.current_index]) { + this.create_video_contexts[this.current_index].seek(seek_time); + this.current_video_progress = seek_time; + } + setTimeout(() => { + this.is_seeking = false; + }, 100); + } catch (error) { + console.error('handle_slider_change error:', error); } - setTimeout(() => { - this.is_seeking = false; - }, 100); }, // 视频进度条时间显示 format_time(seconds) { - if (isNaN(seconds) || seconds < 0) { - return '00:00'; + try { + if (isNaN(seconds) || seconds < 0) { + return '00:00'; + } + const min = Math.floor(seconds / 60); + const sec = Math.floor(seconds % 60); + return `${min < 10 ? '0' : ''}${min}:${sec < 10 ? '0' : ''}${sec}`; + } catch (error) { + console.error('format_time error:', error); } - const min = Math.floor(seconds / 60); - const sec = Math.floor(seconds % 60); - return `${min < 10 ? '0' : ''}${min}:${sec < 10 ? '0' : ''}${sec}`; }, // 返回上一页 handle_back() { - app.globalData.page_back_prev_event(); + try { + app.globalData.page_back_prev_event(); + } catch (error) { + console.error('handle_back error:', error); + } }, // 跳转搜索记录页面 handle_search() { - // 跳转到搜索记录页面 - app.globalData.url_open(`/pages/plugins/video/search-record/search-record`, false); + try { + // 跳转到搜索记录页面 + app.globalData.url_open(`/pages/plugins/video/search-record/search-record`, false); + } catch (error) { + console.error('handle_search error:', error); + } }, // 关闭推荐商品 product_close_event(e) { - const id = e?.currentTarget?.dataset?.id || ''; - this.video_data_list.forEach((item) => { - if (item.id == id) { - item.show_goods = false; - } - }); + try { + const id = e?.currentTarget?.dataset?.id || ''; + this.video_data_list.forEach((item) => { + if (item.id == id) { + item.show_goods = false; + } + }); - this.video_data_list = this.video_data_list; + this.video_data_list = this.video_data_list; + } catch (error) { + console.error('product_close_event error:', error); + } }, // 点击商品卡片触发事件 handle_product_card_item(e) { - const id = e?.currentTarget?.dataset?.id || ''; - const data = this.video_data_list.find(item => item.id == id); - if (!isEmpty(data) && !isEmpty(data.goods)) { - app.globalData.url_open(data.goods.goods_url); + try { + const id = e?.currentTarget?.dataset?.id || ''; + const data = this.video_data_list.find(item => item.id == id); + if (!isEmpty(data) && !isEmpty(data.goods)) { + app.globalData.url_open(data.goods.goods_url); + } + } catch (error) { + console.error('handle_product_card_item error:', error); } }, // 点击购买商品按钮触发事件 handle_product_button(e) { - const id = e.currentTarget.dataset.id; - this.video_data_list.forEach((item, index) => { - if (item.id == id) { - if (item.show_goods && !isEmpty(item.goods)) { - app.globalData.url_open(item.goods.goods_url); - } else { - item.show_goods = true; + try { + const id = e.currentTarget.dataset.id; + this.video_data_list.forEach((item, index) => { + if (item.id == id) { + if (item.show_goods && !isEmpty(item.goods)) { + app.globalData.url_open(item.goods.goods_url); + } else { + item.show_goods = true; + } } - } - }); + }); - this.video_data_list = this.video_data_list; + this.video_data_list = this.video_data_list; + } catch (error) { + console.error('handle_product_button error:', error); + } }, // 清理所有视频资源 cleanup_all_videos() { @@ -1371,226 +1546,274 @@ }, // 处理下拉菜单切换 handle_toggle_dropdown(comment_id) { - // 如果点击的是同一个组件，则切换状态；否则关闭其他组件并打开当前组件 - if (this.active_dropdown_id == comment_id) { - this.active_dropdown_id = null; - } else { - this.active_dropdown_id = comment_id; + try { + if (this.active_dropdown_id == comment_id) { + this.active_dropdown_id = null; + } else { + this.active_dropdown_id = comment_id; + } + } catch (error) { + console.error('handle_toggle_dropdown error:', error); } }, // 关闭下拉菜单 handle_dropdown_item_click(comment_id, obj) { - if (this.active_dropdown_id == comment_id) { - this.active_dropdown_id = null; - } - // 处理不同操作 - if (obj.type == 'delete') { - // 确认删除 - uni.showModal({ - title: this.$t('common.warm_tips'), - content: this.$t('common.delete_confirm_tips'), - success: (res) => { - if (res.confirm) { - // 调用删除接口 - this.delete_comment(comment_id); + try { + if (this.active_dropdown_id == comment_id) { + this.active_dropdown_id = null; + } + // 处理不同操作 + if (obj.type == 'delete') { + // 确认删除 + uni.showModal({ + title: this.$t('common.warm_tips'), + content: this.$t('common.delete_confirm_tips'), + success: (res) => { + if (res.confirm) { + // 调用删除接口 + this.delete_comment(comment_id); + } } - } - }); - } else if (obj.type == 'report') { - // 举报评论 - this.popup_report_status = true; - this.report_comment_id = comment_id; + }); + } else if (obj.type == 'report') { + // 举报评论 + this.popup_report_status = true; + this.report_comment_id = comment_id; + } + } catch (error) { + console.error('handle_dropdown_item_click error:', error); } }, // 删除评论 delete_comment(comment_id) { - uni.request({ - url: app.globalData.get_request_url("delete", "index", "video"), - method: 'POST', - data: { - ids: comment_id, - }, - dataType: 'json', - success: res => { - if (res.data.code == 0) { - // 删除评论数据 - this.delete_comment_handle(comment_id); - // 显示删除成功提示 - app.globalData.showToast(res.data.msg, 'success'); - } else { - if (app.globalData.is_login_check(res.data)) { - app.globalData.showToast(res.data.msg); + try { + uni.request({ + url: app.globalData.get_request_url("delete", "index", "video"), + method: 'POST', + data: { + ids: comment_id, + }, + dataType: 'json', + success: res => { + if (res.data.code == 0) { + // 删除评论数据 + this.delete_comment_handle(comment_id); + // 显示删除成功提示 + app.globalData.showToast(res.data.msg, 'success'); } else { - app.globalData.showToast(this.$t('common.sub_error_retry_tips')); + if (app.globalData.is_login_check(res.data)) { + app.globalData.showToast(res.data.msg); + } else { + app.globalData.showToast(this.$t('common.sub_error_retry_tips')); + } } } - } - }); + }); + } catch (error) { + console.error('delete_comment error:', error); + } }, // 删除评论数据处理 delete_comment_handle(comment_id) { - // 删除成功，从active_comments中移除对应数据 - if (this.active_comments && Array.isArray(this.active_comments)) { - // 创建新的数组来存储过滤后的结果 - const filteredComments = []; - for (let i = 0; i < this.active_comments.length; i++) { - const comment = this.active_comments[i]; + try { + // 删除成功，从active_comments中移除对应数据 + if (this.active_comments && Array.isArray(this.active_comments)) { + // 创建新的数组来存储过滤后的结果 + const filteredComments = []; + for (let i = 0; i < this.active_comments.length; i++) { + const comment = this.active_comments[i]; - // 清空回复评论数据（仅当匹配时） - if (comment.id === this.comments_reply_data.id || (comment.sub_comments && Array.isArray(comment.sub_comments) && comment.sub_comments.some(subComment => subComment.id === this.comments_reply_data.id))) { - this.comments_reply_data = {}; - } - - // 如果是父级评论且 id 匹配，跳过整个评论（包括子评论） - if (comment.id === comment_id) { - continue; - } - - // 处理子评论 - if (comment.sub_comments && Array.isArray(comment.sub_comments)) { - // 查找并移除匹配的子评论 - const targetSubCommentIndex = comment.sub_comments.findIndex(subComment => subComment.id === comment_id); - if (targetSubCommentIndex !== -1) { - // 移除目标子评论 - comment.sub_comments.splice(targetSubCommentIndex, 1); - // 更新显示状态和评论数 - if (comment.sub_comments.length === 0) { - comment.show_sub_comment = false; - } - comment.comments_count -= 1; + // 清空回复评论数据（仅当匹配时） + if (comment.id === this.comments_reply_data.id || (comment.sub_comments && Array.isArray(comment.sub_comments) && comment.sub_comments.some(subComment => subComment.id === this.comments_reply_data.id))) { + this.comments_reply_data = {}; } - } - // 保留当前评论 - filteredComments.push(comment); - } - // 删除之后更新评论数据 - this.video_data_list.forEach(item => { - if (item.id == this.current_video_id) { - item.comments_count = filteredComments.length; + // 如果是父级评论且 id 匹配，跳过整个评论（包括子评论） + if (comment.id === comment_id) { + continue; + } + + // 处理子评论 + if (comment.sub_comments && Array.isArray(comment.sub_comments)) { + // 查找并移除匹配的子评论 + const targetSubCommentIndex = comment.sub_comments.findIndex(subComment => subComment.id === comment_id); + if (targetSubCommentIndex !== -1) { + // 移除目标子评论 + comment.sub_comments.splice(targetSubCommentIndex, 1); + // 更新显示状态和评论数 + if (comment.sub_comments.length === 0) { + comment.show_sub_comment = false; + } + comment.comments_count -= 1; + } + } + + // 保留当前评论 + filteredComments.push(comment); } - }) - // 更新数据 - this.active_comments = filteredComments; - this.video_data_list = this.video_data_list; + // 删除之后更新评论数据 + this.video_data_list.forEach(item => { + if (item.id == this.current_video_id) { + item.comments_count = filteredComments.length; + } + }) + // 更新数据 + this.active_comments = filteredComments; + this.video_data_list = this.video_data_list; + } + } catch (error) { + console.error('delete_comment_handle error:', error); } }, // 处理全局点击事件 handle_global_click(e) { - // 检查点击目标是否在下拉菜单相关元素内 - const target = e.target || e.srcElement; - - // 查找点击元素是否在comment-option或dropdown-menu内 - let isInDropdown = false; - let currentElement = target; - - while (currentElement && currentElement !== document) { - // 检查是否点击了下拉菜单触发器或菜单本身 - if (currentElement.classList && - (currentElement.classList.contains('comment-option') || - currentElement.classList.contains('dropdown-menu') || - currentElement.closest('.comment-option') || - currentElement.closest('.dropdown-menu'))) { - isInDropdown = true; - break; + try { + // 检查点击目标是否在下拉菜单相关元素内 + const target = e.target || e.srcElement; + + // 查找点击元素是否在comment-option或dropdown-menu内 + let isInDropdown = false; + let currentElement = target; + + while (currentElement && currentElement !== document) { + // 检查是否点击了下拉菜单触发器或菜单本身 + if (currentElement.classList && + (currentElement.classList.contains('comment-option') || + currentElement.classList.contains('dropdown-menu') || + currentElement.closest('.comment-option') || + currentElement.closest('.dropdown-menu'))) { + isInDropdown = true; + break; + } + currentElement = currentElement.parentNode; } - currentElement = currentElement.parentNode; - } - - // 如果点击的不是下拉菜单相关元素，则关闭所有下拉菜单 - if (!isInDropdown && this.active_dropdown_id !== null) { - this.active_dropdown_id = null; + + // 如果点击的不是下拉菜单相关元素，则关闭所有下拉菜单 + if (!isInDropdown && this.active_dropdown_id !== null) { + this.active_dropdown_id = null; + } + } catch (error) { + console.error('handle_global_click error:', error); } }, // 关闭举报弹窗 popup_report_close_event() { - this.popup_report_status = false; - this.current_main_index = 0; - this.current_sub_index = 0; + try { + this.popup_report_status = false; + this.current_main_index = 0; + this.current_sub_index = 0; + } catch (error) { + console.error('popup_report_close_event error:', error); + } }, // 直接选择主原因（用于一行显示的点击） select_main_reason(e) { - const index = e?.currentTarget?.dataset?.index || 0; - const main_index = parseInt(index); - if (main_index !== this.current_main_index) { - this.current_main_index = main_index; - this.current_sub_index = 0; // 默认选中第一个子类型 + try { + const index = e?.currentTarget?.dataset?.index || 0; + const main_index = parseInt(index); + if (main_index !== this.current_main_index) { + this.current_main_index = main_index; + this.current_sub_index = 0; // 默认选中第一个子类型 + } + } catch (error) { + console.error('select_main_reason error:', error); } }, // 直接选择子类型（用于一行显示的点击） select_sub_reason(e) { - const index = e?.currentTarget?.dataset?.index || 0; - const sub_index = parseInt(index); - if (sub_index !== this.current_sub_index) { - this.current_sub_index = sub_index; + try { + const index = e?.currentTarget?.dataset?.index || 0; + const sub_index = parseInt(index); + if (sub_index !== this.current_sub_index) { + this.current_sub_index = sub_index; + } + } catch (error) { + console.error('select_sub_reason error:', error); } }, /* * 提交举报 */ submit_report() { - // 获取选中的举报原因和具体类型 - const main_reason = this.report_type_list[this.current_main_index] || {}; - const sub_reason = main_reason?.data[this.current_sub_index] || ''; - // 调用举报接口 - uni.request({ - url: app.globalData.get_request_url("report", "index", "video"), - method: 'POST', - data: { - id: this.report_comment_id, - reason: main_reason?.name || '', - type: sub_reason - }, - dataType: 'json', - success: res => { - if (res.data.code == 0) { - // 显示删除成功提示 - app.globalData.showToast(res.data.msg, 'success'); - // 关闭弹窗 - this.popup_report_close_event(); - } else { - if (app.globalData.is_login_check(res.data)) { - app.globalData.showToast(res.data.msg); + try { + // 获取选中的举报原因和具体类型 + const main_reason = this.report_type_list[this.current_main_index] || {}; + const sub_reason = main_reason?.data[this.current_sub_index] || ''; + // 调用举报接口 + uni.request({ + url: app.globalData.get_request_url("report", "index", "video"), + method: 'POST', + data: { + id: this.report_comment_id, + reason: main_reason?.name || '', + type: sub_reason + }, + dataType: 'json', + success: res => { + if (res.data.code == 0) { + // 显示删除成功提示 + app.globalData.showToast(res.data.msg, 'success'); + // 关闭弹窗 + this.popup_report_close_event(); } else { - app.globalData.showToast(this.$t('common.sub_error_retry_tips')); + if (app.globalData.is_login_check(res.data)) { + app.globalData.showToast(res.data.msg); + } else { + app.globalData.showToast(this.$t('common.sub_error_retry_tips')); + } } } - } - }); + }); + } catch (error) { + console.error('submit_report error:', error); + } }, // 键盘显示时，切换输入框 add_comment() { - //#ifndef H5 - this.is_add_comment = true; - this.active_dropdown_id = null; - //#endif + try { + this.show_comment_modal = true; + this.move_distance = 0; + } catch (error) { + console.error('add_comment error:', error); + } }, /** * 键盘高度变化监听处理 * @param {Object} res - 键盘高度变化事件对象 */ listener(res) { - // 减1是为了兼容，避免跟键盘之间会不连贯 - if (res.height > 0) { - this.listener_height = res.height - 1; - } else { - this.listener_height = 0; + try { + if (res.height > 0) { + this.listener_height = res.height - 1; + } else { + this.listener_height = 0; + } + } catch (error) { + console.error('listener error:', error); } }, /** * 绑定键盘高度变化监听事件 */ bind_keyboard_listener() { - uni.onKeyboardHeightChange(this.listener); + try { + uni.onKeyboardHeightChange(this.listener); + } catch (error) { + console.error('bind_keyboard_listener error:', error); + } }, /** * 解绑键盘高度变化监听事件 */ unbind_keyboard_listener() { - uni.offKeyboardHeightChange(this.listener); + try { + uni.offKeyboardHeightChange(this.listener); + } catch (error) { + console.error('unbind_keyboard_listener error:', error); + } }, } };