<!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 src="/static/js/common.js?v="+Math.random()></script>
    <script>
        document.write('<link href="/static/css/html5/user/buy-record.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
    <link href="/static/css/html5/common.css?v=" +Math.random() rel="stylesheet" type="text/css"/>

    <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" v-cloak>
<!--        <div  th:include="html5/common::common-header"></div>-->
        <div th:include="html5/common::common-integral"></div>
        <input type="hidden" th:value="${memToken}" id="memToken" class="memToken">
        <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 id="list"  class="list">
            <div v-if="list.length == 0" class="no-data">
                <img onload="AutoResizeImage(280,200,this)" src="https://files.qkyxzx.com/html5/null.png"/>
                <div class="info">暂无数据</div>
            </div>
            <div @click="gotoDetails(item)" v-for="(item,i) in list" class="list-item float">
                <div class="left">
                    <img v-if="item.orderType == 1" :src="'http://files.qkyxzx.com/'+item.qkjTqcourse.coverImg">
                    <img v-if="item.orderType == 2" :src="'http://files.qkyxzx.com/'+item.qkjLive.liveCoverImg">
                    <img v-if="item.orderType == 3" :src="'http://files.qkyxzx.com/'+item.qkjConference.coverImg">
                    <img v-if="item.orderType == 4 && item.qkjCourseWare.fileType == 3" onload="AutoResizeImage(288,162,this)" src="http://files.qkyxzx.com/html5/pdf.png">
                    <img v-if="item.orderType == 4 && item.qkjCourseWare.fileType == 2" onload="AutoResizeImage(288,162,this)" src="http://files.qkyxzx.com/html5/word.png">
                    <img v-if="item.orderType == 4 && item.qkjCourseWare.fileType == 1" onload="AutoResizeImage(288,162,this)" src="http://files.qkyxzx.com/html5/ppt.png">
                    <img v-if="item.orderType == 4 && item.qkjCourseWare.fileType == 4" onload="AutoResizeImage(288,162,this)" src="http://files.qkyxzx.com/html5/excel.png">
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType!=2 && item.qkjLive.liveStatus==1" class="ing">直播中</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType!=2 && item.qkjLive.liveStatus == 0" class="wait">未开始</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType!=2 && item.qkjLive.liveStatus == 2" class="end">已结束</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType!=2 && item.qkjLive.liveStatus == 3" class="old">可回看</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType == 2" class="zq">专区</div>
                    <div v-if="item.orderType == 1 && item.qkjTqcourse.zq == 2" class="zq">专区</div>
                    <div v-if="item.orderType == 3 && item.qkjConference.type == 1" class="zq">专区</div>
                </div>
                <div class="right">
                    <div v-if="item.orderType == 2" class="title">{{item.qkjLive.liveTitle}}</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType==1 && item.qkjLive.liveStatus==0" class="time"> 时间：{{item.qkjLive.time}}</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType==1 && item.qkjLive.liveStatus==0" class="time"> {{item.qkjLive.remindMemberNum}}人预约</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveStatus != 0" class="time last">{{item.qkjLive.liveManTime}}人次学习</div>
                    <div v-if="item.orderType == 2 && item.qkjLive.liveType==2" class="time">共{{item.qkjLive.liveSonCount}}场直播</div>
                    <div v-if="item.orderType == 1" class="title">{{item.qkjTqcourse.title}}</div>
                    <div v-if="item.orderType == 1" class="time last">共{{item.qkjTqcourse.totalClassHours}}讲 · {{item.qkjTqcourse.studyNumTOW}}人次学习</div>
                    <div v-if="item.orderType == 4" class="title">{{item.qkjCourseWare.title}}</div>
                    <div v-if="item.orderType == 4" class="time last">{{item.qkjCourseWare.downloadMembers}}人下载</div>
                    <div v-if="item.orderType == 3" class="title">{{item.qkjConference.title}}</div>
                    <div v-if="item.orderType == 3" class="time last">{{item.qkjConference.province}}·{{item.qkjConference.city}}   {{item.qkjConference.timeStr}}</div>
                </div>
            </div>
        </div>
        <!--    <p id="bottomInfo">全科在线提供技术支持</p>-->
    </div>
    <footer>
        <div th:include="html5/common::common-footer"></div>
    </footer>
</body>
<script>
   function chooseTab(obj){
        var item = $(obj);
        var tabId = item.attr("tabId");
        console.log(tabId);
        $(".active").removeClass("active");
        item.addClass("active");
    }
</script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/ucenter.js?v="+Math.random()></script>
<script src="/static/js/vue.js"></script>
<script>
    document.write('<script src="/static/js/h5/user/buy-record.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>
