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

    <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>
    <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 id="container" 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>
    <div  th:include="html5/common::common-firstlogin"></div>

    <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(690,160,this)" :src="item.rcmdImgpath">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div style="position: relative">
        <div class="tab float">
            <div v-for="(item,i) in cata" @click="chooseTab(i)" class="tab-item" :class="{'active':item.active == 1}">
                {{item.name}}
            </div>
        </div>
        <div @click="showChooseItem()" class="choose">
            <img src="https://files.qkyxzx.com/html5/shaixuan.png" alt="">
            筛选
        </div>
    </div>
    <div id="list" class="list">
        <div v-for="(item,i) in list" @click="gotoPay(item)" class="list-item float">
            <div class="left">
                <img onload="AutoResizeImage(288,162,this)" :src="item.coverImg">
<!--                <img v-if="item.fileType == 3" onload="AutoResizeImage(288,162,this)"-->
<!--                     src="http://files.qkyxzx.com/html5/pdf.png">-->
<!--                <img v-if="item.fileType == 2" onload="AutoResizeImage(288,162,this)"-->
<!--                     src="http://files.qkyxzx.com/html5/word.png">-->
<!--                <img v-if="item.fileType == 1" onload="AutoResizeImage(288,162,this)"-->
<!--                     src="http://files.qkyxzx.com/html5/ppt.png">-->
<!--                <img v-if="item.fileType == 4" onload="AutoResizeImage(288,162,this)"-->
<!--                     src="http://files.qkyxzx.com/html5/excel.png">-->
            </div>
            <div class="right">
                <div class="title">{{item.title}}</div>
                <div class="cata">
                    <span v-for="(tag,i) in item.tags">{{tag.tag_name}}</span>
                </div>
                <div class="time">{{item.downloadMembers}}</div>
<!--                <div>-->
                    <div v-if="isVip" class="down" @click.stop="downFile(item.id)">下载</div>
<!--                </div>-->
                <div v-else>
                    <div v-if="item.isPurchased == 0 && item.pointFlag == 0 && item.price > 0" class="money"><span>¥</span>{{item.price}}
                    </div>
                    <div v-if="item.isPurchased == 0 && item.pointFlag == 0 && item.price == 0" class="money">免费</div>
                    <div v-if="item.isPurchased == 0 && item.pointFlag == 1 && item.point == 0" class="money">免费</div>
                    <div v-if="item.isPurchased == 0 && item.pointFlag == 1 && item.point > 0 " class="jf">
                        {{item.point}}<span>积分</span></div>
                    <div v-if="item.isPurchased == 1" class="down" @click.stop="downFile(item.id)">下载</div>
                </div>

            </div>
        </div>
    </div>
    <div class="bottom-logo">
        <img onload="AutoResizeImage(750,440,this)" src="/images/bottom-logo.png" alt="">
    </div>
    <div class="choose-item" @click="hideCata()" v-if="chooseItem">
        <div class="cata" style="background: #ffffff;width: 750px;height: 77%">
            <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>
    <!--    <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 type="text/javascript" src="/static/js/ucenter.js"></script>
<script th:inline="javascript">
    //<![CDATA[
    var fromlogin = [[${fromlogin}]];
    //]]>
</script>
<script>
    document.write('<script src="/static/js/h5/courseware/courseware.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>
