{yun:}include file="$wapstyle/member/cheader.htm"{/yun}
<div id="yunvue" class="none">
    <section class="m_cardbox">
        <div class="m_cardbg m_cardboxpv" v-for="(item, lkey) in list" :key="lkey">

            <div class="sx_new_tit">管理员</div>

            <div class="sx_new_cont">

                <span v-for="(content, ckey) in item.content_arr" :key="ckey">
                    <span v-if="content.url">
                        <a href="javascript:void(0)" @click="pageTo(content.url)" class="sys_a">{{content.n}}</a>
                    </span>
                    <span v-else>
                        {{content.n}}
                    </span>
                </span>
            </div>
            <div class="sx_new_bot">
                <div class="sx_new_data">
                    {{item.ctime_n}}
                </div>
                <div class="sx_new_icon" @click="delsx(item.id,lkey)">
                    <img src="{yun:}$wap_style{/yun}/images/resume_del.png" class="list_cz_del"/>

                </div>
            </div>

        </div>

        <div v-if="count==2">
            <van-pagination v-model="page" :total-items="total" :items-per-page="limit" force-ellipses @change="pageChange"/>
        </div>
        <div class="wap_member_no" v-show="count==0">
            暂无记录！
        </div>
    </section>
</div>

<script>
    var currentPage = parseInt('{yun:}$smarty.get.page{/yun}');
    new Vue({
        el: '#yunvue',
        data: {
            list: [],
            limit: 20,
            total: 0,
            page: currentPage ? currentPage : 1,
        },
        computed: {
            count() {
                if (this.total > this.limit) {
                    return 2;
                } else if (this.list.length == 0) {
                    return 0;
                } else {
                    return 1;
                }
            }
        },
        created() {
            this.getsixin();
        },
        methods: {
            getsixin: function () {
                showLoading();
                var that = this;
                var paramer = {};
                paramer['page'] = that.page;
                paramer['type'] = 'wap';
                paramer['limit'] = that.limit;
                $.post('{yun:}url d=wxapp h=com m=msg c=sysmsgnews{/yun}', paramer, function (data) {
                    hideLoading();
                    var res = data.data;
                    that.list = res.list;
                    that.total = data.total;
                    that.page = currentPage ? currentPage : 1;

                    $("#yunvue").css('display', 'block');
                }, 'json');
            },
            delsx: function (id, key) {
                var that = this;
                var paramer = {
                    id: id,
                };
                showConfirm("确定删除？", function () {
                    showLoading('删除中...');
                    $.post('{yun:}url d=wxapp h=com m=msg c=sysmsgnews{/yun}', paramer, function (data) {
                        hideLoading();

                        if (data.error == 0) {
                            showToast('删除成功', 2, function () {
                                that.list.splice(key, 1);

                            });
                        } else {
                            showToast('删除失败');
                        }
                    }, 'json');
                })
            },
            pageChange: function (e) {

                location.href = 'index.php?c=sxnews&chat=1&page=' + e;
            },
            pageTo: function (url) {
                window.location.href = url;
            }
        }
    });
</script>
</body>
</html>