选择商品功能

2023-02-15 10:56:23 阅读:3 编辑

单选

//选择商品
        $('#btnChooseGoods').click(function () {
            var url = "{:adminurl('index','cgoods')}&readonly=1&is_cloud_goods=1";
            layer.open({
                type: 2,
                title: '选择商品',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['893px', '100%'],
                content: url,
                btn: ['确认', '取消'],
                yes: function (index, layerObj) {
                    var win = $(layerObj).find("iframe")[0].contentWindow;
                    var checkData = win.layui.table.checkStatus('laytable');
                    var checkGoodss = checkData.data;
                    if (checkGoodss.length) {
                        for (var i in checkGoodss) {
                            goods[checkGoodss[i]['id']] = checkGoodss[i];
                        }
                    }
                    goodsDisplay();
                    layer.close(index);
                }
            });
        })
        function goodsDisplay() {
            var goodsHtml = '';
            for (var i in goods) {
                goodsHtml += '<span class="goods-user"><input type="hidden" name="goods_ids[]" value="' + goods[i].id + '"><input type="hidden" name="store_ids[]" value="' + goods[i].store_id + '">' + goods[i].name + '<a href="javascript:;" data-id="' + goods[i].id + '" class="btnDelete">x</a></span>';
                $("#gid").val(goods[i].id);
            }
            $('#goods-group').html(goodsHtml);

        }
        goodsDisplay();
<input type="hidden" name="gid" id="gid" value="{$info.gid??''}">

<div class="layui-form-item" id="choosegoods">
    <label class="layui-form-label">绑定商品</label>
    <div class="xxxx">
        <button class="layui-btn layui-btn-warm layui-btn-sm" id="btnChooseGoods">选择商品</button>
    </div>
    <div class="layui-input-block">
        <div id="goods-group"></div>
    </div>
</div>