book_admin/public/assets/js/backend/kl/rulemanage.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'kl/rulemanage/index',
                    add_url: 'kl/rulemanage/add',
                    edit_url: 'kl/rulemanage/edit',
                    del_url: 'kl/rulemanage/del',
                    table: 'kl_rule_config',
                }
            });
            var table = $("#table");
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                search: false,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {field: 'name', title: __('Name'), operate: 'LIKE %...%'},
                        {
                            field: 'createtime',
                            title: __('Createtime'),
                            operate:false,
                            addclass: 'datetimerange',
                            formatter: Table.api.formatter.datetime
                        },
                        {
                            field: 'updatetime',
                            title: __('Updatetime'),
                            operate:false,
                            addclass: 'datetimerange',
                            formatter: Table.api.formatter.datetime
                        },
                        {
                            field: 'opuser_name',
                            title: __('Opusername'),
                        },
                        {
                            field: 'status',
                            title: __('Status'),
                            searchList: {'1': __('正常'), '0': __('隐藏')},
                            addClass:'btn-start',
                            formatter: Controller.api.formatter.changestatus
                        },
                        {
                            field: 'id',
                            title: __('添加规则'),
                            operate:false,
                            formatter: Controller.api.formatter.fm_viewrule
                        },
                        {
                            field: 'weight',
                            operate:false,
                            title: __('Weight'),
                        },
                        {
                            field: 'id',
                            operate:false,
                            title: __('关联渠道'),
                            formatter: Controller.api.formatter.fm_associate_channels
                        },
                        {
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            events: Table.api.events.operate,
                            formatter: Table.api.formatter.operate
                        }
                    ]
                ]
            });

            //状态：打开或隐藏
            $(document).on("click", ".btn-start", function () {
                //在table外不可以使用添加.btn-change的方法
                //只能自己调用Table.api.multi实现
                var id = $(this).data('id');
                var thisvalue = $(this).val();
                var status = 1;
                if(thisvalue=='点击打开'){
                    status = 1;
                }else{
                    status = 0;
                }
                var textval = thisvalue.substring(2,4);
                var reloadfrom = $(this).data('reload');
                layer.confirm('确定要'+textval+'吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(){
                    $.post('/admin/kl/rulemanage/changestatus',
                        {
                            id:id,
                            status:status
                        },
                        function (data) {
                            if (data) {
                                layer.msg('操作成功');
                                if (reloadfrom == 1) {
                                    window.location.reload();
                                } else {
                                    table.bootstrapTable('refresh');
                                }
                            } else {
                                layer.msg('操作失败');
                            }
                        });
                }, function(){
                    layer.close();
                });
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            },
            formatter: {
                changestatus:function(value,row,index){
                    if (row.status == '0'){
                        return '<b>隐藏</b>&nbsp;&nbsp;<input type="button" class="btn-start btn btn-success" data-id="'+row.id+'" value="点击打开" />';
                    }else{
                        return '<b>正常</b>&nbsp;&nbsp;<input type="button" class="btn-start btn btn-warning" data-id="'+row.id+'" value="点击隐藏" />';
                    }
                },
                fm_viewrule:function (value, row, index) {
                    var url = row.config_url;
                    return '<span style="cursor: pointer" data-url="' + url + '" class="label label-success addtabsit12" title="' + __("Search %s", value) + '">添加查看条件规则</span>';
                },
                fm_associate_channels:function (value, row, index) {
                    html = '';
                    if(row.channel_ids == '*'){
                        html += "已关联所有渠道";
                    }else{
                        //html += "<a href='javascript:;' class='qd-associate' data-kl_id='" + value + "'>关联</a>&nbsp;&nbsp;";
                        //html += "<a href='javascript:;' class='qd-view' data-kl_id='" + value + "'>查看</a>";
                        html += "<a href='javascript:;' class='qd-associate' data-kl_id='" + value + "' data-config_id='"+ row.config_id+"'>关联</a>&nbsp;&nbsp;";
                        html += "<a href='javascript:;' class='qd-view' data-kl_id='" + value + "' data-config_id='"+ row.config_id+"'>查看</a>";
                    }
                    return html;
                }
            }
        }
    };

    $(document).on('click', '.addtabsit12', function () {
        var url = $(this).data("url");
        Fast.api.open(url, $(this).text(), {});
        return false;
    });

    // 列表关联
    $(document).on('click', '.qd-associate', function () {
        var kl_id = $(this).data("kl_id");
        var rule_config_id = $(this).data("config_id");
        if(rule_config_id == null || rule_config_id ==''){
            layer.alert('您还没有添加规则');
            return false;
        }


        //iframe层-父子操作
        layer.open({
            type: 2,
            area: ['900px', '750px'],
            fixed: false, //不固定
            maxmin: true,
            content: '/admin/auth/channel?kl_id=' + kl_id + '&isassociated=2'
        });
    });

    // 列表 查看
    $(document).on('click', '.qd-view', function () {
        var kl_id = $(this).data("kl_id");

        var rule_config_id = $(this).data("config_id");
        if(rule_config_id == null || rule_config_id ==''){
            layer.alert('您还没有添加规则');
            return false;
        }

        //iframe层-父子操作
        layer.open({
            type: 2,
            area: ['900px', '750px'],
            fixed: false, //不固定
            maxmin: true,
            content: '/admin/auth/channel?kl_id=' + kl_id + '&isassociated=3'
        });
    });
    return Controller;
});