mashangyoujiu/Application/Retail/View/Goods/quantity.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>
        .gA_inner01 > span {
            min-width: 66px;
        }

        .gA_inner01 > input {
            margin-left: 10px;
        }

        .gA_inner02 {
            margin-right: 0px;
        }
    </style>
</head>
<div class="goodsBox">
    <div class="goods_title">
        <div class="goods_title_inner">
            商品出入库明细
        </div>
    </div>
    <div class="goods_edit">
        <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="">
            <i style="font-size: 28px;color: #009688;" class="layui-icon iconBox">&#xe637;</i>
        </div>
    </div>
    <div class="goods_edit">
        <div class="goods_edit_input">
            <input type="text" name="text" id="search_name" value="{$text}" placeholder="品名/货号/条码"/>
        </div>
        <div class="goods_edit_input">
            <input type="text" name="text" id="ordernum" value="" placeholder="单据号"/>
        </div>
        <button id="searchbutton" class="layui-btn" data-type="reload">搜索</button>
        <if condition="$global_store_jurisdiction && ($global_store_jurisdiction['data_export'] eq '2')">
            <else/>
            <if condition="$authArr['quantityexport'] eq true">
                <button id="export" class="layui-btn" data-type="reload">导出</button>
            </if>
        </if>
    </div>
    <div class="goods_table">
        <table class="layui-hide" id="test" lay-filter="demo"></table>
        <script type="text/html" id="barDemo">
            {{#  if(d.success == 1){ }}
            <span>成功</span>
            {{#  } else { }}
            <span>失败</span>
            {{#  } }}
        </script>
    </div>
</div>
<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;

        //展示已知数据
        table.render({
            elem: '#test',
            url: "{:U('Goods/quantityList')}",
            cols: [
                [ //标题栏
                    {
                        field: 'key',
                        title: '序号',
                        width: 60
                    }, {
                    field: 'goods_name',
                    title: '品名'
                }, {
                    field: 'goods_number',
                    title: '货号',
                    width: 120
                }, {
                    field: 'goods_code',
                    title: '条码',
                    width: 150
                }, {
                    field: 'supplier_name',
                    title: '供货商/来源'
                }, {
                    field: 'ordernum',
                    title: '货流单据号',
                }, {
                    field: 'original_stock',
                    title: '变动前库存',
                }, {
                    field: 'present_stock',
                    title: '变动后库存',
                }, {
                    field: 'type',
                    title: '操作类型',
                    width: 100
                }, {
                    field: 'do_num',
                    title: '操作数量',
                    width: 100
                }, {
                    field: 'time',
                    title: '操作时间',
                }, {
                    field: 'remark',
                    title: '备注',
                }, {
                    title: '是否成功',
                    toolbar: '#barDemo'
                }
                ]
            ],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
            id: 'testReload'
        });
        var $ = layui.$, active = {
            reload: function () {
                var demoReload = $('#search_name').val();
                var ordernum = $('#ordernum').val();
                var date = $('#date01').val();
                //执行重载
                table.reload('testReload', {
                    url: "{:U('Goods/quantityList')}",
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: {
                        id: demoReload,
                        ordernum: ordernum,
                        date: date
                    }
                });
            }
        };
        laydate.render({
            elem: '#date01',
            range: '至',
            value: $('#date01').val()
        });
        $('#searchbutton').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $('#export').click(function () {
            var id = $('#search_name').val();
            var ordernum = $('#ordernum').val();
            var date = $('#date01').val();
            layer.confirm("确认导出?", function () {
                layer.closeAll();
                window.location.href = "{:U('Goods/quantityexport')}?id=" + id + "&ordernum=" + ordernum + "&date=" + date;
            })
        })
    })
</script>