$(function () {
    $("#jqGrid").jqGrid({
        url: baseURL + 'qyh/news/page',
        datatype: "json",
        colModel: [
            { label: 'id', name: 'id', index: 'id', width: 50, key: true, hidden: true },
            { label: '标题', name: 'title', index: 'title', width: 50 },
            { label: '浏览量', name: 'hits', index: 'hits', width: 80 },
            { label: '排序', name: 'sortNo', index: 'sortNo', width: 80 },
            { label: '发布时间', name: 'publishTime', index: 'publishTime', width: 140 },
            {
                label: '状态',
                name: 'status',
                index: 'status',
                width: 80,
                
                formatter: function (cellvalue, options, rowObject) {
                    if (rowObject.status == 1) {
                        return "<span onclick=\"Publish('" + rowObject.id + "',1)\">显示</span>"
                    } else if (rowObject.status == 0) {
                        return "<span onclick=\"Publish('" + rowObject.id + "',0)\">隐藏</span>"
                    } else {
                        return ''
                    }
                }
            },
        ],
        viewrecords: true,
        height: 385,
        rowNum: 10,
        rowList: [10, 30, 50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth: true,
        multiselect: true,
        pager: "#jqGridPager",
        jsonReader: {
            root: "page.list",
            page: "page.currPage",
            total: "page.totalPage",
            records: "page.totalCount"
        },
        prmNames: {
            page: "page",
            rows: "limit",
            order: "order"
        },
        gridComplete: function () {
            //隐藏grid底部滚动条
            $("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x": "hidden" });
        }
    });
    initdate();
    upload(1, 'images', 'images/*');
});
function Publish(id, state) {
    var text = state == 1 ? '是否隐藏?' : '是否显示?'
    layer.open({
        content: text
        , title: '提示'
        , btn: ['确认', '取消']
        , btnAlign: 'c'
        , yes: function (index, layero) {
            let obj = { id: id, state: state == 1 ? 0 : 1 }
            $.ajax({
                type: "PUT",
                url: baseURL + 'qyh/news/updateStatus',
                data: JSON.stringify(obj),
                contentType: "application/json",
                success: function (r) {
                    if (r.code === 0) {
                        layer.msg("操作成功", { icon: 1 });
                        layer.close(index)
                        vm.reload();
                    } else {
                        layer.alert(r.msg);
                    }
                }
            });
        }
        , btn2: function (index, layero) {
            //按钮【按钮二】的回调
            layer.close(index)
            vm.reload();
            //return false 开启该代码可禁止点击该按钮关闭
        }
        , btn3: function (index, layero) {
            //按钮【按钮三】的回调

            //return false 开启该代码可禁止点击该按钮关闭
        }
        , cancel: function (index) {
            //右上角关闭回调
            layer.close(index)
            vm.reload();
            //return false 开启该代码可禁止点击该按钮关闭
        }
    });
}
/*日期框初始化*/
function initdate() {
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        laydate.render({
            elem: '#publishTime'
            , theme: '#34B9B4'
            , trigger: 'click'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm'
            , done: function (value, date, endDate) {
                vm.formData.publishTime = value;
            }
        });

        /*搜索框*/
        laydate.render({
            elem: '#publishStartTime'
            , theme: '#34B9B4'
            , trigger: 'click'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm'
            , done: function (value, date, endDate) {
                vm.queryParam.publishStartTime = value;
            }
        });

        laydate.render({
            elem: '#publishEndTime'
            , theme: '#34B9B4'
            , trigger: 'click'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm'
            , done: function (value, date, endDate) {
                vm.queryParam.publishEndTime = value;
            }
        });

    })
}

var ue = UE.getEditor('actContent', { initialFrameWidth: null, autoHeightEnabled: false });

layui.use(['layer', 'form'], function () {
    var $ = layui.jquery, layer = layui.layer, form = layui.form;
    form.on('submit(go)', function (data) {
        $('#btnSaveOrUpdate').button('loading').delay(1000).queue(function () {
            var url = vm.formData.id == null ? "qyh/news/save" : "qyh/news/update";
            // console.log(vm.formData);
            // if (vm.formData)
            if ($('#imgUrl1').val() != '') {
                vm.formData.fileUrl = $('#imgUrl1').val();
                $('#imgUrl1').val('');
            }
            vm.formData.content = ue.getContent();
            if (vm.formData.fileUrl == null) {
                layer.alert("请上传封面");
                return false;
            }
            if (vm.formData.content == null) {
                layer.alert("请输入内容");
                return false;
            }
            $.ajax({
                type: vm.formData.id != null ? 'PUT' : "POST",
                url: baseURL + url,
                contentType: "application/json",
                data: JSON.stringify(vm.formData),
                success: function (r) {
                    if (r.code === 0) {
                        layer.msg("操作成功", { icon: 1 });
                        vm.reload();
                        $('#btnSaveOrUpdate').button('reset');
                        $('#btnSaveOrUpdate').dequeue();
                    } else {
                        layer.alert(r.msg);
                        $('#btnSaveOrUpdate').button('reset');
                        $('#btnSaveOrUpdate').dequeue();
                    }
                }
            });
        });
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
})


var vm = new Vue({
    el: '#rrapp',
    data: {
        showList: true,
        title: null,
        queryParam: {
            publishStartTime: '',
            publishEndTime: ''
        },
        formData: {},
    },
    methods: {
        query: function () {
            vm.reload();
        },
        add: function () {
            vm.showList = false;
            vm.title = "新增";
            vm.formData = {};
            ue.ready(function () {
                ue.setContent('');
            });
            if ($('#imgUrl1').val() != '') {
                vm.formData.fileUrl = $('#imgUrl1').val();
                $('#imgUrl1').val('');
            }
            $('#demo1').attr('src', '');
            $('#demo1').hidden();
        },
        update: function (event) {
            var id = getSelectedRow();
            if (id == null) {
                return;
            }
            console.log(id);
            vm.showList = false;
            vm.title = "修改";

            vm.getInfo(id)
        },
        saveOrUpdate: function (event) {

        },
        del: function (event) {
            var ids = getSelectedRows();
            if (ids == null) {
                return;
            }
            var lock = false;
            layer.confirm('确定要删除选中的数据？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                if (!lock) {
                    lock = true;
                    $.ajax({
                        type: "delete",
                        url: baseURL + "qyh/news/delete",
                        contentType: "application/json",
                        data: JSON.stringify(ids),
                        success: function (r) {
                            if (r.code == 0) {
                                layer.msg("操作成功", { icon: 1 });
                                $("#jqGrid").trigger("reloadGrid");
                            } else {
                                layer.alert(r.msg);
                            }
                        }
                    });
                }
            }, function () {
            });
        },
        getInfo: function (id) {
            $.get(baseURL + "qyh/news/info/" + id, function (r) {
                // console.log(r);
                vm.formData = r.data || r.news || {};
                /*富文本*/
                ue.ready(function () {
                    if (vm.formData.content) {
                        ue.setContent(vm.formData.content);
                    }
                });
                if (vm.formData.fileUrl) {
                    $('#demo1').attr('src', vm.formData.fileUrl);
                    $('#demo1').show();
                }
            });
        },
        reload: function (event) {
            vm.showList = true;
            var page = $("#jqGrid").jqGrid('getGridParam', 'page');
            $("#jqGrid").jqGrid('setGridParam', {
                page: page
            }).trigger("reloadGrid");
        },
        init: function () {
            vm.queryParam.title = '';
            vm.queryParam.status = '';
        },
        reset: function () {
            vm.init();
            vm.reload(1);
        },
    }
});