ajax_search_goods2.html 9.79 KB
<table>
    <thead>
    <tr>
        <td align="left" width="7%">
            <div style="text-align: left;">
                <input type="checkbox" id="check" onclick="Checkall()"><label for="check">选择</label>
            </div>
        </td>
        <td width="15%" align="left">
            <div style="text-align: center; ">商品编号</div>
        </td>

        <td align="left" width="25%">
            <div style="text-align: center;">商品名称</div>
        </td>

        <empty name="coll_goods">
            <td align="left" width="14%">
                <div style="text-align: center; ">手店价</div>
            </td>
            <else/>
            <td align="left" width="10%">
                <div style="text-align: center; ">商品条码</div>
            </td>
            <td align="left" width="10%">
                <div style="text-align: center; ">手店价</div>
            </td>
        </empty>
        <td align="left" width="10%">
            <div style="text-align: center; ">市场价</div>
        </td>

        <td align="center" width="10%">
            <div style="text-align: center;">库存</div>
        </td>
        <td align="center" width="13%">
            <div style="text-align: center;">操作</div>
        </td>
    </tr>
    </thead>
    <tbody>
    <empty name="goodsList">
        <tr>
            <td colspan="20" class="norecord">
                <div class="warning-option"><i class="icon-warning-sign"></i><span>暂无符合条件的数据记录</span></div>
            </td>
        </tr>
        <else/>
        <volist name="goodsList" id="list">
            <tr id="{$list.goods_id}">
                <empty name="coll_goods">
                <td align="left" width="7%" class="dn">
                    <div style="text-align: left; ">
                        <input type="checkbox" data-id="{$list.goods_id}" placeholder=""/>
                    </div>
                </td>
                <td align="left" width="15%">
                    <input type="hidden" name="goods_id[]" value="{$list.goods_id}">
                    <div style="text-align: center; ">{$list.goods_sn}</div>
                </td>
                <td align="left" width="25%">
                    <div style="text-align: center; ">{$list.goods_name}</div>
                </td>
                <td align="left" width="14%">
                    <div style="text-align: center;">{$list.shop_price}</div>
                </td>
                <td align="left" width="10%">
                    <div style="text-align: center;">{$list.market_price}</div>
                </td>

                <td align="left" width="10%">
                    <div style="text-align: center;">{$list.store_count}</div>
                </td>
                    <else/>
                    <td align="left" width="7%" class="dn">
                        <div style="text-align: left;">
                            <input type="checkbox" data-id="{$list.goods_id}" placeholder=""/>
                        </div>
                    </td>
                    <td align="left" width="15%">
                        <input type="hidden" name="goods_id[]" value="{$list.goods_id}">
                        <input type="hidden" name="goods_sn[]" value="{$list.goods_sn}">
                        <div style="text-align: center;">{$list.goods_sn}</div>
                    </td>
                    <td align="left" width="25%">
                        <input type="hidden" name="goods_name[]" value="{$list.goods_name}">
                        <div style="text-align: center;">{$list.goods_name}</div>
                    </td>
                    <td align="left" width="10%">
                        <input type="hidden" name="sku[]" value="{$list.sku}">
                        <div style="text-align: center;">{$list.sku}</div>
                    </td>
                    <td align="left" width="10%">
                        <div style="text-align: center;">{$list.shop_price}</div>
                    </td>
                    <td align="left" width="10%">
                        <input type="hidden" name="market_price[]" value="{$list.market_price}">
                        <div style="text-align: center;">{$list.market_price}</div>
                    </td>
                    <td class="dny">
                        <div style="text-align: center;">
                            <input type="text" name="price[]" class="price" style="width: 100px"
                                   autocomplete="off" value="0" onkeyup="this.value = this.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                        </div>
                    </td>
                    <td align="left" width="10%" class="dn">
                        <div style="text-align: center;">{$list.store_count}</div>
                    </td>
                </empty>

                <td align="center" class="dny">
                    <div style="text-align: center; ">
                        <a class="btn red" onclick="cancle_prom(this)"><i
                                class="fa fa-trash-o"></i>取消</a>
                    </div>
                </td>

                <td align="center" class="dn" width="13%">
                    <div style="text-align: center; ">
                        <a class="btn blue" onclick="Par(this)"><i class="fa fa-plus"></i>添加</a>
                    </div>
                </td>

            </tr>
        </volist>
    </empty>
    </tbody>
