qjd-user-uniapp/pagesGood/pickVideo.nvue

<template>
	<view class="container" :style="'height: '+windowHeight+'px;'">
    <jhlive 
			ref="jhlive" 
			class="jhlive"
			:sdkAppID="sdkAppID" 
			:secretKey="secretKey"
			:userId="userId"
			:roomId="roomId"
			:isAuthor="isAuthor"
			:linkMic="linkMic" 
			:avatar="avatar"
			:num="num?'已连接':'等待商家进入'"
			:likes="likes"
      :name="name"
      @onRemoteUser="num=$event.length" />
	</view>
</template>

<script>
	import jhlive from "@/jhlive/jhlive";
	const NET = require('@/utils/request')
	const API = require('@/config/api')
	
	export default {
		components: { jhlive },
		data() {
			return {
        userData: {},
        orderId: '',
        tenantCode: '',
        goodsList: [],
        
        isAuthor: false,
        linkMic: true,
        sdkAppID:API.sdkAppID,
			  secretKey:API.secretKey,
				windowWidth: 0,
				windowHeight: 0,
				userId: '',
				roomId: '',
				liveId: '',
				num: 0,
				likes: 0,
				name: "",
        avatar: "../static/images/loginLogo.png",
			}
		},
		onLoad(options) {
      this.tenantCode = options.tenantCode,
			this.orderId = options.orderId
      this.userData = uni.getStorageSync("userData");
			let info = uni.getSystemInfoSync();
			this.windowWidth = info.windowWidth;
      this.windowHeight = info.windowHeight;
    },
    onReady() {
      this.init();
    },
		methods: {
      init() {
        NET.request(API.linkPickVideo, {
          tenantCode : this.tenantCode,
          orderId: this.orderId
        }, 'GET').then(res => {
          this.name = res.data.tenantName;
          this.avatar = res.data.headImg;
          this.liveId = res.data.liveId;
          this.roomId = res.data.roomId;
          this.goodsList = res.data.liveProducResVO;
          this.$nextTick(() => this.enterRoom());
        }).catch(error => {
          uni.showToast({
              title: error.data.msg,
              duration: 2000
            });
        });
      },
      enterRoom() {
				this.$refs.jhlive&&this.$refs.jhlive.enterRoom();
			},
			exitRoom() {
        this.$refs.jhlive&&this.$refs.jhlive.exitRoom();
			},
		}
	}
</script>

<style lang="less" scoped>
.container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 750rpx;
}

.jhlive {
  width: 750rpx;
  flex: 1;
}	
</style>