@extends('layouts.father')
@section('style')
    <style>
        .layui-form-item .layui-input-inline{
            width: 300px!important;
        }
        .layui-input-inline{
            margin: 0 !important;
        }
        .layui-form-item .layui-input-inline input{
            width: 70%;
        }
        .layui-form-label{
            width:100px !important;
        }
        .layui-form-label{
            padding: 9px !important;
        }
        .layui-table tr {
            text-align: left;!important; /* 将表头居中对齐 */
        }
    </style>
@endsection
@section('title', '货号查询/选择')
@section('body')

    <div class="x-body" style="text-align: center">

        <div class="layui-form-item">
            <div style="margin-bottom: 20px; height: 30px">
            <label  class="layui-form-label">
                货号查询:
            </label>
            <div class="layui-input-inline" >
                <input type="text"  name="name" value="{{$number}}" required="" lay-verify="required"autocomplete="off" class="layui-input" style="float: left">
            </div>
            <label class="layui-form-label">
                卷号查询:
            </label>
            <div class="layui-input-inline" >
                <input type="text"  name="reel" required="" lay-verify="required"autocomplete="off" class="layui-input" style="float: left">

            </div>
                <button class="layui-btn cargo_btn" onclick="search()" style="background-color: #409EFF;border-radius: 5px"><i class="layui-icon">&#xe615;</i></button>
            </div>
            <div>
            <label  class="layui-form-label">
                批次查询:
            </label>
            <div class="layui-input-inline" >
                <input type="text"  name="batch" required="" lay-verify="required"autocomplete="off" class="layui-input" style="float: left">

            </div>
            <label  class="layui-form-label">
                仓库查询:
            </label>
            <div class="layui-input-inline" >
                <input type="text"  name="warehouse" required="" lay-verify="required"autocomplete="off" class="layui-input" style="float: left">
            </div>
            </div>

        </div>
        <p style="color: red;font-size: 20px; margin-bottom: 20px">请双击鼠标左键添加商品</p>
        <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 style="width: 70px" >规格</th>
                <th>单位</th>
            </thead>
            <tbody id="x-img" class="info_cargo">
            </tbody>
        </table>

    </div>
    <script>
        function checkNull(data) {
            return data === null ? "" : data;
        }
        function search(){
           let number= $('input[name=name]').val();
            let warehouse= $('input[name=warehouse]').val();
            let reel= $('input[name=reel]').val();
            let batch= $('input[name=batch]').val();

            $.get("/admin/getJGS?number=" + number+"&warehouse=" + warehouse+"&reel="+reel+"&batch="+batch, function (res) {
                if (res.status == 1) {
                    let datas=res.data
                    if(res.data.length === 0){
                        layer.msg("搜索内容为空",{icon: 2, time: 1000})
                        return;
                    }
                    let html="";
                    $.each(datas, function(i, item) {
                        html += "<tr class='dbClick'>";
                        html += " <input type='hidden' name='id' value='" + checkNull(item.id) + "'>";
                        html += "<td>" + checkNull(item.number) + "</td>";
                        html += "<td>" + checkNull(item.number) + "</td>";
                        html += "<td>" + checkNull(item.store) + "</td>";
                        html += "<td>" + checkNull(item.reel) + "</td>";
                        html += "<td>" + checkNull(item.batch) + "</td>";
                        html += "<td>" + checkNull(item.warehouse) + "</td>";
                        html += "<td>" + checkNull(item.pd_time) + "</td>";
                        html += "<td>" + checkNull(item.reel_detail) + "</td>";
                        html += "<td>" + checkNull(item.cylinder_number) + "</td>";
                        html += "<td>" + checkNull(item.size) + "</td>";
                        html += "<td>" + checkNull(item.unit) + "</td>";
                        html += "</tr>";
                    });

                    $(".info_cargo").html(html);

                    //点击货号传给父层
                    $(".dbClick").dblclick(function () {
                        parent.father($(this));
                    })
                }
            });

        }


    </script>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection