<!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="" />-->

    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script type="text/javascript" src="/static/js/h5/common.js"></script>
    <script src="/static/js/common.js?v="+Math.random()></script>
    <script>
        document.write('<link href="/static/css/html5/meeting/meeting-prefecture-list.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">
    <script src="/static/js/swiper-bundle.min.js"> </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-firstlogin"></div>

        <input type="hidden" th:value="${conferId}" id="conferId" class="conferId">
        <input type="hidden" th:value="${memToken}" id="memToken" class="memToken">
        <div class="swiper-container" v-if="info.sysRecommendDTOs.length>0">
            <div class="swiper-wrapper">
                <div v-for="(item,i) in info.sysRecommendDTOs" class="swiper-slide">
                    <img @click="gotoAdHtml(item.rcmdUrl)" onload="AutoResizeImage(750,422,this)" :src="item.rcmdImgpath">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="cover" v-if="info.sysRecommendDTOs.length==0">
            <img onload="AutoResizeImage(750,422,this)" :src="info.coverImg">
        </div>
        <div class="tab">
            <div tabId="1" v-for="(item,i) in cata" :class="{active : item.active == 1}" @click="chooseTab(i)" class="tab-item">{{item.name}}</div>
        </div>
        <div v-show="cata[1].active == 1" class="detail" v-html="info.detail">
        </div>
        <div v-show="cata[0].active == 1" class="list">
            <div v-for="(item,i) in info.sonList" @click="meetingDetails(item.id)" class="list-item float">
                <div class="left">
                    <img onload="AutoResizeImage(288,162,this)" :src="item.coverImg">
                </div>
                <div class="right">
                    <div class="title">{{item.title}}</div>
                    <div class="time1">{{item.province}}·{{item.city}}   {{item.timeStr}}</div>
                    <div class="time">{{item.peopleCount}}次学习</div>
                    <div class="money" v-if="item.isSell==1"></div>
                    <div class="money" v-else-if="item.price>0"><span>¥</span>{{item.price}}</div>
                    <div class="jf" v-else-if="item.point>0">{{item.point}}<span>积分</span></div>
                    <div class="free" v-else>免费</div>
                </div>
            </div>
        </div>
        <div class="footer" v-if="info.isSell==0">
            <div class="left">
                <img src="http://files.qkyxzx.com/html5/user.png"/>
                <div class="wx" @click="copyPhone()">添加微信</div>
                <div class="phone"><a style="text-decoration:none;color:#fff" href="tel:17621769788">电话咨询</a></div>
            </div>
            <div class="right" @click="addUser(info.id)">参会预约</div>
        </div>
        <!--    <p id="bottomInfo">全科在线提供技术支持</p>-->
    </div>
    <footer>
        <div th:include="html5/common::common-footer"></div>
    </footer>
</body>
<script src="/static/js/vue.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script th:inline="javascript">
    //<![CDATA[
    var fromlogin = [[${fromlogin}]];
    //]]>
</script>
<script>
    document.write('<script src="/static/js/h5/meeting/meeting-prefecture-list.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>
