@page "{handler?}"
@model YBDevice.NWeb.Pages.MiniProgram.IndexModel
@{
    ViewData["Title"] = "小程序管理";
}
<div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="nick_name" id="nick_name" placeholder="请输入公众号名称" />
                </div>
            </div>
            <div class="layui-inline">
                <button class="btn btn-primary btn-lg  js-search" type="button">查询</button>
                @Html.Raw(Model.viewdata.Top)
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <table class="layui-table" id="list" lay-filter="list">
        </table>
    </div>
</div>
<script type="text/html" id="headtpl">
    <img lay-src="{{d.qrcode_url}}" data-src="preview" style="height:60px;width:60px;" />
</script>
<script type="text/html" id="optpl">
    @Html.Raw(Model.viewdata.Table)
</script>
@section Scripts
{
<script type="text/javascript">
    layui.use(['common'], function () {
        var common = layui.common;
        common.initTable({
            url: '/api/official/getlist?type=2'
            , method: 'post'
            , cols: [[
                {
                    field: 'qrcode_url', title: '二维码', templet: '#headtpl'
                },
                {
                    field: 'nick_name', title: '公众号'
                },
                {
                    field: 'authorizer_appid', title: 'appid'
                },
                {
                    field: 'user_name', title: '原始ID'
                }
                ,
                {
                    field: 'isauthorize', title: '状态', templet: function (d) {
                        var html = "";
                        if (d.isauthorize == 0) {
                            html = "<span class='text-red'>";
                        }
                        if (d.isauthorize == 1) {
                            html = "<span class='text-green'>";
                        }
                        return html+AuthorizerStatus[d.isauthorize]+"</span>";
                    }
                },
                { field: "lastmodifytime", title: "授权时间" },
                { field: 'Id', title: '操作', templet: "#optpl", fixed: 'right' }
            ]]
        });
        $(".js-search").on("click", function () {
            common.reloadtable("list", {
                where: {
                    queryParam: [{
                        "Name": 'nick_name',
                        "Type": QueryCond.Like,
                        "Value": $("#nick_name").val()
                    }]
                }
            });
        });
        $("body").on("click", ".js-detail", function () {
            var id = $(this).data("id");
            common.dialog({
                title: '详情',
                content: '/MiniProgram/Detail?id=' + id
            });
        });
        $(".js-add").on("click", function () {
            common.dialog({
                title: '添加小程序',
                content: '/miniprogram/Edit'
            });
        });
        $("body").on("click", ".js-Tpl", function () {
            var id = $(this).data("id");
            common.dialog({
                title: '订阅消息模板',
                content: '/MiniProgram/Tpl?id=' + id
            });
        });
        $("body").on("click", ".js-CService", function () {
            var id = $(this).data("id");
            common.dialog({
                title: '微信客服',
                content: '/MiniProgram/CustomService?id=' + id
            });
        });
        $(".js-auth").on("click", function () {
            window.open('@Html.Raw(Model.authpage)');
        });
    });
</script>
}