@extends('layouts.father')
@section('style')
    <style>
        .layui-form-item .layui-input-inline{
            width: 300px!important;
        }
        .layui-form-item .layui-input-inline input{
            width: 70%;
        }
    </style>
@endsection
@section('title', '入库单编号查询/选择')
@section('body')

    <div class="x-body">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
            </div>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>选择</th>
                    <th>序号</th>
                    <th>入库单编号</th>
                    <th>金额</th>
                </thead>
                <tbody id="x-img" class="info_cargo">
                    @foreach($vouch as $k=>$v)
                    <tr class="info_tr">
                        <td>
                            <input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd">
                        </td>
                        <td>{{$k+1}}</td>
                        <td>
                            {{$v->godown_num}}
                            {{--<a onclick="x_admin_show('入库单详情','/admin/vouchAdd?id={{$v->id}}')" href="javascript:;">{{$v->godown_num}}</a>--}}
                        </td>
                        <td>{{$v->money}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </form>
        <div style="width: 100%;text-align: right">
            <button class="layui-btn" onclick="addd()">立即提交</button>
        </div>
    </div>
    <script>
        var dataObj = {}//返回数据
        var trList = $('#x-img').children('tr')
        //全选
        layui.use('form', function () {
            var form = layui.form
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                    trList.each((j)=>{  // 遍历 tr 的各个 td
                        dataObj[$(trList[j]).children("td:eq(2)").text().replace(/\s+/g, "")] = {
                            0:$(trList[j]).children("td:eq(2)").text().replace(/\s+/g, ""),
                            1:$(trList[j]).children("td:eq(3)").text()
                        }
                    });
                } else {
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                    dataObj = {}
                }
            })
            //单个选择
            form.on('checkbox(selectTd)', function (data) {
                var a = data.elem.checked;
                var aTr = data.elem.parentNode.parentNode
                if (a === true) {
                    $(aTr).children('td').each((j)=>{  // 遍历 tr 的各个 td
                        dataObj[$(aTr).children("td:eq(2)").text().replace(/\s+/g, "")] = {
                            0:$(aTr).children("td:eq(2)").text().replace(/\s+/g, ""),
                            1:$(aTr).children("td:eq(3)").text()
                        }
                    })
                } else {
                    delete dataObj[$(aTr).children("td:eq(1)").text()]
                }
            })
        })
        function addd() {
            parent.fatherjs(dataObj)
        }
    </script>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection