bwj_wechat/pages/liveStreaming/index.wxml

<view style="height: 14rpx;"></view>
<My_NavTabs tabsList="{{tabsList}}" tabsIndex="{{tabsIndex}}" bindsetIndex="setIndex" liveDownload="{{true}}" />
<view class="msgBox">
    <!-- 标题和按钮 -->
    <view class="msgBox-title-and-but">
        <view class="msgBox-title">直播账号信息</view>
        <view class="msgBox-but">
            <van-button custom-class="custom-class-msgBox-but">一键开播</van-button>
        </view>
    </view>
    <!-- 直播信息 -->
    <view wx:if="{{accountStatus==1}}" class="account-information">
        <view class="account-information-row">
            <view>
                <view class="title" style="margin-right: 8rpx;">密码</view>{{accountMsg.channelpasswd}}
            </view>
            <view>
                <view class="title">直播间地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fliveshowurl}}</view>
                <view data-url="{{accountMsg.fliveshowurl}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
        <view class="account-information-row">
            <view>
                <view class="title">助教地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fassistanturl}}</view>
                <view data-url="{{accountMsg.fassistanturl}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
        <view class="account-information-row">
            <view>
                <view class="title">客户端开播地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fliveurl_client}}</view>
                <view data-url="{{accountMsg.fliveurl_client}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
        <view class="account-information-row">
            <view>
                <view class="title">web端开播地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fliveurl_web}}</view>
                <view data-url="{{accountMsg.fliveurl_web}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
    </view>
    <view wx:else class="go-to-apply-for" catchtap="applyForLive">
        {{accountStatus==3?'暂无账号 点击申请 ':'直播申请中'}}<image wx:if="{{accountStatus==3}}" style="width: 20rpx; height: 22rpx; margin-left: 8rpx;" src="/static/icon-07.png"></image>
    </view>
</view>
<!-- 数据 -->
<view wx:if="{{accountStatus==1}}" class="msgBox clearfix" style="white-space:nowrap;">
    <!-- 标题和按钮 -->
    <view class="msgBox-title-and-but">
        <view class="msgBox-title">直播数据</view>
    </view>
    <!-- 数据宫格 -->
    <view class="data-grid">
        <view>
            <view class="title">观看次数(次)</view>
            <view class="number">{{liveDataCount.viewCounts}}</view>
        </view>
        <view>
            <view class="title">观看人数(人)</view>
            <view class="number">{{liveDataCount.viewers}}</view>
        </view>
        <view>
            <view class="title">观看时长(分钟)</view>
            <view class="number">{{liveDataCount.viewDuration}}</view>
        </view>
        <view>
            <view class="title">人均观看次数(次)</view>
            <view class="number">{{liveDataCount.viewCountsAvg}}</view>
        </view>
        <view>
            <view class="title">人均观看时长(分钟)</view>
            <view class="number">{{liveDataCount.viewDurationAvg}}</view>
        </view>
    </view>
    <!-- 数据表格 -->
    <scroll-view scroll-x="{{true}}" class="data-formlist">
        <!-- 表头 -->
        <view class="data-formlist-header">
            <view class="w200rpx">开始时间</view>
            <view style="width: 180rpx;">直播id</view>
            <view style="width: 160rpx;">观看次数(次)</view>
            <view style="width: 200rpx;">观看时长(分钟)</view>
            <view style="width: 240rpx;">描述</view>
        </view>
        <!-- 表格 -->
        <view wx:for="{{liveSessionList}}" class="data-formlist-row">
            <view class="w200rpx">{{item.starttime}}</view>
            <view style="width: 180rpx;">{{item.sessionid}}</view>
            <view style="width: 160rpx;">{{item.liveuv}}</view>
            <view style="width: 200rpx;">{{item.duration}}</view>
            <view style="width: 240rpx; display: flex; align-items: center;">
                <input disabled="{{true}}" style="width: 100%; text-align: center;" type="text" value="{{item.description==null?'暂无':item.description}}" />
            </view>
        </view>
    </scroll-view>
    <view class="paging-button">
        <view>
            <van-button custom-class="paging-button-class" catchtap="buttonRightClick"></van-button>
            <view class="paging-button-icon icon-right">
                <van-icon name="arrow" />
            </view>
        </view>
        <text>{{pageNumber}}</text>
        <view>
            <van-button custom-class="paging-button-class" catchtap="buttonLifeClick"></van-button>
            <view class="paging-button-icon icon-left">
                <van-icon name="arrow-left" />
            </view>
        </view>
    </view>
</view>