@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;
        }
    </style>
@endsection
@section('title', '货号查询/选择')
@section('body')

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

        <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">
                <input type="hidden" name="supplier" value="{{$supplier}}">
                <button class="layui-btn cargo_btn" onclick="number_add()" style="float: left"><i class="layui-icon">&#xe615;</i></button>
            </div>
            {{--<label for="cargo_name" class="layui-form-label">
                产品名称查询:
            </label>
            <div class="layui-input-inline" >
                <input type="text" id="cargo_name" name="name2" required="" lay-verify="required"autocomplete="off" class="layui-input" style="float: left">
                <input type="hidden" name="supplier2" value="{{$supplier}}">
                <button class="layui-btn cargo_btn" onclick="number2_add()" style="float: left"><i class="layui-icon">&#xe615;</i></button>
                --}}{{--需要 重新封装一个方法  根据产品名字来进行返回--}}{{--
            </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 class="dj">单价</th>
                <th>规格</th>
                <th>是否启用批次</th>
                <th>是否启用卷号</th>
                <th>卷号描述</th>
            </thead>
            <tbody id="x-img" class="info_cargo">
            </tbody>
        </table>

    </div>
    <script>
        var father_type = true
        function number2_add (){
            var id =$('input[name=name2]').val()
            var supplier =$('input[name=supplier2]').val()
            $.get("/admin/numberAdd/" + id+"?supplier=" + supplier, function (res) {
                // 发异步，把数据提交给php\
                if (res.status == 1) {
                    console.log(res)
                    //发异步把用户状态进行更改
                    var arr1 = res.data
                    //console.log(JSON.stringify(arr1, null, '  '))
                    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>"
                        if(item.supplier_xh == null) {
                            html += "<td></td>"
                        }else{
                            html += "<td>"+item.supplier_xh+"</td>"
                        }
                        html += "<td>"+item.name+"</td>"
                        html += "<td class='dj'>"+item.price+"</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").dblclick(function () {
                        // if(father_type){
                        parent.father($(this));
                        // }
                        // father_type = false
                    })
                    if(GetQueryString('price') === null){
                        $('.dj').remove()
                    }
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        };
        function number_add (){
            var id =$('input[name=name]').val()
            var supplier =$('input[name=supplier]').val()
            $.get("/admin/numberAdds/" + id+"?supplier=" + supplier, function (res) {
                // 发异步，把数据提交给php\
                if (res.status == 1) {
                    console.log(res)
                    //发异步把用户状态进行更改
                    var arr1 = res.data
                    //console.log(JSON.stringify(arr1, null, '  '))
                    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>"
                        if(item.supplier_xh == null) {
                            html += "<td></td>"
                        }else{
                            html += "<td>"+item.supplier_xh+"</td>"
                        }
                        html += "<td>"+item.name+"</td>"
                        html += "<td class='dj'>"+item.price+"</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").dblclick(function () {
                        console.log('我进来了')
                        parent.father($(this));
                    })
                    if(GetQueryString('price') === null){
                        $('.dj').remove()
                    }
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        };
        function GetQueryString(name)
        {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }
        if(GetQueryString('price') === null){
            $('.dj').remove()
        }
    </script>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection