<!Doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="全科界"/>
    <meta name="keywords" content="全科界,全科医生,健康教育,中华医学教育在线,基石计划,中医药,公共卫生,基层卫生"/>
    <meta name="description"
          content="全科界 · 智慧赋能平台是一个服务广大基层医疗机构，为基层医务人员持续赋能的综合性平台。 平台依托全科场景，倾心打造了以“医-教”为核心的赋能架构，通过远程教学培训、全科医生职业发展、远程医疗协作等子系统建设，结合优质的专家资源，高效精准地进行专业能力的输出，同时灵活丰富的培训教学方式，真正实现基层医务人员的“个性化”学，促进基层医务人员能力提升，落实国家分级诊疗政策，让社区群众便捷接触到优质医疗资源，增进民生福祉。"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全科界-智慧赋能平台</title>
    <link rel="stylesheet" href="/static/css/web/live/page.css">
    <link rel="stylesheet" href="/static/css/web/live/live-zhuanqu.css">
    <link href="/static/web/js/layer.css" rel="stylesheet">
    <link href="/static/web/css/new.css" rel="stylesheet">
    <link href="/static/web/css/kandytabs.css" rel="stylesheet">
    <link href="/web/css/common.css" rel="stylesheet" />
    <script src="/static/web/js/jquery-3.5.1.min.js"></script>
    <script src="/static/web/js/layer.js"></script>
    <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/web/js/kandytabs.pack.js?v=" +Math.random()></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.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>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<body>
<div class="index-box">
    <!--导航栏-->
    <div th:include="web/common::common-header-web"></div>
    <div th:include="web/common::common-conMusic"></div>
    <input type="hidden" id="liveId" th:value="${liveId}"/>

    <!--首页主体盒子-->
    <div v-cloak class="indexmainbox">


        <div class="zhuanquxqbox">


            <div class="xqtablistbox kechengxqleftbox" style="box-shadow: 0 0 5px #eee;">
                <div class="zqxqtopbox">
                    <div class="zhibozqxqimg">
                        <img :src="liveInfo.liveCoverImg" style="    height: 532px;">
                    </div>
                    <!--                        <img src="img/zb2.png">-->

                </div>

                <!--title-->
                <div class="zqxqtitlebox">
                    <div class="zqbotboxleft">
                        <div class="zqxqtitletop">{{liveInfo.liveTitle}}</div>
                        <div class="zqxqtiaojian">
<!--                            <div class="lisoiocn"><em></em><span> {{liveInfo.purchasedMembers}}人学习</span></div>-->
                            <div class="lisoiocn">
                                <span v-if="liveInfo.liveManTime>9999"><em></em><span> {{(liveInfo.liveManTime / 10000).toFixed(2)}}万人次学习</span></span>
                                <span v-else><em></em><span> {{liveInfo.liveManTime}}人次学习</span></span>
                            </div>

                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="zqbotboxright">
                        <span v-if="(liveInfo.price==0 &&liveInfo.pointFlag==0 && liveInfo.isPurchased == 0) || (liveInfo.price==0 &&liveInfo.pointFlag==1 && liveInfo.point==0 && liveInfo.isPurchased == 0)"
                              @click="addFreeBuyApi()" class="ljpaybtn">参会申请</span>
                        <span v-if="liveInfo.pointFlag==1 && liveInfo.point>0 && liveInfo.isPurchased == 0"
                              class="ljpaybtn" @click="toPay()">
                            立即购买：{{liveInfo.point}}积分
                        </span>
                        <span v-if="liveInfo.price>0 && liveInfo.pointFlag==0&& liveInfo.isPurchased == 0"
                              class="ljpaybtn" @click="toPay()">立即购买：{{liveInfo.price}}元
                        </span>
                        <span :title="collect ? '已收藏，可在我的收藏中查看' : ''" class="collect-btn" :class="collect ? 'collected' : ''" @click="collectFn()">
                            <img class="collectImg" :src="collectImgSrc" />
                            {{collect ? '已收藏' : '收藏'}}
                        </span>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>


            <div class="xqtablistbox kechengxqleftbox">
                <div class="scrollText" v-if="liveInfo.scrollText">{{liveInfo.scrollText}}</div>
                <div class="xqtitlebox">
                                            <span v-for="(item,i) in cata" @click="chooseTab(i)"
                                                  :class="{'nowclcik' : item.active == 1}"
                                            >{{item.name}}
                                            </span>
                </div>
                <!--详情-->
                <dd v-if="cata[0].active == 1">
                    <div class="zblisoutbox" id="zq">
                        <div class="zbtjlist" v-for="(son,i) in liveInfo.sons" @click="gotoDetail(son)">
                            <!--直播中（living）、未开始（nostart）、已结束（gameover）、可回看（relook）、专区（zhuanqu）-->
                            <div class="zbtjicon living" v-if="son.liveStatus == 1">直播中</div>
                            <div class="zbtjicon nostart" v-if="son.liveStatus == 0">未开始</div>
                            <div class="zbtjicon gameover" v-if="son.liveStatus == 2">已结束</div>
                            <div class="zbtjicon relook" v-if="son.liveStatus == 3">可回看</div>
                            <div class="tjtoppicbox"><img :src="son.liveCoverImg"></div>
                            <div class="tjzbbotbox">
                                <div class="listtitle">{{son.liveTitle}}</div>
                                <div class="listdata">
<!--                                    <span>{{son.liveManTime}}次学习</span>-->
                                    <div v-if="son.liveType==1 && son.liveStatus==0" class="zbCount">
                                        <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="zbCount">
                                        <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="zbCount">
                                        <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="jpdkprize">免费</div>
                                    <div v-else-if="son.isSell == 0 && son.pointFlag==1 && son.point>0" class="jpdkprize">{{son.point}}<span>积分</span></div>
                                    <div v-else-if="son.isSell == 0 && son.price>0" class="jpdkprize"><span>¥</span>{{son.price}}</div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </dd>
                <div v-if="cata[1].active == 1" class="xqtabbox">
                    <div class="detail" style="color: black;" v-html="liveInfo.liveContent"></div>
                </div>
                <div v-if="cata[2].active == 1" class="xqtabbox">
                    <div class="detail" style="color: black;" v-html="liveInfo.showHall"></div>
                </div>
            </div>

        </div>

        <div class="in_main_rightbox kcxqrightbox">


            <!--加入圈子-->
            <div class="in_main_rightbox kcxqrightbox">


                <!--加入圈子-->
                <div class="joinus">
                    <div class="tjtitle">加入圈子</div>
                    <div class="joinbox">

                        <div class="joinlistbox" v-for="(item,i) in queryQrCode">
                            <div class="qunnamne">{{item.name}}</div>
                            <div class="joinbtn">加入</div>
                            <div class="qewmbox">
                                <div class="qewmpic"><img :src="item.qrImg"></div>
                                <div class="qewmright">
                                    <span class="qunliaotitle">扫码加入群聊</span>
                                    <span class="qunliaotext">进群请备注一下您的姓名、城市、职称</span>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

                <!--广告位置-->
                <div class="adboxright">
                    <img src="/static/img/adtest.jpeg">
                </div>

                <!--资讯推荐-->
                <div class="zixunlistbox">
                    <div class="haveckgd">
                        <div class="tjtitle">资讯推荐</div>
                        <a class="lookmore" href="/view/index?from=web" target="_blank">查看更多</a>
                        <div class="clear"></div>
                    </div>
                    <div class="zxtjbox">

                        <div class="zxlisttext">
                            <a class="zxtjtextbox" v-for="(item,i) in consulting"
                               :href="'/view/detail?from=web&artId=' + item.rcmdObjId" target="_blank">
                                <span class="zxtjlistnu threelist">{{ i+1 }}</span>
                                <div class="zxtjlistbitle">
                                    <div class="zxtitle">{{item.rcmdTitle}}</div>
                                    <div class="zxdatabox">
                                        <span>{{item.author}}</span>
                                        <span>{{item.click}}阅读</span>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </a>
                        </div>
                    </div>
                </div>


                <!--广告位置-->
                <div class="adboxright">
                    <img src="/static/img/adtest.jpeg">
                </div>


            </div>
            <div class="clear"></div>


        </div>
        <div class="clear"></div>


    </div>
</div>


<!--底部公共区域-->
<div th:include="web/common::common-bottom-web"></div>
<!--返回顶部-->
<div th:include="web/common::common-back-web"></div>

</div>


<script type="text/javascript">
    $("#tabs").KandyTabs(
        {
            action: "fade",
            trigger: "click"
        }
    );
</script>

</body>

<script type="text/javascript" src="/static/js/checkysrz.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/web/js/common.js"></script>
<script type="text/javascript" src="/static/js/ucenter.js"></script>
<script type="text/javascript" src="/static/js/vue.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="https://web.sdk.qcloud.com/player/tcplayerlite/release/v2.4.1/TcPlayer-2.4.1.js"
        charset="utf-8"></script>
