<!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"/>
    <link rel="stylesheet" href="/static/css/web/course/page.css">
    <style>
        .el-pagination {
            text-align: center;
            margin-bottom: 20px;
        }
    </style>
    <meta name="sharetitle" content="全科界-精品课"/>
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医"/>
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png"/>
    <meta name="shareurl" content=""/>
    <script src="/static/js/jquery-3.5.1.min.js"></script>
    <script src="/static/web/js/layer.js"></script>
    <script src="/static/js/common.js"></script>
    <script>
        document.write('<link href="/static/css/web/course/course-index.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <link href="/static/css/web/page.css" rel="stylesheet">
    <link href="/web/css/common.css" rel="stylesheet" />
    <link href="/web/css/layer.css" rel="stylesheet">
    <link href="/web/css/new.css" rel="stylesheet">
    <script src="/static/js/ucenter.js?v=" +Math.random()></script>
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
    <script src="/static/js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="/web/js/common.js "></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.js?v=" +Math.random()></script>
    <script src="/static/web/js/common.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="index-box">
    <div th:include="web/common::common-header-web"></div>

    <!--首页主体盒子-->
    <div class="indexmainbox">
        <div class="zhuanquxqbox">
            <div class="jpklistbox">
                <div class="zqxqtopbox">
                    <div id="container" class="container" style="min-height:900px;width: 1200px">
                        <div class="page-loading" v-if="!pageLoaded">
                            <div></div>
                            <div></div>
                        </div>
                        <template v-else="pageLoaded">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div v-for="(item,i) in ad" class="swiper-slide">
                                        <img @click="gotoAdHtml(item.rcmdUrl)" onload="AutoResizeImage(960,160,this)"
                                             :src="item.rcmdImgpath" style="width:100%;height: 100%;;">
                                    </div>
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                            <!--                        第一级-->
                            <div style="position: relative;">
                                <!--<div class="tab float">-->
                                <!--<div v-for="(item,i) in cata" @click="chooseWebTab(i)" class="tab-item" :class="{'active':item.active == 1}">{{item.name}}</div>-->
                                <!--</div>-->
                                <div class="tab float">
                                    <div v-for="(item,i) in cata" @click.stop="chooseWebTab(i)" class="tab-item"
                                         :class="{'active':item.active == 1}">{{item.name}}
                                    </div>


                                    <!--<div class="oneCata">-->
                                    <!--<div v-for="(item,i) in oneCata" @click.stop="chooseCata(i,1)" class="one-item" :class="{'active':item.active == 1}">{{item.name}}</div>-->
                                    <!--</div>-->
                                    <!--<div  class="twoCata">-->
                                    <!--<div v-for="(item,i) in twoCata" @click.stop="chooseCata(i,2)" class="two-item" :class="{'active':item.active == 1}">{{item.name}}</div>-->
                                    <!--</div>-->
                                </div>
                                <div class="tab float" @click.stop="hideCata()">
                                    <!--<div class="" style="">-->
                                    <!--<div v-if="oneCata.length > 0" class="oneCata">-->
                                    <!--<div v-for="(item,i) in oneCata" @click.stop="chooseCata(i,1)" class="one-item" :class="{'active':item.active == 1}">{{item.name}}</div>-->
                                    <!--</div>-->
                                    <!--<div v-if="twoCata.length > 0" class="twoCata">-->
                                    <!--<div v-for="(item,i) in twoCata" @click.stop="chooseCata(i,2)" class="two-item" :class="{'active':item.active == 1}">{{item.name}}</div>-->
                                    <!--</div>-->
                                    <!--<div v-if="threeCata.length > 0" class="threeCata">-->
                                    <!--<div v-for="(item,i) in threeCata" @click.stop="chooseCata(i,3)" class="three-item" :class="{'active':item.active == 1}">{{item.name}}</div>-->
                                    <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="footer">-->
                                    <!--<button @click="hideCata()">取消</button>-->
                                    <!--<button @click="confirm()">确定</button>-->
                                    <!--</div>-->
                                </div>

                                <!--<div @click="showChooseItem()" class="choose">-->
                                <!--<img src="https://files.qkyxzx.com/html5/shaixuan.png" alt="">-->
                                <!--筛选-->
                                <!--</div>-->
                            </div>
                            <!--    第二级-->
                            <div style="position: relative"
                                 v-show="twoCata.length>0"
                                 :class="threeCata.length <= 0 ? 'tab-bg' : ''">
                                <div class="tab float">
                                    <div v-for="(item,i) in twoCata" @click.stop="chooseWebCata(i,2)" class="tab-item"
                                         :class="{'active':item.active == 1}">{{item.name}}
                                    </div>
                                </div>

                            </div>
                            <!--                        第三级-->
                            <div style="position: relative" v-show="twoCata.length>0"
                                 :class="threeCata.length > 0 ? 'tab-bg' : ''">

                                <div class="tab float">
                                    <div v-for="(item,i) in threeCata" @click.stop="chooseWebCata(i,3)" class="tab-item"
                                         :class="{'active':item.active == 1}">{{item.name}}
                                    </div>
                                </div>

                            </div>

                            <div class="choselistxr" v-show="isShowNewest">
                                <span class="nowrxclisk" @click="getWebIndexData(111111)">最新</span>
                                <span @click="getWebIndexData(222222)">最热</span>
                            </div>
                            <div class="choselistxr" v-show="!isShowNewest">
                                <span @click="getWebIndexData(111111)">最新</span>
                                <span class="nowrxclisk" @click="getWebIndexData(222222)">最热</span>
                            </div>

                            <div class="zblisoutbox" id="list" v-if="list.length > 0">
                                <div class="zbtjlist" v-for="(item,i) in list" @click="webcoursePrefectureList(i)">
                                    <div v-if="item.zq == 2" class="zbtjicon zhuanqu">专区</div>
                                    <div v-if="item.isSpecialCourse == 1" class="zbtjicon dingxiang">定向</div>
                                    <div class="tjtoppicbox">
                                        <img onload="AutoResizeImage(282,159,this)"
                                             :src="'http://files.qkyxzx.com/'+item.coverImg">
                                    </div>
                                    <div class="tjzbbotbox">
                                        <div class="listtitle">{{item.title}}</div>
                                        <div class="listdata">
                                            <span>共{{item.totalClassHours}}讲</span>
                                            <span v-if="item.studyNumTOW>9999">{{(item.studyNumTOW / 10000).toFixed(2)}}万人次学习</span>
                                            <span v-else>{{item.studyNumTOW}}人次学习</span>
                                            <div class="jpdkprize" v-if="item.isBuy == 0 && item.pointFlag == 0 && item.price != 0">
                                                <span>¥</span>{{item.price}}
                                            </div>
                                            <div v-if="item.isBuy == 0 && item.pointFlag == 0 && item.price == 0" class="jpdkprize">
                                                <span>免费</span></div>
                                            <div v-if="item.isBuy == 0 && item.pointFlag == 1 && item.point == 0" class="jpdkprize">
                                                <span>免费</span></div>
                                            <div v-if="item.isBuy == 0 && item.pointFlag == 1 && item.point > 0" class="jpdkprize">
                                                {{item.point}}<span>积分</span></div>
                                            <div class="clear"></div>
                                        </div>

                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="zblisoutbox" id="nodata" v-else>暂无数据</div>
                            <!--<div id="app">-->
                            <!-- elementUI实现表格属性筛选 -->
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="start"
                                    :page-size="size"
                                    layout=" prev, pager, next, total,jumper"
                                    :total="total">
                            </el-pagination>
                            <!--</div>-->
                        </template>
                    </div>
                </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>

</body>

<script src="../../../static/js/vue.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.cookie.js"></script>

<script src="../../../static/js/jweixin-1.0.0.js"></script>
<script src="../../../static/js/wxshare.js?version=20220630"></script>
<script>
</script>
<!--引入 element-ui 的样式，-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 必须先引入vue，  后使用element-ui -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>-->
<!-- 引入 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script>
    document.write('<script src="../../../static/js/web/course/course-index.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/web/js/layer.js"></script>
<script src="/static/web/js/common.js?v=" +Math.random()></script>
</html>
