point.html 8.59 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="zone-form">
                <div class="select-list">
                    <ul>
                        <li>
                            货架号:<input type="text" id="goodsShelfNo" name="goodsShelfNo"/>
                        </li>
                        <!--<li>
                            货主:<select name="companyCode" th:with="company=${@company.getEnableCompanyList()}">
                            <option value="">所有</option>
                            <option th:each="e : ${company}" th:text="${e['name']}" th:value="${e['code']}"></option></select>
                        </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('zone-form')"><i class="fa fa-refresh"></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="config:zone:add">-->
                <!--<i class="fa fa-plus"></i> 新增-->
            <!--</a>-->
            <!--<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="config:zone:remove">-->
                <!--<i class="fa fa-trash-o"></i> 删除-->
            <!--</a>-->
        <!--</div>-->

        <div class="col-sm-12 select-info">
            <a class="btn btn-outline btn-primary btn-rounded to-receive"  onclick="restore()">
                <i class="fa fa-paper-plane"></i> 状态恢复
            </a>
            <a class="btn btn-outline btn-primary btn-rounded to-receive"  onclick="detectShelf()">
                <i class="fa fa-paper-plane"></i> 检测空货架
            </a>
            <a class="btn btn-outline btn-success btn-rounded" onclick="editCommon(1)" shiro:hasPermission="config:container:editCommonFlag">
                <i class="fa fa-edit"></i> 常规
            </a>
            <a class="btn btn-outline btn-success btn-rounded" onclick="editCommon(2)" shiro:hasPermission="config:container:editCommonFlag">
                <i class="fa fa-edit"></i> 非常规
            </a>
            <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 prefix = ctx + "config/point";
    var goodsShelfNos=null;
    var company =[[${@companyService.getCode()}]];
    var uWarehouseNames = [[${@warehouseWu.getName()}]];
    var commonStatus = [[${@dict.getType('container_common')}]];
    $(function() {
        let options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            modalName: "货架",
            search: false,
            showExport:true,
            exportDataType:"all",
            exportOptions:{
                ignoreColumn:[0],      //导出数据忽略第一列
                fileName:'货架表',     //导出数据的文件名
                worksheetName:'sheet1',//表格工作区名称
                tableName:'货架',
                excelstyles:['background-color','color','font-size','font-weight']
            },
            columns: [
                {
                checkbox: true
                },
                {
                    field : 'id',
                    title : 'ID',
                    sortable:true
                },
                {
                    field : 'goodsShelfNo',
                    title : '货架号',
                    sortable:true
                },
                {
                    field : 'companyCode',
                    title : '货主名称',
                    sortable:true,
                    formatter: function(value, row, index) {
                        var actions = [];
                        $.each(company, function(index, dict) {
                            if (dict.code == value) {
                                actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
                                return false;
                            }
                        });
                        return actions.join('');
                    }
                },
                {
                  field: 'uWarehouseName',
                  title: 'u8仓库',
                  sortable: true,
                    formatter: function(value, row, index) {
                        return "<span class='badge badge-info'>" + value + "</span>";
                    }
                },
                {
                    field : 'isEmpty',
                    title : '是否空货架',
                    sortable:true,
                    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 : 'common',
                    title : '常规',
                    formatter: function(value, row, index) {
                        return $.table.selectDictLabel(commonStatus, value);
                    },
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        let actions = [];
                        actions.push('<a class="btn btn-success btn-xs" onclick="Edit(\'' + row.id + '\' , \'' + row.goodsShelfNo + '\' )"><i class="fa fa-edit"></i>编辑</a> ');
                        return actions.join('');
                    }
                }
            ]
        };
        $.table.init(options);
    });

    function Edit(id, code) {
        goodsShelfNos=code;
        $.operate.edit(id)
    }

    /* 恢复 */
    function restore() {
        $.ajax({
            url:prefix+'/restore',
            type:'post',
            success:function (res) {
                if(res.code==200){
                    $.table.refresh();
                    $.modal.msgSuccess(res.msg);
                }
                else{
                    $.modal.msgError(res.msg);
                }
            }
        })
    }



    /* 检测货架装货状态 */
    function detectShelf() {
        $.ajax({
            url:prefix+'/detectShelf',
            type:'post',
            success:function (res) {
                if(res.code==200){
                    $.table.refresh();
                    $.modal.msgSuccess(res.msg);
                }
                else{
                    $.modal.msgError(res.msg);
                }
            }
        })
    }

    function editCommon(v){
        var rows=$("#bootstrap-table").bootstrapTable('getSelections');
        if (rows.length == 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        var ids = "";
        for(var i=0; i<rows.length; i++) {
            ids = ids + rows[i].id + ","
        }
        let tips='常规';
        if(v==2){
            tips='非常规';
        }
        $.modal.confirm("确认要设置"+tips+'吗?' + rows.length + "条数据", function() {
            $.ajax({
                cache : true,
                type : "POST",
                url : prefix + "/editCommonFlag",
                data : {
                    "ids": ids,
                    "commonStatus": v,
                },
                async : false,
                error : function(request) {
                    $.modal.alertError("请求失败!");
                },
                success : function(data) {
                    $.operate.saveSuccess(data);
                }
            });
        })

    }

</script>
</body>
</html>