增删改

        </tbody>
    </table>
</div>
<script src="./jquery-1.12.4.js"></script>
<script>
    init();
    function init(val) {
        let params = {
            pagenum: 1,
            pagesize: 10
        }
        if (val) {
            params.query = val
        } else {
            delete params.query
        }
        $.ajax({
            url: "http://timemeetyou.com:8889/api/private/v1/goods",
            headers: {
                Authorization: localStorage.token
            },
            data: params,
            success: function (res) {
                // console.log(res);
                let str = '';
                let goods = res.data.goods;
                for (var i in goods) {
                    str += `
                    <tr>
                        <th scope="row" id="row1">${parseInt(i) + 1}</th>
                        <td >${goods[i].goods_name}</td>
                        <td class='td'>${goods[i].goods_price}</td>
                        <td class='td'>${goods[i].goods_number}</td>
                        <td class='td'>${goods[i].goods_weight}</td>
                        <td class='td'>${goods[i].goods_state}</td>
                       <td style="display:flex;"> 
                       <button onclick="del(${res.data.goods[i].goods_id})">删除</button>
                       <button onclick="xg(this,${res.data.goods[i].goods_id} )" id="xg">编辑</button>
                       <button onclick="save(this,${res.data.goods[i].goods_id} )" id="save" style="display:none;">保存</button>
                      
                       </td>

                    </tr>
                    `
                }
                $('tbody').html(str)
            }
        })
    }

    function searchInfo() {
        init($('#keywords').val());
    }

    // 删除
    let url = "http://timemeetyou.com:8889/api/private/v1/";
    function del(that) {
        $.ajax({
            url: url + 'goods/' + that,
            method: 'delete',
            headers: {
                Authorization: localStorage.token
            },
            success: function (res) {
                console.log(res)
                alert(res.meta.msg)
                init()

            }
        })
    }

    // 修改

    xg = function (that, goods_id) {
        $(that).parent().siblings(':not(#row1)').html('<input type="text" >')
        $('input:gt(1)').css('width', '80px')
        $(that).siblings().show()
        // $(that).parent().append('<button onclick="save(${goods_id},this ) " id="save">保存</button>')
        $(that).hide()

    }

    function save(that, goods_id) {

        let goods_name = $(that).closest('tr').find('td').eq(0).find('input').val()
        let goods_price = $(that).closest('tr').find('td').eq(1).find('input').val()
        let goods_number = $(that).closest('tr').find('td').eq(2).find('input').val()
        let goods_weight = $(that).closest('tr').find('td').eq(3).find('input').val()
        let goods_state = $(that).closest('tr').find('td').eq(4).find('input').val()
        
        console.log($(that).closest('tr').find('td'));

        $.ajax({
            url: url + 'goods/' + goods_id,
            method: "put",
            headers: {
                Authorization: localStorage.token
            },
            data: {
                goods_cat:'1,2,3',
                goods_name: goods_name,
                goods_price: goods_price,
                goods_number: goods_number,
                goods_weight: goods_weight,
                goods_state: goods_state
            },
            success: function (res) {
                console.log(res.meta.msg);
                init()
            }
        })

    }





</script>