@extends('layouts.father')
@section('style')
    <style>
        .layui-form-item .layui-input-inline{
            width: 300px!important;
        }
        .layui-form-item .layui-input-inline input{
            width: 70%;
        }
        .mixTitle{
            display: flex;
            align-items: center;
        }
    </style>
@endsection
@section('title', '批次-卷号/选择')
@section('body')
    <div class="x-body">
        <div style="display: flex;width: 100%">
            未出库货号一栏
        </div>
        <form class="layui-form" >
            <table class="layui-table">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>货号</th>
                    <th>供应商型号</th>
                    <th>产品名称</th>
                    <th>规格</th>
                    <th>单价</th>
                    <th>未执行数</th>
                    <th>现存量</th>
                    <th>可用量</th>
                    <th class="reels">是否开启卷号</th>
                    <th class="batchs">是否开启批次</th>
                    <th class="units">单位</th>
                    <th class="types">原单引入</th>
                    <th>
                        <input type="checkbox" name="all" lay-skin="primary" class="selectTd" id="all" lay-filter="all">
                    </th>
                </tr>
                </thead>
                <tbody id="x-img" class="info_cargo">
                @foreach($goodsorder as $k=>$g)
                    <tr class="info_tr">
                        <td class="numid">{{$k + 1}}</td>
                        <td class="number">{{$g->number}}</td>
                        <td class="supplier_xh">{{$g->supplier_xh}}</td>
                        <td class="info_name">{{$g->name}}</td>
                        <td class="size">{{$g->size}}</td>
                        <td class="price">{{$g->price}}</td>
                        <td class="flase_num">{{$g->num}}</td>
                        <td class="have_num">{{$g->store}}</td>
                        <td class="play_num">{{$g->yesStore}}</td>
                        <td class="reel">@if($g->reel_key == 1) 是 @else 否 @endif</td>
                        <td class="batch">@if($g->batch_key == 1) 是 @else 否 @endif</td>
                        <td class="unit">{{$g->unit}}</td>
                        <td class="type">{{$g->type}}</td>
                        <td class="checkboxId">
                            <input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd">
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </form>
        <div class="layui-btn layui-btn-sm" onclick="addBills()">确定</div>
    </div>
    <script>
        setTimeout('noShow()',0)
        function noShow() {
            $('.reel').hide()
            $('.reels').hide()
            $('.batch').hide()
            $('.batchs').hide()
            $('.unit').hide()
            $('.units').hide()
            $('.type').hide()
            $('.types').hide()
        }
        function addBills(){
            var data = {}
            var checkboxIdobj = $(".info_tr .checkboxId").find("input")
            for (let i of checkboxIdobj){
                var trdata = {}
                if(i.checked === true){
                    $(i.parentNode.parentNode).children('td').each(function(j){  // 遍历 tr 的各个 td
                        trdata[$(this).prop("className")] = $(this).text().replace(/\s+/g, "")
                    });
                    data[`${trdata.number}${trdata.size}`] = trdata
                }
            }
            parent.getdatabills(data)
        }
        layui.use(['layer','form'], function() {
            $ = layui.jquery;//jquery
            form = layui.form;
            //全选
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            })
        })
    </script>
@endsection