tool/public/assets/js/backend/picking.js

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

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'picking/index' + location.search,
                    add_url: 'picking/add',
                    edit_url: 'picking/edit',
                    del_url: 'picking/del',
                    multi_url: 'picking/multi',
                    table: 'picking',
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {field: 'picking', title: __('领料单编码')},
                        {field: 'order', title: __('工单编号')},
                        {field: 'matter', title: __('原墨名称')},
                        {field: 'code', title: __('存货编码')},
                        {field: 'weight', title: __('重量(kg)')},
                        {field: 'create', title: __('创建时间')},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                    ]
                ],
                showToggle:false,
                showColumns:false,
                showExport:false,
                // search: false,
                commonSearch: false,
                //可以控制是否默认显示搜索单表,false则隐藏,默认为false
                searchFormVisible: false,
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();

        },
        edit: function () {
            Controller.api.bindevent();
        },
        order: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'picking/order' + location.search,
                    add_url: 'picking/add',
                    table: 'picking',
                }
            });

            var table = $("#table");
            var calcTableHeight = function () {
                return Math.max(300, $(window).height() - table.offset().top - 30);
            };
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'Gy0_sbbh',
                height: calcTableHeight(),
                columns: [
                    [
                        {checkbox: true,},
                        {field: 'Gd_gdbh', title: __('工单编号'),},
                        {field: 'Gd_cpmc', title: __('产品名称'),operate:false},
                        {field: 'gd_statu', title: __('工单状态'),operate:false},
                        {field: 'Gy0_sbbh', title: __('机台')},
                        {field: 'Gy0_sj1', title: __('生产时间安排(开始)'),operate:false},
                        {field: 'Gy0_sj2', title: __('生产时间安排(结束)'),operate:false},
                        // {field: 'operate', title: __('操作'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                    ]
                ],

                showToggle:false,
                showColumns:false,
                showExport:false,
                // search: false,
                // commonSearch: false,
                //可以控制是否默认显示搜索单表,false则隐藏,默认为false
                // searchFormVisible: false,
                pageSize: 50,

            });
            $(window).on('resize', function () {
                table.bootstrapTable('resetView', {height: calcTableHeight()});
            });
            table.on('load-success.bs.table', function () {
                table.bootstrapTable('resetView', {height: calcTableHeight()});
            });
            var openPickingDialog = function (ids) {
                Fast.api.ajax({
                    url: 'picking/checkPicking',
                    data: {temp: ids}
                }, function () {
                    Fast.config.openArea = ['100%', '100%'];
                    Fast.api.open("Picking/picking?temp=" + ids, "生成领料单", {});
                });
            };
            $("#button").on("click",function(){
                var temp=table.bootstrapTable('getSelections');

                var ids = '';
                for (i=0;i<temp.length;i++){
                    ids += temp[i].id+',';
                }

                if (ids == ''){
                    Toastr.error('请先选择要生成领料单的工单');
                    return false;
                }
                openPickingDialog(ids);
            });
            $("#urgent").on("click",function () {
                var html = '';
                html+=  '<div className="form-group" style="margin-left: 15px;margin-top: 15px;">';
                html+=  '<label className="control-label col-xs-12 col-sm-2">请输入工单号(多个工单请用英文逗号隔开):</label>';
                html+=  '<div className="col-xs-12 col-sm-8"><input className="form-control" id="order" name="" type="text" value="" data-rule="number" style="width: 350px"> </div>';
                html+=  '<div class="form-group layer-footer" style="margin: 50px 0 0 50px"><button type="submit" class="btn btn-success btn-embossed sure" style="margin-left: 90px;">确定</button></div>';
                html+=  '</div>';

                layer.open({
                    type: 1,
                    skin: 'layui-layer-rim', //加上边框
                    area: ['420px', '240px'], //宽高
                    content: html
                })
            })
            $(document).on('click','.sure',function (){
                var order = document.getElementById('order').value;
                if (order == ''){
                    return false;
                }
                layer.close(layer.index);
                openPickingDialog(order);
            })
            // 为表格绑定事件
            Table.api.bindevent(table);

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