mashangyoujiu/Application/Retail/View/Aallocatmerchant/shipmentlist.html

<!DOCTYPE html>
<html>
<!--[1.3.63]-->
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui-v2.4.3/layui/css/layui.css"/>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/layui-v2.4.3/layui/layui.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
    <style>
        .mybtn {
            margin: 10px 30px;
        }

        .mybtn:hover {
            color: white;
            background-color: #3f4c73;
        }

        .hide {
            display: none;
        }
    </style>
</head>
<div class="goodsBox">
    <div class="goods_title">
        <div class="goods_title_inner">
            出货单
        </div>
    </div>
    <div class="goods_edit">
        <form class="layui-form" id="select_serach">
            <div class="layui-input-inline">
                <input type="text" class="layui-input" placeholder="出货单号" id="order_id">
            </div>
            <div class="layui-input-inline">
                <select name="supplier_id" id="order_state" class="layui-input">
                    <option value="">全部订单</option>
                    <option value="1">未审核订单</option>
                    <option value="2">审核通过订单</option>
                    <option value="3">审核失败订单</option>
                </select>
            </div>
            <div class="layui-input-inline" style="width: 437px;">
                <input type="text" name="date" id="date" lay-verify="date" placeholder="点击查询指定时间段" autocomplete="off"
                       class="layui-input">
                <i style="font-size: 28px;color: #009688;" class="layui-icon iconBox">&#xe637;</i>
            </div>
            <div class="layui-input-inline">
                <div class="goods_edit_add" id="serach_icon">搜索</div>
                <!-- <div class="goods_edit_add" id="export" >导出</div>-->
            </div>
        </form>
    </div>
    <div class="goods_table">
        <table class="layui-hide" id="test" lay-filter="demo"></table>
        <script type="text/html" id="barDemo">
            <if condition="$authArr['shipment_detail']">
                <a class="layui-btn layui-btn-xs" lay-event="seeorder">查看</a>
            </if>
        </script>
    </div>
</div>
<script type="text/javascript">
    layui.use(['table', 'layer', 'laydate'], function () {
        var table = layui.table;
        var laydate = layui.laydate;
        var form = layui.form;
        form.render();
        //日期
        laydate.render({
            elem: '#date',
            range: '至',
            value: $('#date01').val()
        });

        //展示已知数据
        table.render({
            elem: '#test',
            url: "{:U('shipment_sales')}",
            cols: [
                [{
                    field: 'index',
                    title: '序号',
                    width: 60
                }, {
                    field: 'order_id',
                    title: '出货单号',
                }, {
                    field: 'storetag',
                    title: '货至门店',
                }, {
                    field: 'addtime',
                    title: '制单时间',
                }, {
                    field: 'allocation_num',
                    title: '总出货量',
                }, {
                    field: 'state',
                    title: '单据状态', width: 100,
                    fixed: 'right', align: 'center'
                }, {
                    fixed: 'right',
                    title: '操作',
                    align: 'center',
                    toolbar: '#barDemo',
                    width: 180
                }]
            ],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
            id: 'idTest'
        });
        //监听工具条
        table.on('tool(demo)', function (obj) {
            var data = obj.data;
            var mydata = data;
            if (obj.event === 'seeorder') {
                layer.open({
                    type: 2,
                    content: "{:U('shipment_detail')}?id=" + data.id,
                    area: ['calc(100% - 160px)', 'calc(100% - 65px)'],
                    offset: 'rb',
                    shade: 0,
                    end: function () {
                        MenuApp.refreshWindow();
                        //window.location.reload();
                    }
                })
                //window.location.href="{:U('shipment_detail')}?id="+data.id;
            }
        })
        $("#serach_icon").click(function () {
            var order_id = $('#order_id').val(); //订单号
            var order_state = $('#order_state').val();
            var date = $('#date').val();
            table.reload('idTest', {
                where: { //设定异步数据接口的额外参数，任意设
                    order_id: order_id,
                    order_state: order_state,
                    date: date
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        })
    });

</script>