<!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">
    <style>
        .layui-input-block, .layui-input-inline{position: relative;}
        .layui-input-block{margin-left: 110px; min-height: 36px;}
    </style>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 select-info">
            <form id="formId">
                <div class="box_all">
                    <div class="select-list box2">
                        <ul>
                            <li>
                                <label>首选项代码:</label>
                                <input type="text" name="code"/>
                            </li>
                            <li>
                                <label>首选项名字:</label>
                                <input type="text" name="name"/>
                            </li>
                            <li class="time">
                                <label>创建时间:</label>
                                <input type="text" class="time-input" id="startTime" placeholder="开始时间"
                                       name="beginCreated"  />
                                <span>-</span>
                                <input type="text" class="time-input" id="endTime" placeholder="结束时间"
                                       name="endCreated"/>
                            </li>
                            <p style=" float:right;text-align: right; padding:5px 50px 0 0">
                                <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()"><i
                                        class="fa fa-refresh"></i>&nbsp;重置</a>
                            </p>
                            <div class="div1" style="clear: both;width:16px;margin: auto"><img src="../img/down.png" onClick="test(this)"><!--this 指 img 对象 --> </div>
                        </ul>
                    </div>
                    <!--下拉-->
                    <div class="clink_more" id="div2" style="display:none;">
                        <!--分组-->
                        <div class="more_input">
                            <div class="col-lg-12">
                                <fieldset class="wms-field-title" style="margin-top: 20px;">
                                    <legend style="width:auto;padding: 0;margin-bottom: 10px;font-size: 16px;line-height: inherit;color: #333;border: 0;">通用</legend>
                                </fieldset>
                            </div>
                            <div class="col-lg-12 input_list">
                                <ul>
                                    <li>
                                        <label>入库流程:</label>
                                        <select name="receivingFlow">
                                            <option value="0">否</option>
                                            <option value="-1">是</option>
                                        </select>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <div class="col-lg-4"><label>自动生成托盘号:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="autoAssignLPN" name="autoAssignLPN" checked="checked">
                                                <label class="onoffswitch-label" for="autoAssignLPN">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
<!--                                    <li>-->
<!--                                        <label>托盘生成号:</label>-->
<!--                                        <input type="text" name="autoAssignLPN" placeholder="on 就调出正则表达式" />-->
<!--                                    </li>-->
                                </ul>
                                <ul>
                                    <li>
                                        <div class="col-lg-4"><label>允许超收:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="allowOverReceiving" name="allowOverReceiving" checked="checked">
                                                <label class="onoffswitch-label" for="allowOverReceiving">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <label>允许超收范围:</label>
                                        <input type="number" name="allowOverReceivingQty" placeholder="%" />
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <div class="col-lg-4"><label>自动定位:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="autoLocate"  name="autoLocate" checked="checked">
                                                <label class="onoffswitch-label" for="autoLocate">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <label>定位规则:</label>
                                        <select name="locationRule">
                                            <option value="0">否</option>
                                            <option value="-1">是</option>
                                        </select>
                                    </li>
                                    <li>
                                        <label>容器选择规则:</label>
                                        <select name="checkinByPiece">
                                            <option value="0">否</option>
                                            <option value="-1">是</option>
                                        </select>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <div class="col-lg-4"><label>快速入库:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="useQuickCheckIn" name="useQuickCheckIn" checked="checked">
                                                <label class="onoffswitch-label" for="useQuickCheckIn">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="more_input">
                            <div class="col-lg-12">
                                <fieldset class="wms-field-title" style="margin-top: 20px;">
                                    <legend style="width:auto;padding: 0;margin-bottom:10px;font-size: 16px;line-height: inherit;color: #333;border: 0;">RF</legend>
                                </fieldset>
                            </div>
                            <div class="col-lg-12 input_list">
                                <ul>
                                    <li>
                                        <div class="col-lg-4"><label>组车收货:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="groupPutaway"  name="groupPutaway" checked="checked">
                                                <label class="onoffswitch-label" for="groupPutaway">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="col-lg-4"><label>显示未收货数量:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="showOpenQty"  name="showOpenQty" checked="checked">
                                                <label class="onoffswitch-label" for="showOpenQty">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="col-lg-4"><label>人工组盘:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="manuallyBuildLPN"  name="manuallyBuildLPN" checked="checked">
                                                <label class="onoffswitch-label" for="manuallyBuildLPN">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="col-lg-4"><label>逐件收货:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="checkinByPiece"  name="checkinByPiece" checked="checked">
                                                <label class="onoffswitch-label" for="checkinByPiece">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="col-lg-4"><label>自动提交(平库):</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox" id="pieceConfirm"  name="pieceConfirm" checked="checked">
                                                <label class="onoffswitch-label" for="pieceConfirm">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <div class="more_input">
                            <div class="col-lg-12">
                                <fieldset class="wms-field-title" style="margin-top: 20px;">
                                    <legend style="width:auto;padding: 0;margin-bottom: 10px;font-size: 16px;line-height: inherit;color: #333;border: 0;">物料</legend>
                                </fieldset>
                            </div>
                            <div class="col-lg-12 input_list">
                                <ul>
                                    <li>
                                        <div class="col-lg-4"><label>ABC分类:</label></div>
                                        <div class="col-lg-8">
                                            <div class="onoffswitch">
                                                <input type="checkbox" class="onoffswitch-checkbox"  id="abcClass" name="abcClass" checked="checked">
                                                <label class="onoffswitch-label" for="abcClass">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <label>属性模板:</label>
                                        <select name="attributeTemplateCode">
                                            <option value="0">否</option>
                                            <option value="1">是</option>
                                        </select>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <label>保质期(天):</label>
                                        <input type="number" name="daysToExpire"/>
                                    </li>
                                    <li>
                                        <label>临期预警(天):</label>
                                        <input type="number" name="expiringDays"/>
                                    </li>
                                    <li>
                                        <label>收货预警(天):</label>
                                        <input type="number" name="minShelfLifeDays"/>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--分组//-->
                    </div>
                    <!--下拉//-->
                </div>
                <!--<div class="boxdown"></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:receiptPreference:add">
                <i class="fa fa-plus"></i> 新增
            </a>
            <a class="btn btn-outline btn-danger btn-rounded " onclick="$.operate.batRemove()"
               shiro:hasPermission="config:receiptPreference:remove">
                <i class="fa fa-trash-o"></i> 删除
            </a>
        </div>

        <div class="col-sm-12 select-info table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover text-nowrap"></table>
        </div>
    </div>

