wave.html 13.1 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 select-info">
            <form id="wave-form">
                <div class="select-list">
                    <ul>
                        <li>
                            波次名称:<input type="text" name="waveName"/>
                        </li>
                        <li>
                            波次主表:<input type="text" name="masterCode"/>
                        </li>
                        <li>
                            创建人:<input type="text" name="createdBy"/>
                        </li>
                        <li class="time">
                            <label>创建时间: </label>
                            <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="createdBegin"/>
                            <span>-</span>
                            <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="createdEnd"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('wave-form')"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="system:role:export"><i class="fa fa-download"></i>&nbsp;导出</a>-->
                        </li>
                    </ul>
                </div>
            </form>
        </div>
        <div class="btn-group hidden-xs" id="toolbar" role="group">
            <!--<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="shipment:wave:add">-->
                <!--<i class="fa fa-plus"></i> 新增-->
            <!--</a>-->
            <a class="btn btn-outline btn-success btn-rounded" onclick="startWave()" shiro:hasPermission="shipment:wave:startWave">
            <i class="fa fa-plus"></i> 波次执行
            </a>
            <a class="btn btn-outline btn-success btn-rounded" onclick="endWave()" shiro:hasPermission="shipment:wave:startWave">
                <i class="fa fa-plus"></i> 波次完成
            </a>
            <a class="btn btn-outline btn-success btn-rounded" onclick="cullWave()" shiro:hasPermission="shipment:wave:startWave">
                <i class="fa fa-plus"></i> 剔除单据
            </a>
            <a class="btn btn-outline btn-success btn-rounded" onclick="freed()" shiro:hasPermission="shipment:wave:freed">
            <i class="fa fa-plus"></i> 波次释放
            </a>
            <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="shipment:wave:remove">
                <i class="fa fa-trash-o"></i> 删除
            </a>
        </div>

        <div class="col-sm-12 select-info">
            <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
        </div>
        <div>
        </div>
        <div th:include="include :: footer"></div>
        <script th:inline="javascript">
            var editFlag = [[${@permission.hasPermi('shipment:wave:edit')}]];
            var removeFlag = [[${@permission.hasPermi('shipment:wave:remove')}]];
            var prefix = ctx + "shipment/wave";
            var datas = [[${@dict.getType('sys_normal_disable')}]];
            $(function() {
                var options = {
                    url: prefix + "/list",
                    createUrl: prefix + "/add",
                    updateUrl: prefix + "/edit/{id}",
                    removeUrl: prefix + "/remove",
                    modalName: "波次",
                    search: false,
                    columns: [{
                        checkbox: true
                    },
                        {
                            field : 'id',
                            title : 'ID'
                        },
                        {
                            field : 'createdBy',
                            title : '创建人'
                        },
                        {
                            field : 'waveName',
                            title : '波次名称'
                        },
                        {
                            field : 'masterCode',
                            title : '波次主表'
                        },
                        {
                            field : 'status',
                            title : '状态'
                        },
                        {
                            field : 'warehouseCode',
                            title : '仓库编码',
                            visible : false
                        },
                        {
                            field : 'currentWaveStep',
                            title : '当前波次步骤',
                        },
                        {
                            field : 'lastWaveStep',
                            title : '上一波次步骤',
                        },
                        {
                            field : 'totalShipments',
                            title : '总单数',
                        },
                        {
                            field : 'totalLines',
                            title : '总行数'
                        },
                        {
                            field : 'totalQty',
                            title : '总数量'
                        },
                        {
                            field : 'locked',
                            title : '是否锁定',
                            formatter: function (value, item, index) {
                                if (value==true) {
                                    return '<span class="badge" style="background-color: #00B83F;color: white;width: 36px;">' + ' 是 ' + '</span>';
                                }
                                else if (value==false) {
                                    return '<span class="badge" style="background-color: #ff0000;color: white;width: 36px;">' + ' 否 ' + '</span>';
                                }
                            }
                        },
                        {
                            field : 'replenishmentReqd',
                            title : '是否需要补货',
                            formatter: function (value, item, index) {
                                if (value==true) {
                                    return '<span class="badge" style="background-color: #00B83F;color: white;width: 36px;">' + ' 是 ' + '</span>';
                                }
                                else if (value==false) {
                                    return '<span class="badge" style="background-color: #ff0000;color: white;width: 36px;">' + ' 否 ' + '</span>';
                                }
                            }
                        },
                        {
                            field : 'startedAt',
                            title : '波次开始时间'
                        },
                        {
                            field : 'completedAt',
                            title : '波次结束时间'
                        },
                        {
                            field : 'waveMode',
                            title : '波次模式'
                        },
                        {
                            field : 'errorMessage',
                            title : '错误信息'
                        },
                        {
                            field : 'runBy',
                            title : '信息编码'
                        },
                        {
                            field : 'created',
                            title : '创建时间',
                            visible : false
                        },
                        {
                            field : 'createdBy',
                            title : '创建用户',
                            visible : false
                        },
                        {
                            field : 'lastUpdated',
                            title : '更新时间',
                            visible : false
                        },
                        {
                            field : 'lastUpdatedBy',
                            title : '更新用户',
                            visible : false
                        },
                        {
                            field : 'version',
                            title : '数据版本',
                            visible : false
                        },
                        {
                            field : 'processStamp',
                            title : '处理标记',
                            visible : false
                        },
                        {
                            field : 'userDef1',
                            title : '自定义字段1' ,
                            visible:false
                        },
                        {
                            field : 'userDef2',
                            title : '自定义字段2' ,
                            visible:false
                        },
                        {
                            field : 'userDef3',
                            title : '自定义字段3' ,
                            visible:false
                        },
                        {
                            field : 'userDef4',
                            title : '自定义字段4' ,
                            visible:false
                        },
                        {
                            title: '操作',
                            align: 'center',
                            formatter: function(value, row, index) {
                                var actions = [];
                                // actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')" ><i class="fa fa-edit"></i>编辑</a> ');
                                actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')" ><i class="fa fa-trash-o"></i>删除</a>');
                                return actions.join('');
                            }
                        }]
                };
                $.table.init(options);
            });


            //开始波次
            function startWave() {
                var rows = $("#bootstrap-table").bootstrapTable('getSelections');
                if (rows.length == 0) {
                    $.modal.alertWarning("请至少选择一条记录");
                    return;
                }
                var url = prefix + "/startWave";
                var data = {
                    "ids": rows.map(function (v) {
                        return v.id;
                    }).join(',')
                };
                $.operate.submit(url, "post", "json", data);
            }

            //波次完成
            function endWave() {
                var rows = $("#bootstrap-table").bootstrapTable('getSelections');
                if (rows.length == 0) {
                    $.modal.alertWarning("请至少选择一条记录");
                    return;
                }
                var url = prefix + "/endWave";
                var data = {
                    "ids": rows.map(function (v) {
                        return v.id;
                    }).join(',')
                };
                $.operate.submit(url, "post", "json", data);
            }

            //剔除单据
            function cullWave() {
                var rows = $("#bootstrap-table").bootstrapTable('getSelections');
                if (rows.length == 0) {
                    $.modal.alertWarning("请至少选择一条记录");
                    return;
                }
                var url = prefix + "/cullWave";
                var data = {
                    "ids": rows.map(function (v) {
                        return v.id;
                    }).join(',')
                };
                $.operate.submit(url, "post", "json", data);
            }


            //释放
            function freed() {
                var rows = $("#bootstrap-table").bootstrapTable('getSelections');
                if (rows.length == 0) {
                    $.modal.alertWarning("请至少选择一条记录");
                    return;
                }
                var url = prefix + "/freed";
                var data = {
                    "ids": rows.map(function (v) {
                        return v.id;
                    }).join(',')
                };
                $.operate.submit(url, "post", "json", data);
            }
        </script>
</body>
</html>