<script>
    document.write('<script src="/static/js/web/live/live-zhuanqu.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/web/js/common.js"></script>
</html>


<!--<div class="layerform" id="smrz" style="display: none">-->
<!--    <div class="layertitle">实名认证</div>-->
<!--    <p class="redtxt">注:应国家相关法律要求,请认真填写信息,同时方便我们给您邮寄学习资料</p>-->
<!--    <form class="writeform">-->

<!--        <div>-->
<!--            <label>真实姓名：</label><span><input id="userName" placeholder="请输入真实姓名" type="text"/></span></div>-->
<!--        <div>-->
<!--            <label>性别：</label><span><span class="magic-radiobox"><input id="r1" class="magic-radio"-->
<!--                                                                        name="sex"-->
<!--                                                                        type="radio" value="1">-->
<!--            <label for="r1">男</label>&nbsp;&nbsp;&nbsp;-->
<!--            <input id="r2" checked class="magic-radio" name="sex" type="radio" value="2">-->
<!--            <label for="r2">女</label> </span></span></div>-->

<!--        <div>-->
<!--            <label>证件号码：</label><span><input id="card" placeholder="请输入证件号码" type="text"/></span></div>-->
<!--        <div>-->
<!--            <label>从业经验：</label><span><select id="experience">-->
<!--            <option value="-1">请选择</option>-->
<!--									<option value="1">1-3年</option>-->
<!--									<option value="2">3-5年</option>-->
<!--									<option value="3">3-5年</option>-->
<!--									<option value="4">3-5年</option>-->
<!--									<option value="5">3-5年</option>-->
<!--        </select></span></div>-->

<!--        <div>-->
<!--            <label>单位名称：</label><span><input id="unitName" placeholder="请输入" type="text"/></span></div>-->
<!--        <div>-->
<!--            <label>科室名称：</label><span><input id="department" placeholder="请输入" type="text"/></span></div>-->
<!--        <div>-->
<!--            <label>单位详细地址：</label><span><input id="address" placeholder="请输入单位详细地址" type="text"/></span></div>-->


<!--        <div>-->
<!--            <label></label><span>-->
<!--            <button class="ysrzbtn" name="Abutton1" id="submitInfo" type="button">提交信息-->
<!--            </button></span></div>-->
<!--    </form>-->
<!--</div>-->

<!--预约直播后提示用户关注服务号会给推送消息-->
<!--<div class="layerform" id="ysrz" style="display: none">-->
<!--    <div class="layertitle">医师信息</div>-->
<!--    <form class="writeform">-->
<!--        <div><label><i>*</i>职称1：</label><span>-->
<!--            <select id="professional" name="Select1"> </select>-->
<!--        </span></div>-->
<!--        <div><label><i>*</i>职称2：</label><span>-->
<!--            <select id="professionalTwo" name="Select1"> </select>-->
<!--        </span></div>-->
<!--        <div><label><i>*</i>职务：</label><span>-->
<!--            <select id="post" name="Select1"></select>-->
<!--        </span></div>-->
<!--        <div><label><i>*</i>执业编码：</label><span>-->
<!--            <input id="businessLicense" name="Text1" type="text" placeholder="请输入医师执业资格证书编码"/>-->
<!--        </span></div>-->
<!--        <div><label></label><span>-->
<!--            <button name="Abutton1" type="button" id="submitInformation"-->
<!--                    class="ysrzbtn">提交信息</button>-->
<!--        </span></div>-->

<!--    </form>-->
<!--</div>-->

<!--预约直播后提示用户关注服务号会给推送消息-->
<!--<div class="layerform" id="wjdc" style="display: none">-->
<!--    <div class="layertitle">问卷调查</div>-->
<!--    <form class="writeform" id="writeform">-->

<!--    </form>-->
<!--</div>-->


<!--直播报名需要采集的信息-->
<div class="caijbox" style="display: none">
    <div class="caijialert">
        <div class="tijiaoform">
            <span class="caijititle">信息采集</span>
            <input type="text" name="" placeholder="信息采集">
            <input type="text" name="" placeholder="信息采集">
            <input type="text" name="" placeholder="信息采集">
            <input type="text" name="" placeholder="信息采集">
        </div>
        <div class="tijiaobtn">信息提交</div>
        <span class="closebtn">关闭</span>
    </div>
</div>




<!--认证信息公共部分-->
<div th:include="web/common::common-authentication"></div>
<script type="text/javascript" src="/static/js/web/authentication.js"></script>