</div>
<div th:include="include :: footer"></div>

<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('config:receiptPreference:edit')}]];
    var removeFlag = [[${@permission.hasPermi('config:receiptPreference:remove')}]];
    var prefix = ctx + "config/receiptPreference"

    $(function () {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            modalName: "入库首选",
            columns: [{
                checkbox: true
            },
                {
                    field: 'id',
                    title: 'ID',
                    visible: false
                },
                {
                    field: 'warehouseCode',
                    title: '仓库'
                },
                {
                    field: 'code',
                    title: '首选项代码'
                },
                {
                    field: 'name',
                    title: '首选项名字',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'receivingFlow',
                    title: '入库流程',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'autoAssignLPN',
                    title: '自动生成托盘号',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'allowOverReceiving',
                    title: '允许超收',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'allowOverReceivingQty',
                    title: '允许超收范围',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'autoLocate',
                    title: '自动定位',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'showOpenQty',
                    title: 'RF显示未收数量',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'groupPutaway',
                    title: 'RF组车收货',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'manuallyBuildLPN',
                    title: '人工组盘',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'locationRule',
                    title: '定位规则',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'listingRules',
                    title: '上架规则',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'emptyLocRule',
                    title: '空库位规则',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'checkinByPiece',
                    title: 'RF逐件收货',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'pieceConfirm',
                    title: 'RF自动提交收货',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'abcClass',
                    title: 'abc分类',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'daysToExpire',
                    title: '保质期',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'expiringDays',
                    title: '临期预警',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'minShelfLifeDays',
                    title: '收货预警(天)',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'allowQuickPutaway',
                    title: 'RF快速上架',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    field: 'attributeTemplateCode',
                    title: '属性模板',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'useQuickCheckIn',
                    title: '快速入库',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'created',
                    title: '创建时间'
                },
                {
                    field: 'createdBy',
                    title: '创建用户',
                    formatter: function (value, row, index) {
                        var html = $.common.sprintf("<input class='form-control' type='text' name='columns[%s].columnComment' value='%s'>", index, $.common.nullToStr(value));
                        return html;
                    }
                },
                {
                    field: 'lastUpdated',
                    title: '更新用户',
                    formatter: function (value, row, index) {
                        var isCheck = value == 1 ? 'checked' : '';
                        var html = $.common.sprintf("<label class='check-box'><input type='checkbox' name='columns[%s].isInsert' value='1' %s></label>", index, isCheck);
                        return html;
                    }
                },
                {
                    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);

        let a =$(".box2 ul li:gt(3):not(:last)");
        a.hide();
        $(".boxdown").click(function(){
            if(a.is(':visible')){
                a.slideUp('fast');
                $(this).removeClass('up');
            }else{
                a.slideDown('fast').show();
                $(this).addClass('up');
            }
        });


        $.ajax({
            url: "../getWarehouseByUserCode",
            type: 'post',
            dataType: "json",
            data: {
                username: [[${@permission.getPrincipalProperty('id')}]]
            },
            success: function (value) {
                // console.log(value.data);
                $("#warehouse").contents().remove();
                if (value != null && value.data.length >= 1)
                    for (var i = 0; i < value.data.length; i++) {
                        $('<option value=' + value.data[i].id + ' code=' + value.data[i].code + '>' + value.data[i].name + '</option>').appendTo('#warehouse');
                    }
            }
        })

    });

</script>
<script type="text/javascript">
    function test(obj){
        var div1=document.getElementById("div2");
        if(div1.style.display=="block"){
            div1.style.display="none";
            obj.src="../img/down.png";
        }else{
            div1.style.display="block";
            obj.src="../img/up.png";
        }
    }
</script>
</body>
</html>