<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>直播-系列</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="sharetitle" content=""/>
    <meta name="sharedesc" content="" />
    <meta name="sharepic" content="" />
    <!--    <meta name="shareurl" :content="" />-->
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2466260_gv0nlrcb4oc.css">


    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script src="/static/js/common.js?v=11"+Math.random()></script>
    <script>
        document.write('<link href="/static/css/html5/live/live-prefecture.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <link href="/static/css/html5/common.css?v=" +Math.random() rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css?v="+Math.random()>
    <script src="/static/js/swiper-bundle.min.js?v="+Math.random()></script>
    <script src="/static/js/ucenter.js?v="+Math.random()></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
    <div class="container">
<!--        <div  th:include="html5/common::common-header"></div>-->
        <div  th:include="html5/common::common-loading"></div>
        <div  th:include="html5/common::common-integral"></div>
        <div th:include="html5/common::common-conMusic"></div>
    		<input type="hidden" id="liveId" th:value="${liveId}" />
        <div class="swiper-container" v-if="liveInfo.sysRecommendDTOs.length>0">
            <div class="swiper-wrapper">
                <div class="swiper-slide" @click="gotoRcmd(item)" v-for="(item,i) in liveInfo.sysRecommendDTOs"><img onload="AutoResizeImage(750,422,this)" :src="item.rcmdImgpath" /></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="cover" v-if="liveInfo.sysRecommendDTOs.length==0">
            <img onload="AutoResizeImage(750,422,this)" :src="liveInfo.liveCoverImg">
        </div>
        <div class="make float" ref="make">
<!--            <div class="total">{{liveInfo.liveManTime}}次学习</div>-->
<!--            <div class="showCom"  @click="showTast()">-->
<!--                <i class="iconfont icon-diannao"></i>-->
<!--            </div>-->
            <marquee v-if="liveInfo.scrollText" class="scrollText" scrollamount="5" direction="left">{{liveInfo.scrollText}}</marquee>
        </div>
<!--    直播名称-->
        <div class="liveTitle">{{liveInfo.liveTitle}}</div>
        <div class="tab">
            <div v-for="(item,i) in cata" @click="chooseTab(i)" :class="{active : item.active == 1}" class="tab-item">{{item.name}}</div>
        </div>
        <div class="content">
            <div v-if="cata[0].active == 1" class="list">
                <div class="list-item float"  v-for="(son,i) in liveInfo.sons" @click="gotoDetail(son)">
                    <div class="left">
                        <img :src="son.liveCoverImg">
                        <div v-if="son.liveType!=2 && son.liveStatus==1" class="ing">直播中</div>
                        <div v-if="son.liveType!=2 && son.liveStatus == 0" class="wait">未开始</div>
                        <div v-if="son.liveType!=2 && son.liveStatus == 2" class="end">已结束</div>
                        <div v-if="son.liveType!=2 && son.liveStatus == 3" class="old">可回看</div>
                        <div v-if="son.liveType == 2" class="zq">专区</div>
                    </div>
                    <div class="right">
                        <div class="title">{{son.liveTitle}}</div>
                        <div v-if="son.liveType==1 && son.liveStatus==0" class="time"> 开始时间：{{son.liveBeginTime}}</div>

                        <div v-if="son.liveType==1 && son.liveStatus==0" class="time last">
                            <span v-if="son.remindMemberNum>9999">{{(son.remindMemberNum / 10000).toFixed(2)}}万人预约</span>
                            <span v-else>{{son.remindMemberNum}}人预约</span>
                        </div>
                        <div v-if="son.liveType==1 && son.liveStatus != 0 " class="time last">
                            <span v-if="son.liveManTime>9999">{{(son.liveManTime / 10000).toFixed(2)}}万人次学习</span>
                            <span v-else>{{son.liveManTime}}人次学习</span>
                        </div>
                        <div v-if="son.liveType==2" class="time last">
                            <span v-if="son.count>9999">{{son.liveSonCount}}场直播·{{(son.count / 10000).toFixed(2)}}万人次学习</span>
                            <span v-else>{{son.liveSonCount}}场直播·{{son.count}}人次学习</span>
                        </div>

                        <div v-if="son.isSell == 0 && (son.price==0 && son.pointFlag==0) || (son.price==0 && son.pointFlag==1 && son.point==0)" class="free">免费</div>
                        <div v-else-if="son.isSell == 0 && son.pointFlag==1 && son.point>0" class="jf">{{son.point}}<span>积分</span></div>
                        <div v-else-if="son.isSell == 0 && son.price>0" class="money"><span>¥</span>{{son.price}}</div>
                    </div>
                </div>
            </div>
            <div v-if="cata[1].active == 1" class="detail" v-html="liveInfo.liveContent"></div>
            <div v-if="cata[2].active == 1" class="detail" v-html="liveInfo.showHall"></div>
        </div>
<!--        <div v-if="cata[0].active == 1" class="bq">-->
<!--            <img src="http://files.qkyxzx.com/html5/bqsm.png">-->
<!--        </div>-->
        <!--=课程详情按钮-->
        <div class="footer" v-if="liveInfo.isPurchased==0 && liveInfo.isSell==0">
            <button v-if="(liveInfo.price==0 &&liveInfo.pointFlag==0) || (liveInfo.price==0 &&liveInfo.pointFlag==1 && liveInfo.point==0)" class="immediately" @click="addFreeBuyApi()">参会申请</button>
            <button v-else-if="liveInfo.pointFlag==1 && liveInfo.point>0" class="consume" @click="toPay()">立即购买：{{liveInfo.point}}积分</button>
            <button v-else-if="liveInfo.price>0" class="consume" @click="toPay()">立即购买：{{liveInfo.price}}元</button>
        </div>

        <div v-if="toast" class="toast">
            <div class="toast-content">
                <div class="toast-info-title">电脑端观看</div>
                <div class="toast-info-content">
                    <div>地址</div>
                    <div>{{url+"&liveId="+liveId}}</div>
                </div>
                <div class="toast-info-bottom">复制链接后电脑端浏览器打开即可观看</div>
                <button @click="copy()">点击复制</button>
                <img @click="closeToast()" class="close" src="http://files.qkyxzx.com/html5/close.png"/>
            </div>
        </div>

        <!--    审核中-->
        <div class="auditBox" style="display: none"  v-show="isAudit">
            <div class="audit">
                <p class="auditClose" @click="closeAudit()"><img src="/images/guanbi2.png" alt=""></p>
                <p class="auditPic"><img src="/images/baoming.png" alt=""></p>
                <p class="auditTip">报名表审核中...</p>
            </div>
        </div>
    </div>
<!--    <button class="more" style="display: none;">加载更多</button>-->
    <footer>
        <div th:include="html5/common::common-footer"></div>
    </footer>
    <div  th:include="html5/common::common-firstlogin"></div>

    <!--    <div class="firstlogin-toast">-->
<!--        <div class="integralType2">首次登录</div>-->
<!--        <div class="integralCount2"><img src="http://files.qkyxzx.com/html5/jb.png"/>+200</div>-->
<!--    </div>-->
</body>
<script src="/static/js/vue.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/static/js/checkysrz.js"></script>
<script th:inline="javascript">
    //<![CDATA[
    var fromlogin = [[${fromlogin}]];
    //]]>
</script>
<script type="text/javascript" src="/static/js/h5/common.js"></script>
<script>
    document.write('<script src="/static/js/h5/live/live-prefecture.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
</html>
