mashangyoujiu/Application/Retail/View/Goods/goods_more.html

<!--[1.2.41]-->
<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>
<div class="goodsBox">
    <div class="goods_title">
        <div class="goods_title_inner">
            库存超量商品
        </div>
    </div>
    <div class="goods_edit">
        <div class="goods_edit_input">
            <input type="text" name="text" id="search_name" value="{$text}" placeholder="货号/品名"/>
            <div class="goods_edit_search search">
                <img src="__PUBLIC__/Retail/images/s14.png"/>
            </div>
        </div>
        <if condition="$global_store_jurisdiction && ($global_store_jurisdiction['data_export'] eq '2')">
            <else/>
            <if condition="$authArr['exporttablegoodsmore'] eq true">
                <div class="layui-btn" id="exporttable">导出库存超量商品</div>
            </if>
        </if>
    </div>
    <div class="goods_edit" id="search_form">
        <form class="layui-form">
            <div class="sale_screen_hr">
                <div class="layui-input-inline">
                    <select name="person1" id="person1" lay-filter="person1">
                        <option value="">选择一级分类</option>
                        <volist name="class_name" id="class_name">
                            <option value="{$class_name['id']}"
                            <if condition="$class_id eq $class_name['id']">selected</if>
                            >{$class_name['class_name']}</option>
                        </volist>
                    </select>
                </div>
                <div class="layui-input-inline class2" style="display: none;">
                    <select name="person2" id="person2" lay-filter="person2">
                        <option value="">选择二级分类</option>
                    </select>
                </div>
                <div class="layui-input-inline class3" style="display: none;">
                    <select name="person3" id="person3" lay-filter="person3">
                        <option value="">选择三级分类</option>
                    </select>
                </div>
            </div>
        </form>
        <div class="layui-btn search" id="serach_icon" style="margin-left: 20px;">搜索</div>
    </div>
    <div class="goods_table">
        <table class="layui-hide" id="test" lay-filter="demo"></table>
        <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-xs" lay-event="add_quantity">添加库存</a>
        </script>
    </div>
</div>
<script type="text/javascript">
    function renderForm() {
        layui.use('form', function () {
            var form = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
            form.render();
        });
    }

    layui.use(['table', 'form'], function () {
        var form = layui.form;
        var table = layui.table;
        form.render();
        //展示已知数据
        table.render({
            elem: '#test',
            url: "{:U('Goods/goods_moreinfo')}",
            method: 'post',
            cols: [
                [ //标题栏
                    {
                        type: 'checkbox'
                    },
                    {
                        field: 'goods_number',
                        title: '货号'
                    }, {
                    field: 'goods_name',
                    title: '品名'
                }, {
                    field: 'goods_code',
                    title: '商品条码'
                }, {
                    field: 'purchase_price',
                    title: '进价',
                    width: 100,
                    hide: "{$global_store_jurisdiction['showpurch_price']}" == 2 ? true : false
                }, {
                    field: 'retail_price',
                    title: '零售价(元)',
                    width: 100
                }, {
                    field: 'online_price',
                    title: '商城价(元)',
                    width: 100
                }, {
                    field: 'status_name',
                    title: '状态',
                    width: 80
                }, {
                    field: 'cate_name',
                    title: '类别',
                    width: 100
                }, {
                    field: 'goods_num',
                    title: '库存',
                    width: 100
                }, {
                    field: 'more_num',
                    title: '超量值',
                    width: 100
                }
                ]
            ],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
        });
        var class1_val = '';
        var class2_val = '';
        form.on('select(person1)', function (data) {
            if (class1_val == data.value) {
                return;
            }
            class1_val = data.value;
            class2_val = '';
            if (data.value == '') {
                $('.class2').hide();
                $('.class3').hide();
                $('#person2').html("<option value=''>选择二级分类</option>");
                $('#person3').html("<option value=''>选择三级分类</option>");
                renderForm();
            } else {
                $('.class3').hide();
                $('#person2').html("<option value=''>选择二级分类</option>");
                $('#person3').html("<option value=''>选择三级分类</option>");
                $.post("{:U('Sale/getChildClass')}", {
                    id: data.value,
                    type: 2
                }, function (res) {
                    if (res.status == 1) {
                        for (var i = 0; i < res.data.length; i++) {
                            var child = `<option value="${res.data[i].id}">${res.data[i].class_name}</option>`;
                            $('#person2').append(child);
                        }
                        $('.class2').fadeIn();
                        $('#person3').html("<option value=''>选择三级分类</option>");
                        renderForm();
                    } else {
                        $('.class2').hide();
                        renderForm();
                    }
                })
            }
        });
        form.on('select(person2)', function (data) {
            if (class2_val == data.value) {
                return;
            }
            class2_val = data.value;
            if (data.value == '') {
                $('.class3').hide();
                $('#person3>option').remove();
                $('#person3').append("<option value=''>选择三级分类</option>");
                renderForm();
            } else {
                $('#person3').html("<option value=''>选择三级分类</option>");
                $.post("{:U('Sale/getChildClass')}", {
                    id: data.value,
                    type: 3
                }, function (res) {
                    if (res.status == 1) {
                        for (var i = 0; i < res.data.length; i++) {
                            var child = `<option value="${res.data[i].id}">${res.data[i].class_name}</option>`;
                            $('#person3').append(child);
                        }
                        $('.class3').fadeIn();
                        renderForm();
                    } else {
                        $('.class3').hide();
                        renderForm();
                    }
                })
            }
        });
        $(".search").click(function () {
            var keyword = $("#search_name").val();
            //执行重载
            table.reload('test', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: {
                    keyword: keyword,
                    person1: $('#person1').val(),
                    person2: $('#person2').val(),
                    person3: $('#person3').val(),
                }
            });
        })
        $('#exporttable').click(function () {
            var keyword = $("#search_name").val();
            var person1 = $('#person1').val();
            var person2 = $('#person2').val();
            var person3 = $('#person3').val();
            window.location.href = "{:U('Exporttable/exporttablegoodsmore')}?keyword=" + keyword +
                '&person1=' + person1 + '&person2=' + person2 + '&person3=' + person3;
        })
    })
</script>