{#layout name="public/layout2" /#}
{#load href="__ROOT__/assets/css/article_show.css" /#}
<div class="content_wrapper" id="app">
    <div class="content">
        <div class="information_detailed clearfix">
            <div class="information_detailed_left float">

                <div class="detailed_title_box">
                    <p class="detailed_title">{#$info.title#}</p>
                    <div class="detailed_bottom clearfix">
                        <span class="handLe_time_desc">时间：</span>
                        <span class="handle_time">{#:date('Y-m-d H:i',$info.addtime)#}</span>
                        <span class="handLe_time_desc">分类：</span>
                        <span class="guide">{#$info.category_text#}</span>
                        <span class="handLe_time_desc">来源：</span>
                        {#eq name="info.source" value="0"#}
                        <span class="original">[原创]</span>
                        {#else/#}
                        <span class="original2">[转载]</span>
                        <span class="source_reprint">{#$info.source_reprint#}</span>
                        {#/eq#}
                        <p class="handle_right">
                            <el-popover placement="bottom-end" width="200" trigger="hover">
                                <span>
                                    <img :src="shareQrcode" width="174" height="174" />
                                    <span style="display:block;width:174px;text-align: center;">请用微信扫一扫</span>
                                </span>
                                <span class="share" slot="reference">分享</span>
                            </el-popover>
                            <span class="handLe_time_desc">浏览量：</span>
                            <span class="handle_see" v-cloak>{{clickNum}}</span>
                        </p>
                    </div>
                </div>
                <div class="detailed_con editor-content-view">
                    {#$info.content#}
                    {#if condition="count($info.attach) gt 0"#}
                    <div style="margin-top:20px;" class="attach-list">
                        <ul>
                            {#volist name="info.attach" id="vo"#}
                            <li>附件<a
                                    href="{#:url('index/download/index')#}?url={#:urlencode($vo.url)#}&name={#$vo.name#}"
                                    target="_blank">【{#$i#}：{#$vo.name#}】</a></li>
                            {#/volist#}
                        </ul>
                    </div>
                    {#/if#}
                </div>
                <div class="detailed_paging clearfix">
                    {#if condition="$prev===null"#}
                    <a class="rec pre_a">上一篇： 没有了</a>
                    {#else /#}
                    <a class="rec pre_a pre_a_click" href="{#$prev.link_url#}" target="_blank">上一篇： {#$prev.title#}</a>
                    {#/if#}
                    {#if condition="$next===null"#}
                    <a class="rec next_a">下一篇： 没有了</a>
                    {#else /#}
                    <a class="rec next_a next_a_click" href="{#$next.link_url#}" target="_blank">下一篇： {#$next.title#}</a>
                    {#/if#}
                </div>
            </div>
            <div class="information_detailed_right float">
                <div class="detailed_sort">
                    <div class="sort_title">资讯分类</div>
                    <div class="sort_list">
                        {#volist name="options" id="vo"#}
                        <a href="{#:url('index/article/index',['cid'=>$key])#}">{#$vo#}</a>
                        {#/volist#}
                    </div>
                </div>
                <div class="hot_sort">
                    <div class="hot_sort_title clearfix">
                        热门资讯
                        <a href="{#:url('index/article/index')#}">查看更多&gt;</a>
                    </div>
                    <div class="hotSort_list_wrapper">
                        {#volist name="hotArticleList" id="vo"#}
                        <div class="hot_sort_list">
                            <div class="lf_ar">
                                <span class="num num{#$key+1#}">{#$key+1#}</span>
                                <a href="{#$vo.link_url#}" target="_blank">{#$vo.title#}</a>
                            </div>
                            <span class="rt_ar">{#$vo.click#}</span>
                        </div>
                        {#/volist#}

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var id = parseInt("{#$info.id#}")
    var app = new Vue({
        el: '#app',
        data: {
            clickNum: 0,
            shareQrcode: ''
        },
        created: function() {
            this.addClick()
            var locationUrl = "{#$info.share_url#}"
            this.shareQrcode = qscms.apiUrl + qscms.apiList.qrcode + '?type=normal&url=' + locationUrl
        },
        methods: {
            addClick: function() {
                var that = this
                httppost(qscms.apiList.articleClick, {
                    id: id
                }).then(function(res) {
                    that.clickNum = res.data
                }).catch(function() {})
            },
        }
    })
</script>