{#layout name="public/layout2" /#}
{#load href="__ROOT__/assets/css/notice.css" /#}
<div class="content_wrapper" id="app">
    <div class="content">
        <div class="notice_details clearfix">
            <div class="notice_details_left float">
                <div class="details_titleBox">
                    <p class="notice_details_title">{#$info.title#}</p>
                    <div class="detail_line_2">
                        <div class="notice_time"><span class="txt">时间：</span>{#:date('Y-m-d H:i',$info.addtime)#}</div>
                        <div class="notice_time">
                            <span class="txt">
                                来源：
                            </span>
                            {#eq name="info.source" value="0"#}
                            <span class="original">[原创]</span>
                            {#else/#}
                            <span class="original2">[转载]</span>
                            <span class="source_reprint substring">{#$info.source_reprint#}</span>
                            {#/eq#}
                        </div>
                        <div class="notice_time"><span class="txt">浏览量：</span><span class="notice_see"
                                v-cloak>{{clickNum}}</span></div>
                    </div>
                </div>
                <div class="details_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="details_paging clearfix">
                    {#if condition="$prev===null"#}
                    <a class="pre_a">上一篇： 没有了</a>
                    {#else /#}
                    <a class="pre_a pre_a_click substring" href="{#$prev.link_url#}" target="_blank">上一篇： {#$prev.title#}</a>
                    {#/if#}
                    {#if condition="$next===null"#}
                    <a class="next_a">下一篇： 没有了</a>
                    {#else /#}
                    <a class="next_a next_a_click substring" href="{#$next.link_url#}" target="_blank">下一篇： {#$next.title#}</a>
                    {#/if#}
                </div>
            </div>
            <div class="notice_details_right float">
                <div class="new_notice icon_notice">
                    <span>最新公告</span>
                    <a href="{#:url('index/notice/index')#}"></a>
                </div>
                <div class="notice_list_wrapper">
                    {#volist name="newNoticeList" id="vo"#}
                    <div class="notice_list">
                        <span class="label label_{#$key+1#}">{#$key+1#}</span>
                        <a href="{#$vo.link_url#}" target="_blank">{#$vo.title#}</a>
                    </div>
                    {#/volist#}
                </div>

            </div>
        </div>
    </div>
</div>
<script>
    var id = parseInt("{#$info.id#}")
    var app = new Vue({
        el: '#app',
        data: {
            clickNum: 0,
        },
        created: function() {
            this.addClick()
        },
        methods: {
            addClick: function() {
                var that = this
                httppost(qscms.apiList.noticeClick, {
                    id: id
                }).then(function(res) {
                    that.clickNum = res.data
                }).catch(function() {})
            }
        }
    })
</script>