自动化立体仓库 - WMS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
luxiaotao1123
2021-08-24 7a0baad26835f2a11bad1a178f88503f862b72e4 
 src/main/webapp/views/waitMatin/waitMatin.html


@@ -8,10 +8,42 @@


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">


    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">


    <link rel="stylesheet" href="../../static/css/cool.css" media="all">


    <link rel="stylesheet" href="../../static/css/common.css" media="all">


<!--    <link rel="stylesheet" href="../../static/css/cool.css" media="all">-->


<!--    <link rel="stylesheet" href="../../static/css/common.css" media="all">-->


    <!--[if lt IE 9]>


    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>


    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>


    <![endif]-->


</head>


<body>




<!-- 正文开始 -->


<div class="layui-fluid">


    <div class="layui-card">


        <div class="layui-card-body">


            <!-- 表格顶部工具栏 -->


            <div class="layui-form toolbar">


                <div class="layui-form-item">


                    <div class="layui-inline">


                        <label class="layui-form-label w-auto">课程名称：</label>


                        <div class="layui-input-inline mr0">


                            <input name="experimentTypeName" class="layui-input" type="text" placeholder="输入课程名称"/>


                        </div>


                    </div>


                    <div class="layui-inline">


                        <button class="layui-btn icon-btn" lay-filter="eCourseTbSearch" lay-submit>


                            <i class="layui-icon">&#xe615;</i>搜索


                        </button>


                        <button id="eCourseAddBtn" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加


                        </button>


                    </div>


                </div>


            </div>


            <table id="eCourseTable" lay-filter="eCourseTable"></table>


        </div>


    </div>


</div>






<!-- 搜索栏 -->


<div id="search-box" class="layui-form layui-card-header">


@@ -49,159 +81,295 @@


<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>


<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>


<script type="text/javascript" src="../../static/js/waitMatin/waitMatin.js" charset="utf-8"></script>


</body>


<!-- 表单弹窗 -->


<script type="text/html" id="editDialog">


    <form id="detail" lay-filter="detail" class="layui-form admin-form">


        <input name="id" type="hidden">


        <div class="layui-row">


            <div class="layui-col-md12">


                <div class="layui-form-item">


                    <label class="layui-form-label layui-form-required">单据编号: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="billNo" placeholder="请输入单据编号" lay-vertype="tips" lay-verify="required">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label layui-form-required">序号: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="seqNo" placeholder="请输入序号" lay-vertype="tips" lay-verify="required">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">单据类型: </label>


                    <div class="layui-input-block">


                        <select name="billType">


                            <option value="">请选择单据类型</option>


                            <option value="1">采购入库</option>


                            <option value="2">生产入库</option>


                            <option value="3">调拨入库</option>


                            <option value="4">销售退回入库</option>


                            <option value="5">其他入库</option>


                        </select>


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label layui-form-required">物料编码: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="matNo" placeholder="请输入物料编码" lay-vertype="tips" lay-verify="required">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label layui-form-required">物料名称: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="matName" placeholder="请输入物料名称" lay-vertype="tips" lay-verify="required">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">数量: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="qty" placeholder="请输入数量">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">规格: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="specs" placeholder="请输入规格">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">单位: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="unit" placeholder="请输入单位">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">尺寸: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="size" placeholder="请输入尺寸">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">颜色: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="color" placeholder="请输入颜色">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">单重: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="weight" placeholder="请输入单重">


                    </div>


                </div>


                <div class="layui-form-item">


                    <label class="layui-form-label">备注: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="memo" placeholder="请输入备注">


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">已入库量: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="inQty" placeholder="请输入已入库量" disabled="disabled">


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">ERP连线: </label>


                    <div class="layui-input-block">


                        <select name="linkErp">


                            <option value="">请选择ERP连线</option>


                            <option value="0">非连线</option>


                            <option value="1">ERP连线</option>


                        </select>


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">完成状态: </label>


                    <div class="layui-input-block">


                        <select name="ioStatus">


                            <option value="">请选择完成状态</option>


                            <option value="0">待处理</option>


                            <option value="1">入库中</option>


                            <option value="2">入库完成</option>


                            <option value="3">取消入库</option>


                        </select>


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">完成时间: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="ioTime" id="ioTime$" placeholder="请输入完成时间">


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">修改人员: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="modiUser" placeholder="请输入修改人员">


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">修改时间: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="modiTime" id="modiTime$" placeholder="请输入修改时间">


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">建档人员: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="appeUser" placeholder="请输入建档人员">


                    </div>


                </div>


                <div class="layui-form-item" style="display: none">


                    <label class="layui-form-label">建档时间: </label>


                    <div class="layui-input-block">


                        <input class="layui-input" name="appeTime" id="appeTime$" placeholder="请输入建档时间">


                    </div>


                </div>


