mp-main/wwwroot/layuiadmin/modules/Products_Admin.js

var clickFlag = true;
var ExcelData;
function ConfirmImport() {
    $.ajax({
        type: "POST",
        url: "/Admin/Products/Import?r=" + Math.random(1),
        data: "ExcelData=" + encodeURIComponent(JSON.stringify(ExcelData)),
        dataType: "text",
        success: function (data) {
            if (data == "success") {
                layer.msg("导入成功", { time: 2000 }, function () {
                    window.location.reload();
                });
            } else {
                layer.msg(data);
            }
        }
    });
}


layui.config({
    base: '/layuiadmin/' //静态资源所在路径
}).extend({
    myexcel: 'layui/lay/modules/excel',
    index: 'lib/index' //主入口模块
}).use(['index', 'table', 'excel', 'laydate'], function () {
    var $ = layui.$
        , form = layui.form
        , table = layui.table;

    //- 筛选条件-日期
    var laydate = layui.laydate;


    //excel导入
    var excel = layui.excel;
    $('#ExcelFile').change(function (e) {
        var files = e.target.files;
        excel.importExcel(files, {}, function (data) {
            ExcelData = data[0].Sheet1;
        });
    });

    //监听单元格编辑
    table.on('edit(LAY-list-manage)', function (obj) {
        var value = obj.value //得到修改后的值
            , data = obj.data //得到所在行所有键值
            , field = obj.field; //得到字段
        if (field == "Sort") {
            $.ajax({
                type: "POST",
                url: "/Admin/Products/Sort?r=" + Math.random(1),
                data: "Id=" + data.Id + "&Sort=" + value,
                dataType: "text",
                success: function (data) {
                }
            });
        }
    });

    //列表数据
    table.render({
        elem: '#LAY-list-manage'
        , url: '/Admin/Products/IndexData' //模拟接口
        , cols: [[
            { type: 'checkbox', fixed: 'left' }
            , { field: 'Id', fixed: 'left', title: 'ID', width: 80, sort: true, unresize: true }
            , { field: 'ProductName', title: '商品名称', sort: true }
            , { field: 'Stock', title: '库存', sort: true }
            , { field: 'BuyCount', title: '已购买数', sort: true }
            , { field: 'Price', title: '价格', sort: true }
            , { field: 'Integral', title: '抵扣积分', sort: true }
            , { field: 'MemberPrice', title: '会员价', sort: true }
            , { field: 'UserIntegral', title: '会员抵扣积分', sort: true }
            , { field: 'Status', title: '状态', sort: true }

            , { field: 'Sort', fixed: 'right', title: '排序', width: 80, edit: 'text' }
            , { title: '操作', width: 250, align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
        ]]
        , page: true
        , limit: 30
        , height: 'full-220'
        , text: '对不起，加载出现异常！'
        , done: function (res, curr, count) {
            $(".layui-none").text("无数据");
        }
    });

    //监听工具条
    table.on('tool(LAY-list-manage)', function (obj) {
        var data = obj.data;
        if (obj.event === 'del') {
            var index = layer.confirm('确定要删除吗？删除后不能恢复！', function (index) {
                $.ajax({
                    type: "POST",
                    url: "/Admin/Products/Delete?r=" + Math.random(1),
                    data: "Id=" + data.Id,
                    dataType: "text",
                    success: function (data) {
                        if (data == "success") {
                            obj.del();
                            layer.close(index);
                        } else {
                            parent.layer.msg(data);
                        }
                    }
                });
            });
        } else if (obj.event === 'edit') {
            var tr = $(obj.tr);
            var perContent = layer.open({
                type: 2
                , title: '商品信息-编辑'
                , content: 'Edit?Id=' + data.Id + '&right=' + right
                , maxmin: true
                , area: ['500px', '450px']
                , btn: ['确定', '取消']
                , yes: function (index, layero) {
                    var iframeWindow = window['layui-layer-iframe' + index]
                        , submitID = 'LAY-list-front-submit'
                        , submit = layero.find('iframe').contents().find('#' + submitID);

                    setTimeout(function () { 
                        layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
                            var errObj = $(this).find('.layui-form-danger');
                            if (errObj.length > 0) {
                                iframeWindow.element.tabChange('mytabbar', String(i + 1));
                                submit.click();
                            }
                        });                        
                    }, 300);
                    
                    //内容
                    iframeWindow.Contentsedit.sync();

                    //图集
                    iframeWindow.checkPics("DetailPicPath");




                    //监听提交
                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                        if (clickFlag) {
                            clickFlag = false;
                            var field = data.field; //获取提交的字段
                            var userdata = "";
                            for (var prop in field) {
                                userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
                            }
                            //提交 Ajax 成功后，静态更新表格中的数据
                            //$.ajax({});

                            $.ajax({
                                type: "POST",
                                url: "/Admin/Products/Edit?r=" + Math.random(1),
                                data: userdata,
                                dataType: "text",
                                success: function (data) {
                                    clickFlag = true;
                                    layer.close(index); //关闭弹层
                                    if (data == "success") {
                                        table.reload('LAY-list-manage'); //数据刷新
                                    } else {
                                        layer.msg(data);
                                    }
                                }
                            });
                        }
                    });

                    submit.trigger('click');
                }
                , success: function (layero, index) {

                }
            });
            layer.full(perContent);
        } else if (obj.event === 'norm') {
            var tr = $(obj.tr);
            var perContent = layer.open({
                type: 2
                , title: '商品规格'
                , content: '/Admin/ProductNorm/Edit?Id=' + data.Id + '&MerchantId=' + data.MerchantId + '&right=' + right
                , maxmin: true
                , area: ['800px', '450px']
                , btn: ['确定', '取消']
                , yes: function (index, layero) {
                    var iframeWindow = window['layui-layer-iframe' + index]
                        , submitID = 'LAY-list-front-submit'
                        , submit = layero.find('iframe').contents().find('#' + submitID);

                    layero.find('iframe').contents().find("#ItemList").val(JSON.stringify(iframeWindow.app.itemList));
                    layero.find('iframe').contents().find("#DetailList").val(JSON.stringify(iframeWindow.app.detailList));

                    //监听提交
                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                        var field = data.field; //获取提交的字段
                        var userdata = "";
                        for (var prop in field) {
                            userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
                        }
                        //提交 Ajax 成功后，静态更新表格中的数据
                        //$.ajax({});

                        $.ajax({
                            type: "POST",
                            url: "/Admin/ProductNorm/EditPost?r=" + Math.random(1),
                            data: userdata,
                            dataType: "text",
                            success: function (data) {
                                layer.close(index); //关闭弹层
                                if (data == "success") {
                                    table.reload('LAY-list-manage'); //数据刷新
                                } else {
                                    layer.msg(data);
                                }
                            }
                        });
                    });

                    submit.trigger('click');
                }
                , success: function (layero, index) {

                }
            });
            layer.full(perContent);
        }
    });


    //监听搜索
    form.on('submit(LAY-list-front-search)', function (data) {
        var field = data.field;

        //执行重载
        table.reload('LAY-list-manage', {
            where: field
        });
    });
    form.on('submit(LAY-list-front-searchall)', function (data) {
        table.reload('LAY-list-manage', {
            where: null
        });
    });

    //事件
    var active = {
        batchdel: function () {
            var checkStatus = table.checkStatus('LAY-list-manage')
                , data = checkStatus.data; //得到选中的数据
            if (data.length < 1) {
                parent.layer.msg("请选择要删除的项");
            } else {
                var ids = "";
                $.each(data, function (index, value) {
                    ids += data[index].Id + ",";
                });
                ids = ids.substring(0, ids.length - 1);
                var index = layer.confirm('确定要删除吗？删除后不能恢复！', function (index) {
                    $.ajax({
                        type: "POST",
                        url: "/Admin/Products/Delete?r=" + Math.random(1),
                        data: "Id=" + ids,
                        dataType: "text",
                        success: function (data) {
                            layer.close(index);
                            if (data == "success") {
                                table.reload('LAY-list-manage');
                            } else {
                                layer.msg(data);
                            }
                        }
                    });
                });
            }
        }
        , add: function () {
            var perContent = layer.open({
                type: 2
                , title: '商品信息-添加'
                , content: 'Add?right=' + right
                , maxmin: true
                , area: ['500px', '450px']
                , btn: ['确定', '取消']
                , yes: function (index, layero) {
                    var iframeWindow = window['layui-layer-iframe' + index]
                        , submitID = 'LAY-list-front-submit'
                        , submit = layero.find('iframe').contents().find('#' + submitID);

                    setTimeout(function () { 
                        layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
                            var errObj = $(this).find('.layui-form-danger');
                            if (errObj.length > 0) {
                                iframeWindow.element.tabChange('mytabbar', String(i + 1));
                                submit.click();
                            }
                        });                        
                    }, 300);
                    
                    //内容
                    iframeWindow.Contentsedit.sync();

                    //图集
                    iframeWindow.checkPics("DetailPicPath");


                    //监听提交
                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                        if (clickFlag) {
                            clickFlag = false;
                            var field = data.field; //获取提交的字段
                            var userdata = "";
                            for (var prop in field) {
                                userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
                            }
                            //提交 Ajax 成功后，静态更新表格中的数据
                            //$.ajax({});

                            $.ajax({
                                type: "POST",
                                url: "/Admin/Products/Add?r=" + Math.random(1),
                                data: userdata,
                                dataType: "text",
                                success: function (data) {
                                    clickFlag = true;
                                    layer.close(index); //关闭弹层
                                    if (data == "success") {
                                        table.reload('LAY-list-manage'); //数据刷新
                                    } else {
                                        layer.msg(data);
                                    }
                                }
                            });
                        }
                    });

                    submit.trigger('click');
                }
            });
            layer.full(perContent);
        }
        , ImportData: function () {
            layer.open({
                type: 2,
                title: '导入',
                maxmin: false,
                area: ['460px', '180px'],
                content: $('#excelForm'),
                cancel: function () {
                }
            });
        }
        , ExportExcel: function () {
            var userdata = '';
            $(".layuiadmin-card-header-auto input").each(function (i) {
                userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
            });
            $(".layuiadmin-card-header-auto select").each(function (i) {
                userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
            });
            $.ajax({
                type: "GET",
                url: "/Admin/Products/ExportExcel?r=" + Math.random(1),
                data: userdata,
                dataType: "json",
                success: function (data) {
                    data.Obj.unshift(data.Fields);
                    excel.exportExcel(data.Obj, data.Info, 'xlsx');
                }
            });
        }
        , Open: function () {
            var checkStatus = table.checkStatus('LAY-list-manage')
                , data = checkStatus.data; //得到选中的数据
            if (data.length < 1) {
                parent.layer.msg("请选择要开启的项");
            } else {
                var ids = "";
                $.each(data, function (index, value) {
                    ids += data[index].Id + ",";
                });
                ids = ids.substring(0, ids.length - 1);
                var index = layer.confirm('确定要开启吗？', function (index) {
                    $.ajax({
                        type: "POST",
                        url: "/Admin/Products/Open?r=" + Math.random(1),
                        data: "Id=" + ids,
                        dataType: "text",
                        success: function (data) {
                            layer.close(index);
                            if (data == "success") {
                                table.reload('LAY-list-manage');
                            } else {
                                layer.msg(data);
                            }
                        }
                    });
                });
            }
        }
        , Close: function () {
            var checkStatus = table.checkStatus('LAY-list-manage')
                , data = checkStatus.data; //得到选中的数据
            if (data.length < 1) {
                parent.layer.msg("请选择要关闭的项");
            } else {
                var ids = "";
                $.each(data, function (index, value) {
                    ids += data[index].Id + ",";
                });
                ids = ids.substring(0, ids.length - 1);
                var index = layer.confirm('确定要关闭吗？', function (index) {
                    $.ajax({
                        type: "POST",
                        url: "/Admin/Products/Close?r=" + Math.random(1),
                        data: "Id=" + ids,
                        dataType: "text",
                        success: function (data) {
                            layer.close(index);
                            if (data == "success") {
                                table.reload('LAY-list-manage');
                            } else {
                                layer.msg(data);
                            }
                        }
                    });
                });
            }
        }
        , UsingToSpe: function () {
            var checkStatus = table.checkStatus('LAY-list-manage')
                , data = checkStatus.data; //得到选中的数据
            if (data.length < 1) {
                parent.layer.msg("请选择要引用的项");
            } else {
                var ids = "";
                $.each(data, function (index, value) {
                    ids += data[index].Id + ",";
                });
                ids = ids.substring(0, ids.length - 1);
                layer.open({
                    type: 2
                    , title: '商品引用'
                    , content: '/Admin/Articles/OperateSpecial?Kind=Using'
                    , maxmin: false
                    , area: ['400px', '650px']
                    , btn: ['确定', '取消']
                    , yes: function (index, layero) {

                        var iframeWindow = window['layui-layer-iframe' + index]
                            , submitID = 'LAY-list-front-submit'
                            , submit = layero.find('iframe').contents().find('#' + submitID);

                        //var ColListCheckedData = iframeWindow.tree.getChecked('ColListTreeID');
                        //iframeWindow.ids = "";
                        //iframeWindow.getChildren(ColListCheckedData);
                        //if (iframeWindow.ids.indexOf(',') < 0) {
                        //    parent.layer.msg("请选择要引用的栏目");
                        //    return;
                        //}
                        //layero.find('iframe').contents().find("#ColList").val(iframeWindow.ids.substring(0, iframeWindow.ids.length - 1));

                        var checkcount = layero.find('iframe').contents().find('input[type=checkbox][name=ColLists]:checked').length;
                        if (checkcount < 1) {
                            parent.layer.msg("请选择要引用的栏目");
                            return;
                        }
                        var ColList = '';
                        layero.find('iframe').contents().find('input[type=checkbox][name=ColLists]:checked').each(function (i) {
                            ColList += $(this).val() + ',';
                        });
                        if (ColList != '') {
                            ColList = ColList.substring(0, ColList.length - 1);
                        }

                        //监听提交
                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                            var field = data.field; //获取提交的字段
                            var userdata = "";
                            for (var prop in field) {
                                userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
                            }
                            $.ajax({
                                type: "POST",
                                url: "/Admin/Products/UseToSpecial?r=" + Math.random(1),
                                data: userdata + "&ids=" + ids + "&ColList=" + ColList,
                                dataType: "text",
                                success: function (data) {
                                    layer.close(index); //关闭弹层
                                    if (data == "success") {
                                        layer.msg("引用成功");
                                    } else {
                                        layer.msg(data);
                                    }
                                }
                            });
                        });

                        submit.trigger('click');
                    }
                });
            }
        }
    };

    $('.layui-btn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
});