@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 style="display: flex;justify-content: space-between">
                <div class="layui-form-item">
                    <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                    <div class="layui-btn">全部</div>
                    <div class="layui-btn">现货（默认）</div>
                </div>
                <div class="layui-input-inline">
                    <select name="warehouse" lay-filter="required">
                        <option></option>
                        <option>15131</option>
                    </select>
                </div>
            </div>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>选择</th>
                    <th>序号</th>
                    <th>货号</th>
                    <th>产品名称</th>
                    <th>规格</th>
                    <th>现存量</th>
                    <th>可用量</th>
                </thead>
                <tbody id="x-img" class="info_cargo">
                @foreach($mather as $k=>$m)
                    <tr class="info_tr">
                        <td class="selectTd">
                            <input type="checkbox" name="select" lay-skin="primary" class="select" lay-filter="selectTd">
                        </td>
                        <td>{{$k+1}}</td>
                        <td class="number">{{$m['number']}}</td>
                        <td class="name">{{$m['name']}}</td>
                        <td class="size">{{$m['normVals']}}</td>
                        <td class="xcl">{{$m['xcl']}}</td>
                        <td class="kyl">{{$m['kyl']}}</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) {
                    $(".select").prop("checked", true);
                    form.render('checkbox');
                } else {
                    $(".select").prop("checked", false);
                    form.render('checkbox');
                }
            });
            form.on('select(required)',function (data) {
                self.location.href=`/admin/planproReel_cargo?wrehouse=${data.value}`
            })
        });
        function addd() {
            trList = $('.info_tr')
            trList.each(function (){  // 遍历 tr 的各个 td
                if($(this).find('.selectTd').children('.select')[0].checked){
                    dataObj[$($(this)).find('.size').text() + $($(this)).find('.name').text()] = {
                        0:$($(this)).find('.number').text().replace(/\s+/g, ""),
                        1:$($(this)).find('.size').text(),
                        2:$($(this)).find('.name').text()
                    }
                }
            });
            parent.father(dataObj)
        }
    </script>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection