mashangyoujiu/Application/Retail/View/Discount/saleDetails.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>商品销售汇总</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/sale/salesDetails.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
    <style>
        body,html{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body style="background-color:#fff7f8;">
<div class="saleBox">
    <div class="sale_title">
        <div class="sale_title_inner">促销商品销售明细</div>
    </div>
    <div class="sale_screen">
        <form class="layui-form" action="">
            <div class="sale_screen_hr">
                <div class="layui-input-inline" style="width: 437px;">
                    <input type="text" name="date01" id="date01" lay-verify="date01" placeholder="点击查询指定时间段" autocomplete="off" class="layui-input" value="{$timenew}">
                    <i style="font-size: 28px;color: #009688;" class="layui-icon iconBox">&#xe637;</i>
                </div>

                <div class="layui-input-inline">
                    <span class="sale_screen_pr">货号</span>
                    <div class="layui-input-inline">
                        <input type="text" name="title" id="title" lay-verify="title" autocomplete="off" placeholder="请输入货号" class="layui-input" value="{$goods_number}">
                    </div>
                </div>
            </div>
            <div class="sale_screen_hr">
                <div class="layui-input-inline">
                    <input disabled="disabled" type="text" name="title" lay-verify="title"  value="{$store_name['storetag']}" class="layui-input">
                </div>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>

                <div class="layui-input-inline">
                    <select name="person" id="type">
                        <option value="">类别</option>
                        <volist name="class_name" id="class_name">
                            <option value="{$class_name['id']}">{$class_name['class_name']}</option>
                        </volist>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="margin-left: 0;">
                    <button class="layui-btn" lay-filter="demo1" type="button" id="search">查询</button>
                </div>
            </div>
        </form>
    </div>
    <div class="goods_table">
        <table class="layui-hide" id="test"></table>
    </div>
</div>
</body>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['form', 'layedit', 'laydate', 'table'], function() {
        var form = layui.form,
            layer = layui.layer,
            layedit = layui.layedit,
            table = layui.table,
            laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date01',
            range: '至',
            value:$('#date01').val()
        });
        //展示已知数据
        table.render({
            elem: '#test',
            url: "{:U('Discount/discountsell')}",
            cols: [
                [ //标题栏
                {
                    field: 'key',
                    title: '序号',
                    width:60
                },{
                    field: 'addtime',
                    title: '销售时间',
                    width:180
                } ,{
                    field: 'goods_number',
                    title: '货号',
                    sort: true
                }, {
                    field: 'good_name',
                    title: '品名',
                }, {
                    field: 'num',
                    title: '销售数量',
                    sort: true
                },  {
                    field: 'type',
                    title: '销售类型',
                    width:100
                },{
                    field: 'price',
                    title: '零售价(元)',
                }, {
                    field: 'allmoney',
                    title: '出售总价(元)',
                    sort: true
                },{
                    field: 'yuan_price',
                    title: '原价(元)'
                },{
                    field: 'dis_money',
                    title: '让利(元)'
                }
                ]
            ],
            page: {
                layout: [ 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
        });
        $('#search').click(function () {
            table.reload('test', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    date01:$('#date01').val(),
                    title:$('#title').val(),
                    person:$('#type option:selected').val(),
                }
            });
        })
        $(document).on('resize',function () {
            table.reload('test')
        })
    });

</script>

</html>