From 50bc02a1789e203f84f357a2a9f5d988967fb7d2 Mon Sep 17 00:00:00 2001 From: king <2229249788@qq.com> Date: Tue, 12 Sep 2023 17:46:15 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=E6=B5=8F=E8=A7=88=E9=87=8F?= =?UTF-8?q?=E5=8A=A01?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/home.ts | 28 ++++++--------------- src/components/articlesBox/articlesBox.tsx | 14 +++++++++++ src/hooks/articlesEvent.ts | 28 +++++++++++++++++++++ src/pages/preview/brand/article/article.tsx | 24 +++++++++++++++--- 4 files changed, 70 insertions(+), 24 deletions(-) create mode 100644 src/hooks/articlesEvent.ts diff --git a/src/api/home.ts b/src/api/home.ts index 178b06b..0e0ce18 100644 --- a/src/api/home.ts +++ b/src/api/home.ts @@ -42,46 +42,28 @@ export interface HomeData { } interface Course { - articles:any[] - audit_mode:boolean - course:{ data: Curriculum[], total: number } + articles: any[] + audit_mode: boolean + course: { data: Curriculum[], total: number } } export const HomeApi = { - advert(only_flag: string) { - return request("/home/v1/advert/unique?only_flag=" + only_flag, "GET") - }, course(page: number, page_size: number) { return request('/home/v1/course/course', "GET", {page, page_size}) }, - /** 健康管理 */ - healthTop(count: number) { - return request('/home/v1/health/top', "GET", {count}) - }, health(page: number, page_size: number) { return request<{ data: VideList[], total: number }>('/home/v1/health/index', "GET", {page, page_size}) }, - /** 增加播放量 */ - healthSetPlay(id) { - return request(`/home/v1/health/set_play/${id}`, "PUT") - }, /** 品牌 */ brand(page: number, page_size: number) { return request<{ list: Brand[], total: number }>('/home/v1/brand/list', "GET", {page, page_size}) }, - /** 技能 */ - skillTop(count: number) { - return request('/home/v1/skill/top', "GET", {count}) - }, skillCategory() { return request('/home/v1/skill/category', "GET") }, skillList(categoryId: number, page: number, page_size: number) { return request<{ data: VideList[], total: number }>('/home/v1/skill/index', "GET", {categoryId, page, page_size}) }, - skillSetPlay(id: number) { - return request(`/home/v1/skill/set_play/${id}`, "PUT") - }, /** 疾病知识 */ illness(page: number, page_size: number) { return request<{ list: Illness[], total: number }>('/home/v1/article/illness_list', "GET", {page, page_size}) @@ -91,5 +73,9 @@ export const HomeApi = { }, home() { return request('/home/v1/home/home_page', "GET", {count: 3}) + }, + /** 文章播放量 + 1 */ + articleViews(id: string | number) { + return request(`/home/v1/article/views/${id}`, "POST") } } diff --git a/src/components/articlesBox/articlesBox.tsx b/src/components/articlesBox/articlesBox.tsx index d446f6f..60e4edb 100644 --- a/src/components/articlesBox/articlesBox.tsx +++ b/src/components/articlesBox/articlesBox.tsx @@ -4,6 +4,7 @@ import Taro from "@tarojs/taro"; import styles from './articlesBox.module.scss' import Img from "@/components/image/image"; import {beforeTime} from "@/utils/time"; +import articlesEvent from "@/hooks/articlesEvent"; interface Props { data: Articles @@ -16,6 +17,19 @@ const ArticlesBox: FC = (props) => { setData(props.data) }, [props.data]) + useEffect(() => { + articlesEvent.recordsOn(data.id, ({view}) => { + setData({ + ...data, + page_view: view + }) + }) + }, []) + + Taro.useUnload(() => { + articlesEvent.off(data.id) + }) + const toArticlePage = () => { Taro.navigateTo({ url: `/pages/preview/brand/article/article?id=${data.id}` diff --git a/src/hooks/articlesEvent.ts b/src/hooks/articlesEvent.ts new file mode 100644 index 0000000..d496759 --- /dev/null +++ b/src/hooks/articlesEvent.ts @@ -0,0 +1,28 @@ +import Taro from "@tarojs/taro"; + +const KEY = 'VIDEO_EVENTS' + +interface Data { + id: number + view: number +} + +function recordsAdd(data: Data) { + Taro.eventCenter.trigger(KEY + data.id, data) +} + +function recordsOn(id: number, fn: (data: Data) => void) { + Taro.eventCenter.on(KEY + id, fn) +} + +function off(id: number) { + Taro.eventCenter.off(KEY + id) +} + +const ArticlesEvent = { + recordsAdd, + recordsOn, + off +} + +export default ArticlesEvent diff --git a/src/pages/preview/brand/article/article.tsx b/src/pages/preview/brand/article/article.tsx index cb9db52..a6543c1 100644 --- a/src/pages/preview/brand/article/article.tsx +++ b/src/pages/preview/brand/article/article.tsx @@ -1,7 +1,7 @@ import {FC, useCallback, useEffect, useMemo, useState} from "react"; import {Image, PageContainer, Text, View} from "@tarojs/components"; import Taro, {useRouter} from "@tarojs/taro"; -import {ArticleRecord, brandApi} from "@/api"; +import {ArticleRecord, brandApi, HomeApi} from "@/api"; import styles from "./article.module.scss"; import down from "@/static/img/doubleDown.png"; import {Profile} from "@/store"; @@ -13,6 +13,7 @@ import Img from "@/components/image/image"; import Collect from "@/components/collect/collect"; import catalogue from "@/static/img/catalogue-inactive.png"; import Icon from "@/components/icon"; +import articlesEvent from "@/hooks/articlesEvent"; const article: FC = () => { const {token} = Profile.useContainer() @@ -25,6 +26,8 @@ const article: FC = () => { const {children, headings} = useMemo(() => parse(articleInfo?.content || ''), [articleInfo]) const query = Taro.createSelectorQuery() const [maoId, setMaoId] = useState('') + const [timing, setTiming] = useState(undefined) + useEffect(() => { setTimeout(() => { @@ -69,9 +72,24 @@ const article: FC = () => { getData().then() }) + Taro.useUnload(() => { + clearTimeout(timing) + }) + const getData = useCallback(async () => { try { const data = await brandApi.articleInfo(id) + + setTiming(setTimeout(() => { + HomeApi.articleViews(id).then(() => { + setArticleInfo({ + ...data, + page_view: data.page_view + 1 + }) + articlesEvent.recordsAdd({id: Number(id), view: (data?.page_view || 0) + 1}) + }) + }, 10000)) + Taro.setNavigationBarTitle({title: data.title}) if (data.content.length < 200) { setUltra(false) @@ -124,7 +142,7 @@ const article: FC = () => { {d?.name} {beforeTime(articleInfo?.created_at)} . - 阅读 {articleInfo.page_view || 1} + 阅读 {articleInfo.page_view || 0} @@ -152,7 +170,7 @@ const article: FC = () => { {d?.name} {beforeTime(articleInfo?.created_at)} . - 阅读 {articleInfo.page_view || 1} + 阅读 {articleInfo.page_view || 0}