<script>


    layui.use(['layer', 'form', 'table', 'util', 'admin'], function () {


        var $ = layui.jquery;


        var layer = layui.layer;


        var form = layui.form;


        var table = layui.table;


        var util = layui.util;


        var admin = layui.admin;




             </div>


        </div>


        <hr class="layui-bg-gray">


        <div class="layui-form-item text-right">


            <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button>


            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>


        </div>


    </form>


        // 渲染表格


        var insTb = table.render({


            elem: '#waitMatin',


            url: baseUrl+'/waitMatin/head/page/auth',


            page: true,


            cellMinWidth: 100,


            cols: [[


                {type: 'numbers'},


                {field: 'billNo', title: '单据编号', sort: true},


                {field: 'billType$', align: 'center', title: '类型'},


                // {align: 'center', title: '星期', templet: '#eCourseTbWeek', minWidth: 350, width: 350},


                {align: 'center', title: '明细', toolbar: '#eCourseTbLook', minWidth: 140, width: 140},


                {


                    field: 'createTime', title: '创建时间', sort: true, templet: function (d) {


                        return util.toDateString(d.createTime);


                    }, width: 180


                },


                {align: 'center', title: '操作', toolbar: '#eCourseTbBar', minWidth: 130, width: 130}


            ]]


        });




        // 搜索


        form.on('submit(eCourseTbSearch)', function (data) {


            insTb.reload({where: data.field, page: {curr: 1}});


        });




        // 添加


        $("#eCourseAddBtn").click(function () {


            showEditModel();


        });




        // 工具条点击事件


        table.on('tool(eCourseTable)', function (obj) {


            var data = obj.data;


            var layEvent = obj.event;


            if (layEvent == 'edit') {


                showEditModel(data);


            } else if (layEvent == 'del') {


                doDel(data.experimentTypeId);


            } else if (layEvent == 'look') {


                var $a = $(obj.tr).find('a[lay-event="look"]');


                var offset = $a.offset();


                var top = offset.top;


                var left = offset.left;


                layer.open({


                    type: 1,


                    title: false,


                    area: '530px',


                    offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'],


                    shade: .01,


                    shadeClose: true,


                    fixed: false,


                    content: '<table id="lookSSXMTable" lay-filter="lookSSXMTable"></table>',


                    success: function (layero) {


                        table.render({


                            elem: '#lookSSXMTable',


                            url: '../../json/e-course-tb2.json?experimentTypeId=' + data.experimentTypeId,


                            page: true,


                            cellMinWidth: 100,


                            cols: [[


                                {type: 'numbers'},


                                {field: 'experimentName', title: '项目名称', sort: true},


                                {


                                    field: 'createTime', title: '创建时间', sort: true, templet: function (d) {


                                        return util.toDateString(d.createTime);


                                    }


                                }


                            ]],


                            done: function () {


                                $(layero).find('.layui-table-view').css('margin', '0');


                            },


                            size: ''


                        });


                    }


                });


            }


        });




        // 显示表单弹窗


        function showEditModel(expTpe) {


            admin.open({


                type: 1,


                title: (expTpe ? '修改' : '添加') + '实验课程',


                content: $('#eCourseEditDialog').html(),


                area: '700px',


                success: function (layero, dIndex) {


                    $(layero).children('.layui-layer-content').css('overflow', 'visible');


                    var url = expTpe ? '../../json/ok.json' : '../../json/ok.json';


                    var isExpAdd = expTpe ? false : true;


                    // 回显数据


                    form.val('eCourseEditForm', expTpe);


                    // 表单提交事件


                    form.on('submit(eCourseEditSubmit)', function (data) {


                        if (isExpAdd) {


                            if (xxDataList.length <= 0) {


                                layer.tips('请添加实验项目', '#demoEDeCourseAddBtnComment', {tips: [1, '#ff4c4c']});


                                return false;


                            }


                            var nList = admin.util.deepClone(xxDataList);


                            for (var xi = 0; xi < nList.length; xi++) {


                                nList[xi].experimentId = undefined;


                            }


                            data.field.expListJson = JSON.stringify(nList);


                        }


                        layer.load(2);


                        $.get(url, data.field, function (res) {


                            layer.closeAll('loading');


                            if (res.code == 200) {


                                layer.close(dIndex);


                                insTb.reload({page: {curr: 1}});


                                layer.msg(res.msg, {icon: 1});


                            } else {


                                layer.msg(res.msg, {icon: 2});


                            }


                        }, 'json');


                        return false;


                    });


                    //


                    var xxDataList = [];


                    var tbOptions = {


                        elem: '#formSSXMTable',


                        data: xxDataList,


                        page: true,


                        height: '350px;',


                        cellMinWidth: 100,


                        cols: [[


                            {type: 'numbers'},


                            {field: 'experimentName', title: '项目名称', sort: true},


                            {


                                field: 'createTime', title: '创建时间', sort: true, templet: function (d) {


                                    return util.toDateString(d.createTime);


                                }


                            },


                            {align: 'center', title: '操作', toolbar: '#eCourseCouTbBar', minWidth: 120, width: 120}


                        ]],


                        done: function () {


                            $(layero).find('.layui-table-view').css('margin', '0');


                        },


                        size: ''


                    };


                    if (isExpAdd) {




                    } else {


                        tbOptions.data = undefined;


                        tbOptions.url = '../../json/e-course-tb2.json?experimentTypeId=' + expTpe.experimentTypeId;


                    }


                    var insTbSSXM = table.render(tbOptions);


                    // 工具条点击事件


                    table.on('tool(formSSXMTable)', function (obj) {


                        var data = obj.data;


                        var layEvent = obj.event;


                        if (layEvent == 'edit') {


                            showEditModel2(data);


                        } else if (layEvent == 'del') {


                            layer.confirm('确定要删除吗？', {


                                shade: .1,


                                skin: 'layui-layer-admin'


                            }, function (i) {


                                layer.close(i);


                                if (isExpAdd) {  // 前端处理删除


                                    for (var j = 0; j < xxDataList.length; j++) {


                                        if (xxDataList[j].experimentId = data.experimentId) {


                                            xxDataList.splice(j, 1);


                                        }


                                    }


                                    insTbSSXM.reload({data: xxDataList, page: {curr: 1}});


                                } else {  // 后端处理删除


                                    layer.load(2);


                                    $.get('../../json/ok.json', {


                                        experimentId: data.experimentId


                                    }, function (res) {


                                        layer.closeAll('loading');


                                        if (res.code == 200) {


                                            layer.msg(res.msg, {icon: 1});


                                            insTb.reload({page: {curr: 1}});


                                            insTbSSXM.reload({page: {curr: 1}});


                                        } else {


                                            layer.msg(res.msg, {icon: 2});


                                        }


                                    }, 'json');


                                }


                            });


                        }


                    });


                    //


                    $('#demoEDeCourseAddBtnComment').click(function () {


                        showEditModel2();


                    });




                    // 显示表单弹窗


                    function showEditModel2(exp) {


                        admin.open({


                            type: 1,


                            offset: '150px',


                            title: (exp ? '修改' : '添加') + '项目',


                            content: $('#eCourseCouEditDialog').html(),


                            success: function (layero, dIndex) {


                                $(layero).children('.layui-layer-content').css('overflow', 'visible');


                                var url = exp ? '../../json/ok.json' : '../../json/ok.json';


                                // 回显数据


                                form.val('eCourseCouEditForm', exp);


                                // 表单提交事件


                                form.on('submit(eCourseCouEditSubmit)', function (data) {


                                    if (isExpAdd) {  // 前端处理添加、修改


                                        if (exp) {  // 前端修改


                                            for (var i = 0; i < xxDataList.length; i++) {


                                                if (xxDataList[i].experimentName == data.field.experimentName && xxDataList[i].experimentId != data.field.experimentId) {


                                                    layer.msg('实验项目名称已存在', {icon: 2});


                                                    return false;


                                                }


                                            }


                                            layer.close(dIndex);


                                            for (var j = 0; j < xxDataList.length; j++) {


                                                if (xxDataList[j].experimentId == data.field.experimentId) {


                                                    xxDataList[j].experimentName = data.field.experimentName;


                                                }


                                            }


                                            insTbSSXM.reload({data: xxDataList, page: {curr: 1}});


                                        } else {  // 前端添加


                                            for (var i = 0; i < xxDataList.length; i++) {


                                                if (xxDataList[i].experimentName == data.field.experimentName) {


                                                    layer.msg('实验项目名称已存在', {icon: 2});


                                                    return false;


                                                }


                                            }


                                            layer.close(dIndex);


                                            data.field.experimentId = new Date().getTime();


                                            xxDataList.push(data.field);


                                            insTbSSXM.reload({data: xxDataList, page: {curr: 1}});


                                        }


                                    } else {  // 后端处理添加修改


                                        layer.load(2);


                                        if (!exp) {


                                            data.field.experimentTypeId = expTpe.experimentTypeId;


                                        }


                                        $.get(url, {json: JSON.stringify(data.field)}, function (res) {


                                            layer.closeAll('loading');


                                            if (res.code == 200) {


                                                layer.close(dIndex);


                                                insTbSSXM.reload({page: {curr: 1}});


                                                layer.msg(res.msg, {icon: 1});


                                            } else {


                                                layer.msg(res.msg, {icon: 2});


                                            }


                                        }, 'json');


                                    }


                                    return false;


                                });


                            }


                        });


                    }




                }


            });


        }




        // 删除


        function doDel(experimentTypeId) {


            layer.confirm('确定要删除吗？', {


                shade: .1,


                skin: 'layui-layer-admin'


            }, function (i) {


                layer.close(i);


                layer.load(2);


                $.post('../../json/ok.json', {


                    experimentTypeId: experimentTypeId


                }, function (res) {


                    layer.closeAll('loading');


                    if (res.code == 200) {


                        layer.msg(res.msg, {icon: 1});


                        insTb.reload({page: {curr: 1}});


                    } else {


                        layer.msg(res.msg, {icon: 2});


                    }


                }, 'json');


            });


        }




    });


</script>


</body>


</html>