@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>
        let id2 ;
        function number2_add (){
            if(id2 === $('input[name=name2]').val()){
                return
            }
             id2 =$('input[name=name2]').val()
            var supplier =$('input[name=supplier2]').val()
            $.get("/admin/numberAdd/" + id+"?supplier=" + supplier, function (res) {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    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 () {
                        parent.father($(this));
                    })
                    if(GetQueryString('price') === null){
                        $('.dj').remove()
                    }
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        };
        let id ;
        function number_add (){
            if(id === $('input[name=name]').val()){
                return
            }
            id =$('input[name=name]').val()
            var supplier =$('input[name=supplier]').val()
                $.get("/admin/numberAdd/" + id+"?supplier=" + supplier, 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>"
                            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 () {
                            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