feats

src/constants/api.js

@@ -95,6 +95,7 @@ export const API_SALES_BATCH = resolvePath('taSalesBatch')
 export const API_ADDLIVE_NUM = resolvePath('addVisitNum')
 export const API_LIVE_LIST = resolvePath('taLiveActivity')
 export const API_VIDEO_LIST = resolvePath('videoActiveList')
+export const API_LIVING_CODE = resolvePath('taLiveActivity/work/livingCode')
 
 
 //sign

src/pages/video/liveDetail/index.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import Taro, { useDidShow, useReady } from "@tarojs/taro";
 import withLayout from "@/layout";
 import { Image } from "@tarojs/components";
@@ -6,6 +6,7 @@ import { queryLiveDetail } from "@/services/item";
 import useParams from "@/utils/hooks/useParams";
 import useShare from "@/utils/hooks/useShare";
 import { getImgURL } from "@/utils/image";
+import { getLivingCode } from '@/services/activity'
 import "@/assets/css/iconfont.css";
 import "./index.scss";
 
@@ -14,15 +15,17 @@ export default withLayout((props) => {
   const { id } = router.params;
 
   const [data,setData] = useState({})
+  // 直播间凭证
+  const livingCodeRef = useRef()
   
   // 本页面分享或者海报参数
   const paramsRef = useParams({
     id,
-    buildingId: data.buildingId,
+    buildingId: data?.buildingId,
     person,
     from: `${page.type}_share`,
   });
-  const fullTrackData = { ...trackData, buildingId: data.buildingId };
+  const fullTrackData = { ...trackData, buildingId: data?.buildingId };
   
   useShare(
     {
@@ -36,9 +39,31 @@ export default withLayout((props) => {
   const getData = () => {
     queryLiveDetail(id).then(res=>{
         setData(res)
+        if (res?.liveRoomParam) {
+          getLivingCode(res.liveRoomParam).then((r) => {
+            livingCodeRef.current = r
+          })
+        }
     })
   };
 
+  const handleLive = () => {
+    if (!livingCodeRef.current) {
+      Taro.showToast({
+        title: '查询直播凭证失败, 请退出重试',
+        icon: 'none',
+      })
+      return;
+    }
+
+    // 跳转到直播
+    Taro.navigateToMiniProgram({
+      // 固定跳转到微信企业直播
+      appId: 'wx7424030d69bde86e',
+      path: `pages/watch/index?living_code=${livingCodeRef.current}`,
+    })
+  }
+
   useEffect(() => {
     if (id) {
       getData(id);
@@ -49,7 +74,7 @@ export default withLayout((props) => {
        {data.liveActivityId&&<><Image mode='aspectFill' src={getImgURL(data.detailTypeImg)} className='liveImg'></Image>
        <view className='liveDetail-menu'>
            <view onClick={()=>{Taro.navigateTo({ url: `/pages/index/buildingDetail/index?id=${data.buildingId}` })}}><text className="iconfont icon-fenxiang"></text><text>查看楼盘</text></view>
-           <view><text className="iconfont icon-camera"></text><text>观看直播</text></view>
+           <view onClick={handleLive}><text className="iconfont icon-camera"></text><text>观看直播</text></view>
            <button openType="share"><text className="iconfont icon-fenxiang"></text><text>分享好友</text></button>
        </view></>}
   </view>;

src/pages/video/videoDetail/index.jsx

@@ -19,11 +19,11 @@ export default withLayout((props) => {
   // 本页面分享或者海报参数
   const paramsRef = useParams({
     id,
-    buildingId: data.buildingId,
+    buildingId: data?.buildingId,
     person,
     from: `${page.type}_share`,
   });
-  const fullTrackData = { ...trackData, buildingId: data.buildingId };
+  const fullTrackData = { ...trackData, buildingId: data?.buildingId };
   
   useShare(
     {

src/services/activity.js

@@ -19,6 +19,7 @@ import {
   API_GROUP_DETAIL,
   API_GROUP_JOIN,
   API_GROUP_CREATE,
+  API_LIVING_CODE,
 } from '@/constants/api'
 
 /**
@@ -110,3 +111,5 @@ export const giveFriendHelp = payload => fetch({ url: API_HELP_FRIEND, method: '
 export const getGroupDetail = (id, recordId, payload, header) => fetch({ url: `${API_GROUP_DETAIL}/${id}${recordId ? '?recordId=' + recordId : ''}`, payload, method: 'GET', header })
 export const createGroupActivity = payload => fetch({ url: API_GROUP_CREATE, method: 'POST', payload })
 export const joinGroupBuy = payload => fetch({ url: API_GROUP_JOIN, method: 'POST', payload })
+
+export const getLivingCode = livingid => fetch({ url: `${API_LIVING_CODE}?livingid=${livingid}` })