<!DOCTYPE html>
<html lang="en" 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"/>
    <script src="/static/js/jquery-3.5.1.min.js?v=" +Math.random()></script>
    <script src="/static/js/common.js?v=" +Math.random()></script>
    <link rel="stylesheet" href="/static/css/web/view/view-detail.css?v=" +Math.random()>
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
    <script src="/static/js/swiper-bundle.min.js"></script>
    <link href="/web/css/common.css" rel="stylesheet">
    <link href="/static/css/web/page.css" rel="stylesheet">
    <link href="/web/css/layer.css" rel="stylesheet">
    <link href="/web/css/new.css" rel="stylesheet">

    <link href="/static/web/css/page.css" rel="stylesheet">
    <link href="/static/web/css/common.css" rel="stylesheet">
    <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 th:include="web/common::common-header-web"></div>
<!--<div th:include="web/common::common-conMusic"></div>-->

<div class="index-box">
    <div class="container" v-cloak>
        <input type="hidden" id="artId" th:value="${artId}">
        <!--广告位置-->
<!--        <div class="bannerTop">-->
<!--            <img src="/static/web/img/jpkadpic.png">-->
<!--        </div>-->
        <div style="display: flex;    min-height: 1300px;">
            <div class="content">
                <text id="code"></text>
                <div v-if="artInfo.info" class="title">{{artInfo.info.title}}</div>
                <div v-if="artInfo.info" class="auther">作者:{{artInfo.info.author}}</div>
                <div v-if="artInfo.info" class="time">时间:{{artInfo.info.publishTime}} · {{artInfo.info.click}}人阅读</div>
                <div v-if="artInfo.info" class="content" v-html="artInfo.info.content"></div>
            </div>
            <div class="in_main_rightbox" style="margin: 20px">
                <!--加入圈子-->
                <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 v-for="item in consulting" :key="item.posName">
                    <div v-if="item.rcmdData.length > 0">
                        <!--广告位置-->
                        <div v-if="item.adFlag === 1">
                            <div class="adboxright" v-for="adver in item.rcmdData" :key="adver.rcmdImgpath"
                                 @click="jumpTo(adver.rcmdUrl)">
                                <img :src="adver.rcmdImgpath" alt="广告">
                            </div>
                        </div>
                        <!--资讯推荐-->
                        <div class="zixunlistbox" v-if="item.adFlag === 0">
                            <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="(consult,i) in item.rcmdData"
                                       :href="'/view/detail?from=web&artId=' + consult.rcmdObjId" target="_blank">
                                        <span class="zxtjlistnu threelist">{{ i + 1 }}</span>
                                        <div class="zxtjlistbitle">
                                            <div class="zxtitle">{{consult.rcmdTitle}}</div>
                                            <div class="zxdatabox">
                                                <span>{{consult.author}}</span>
                                                <!--									/view/detail?from=web&artId=32-->
                                                <span>{{consult.click}}阅读</span>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>


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

                <!--课件推荐-->
                <div class="haveckgd">
                    <div class="tjtitle">课件下载</div>
                    <a class="lookmore" href="/courseware/index?from=web" target="_blank">查看更多</a>
                    <div class="clear"></div>
                </div>
                <div class="zxtjbox">
                    <div class="kjtjlist" v-for="(item,i) in courseware" @click="gotoPay(item)">
                        <div class="kjleftpic">
                            <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="kjtitlebox">
                            <div class="kjtitletext">{{item.title}}</div>
                            <div class="kjxzdatas">
                                <span class="kjdatas">{{ item.downloadMembers }}</span>
                                <div v-if="item.isPurchased == 0 && item.pointFlag == 0 && item.price > 0"
                                     class="needpayfor"><span>¥</span>{{item.price}}
                                </div>
                                <div v-if="item.isPurchased == 0 && item.pointFlag == 0 && item.price == 0"
                                     class="needpayfor">免费
                                </div>
                                <div v-if="item.isPurchased == 0 && item.pointFlag == 1 && item.point == 0"
                                     class="needpayfor">免费
                                </div>
                                <div v-if="item.isPurchased == 0 && item.pointFlag == 1 && item.point > 0 "
                                     class="needpayfor">{{item.point}}<span>积分</span></div>
                                <div v-if="item.isPurchased == 1" class="needpayfor down"
                                     @click.stop="downFile(item.id)">
                                    下载
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>


                </div>
            </div>
        </div>

        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div v-for="(item,i) in artInfo.ads" class="swiper-slide">
                    <img @click="gotoRcmd(item)" onload="AutoResizeImage(690,160,this)" :src="item.rcmdImgpath">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>


    </div>

</div>
<div th:include="web/common::common-bottom-web"></div>
<!--返回顶部-->
<div th:include="web/common::common-back-web"></div>
</body>
<script src="/static/js/vue.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/web/js/common.js?v=" +Math.random()></script>

<script>
    document.write('<script src="/static/js/web/view/view-detail.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/web/js/layer.js"></script>
<!--<script src="/static/js/web/index.js"></script>-->
<script src="/static/web/js/layer.js"></script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
</html>
