<view class="monitoring">
	<view class="live_show {{isLivePK?'pk-video-main':''}}">
		<block wx:if="{{liveBol}}">
			<live-player src="{{taideRoom.play_url_rtmp}}" mode="live" object-fit="fillCrop" autoplay bindstatechange="statechange"
			 binderror="error" style="width: 296rpx;height:425rpx;margin: 0 auto;display: block;" auto-pause-if-navigate="{{pauseBol}}" />
			<live-player wx:if="{{isLivePK}}" id="{{'livePKid_'+livePKData.streamid}}" src="{{livePKSrc}}" mode="live" object-fit="fillCrop"
					autoplay bindstatechange="statechangePK" binderror="errorPK"/>
		</block>
		<block wx:else>
			<video  style="width: 296rpx;height:425rpx;margin: 0 auto;display: block;" src="{{video_url}}"
			 loop="{{false}}" autoplay="{{true}}" controls="{{true}}" object-fit="cover" show-play-btn="{{true}}"
			 show-fullscreen-btn="{{false}}"></video>
		</block>
	</view>
	<view class="live_bottom">
		<view class="title_top">
			<view class="li {{active==0?'active':''}}" catchtap="setActivebtn" data-num="{{0}}">商品</view>
			<view class="li {{active==1?'active':''}}" catchtap="setActivebtn" data-num="{{1}}">聊天</view>
			<view class="li {{active==2?'active':''}}" catchtap="setActivebtn" data-num="{{2}}">禁言记录</view>
			<view class="li {{active==3?'active':''}}" catchtap="setActivebtn" data-num="{{3}}">踢人记录</view>
		</view>
		<view class="goods_list" hidden="{{!(active==0)}}">
			<view class="li" wx:for="{{taideRoom.goods}}" wx:key="index">
				<view class="left">
					<image src="{{item.thumb}}" mode='aspectFill' />
					<view class="num">{{item.sort}}</view>
				</view>
				<view class="right">
					<view class="trade_name">{{item.title}}</view>
					<view class="right_bottom">
						<view class="price">
							{{language['money']}}<text>{{item.price}}</text>
						</view>
						<view class="set_up {{now_goods.goods_id==item.id?'active':''}}" catchtap="setgoods" data-index="{{index}}">{{now_goods.goods_id==item.id?'取消当前讲解':'设置当前讲解'}}
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="criticism" hidden="{{!(active==1)}}">
			<scroll-view class="list" scroll-top="{{messagesTop}}rpx" scroll-with-animation="{{true}}" scroll-y="{{true}}"
			 enable-flex="{{true}}">
				<view class="li" wx:for="{{messageList}}" wx:key="index">
					<view class="content">
						<view class="left">
							<image src="{{item.memberAvatar}}" mode='aspectFill' />
						</view>
						<view class="right">
							<view class="name">{{item.nickName}}</view>
							<view class="chat">{{item.text}}</view>
						</view>
					</view>
					<view class="more" catchtap="morebtn" data-index="{{index}}">
						<view class="iconfont icon-zb_all_more"></view>
					</view>
					<view class="more_list" wx:if="{{item.show}}">
						<view class="more_list_left" catchtap="stopcomments" data-memberid="{{item.memberId}}" data-index="{{index}}">
							<view class="iconfont icon-all_stopcommentsl"></view>
							<view class="Prohibition">禁言</view>
						</view>
						<view class="line"></view>
						<view class="more_list_right" data-memberid="{{item.memberId}}" catchtap="kickingPlayerBtn" data-index="{{index}}">
							<view class="iconfont icon-all_tiren"></view>
							<view class="kicking">踢人</view>
						</view>
						<view class="triangle"></view>
					</view>
				</view>
			</scroll-view>
		</view>
		<view class="prohibition_lists" hidden="{{!(active==2)}}">
			<view class="list">
				<view class="li" wx:for="{{chatBanList}}" wx:key="index">
					<view class="left">
						<view class="picshow">
							<image src="{{item.avatar}}" mode='aspectFill' />
						</view>
						<view class="name">{{item.nickname}}</view>
					</view>
					<view class="right" data-memberid="{{item.member_id}}" data-index="{{index}}" catchtap="liftBanBtn">解禁</view>
				</view>
			</view>
		</view>
		<view class="prohibition_lists" hidden="{{!(active==3)}}">
			<view class="list">
				<view class="li" wx:for="{{roomBanList}}" wx:key="index">
					<view class="left">
						<view class="picshow">
							<image src="{{item.avatar}}" mode='aspectFill' />
						</view>
						<view class="name">{{item.nickname}}</view>
					</view>
					<view class="right" data-memberid="{{item.member_id}}" data-index="{{index}}" catchtap="recoverBnt">恢复</view>
				</view>
			</view>
		</view>
	</view>
	<van-popup show="{{show2}}" custom-style="width:100%;height: 530rpx;background-color: #ffffff;border-radius: 20rpx 20rpx 0rpx 0rpx;overflow: visible;"
	 position="bottom" bind:close="show2CloseBtn">
		<view class="operational_tips">
			<view class="picshow">
				<image src="{{speak.memberAvatar}}" mode='aspectFill' />
			</view>
			<view class="content">
				<view class="top">{{speak.nickName}}</view>
				<view class="bottom">是否禁止该会员发言</view>
				<view class="btngroup">
					<view class="btn" catchtap="speakcancelbtn" data-index="{{speak.index}}" data-memberid="{{speak.memberId}}">取消</view>
					<view class="btn active" catchtap="speakaffirmbtn" data-index="{{speak.index}}" data-memberid="{{speak.memberId}}">确认</view>
				</view>
			</view>
		</view>
	</van-popup>
	<van-popup show="{{show3}}" custom-style="width:100%;height: 530rpx;background-color: #ffffff;border-radius: 20rpx 20rpx 0rpx 0rpx;overflow: visible;"
	 position="bottom" bind:close="show3CloseBtn">
		<view class="operational_tips">
			<view class="picshow">
				<image src="{{shiftout.memberAvatar}}" mode='aspectFill' />
			</view>
			<view class="content">
				<view class="top">{{shiftout.nickName}}</view>
				<view class="bottom">是否将该会员移出直播间</view>
				<view class="btngroup">
					<view class="btn" catchtap="shiftoutCancelbtn" data-index="{{shiftout.index}}" data-memberid="{{shiftout.memberId}}">取消</view>
					<view class="btn active" catchtap="shiftoutAffirmbtn" data-index="{{shiftout.index}}" data-memberid="{{shiftout.memberId}}">确认</view>
				</view>
			</view>
		</view>
	</van-popup>
</view>
