tool/public/assets/js/backend/collar_use.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {

            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'collar_use/index' + location.search,
                    add_url: 'collar_use/add',
                    edit_url: 'collar_use/edit',
                    del_url: 'collar_use/del',
                    multi_url: 'collar_use/multi',
                    ink_url:'collar_use/ink'+ location.search,
                    table: 'collar_use',
                }
            });
            var ink = $("#ink");
            // 初始化表格
            ink.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.ink_url,
                pk: 'id',
                sortName: 'id',
                // toolbar:'#toolbar',
                // height:400,
                columns: [
                    [
                        {field: 'id', title: __('ID')},
                        {field: 'order_number', title: '生产批次号'},
                        {field: 'machine_number', title: '机台号'},
                        {field: 'code', title: '存货编码'},
                        {field: 'ink_name', title: '油墨名称'},
                        {field: 'status', title: __('Status'), searchList: {"1":__('Status 1'),"2":__('Status 2')}, formatter: Table.api.formatter.status},
                        {field: 'out', title: '领用油墨批次号'},
                        {field: 'out_weight', title: '领用油墨重量(kg)'},
                        {field: 'back', title: '退回油墨批次号'},
                        {field: 'back_weight', title:'退回油墨重量(kg)'},
                        {field: 'create', title: '创建时间', operate:'RANGE', addclass:'datetimerange'},
                    ]
                ],
                showToggle:false,
                showColumns:false,
                showExport:false,
                searchFormVisible:false,
                commonSearch:false,
                search:false,
            });

            var table = $("#table");
            table.on('load-success.bs.table', function (e, data) {
                //这里可以获取从服务端获取的JSON数据
                // console.log(data);
                $("div.input-group .form-control").focus();

                $(".btn-add").data("area", ["100%","100%"]);
                $(".back").data("area", ["100%","100%"]);
            });
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,

                pk: 'id',
                sortName: 'id',

                columns: [
                    [
                        {field: 'id', title: __('ID')},
                        {field: 'order_number', title: __('Order_number')},
                        {field: 'machine_number', title: __('Machine_number')},
                        {field: 'formula', title: '配方名称'},
                        {field: 'color', title: '专色墨颜色'},
                        {field: 'status', title: __('Status'), searchList: {"1":__('Status 1'),"2":__('Status 2')}, formatter: Table.api.formatter.status},
                        {field: 'warehousing', title: __('Warehousing')},
                        {field: 'weight', title: '领用专色墨重量(kg)'},
                        {field: 'back', title: __('Back')},
                        {field: 'back_weight', title:'退回专色墨重量(kg)'},
                        {field: 'create', title: __('Create'), operate:'RANGE', addclass:'datetimerange'},
                    ]
                ],
                showToggle:false,
                showColumns:false,
                showExport:false,
                searchFormVisible:false,
                commonSearch:false,
                search:false,
            });

            $("div.input-group .form-control").bind('input propertychange', function() {
                var bach = $(this).val();
                if (bach.length == 7){
                    $('#basic-addon2').click();
                }else{
                    var str = bach.substr(0,7);
                    $(this).val(str);
                    $('#basic-addon2').click();
                }
            })
            $('#basic-addon2').click(function(){
                var bach = $("div.input-group .form-control").val();

                if (bach.length == 7){
                    var str = 'bach=' + bach;
                    $('.btn-add').attr('data-params',str);
                    $('.btn-add').click();
                    return false;
                }

            })
            $('#basic-addon3').click(function(){
              $("div.input-group .form-control").val('');
            })
            // 为表格绑定事件
            Table.api.bindevent(ink);
            Table.api.bindevent(table);

        },
        add: function () {
            Controller.api.bindevent();
            Form.api.bindevent($("form[role=form]"), function(data, ret){

                return false;
                //如果我们需要在提交表单成功后做跳转，可以在此使用location.href="链接";进行跳转

                // Toastr.success("成功");
            }, function(data, ret){
                return false;
                Toastr.success("失败");
            }, function(success, error){
                //bindevent的第三个参数为提交前的回调
                //如果我们需要在表单提交前做一些数据处理，则可以在此方法处理
                //注意如果我们需要阻止表单，可以在此使用return false;即可
                //如果我们处理完成需要再次提交表单则可以使用submit提交,如下
                //Form.api.submit(this, success, error);
                return false;
            });
        },
        edit: function () {
            Controller.api.bindevent();
        },
        back: function () {
            Controller.api.bindevent();
            Form.api.bindevent($("form[role=form]"), function(data, ret){

                return false;
                //如果我们需要在提交表单成功后做跳转，可以在此使用location.href="链接";进行跳转

                // Toastr.success("成功");
            }, function(data, ret){
                return false;
                Toastr.success("失败");
            }, function(success, error){
                //bindevent的第三个参数为提交前的回调
                //如果我们需要在表单提交前做一些数据处理，则可以在此方法处理
                //注意如果我们需要阻止表单，可以在此使用return false;即可
                //如果我们处理完成需要再次提交表单则可以使用submit提交,如下
                //Form.api.submit(this, success, error);
                return false;
            });
        },
        out: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});