</table>
<!--分页位置-->
<div style="float: left;width: 90%">
    {$page}
</div>

<script>
    var is_all = false;
    var table = '';
    var list = $('#list').val();
    if (list != '') {
        brr = list.split(',');
    } else {
        brr = new Array();
    }
    //    全选/取消全选
    function Checkall() {
        if (is_all) {
            $("table :checkbox").each(function () {
                this.checked = false;
                var id = $(this).attr('data-id');
                $('#goods_table #' + id + '').remove();
                list = trim(list.replace(id + ',', ''));
                $('#list').val(list);
                brr = list.split(',');
            });
            is_all = false;
        } else {
            $("table :checkbox").each(function () {
                this.checked = true;
            });
            is_all = true;
        }
    }

    //    参与活动点击按钮
    function Par(obj) {
        var id = $(obj).parent().parent().parent().attr('id');
        var o = $(obj).parent();
        idlist += id + ',';
        $('#idlist').val(idlist);
        arr = idlist.split(',');
        o.html('<a class="btn red" onclick="Cancel(this)"><i class="fa fa-trash-o"></i>取消</a>');
        var html = o.parent().parent().prop('outerHTML');
        javascript:window.parent.call_back_add(html);
    }

    //    取消参与活动点击事件
    function Cancel(obj) {
        var id = $(obj).parent().parent().parent().attr('id');
        $.ajax({
            url: "{:U('Promotion/is_prom_good')}",
            type: 'POST',
            data: {id: id},
            dataType: 'json',
            beforeSend: function () {
                load = layer.load(2);
            },
            success: function (d) {
                layer.close(load);
                if (d == 1) {
                    layer.msg('该商品有参与指定商品优惠活动,不能取消', {icon: 2, time: 1000});
                } else {
                    list = trim(list.replace(id + ',', ''));
                    $('#list').val(list);
                    brr = list.split(',');
                    idlist = trim(idlist.replace(id + ',', ''));
                    $('#idlist').val(idlist);
                    arr = idlist.split(',');
                    $(obj).parent().parent().parent().find('input[type="checkbox"]').removeAttr('checked');
                    $(obj).parent().html('<a class="btn blue" onclick="Par(this)"><i class="fa fa-plus"></i>添加</a>');
                    javascript:window.parent.call_back_close(id);
                }
            }
        });
    }

    //    点击分页触发的事件
    $(".pagination  a").click(function () {
        if ($("input[type='checkbox']:checked").length > 0) {
            $("input[type='checkbox']").each(function () {
                if ($(this).is(':checked')) {
                    if ($(this).attr('id') == 'check') {
                        return true;
                    }
                    var id = $(this).attr('data-id');
                    if ($.inArray(id, brr) == -1) {
                        table += $(this).parent().parent().parent().prop('outerHTML');
                        list += id + ',';
                    }
                }
            });
            $('#list').val(list);
            $('#goods_table').append(table);
        }
        cur_page = $(this).data('p');
        ajax_get_table('search-form2', cur_page);
    });

    $(document).ready(function () {
        $('table>tbody>tr').each(function () {
            var id = $(this).attr('id');
//            父页面列表中的商品
            if ($.inArray(id, arr) != -1) {
                $(this).find('div:last').html('<a class="btn red" onclick="Cancel(this)"><i class="fa fa-trash-o"></i>取消</a>');
            }
//            已选的商品打勾
            if ($.inArray(id, brr) != -1) {
                $(this).find('input[type="checkbox"]').attr('checked', 'checked');
            }
        });
//        选中商品点击删除提交html中的商品
        $("input[type='checkbox']:checked").click(function () {
            var id = $(this).attr('data-id');
            $('#goods_table #' + id + '').remove();
            list = trim(list.replace(id + ',', ''));
            $('#list').val(list);
            brr = list.split(',');
//            javascript:window.parent.call_back_close(id);
        });
        $('#good_count').empty().html("(共{$pager->totalRows}条记录)");
    });

</script>