@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">
            <div class="layui-form-item">
                <label for="cargo_name" class="layui-form-label">
                    货号查询:
                </label>
                <div class="layui-input-inline" >
                    <input type="text" id="cargo_name" name="name" required="" lay-verify="required"autocomplete="off" class="layui-input" style="float: left">
                    <button class="layui-btn cargo_btn" onclick="number_add()" style="float: left"><i class="layui-icon">&#xe615;</i></button>
                </div>
            </div>

            <table class="layui-table">
                <thead>
                <tr>
                    <th style="">货号</th>
                    <th>产品名称</th>
                    <th style="">规格</th>
                    <th>是否启用批次</th>
                    <th>是否启用卷号</th>
                    <th>卷号描述</th>
                </thead>
                <tbody id="x-img" class="info_cargo">
                </tbody>
            </table>

    </div>
    <script>
        var father_type = true
        /* 子组件回调方法 */
        let id = null
        function number_add (){
            if(id === $('input[name=name]').val()) {
                //判断点击是 传入的参数是否是一致的 一致就不再去查询了
                return
            }
            id =$('input[name=name]').val()
            $.get("/admin/numberAdd/" + id, function (res) {
                // 发异步，把数据提交给php\
                 if (res.status == 1) {
                     //发异步把用户状态进行更改
                         var arr1 = res.data
                         var html = "";
                         $.each(arr1, function(i, item){
                             html +=  "<tr class='dbClick'>"
                             html += " <input type='hidden' name='id' value='"+item.id+"'>"
                             html += "<td>"+item.number+"</td>"
                             html += "<td>"+item.name+"</td>"
                             html += "<td>"+item.normVals+"</td>";
                             if(item.batch == 0){
                                 html += "<td>否</td>"
                             }else{
                                 html += "<td>是</td>"
                             }
                             if(item.reel == 0){
                                 html += "<td>否</td>"
                             }else{
                                 html += "<td>是</td>"
                             }
                             html += "<td>"+item.reel_detail+"</td>"
                             html += "<td style='display: none'>"+item.unit+"</td>";
                             html += "</tr>" ;
                         });
                         $(".info_cargo").html(html);

                         //点击货号传给父层
                         $(".dbClick").click(function () {
                             if(father_type){
                                 parent.father($(this));
                             }
                             father_type = false
                         })

                 } else {

                     layer.alert(res.msg, {icon: 5});
                 }
            });
        };

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