@extends('layouts.father')
@section('title', '退货单详情')
<style>
    .info_tr td:nth-child(2){
        display: flex;
    }
</style>
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">库存管理</a>
        <a>
          <cite>退货单详情</cite></a>
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form">
                {{csrf_field()}}
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:{{$purback->status}}</span>
                    <div class="putIn" style="float: left;width: 60%">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut">
                            @if($purback->over == '已驳回')
                                <a onclick="back_over({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  撤销驳回</div></a>
                            @elseif($purback->over == '未驳回')
                                    @if($purback->status == '未执行')
                                        <a onclick="do_purback({{$id}})" href="javascript:void(0)"><div class="layui-btn " id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  确认执行</div></a>
                                        <a class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销</a>
                                    @elseif($purback->status == '已执行')
                                        <a id="putIn" class="inPut">
                                            <a onclick="" href="javascript:void(0)"><div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  确认执行</div></a>
                                            <a onclick="back_purback({{$id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
                                            {{--<a onclick="aboutList()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  整单关联</div></a>--}}
                                        </a>
                                    @endif
                                <a onclick="do_over({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  驳回</div></a>
                                @if($purback->status == '已执行')
                                    <a onclick="make_out({{$id}})" href="javascript:void(0)"><div class="layui-btn"><i class="layui-icon">&#xe608;</i>  创建出库单</div></a>
                                @endif
                            @endif
                        </div>
                    </div>
                    @if($purback->over == '未驳回' || empty($id))
                    <div class="operation" style="float: right;margin-right: 212px">
                        <button class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</button>
                        <div class="layui-btn" onclick="del_purback({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                        <button class="layui-btn print"><i class="layui-icon">&#xe66d;</i> 打印</button>
                    </div>
                    @endif
                </xblock>
                <div class="info_container ">
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">退货单编号:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="purback_num" value="{{$purback->purback_num}}" lay-verify="purback_num" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">关联单据:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="relevance" value="{{$purback->relevance}}" lay-verify="relevance" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        {{--<div class="layui-col-md4">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="x-red">*</span>退货类型:</label>
                                    <div class="layui-input-inline li_input">
                                        <select name="purback_type" lay-verify="required">
                                            <option value="采购到货" selected>采购到货</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>--}}
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="x-red">*</span>供应商:</label>
                                    <div class="layui-input-inline li_input">
                                        <select name="supplier" lay-verify="required" lay-search>
                                            {{--@foreach($supplier as $w)--}}
                                                <option selected  value="{{$purback->supplier}}">{{$purback->supplier}}</option>
                                            {{--@endforeach--}}
                                            @if(empty($id))
                                                @foreach($supplier as $w)
                                                <option>{{$w}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="creater" value="{{$purback->creater}}" lay-verify="creater" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled" >
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="created_at" value="{{$purback->created_at}}" lay-verify="created_at" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">总金额:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="money" value="{{$purback->money}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$purback->arranger}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">确认时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="affirm_time" value="{{$purback->affirm_time}}" lay-verify="affirm_time" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="remark" value="{{$purback->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="purback_id"  type="hidden" name="purback_id" value="{{$id}}">
                </div>
                <div class="table-div-css">
                    <table class="layui-table" lay-size="sm"  style="width: 1600px">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th style="width: 220px;">货号</th>
                        <th>供应商型号</th>
                        <th>产品名称</th>
                        <th>规格</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>计量单位</th>
                        <th>批次</th>
                        <th>卷号</th>
                        <th>卷号描述</th>
                        <th>操作</th>
                    </tr>
                    @if(!empty($purback_detail))
                        @foreach($purback_detail as $key=>$v)
                            <tr class="info_tr">
                                <td class="num">{{$key}}</td>
                                <td class="td_padd numid">
                                    <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="{{$v['number']}}">
                                    <div class="layui-btn cargo_btn"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <td class="td_padd td_width2 supplier_xh" >
                                    <input type="text" name="supplier_xh[{{$key}}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="{{$v['supplier_xh']}}" readonly >
                                </td>
                                <td class="layui-btn-disabled info_name" >{{$v['name']}}</td>
                                <td class="td_padd td_width2 size"><input readonly class="layui-input td_input_volume layui-btn-disabled" type="text" name="size[{{$key}}]" value="{{$v['size']}}" lay-verify="num" autocomplete="off" placeholder=""></td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                <td class="td_padd td_width2 price"><input type="number" name="price[{{$key}}]" value="{{$v['price']}}" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td_padd td_width2 num"><input type="number" name="num[{{$key}}]" value="{{$v['num']}}" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="layui-btn-disabled unit">{{$v['unit']}}</td>
                                <td class="td_padd td_width2 batch"><input type="text" name="batch[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['batchs'] == 0) readonly class="layui-input td_input_volume layui-btn-disabled" @else class="layui-input td_input_volume "  @endif class="layui-input td_input_volume " value="{{$v['batch']}}" onchange="batchNum(this)"></td>
                                <td class="td_padd td_width2 reel"><input type="text" name="reel[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['reels'] == 0) readonly class="layui-input td_input_volume layui-btn-disabled" @else class="layui-input td_input_volume "  @endif class="layui-input td_input_volume " value="{{$v['reel']}}" onchange="reelNum(this)"></td>
                                <td class="reel-info"></td>
                                <td class="td-manage" style="padding: 0px;padding-left: 10px">
                                    <a title="删除" onclick="normsType_del(this)" href="javascript:">
                                        <div class="layui-btn">删除</div>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </thead>
                    <tbody id="x-img">
                    <div class="intr"></div>
                    <tr class="info_tr addTr">
                        <td></td>
                        <td class="td_padd">
                            <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle repeat_cargo" onchange="getVal(this)">
                            <div class="layui-btn cargo_btn addClick" onclick="x_admin_show(this)"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <td class="td_padd td_width2"><input type="text" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled"></td>
                        <td class="layui-btn-disabled info_name"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="number" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" min="1"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="text" name="title" lay-verify="noChinese" autocomplete="off" placeholder="" class="layui-input td_input_volume batchNum " value="" onchange="batchNum(this)"></td>
                        <td class="td_padd td_width2"><input type="text" name="title" lay-verify="noChinese" autocomplete="off" placeholder="" class="layui-input td_input_volume volNum " value="" onchange="reelNum(this)"></td>
                        <td></td>{{--卷号描述--}}
                        <td class="td-manage" style="padding: 0px;padding-left: 10px">
                            <a title="删除" href="javascript:">
                                <div class="layui-btn">删除</div>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                </div>
            </form>
        </div>
    </div>
    <script>





        function OnTextChanged() {
            if (event.keyCode == 13) {//判断是否为回车键，Event是window对象的一个属性，是全局的。
                event.keyCode = 0;//屏蔽回车键
                event.returnValue = false;
            }
        }
        //整单关联
        function aboutList(dowNum,godown_ids){

            var url = "";
            url += '<div style="margin: 20px;">'
            @if(!empty($relevance))
                    @foreach($relevance as $r)

                url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label">入库单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px">'
            url += '<a href="/admin/vouchAdd?id={{$r->id}}" style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{$r->godown_num}}</div></a>'
            url += '</div>'
            @endforeach
                    @endif
                url += '</div>'
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });
        }

        //监听提交
        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;
            form.verify({
                noChinese: function(value, item){ //value：表单的值、item：表单的DOM对象
                    if(/[\u4E00-\u9FA5]/.test(value)){
                        return '批次或卷号请输入数字或英文';
                    }
                }
            });
            //监听提交
            form.on('submit(addd)', function(data){

                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=purback_id]").val()
                if(id == ''){
                    url = "/admin/purBackAdd";
                }else{
                    url = "/admin/purBackEdit";
                }
                //发异步，把数据提交给php
                $.post(url, data.field, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            location.href = '/admin/purBackAdd?id='+res.data.id;
                            /*$("input[name=purback_id]").val(res.data.id);
                            $("input[name=creater]").val(res.data.creater);
                            $("input[name=created_at]").val(res.data.created_at);*/
                            // if(id == '') {
                            //     $('#putIn').hide()
                            //     var html = '';
                            //     html += '<div class="inPut">'
                            //     html += '<a onclick="do_purback(' + res.data.id + ')" href="javascript:void(0)"><div class="layui-btn " ><i class="layui-icon">&#xe608;</i>  执行</div></a>'
                            //     html += ' <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销执行</div>'
                            //     // html += '<a href=""><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  新建入库单</div></a>'
                            //     /* html += '<a onclick="aboutList()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  整单关联</div></a>'*/
                            //     html += '</div>'
                            //     $('.find_id').before(html);
                            // }else{
                            //     location.reload();
                            // }
                        });

                    } else {

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

                }, "json");
                return false;
            });
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });


        $(".print").on('click',function(e){
          let time = new Date();
          let url = "<div style='width:70%;margin: 0 auto;page-break-after:always; page-break-inside:avoid;text-align: center' id='order_id'>"
          url += '<!--startprint1--><!--打印内容开始-->'
          url+=`<div style="font-size: 16px">
            <div style="margin:0 auto 20px;text-align:center;"><h1>退货单单据</h1></div>
            <div style="display: flex">
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">退款单编号</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('input[name=purback_num]').val()}</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">关联单据</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('input[name=relevance]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">创建人</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('input[name=creater]').val()}</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">创建时间</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('input[name=created_at]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">经办人</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('input[name=arranger]').val()}</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">确认时间</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('input[name=affirm_time]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">供应商</div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center">${$('select[name=supplier]').next().find('input').val()}</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center"></div>
<div style="flex: 3;border: 1px solid black;padding:10px;text-align:center"></div>
</div>
`
url += `<div style="padding:5px;border:1px solid;text-align: center"><h2>退货单明细</h2></div>` // 充当空间
        // 表格
        url += `<table style="width:100%">
            <thead>
<tr>
<th style="border:1px solid black;padding:5px;text-align:center">序号</th>
<th style="border:1px solid black;padding:5px;text-align:center">货号</th>
<th style="border:1px solid black;padding:5px;text-align:center">供应商型号</th>
<th style="border:1px solid black;padding:5px;text-align:center">产品名称</th>
<th style="border:1px solid black;padding:5px;text-align:center">规格</th>
<th style="border:1px solid black;padding:5px;text-align:center">单价</th>
<th style="border:1px solid black;padding:5px;text-align:center">数量</th>
<th style="border:1px solid black;padding:5px;text-align:center">计量单位</th>
<th style="border:1px solid black;padding:5px;text-align:center">批次</th>
<th style="border:1px solid black;padding:5px;text-align:center">卷号</th>
</tr>
</thead>
<tbody>
 @foreach($purback_detail as $key=>$v)
<tr">
<td style="border:1px solid black;padding:5px;text-align:center">{{$key}}</td>
<td style="border-bottom:1px solid black;padding:6px;height:21px;text-align:center">{{$v['number']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['supplier_xh']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['name']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['size']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['price']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['num']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['unit']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['batch']}}</td>
<td style="border:1px solid black;padding:5px;text-align:center">{{$v['reel']}}</td>
</tr>
@endforeach
</tbody>

</table>`
          // 合计金额
          url+=`
          <div style="display: flex;">
<div style="flex: 2;padding: 10px 20px;text-align: center;border:1px solid black">合计金额</div>
<div style="flex: 4;padding: 10px 20px;text-align: center;border:1px solid black">${$('input[name=money]').val()}</div>

</div>
          `

          // 备注
          url += `
              <div style="width: 100%;display: flex">
<div style="flex: 2;padding: 10px 20px;;border:1px solid black;display:flex;justify-content:center;align-items: center;height: 100px;">备注</div>
<div style="flex: 4;padding: 10px 20px;;border:1px solid black;display:flex;justify-content:center;align-items: center;height: 100px;word-break: break-all">${$('input[name=remark]').val()}</div>
</div>
          `

          // 签字 以及 时间
          url += `
         <div style="display: flex;justify-content: space-between;width: 50%;margin: 0 auto;padding: 20px">
<div>签字:</div>
<div>日期:</div>
</div>
          `
          url += '<!--打印内容结束--><!--endprint1-->'
          url += `</div>`
          url+=`<div class="layui-btn" onclick="printClick()">打印</div>`
          layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ["90%","90%"], //宽高
            content: url
          });
          e.preventDefault();//阻止默认事件去刷新 导致 页面报错
        })
        function printClick(){
          // document.body.innerHTML = document.getElementById("order_id").innerHTML
          document.body.margin = '0'
          document.body.padding = '0'
          let html = document.getElementById("order_id").innerHTML
          let str = html.substring(html.indexOf('<!--startprint1--><!--打印内容开始-->'),html.length).substring(0,html.indexOf('<!--打印内容结束--><!--endprint1-->'))
          window.document.body.innerHTML = str
          window.print()
          window.location.reload()
        }
        var cnt = {{$count}}+'';// 编辑

        /* 子组件回调方法 */
        function father(e) {
            var num_cargo = e.find('td').eq(0).html();//货号
            var name_number = e.find('td').eq(1).html()//供应商型号
            var name_cargo = e.find('td').eq(2).html();//名称
            var spec = e.find('td').eq(3).html();//规格
            if(cargoTitleObjVal[num_cargo+spec] === '1'){
                layer.msg(`${num_cargo+ spec}货号已存在`);
                return
            }
            cargoTitleObjVal[num_cargo + spec] = '1'
            var batch = e.find('td').eq(5).html();//是否启用批次
            var reel = e.find('td').eq(6).html();//是否启用卷号
            var reDetail = e.find('td').eq(7).html();//卷号描述
            var unit = e.find('td').eq(8).html();//卷号描述
            // console.log(unit);
            if(curObj) {//判断this的父级tr的值是否为空
                var batchRe = curObj.find('td').eq(6).children('input');
                var reelRe = curObj.find('td').eq(7).children('input');
                brIsShowSSS(batch == '是',reel == '是',curObj);
                curObj.find("input[name=cargoTitle]").val(num_cargo);//替换已存在的货号
                curObj.find(".num_val").val(num_cargo);//替换隐藏input已存在的货号
                curObj.find('.info_name').html(name_cargo);//替换已存在的名称
                supplier_xhIf(curObj,name_number,'')
                curObj.find('.size').html(spec);//替换已存在的规格
                curObj.find('.price').children('input').val('');//替换已存在的单价
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
                curObj.find('.batch').children('input').val('');//替换已存在的批次
                curObj.find('.reel').children('input').val('');//替换已存在的卷号
                curObj.find('.reel-info').html(reDetail);//替换已存在的卷号描述
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                html += ' <td class="num"></td>'
                html += '  <td class="td_padd">'
                html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="'+num_cargo+'" onchange="changeVal(this)">'
                html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                html += ' </td>'
                html += supplier_xhIfHtml(name_number,cnt,'')
                html += ' <td class="layui-btn-disabled info_name" >'+name_cargo+'</td>'
                html += '  <td class="td_padd td_width2 size"><input readonly type="text" value="'+spec+'" name="size['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-btn-disabled" min="1"></td>'
                html += ' <input type="hidden" name="number['+cnt+']"  class="num_val" value="'+num_cargo+'">'
                html += '  <td class="td_padd td_width2 price"><input type="number" name="price['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                html += '  <td class="layui-btn-disabled unit">'+unit+'</td>'
                html += '  <td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch" value="" onchange="batchNum(this)">'//批次
                html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                html += ' <td class="td_padd td_width2 reel"><input type="text" name="reel['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel" value="" onchange="reelNum(this)" /></td>'//卷号
                html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                html += ' <td class="reel-info">'+reDetail+'</td>'
                html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                html += ' <div class="layui-btn">删除</div>'
                html += '   </a> '
                html += '  </td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
                //新增一行判断是否启用
                var _this = $('#x-img').children('tr').eq(-2);
              brIsShowSSS(batch == '是',reel == '是',_this);
            }
            layer.closeAll();
            return cnt;
        }
        //货号点击弹出窗口传值
        function x_admin_show (obj) {
            if(supplierTrue()){
                return
            }
            curObj = "";
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargo',
                success: function(layero, index){

                }

            });


        }

        //货号点击弹出窗口传值--只有编辑
        function x_admin_show_edit (obj) {
            if(supplierTrue()){
                return
            }
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargo',
                success: function(layero, index){

                }

            });
        }
        //表格序号处理
        function num_tr() {
            var num_l = $('#x-img').find('tr').length;
            console.log(num_l)
            for (var i = 0; i < num_l; i++) {
                $('#x-img').find('tr').children('td').eq(0).prepend(' + (i + 1) + ');
            }
        }
        //货号输入判重
        $('.td_batch').change(function () {
            alert(1);
            var lg = $('#x-img').find('tr').length;
            var _val = $(this).val();//当前的货号
            var _batchText = $(this).parent().parent().find("input[name=batch]").val();//当前的批次
            var thisText = _val+_batchText//当前的货号+批次;
            var nameArr = []; // 定义一个空数组
            var cargoVal = $('#x-img').find("input[name=cargoTitle]").not($(this)); // 获取所有货号的值除了当前的货号
            var batchVal = $('#x-img').find("input[name=batch]").not($(this).parent().parent().find("input[name=batch]"));
            for (var i = 0; i < cargoVal.length; i++) {
                var _cargoVal = cargoVal.eq(i).val();
                var _batchVal = batchVal.eq(i).val();
                var endVal = _cargoVal+_batchVal;
                nameArr.push(endVal); // 将货号的值添加到数组中
            }
            if(lg != 1){
                for(var i=0; i<nameArr.length; i++) {
                    if( thisText == nameArr[i]) {
                        layer.msg('货号，批次重复');
                        $(this).css('borderColor','red');
                        setTimeout(function(){
                            $('.repeat_cargo').css('borderColor','#e6e6e6');
                        },2000);
                    }else{

                    }
                }
            }
        })
        //批次移除光标
        function batchNum (e) {
            movaBatch(e);
        }

        //卷号移除光标
        function reelNum (e) {
            movaReel(e);
        }
        //执行
        function do_purback(id){
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/doPurBack/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            // $('.inPut').hide();
                            // $("input[name=affirm_time]").val(res.data.affirm_time);
                            // $("input[name=arranger]").val(res.data.arranger);
                            // var htmls = '';
                            // htmls += '<div class="inPuts">'
                            // htmls += '<div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  执行</div>'
                            // htmls += '<a onclick="back_arrival('+res.data.id+')" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销执行</div></a>'
                            // htmls += '<a href=""><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  新建入库单</div></a>'
                            // /*htmls += '<a onclick="aboutList()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  整单关联</div></a>'*/
                            // $('.find_id').before(htmls);
                            // ids = $("input[name=arrival_id]").val()
                            // if(ids){
                            //     location.reload()
                            // }else{
                            location.href = '/admin/purBackAdd?id='+id
                            // }
                        });

                    } else {

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

        //撤销结束
        function back_over(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backBver/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.reload()


                        });

                    } else {

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

        //执行结束
        function do_over(id){
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/doBver/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.reload()


                        });

                    } else {

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

        //撤销执行
        function back_purback(id){
            layer.confirm('确认要撤销执行吗？',function(index){
                $.get("/admin/backPurBack/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.reload()
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        /*到货单-删除*/
        function del_purback(id){
            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成退货单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/delPurBack/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                                //location.href = '/admin/vouchList';
                                parent.location.reload();
                                parent.layer.close(index);
                            });

                        } else {

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

        /*到货单-新建入库单*/
        function add_ruku(id){
            layer.confirm('确认要新建入库单吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成到货单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/addRuku/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                                //location.href = '/admin/vouchList';
                                //parent.location.reload();
                                //parent.layer.close(index);
                            });

                        } else {

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

        /*表格-tr-删除*/
        function normsType_del(id) {
            //console.log(id)
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                layer.close(index);
                cargoTitleObj()
            });
        }
        //输入货号事件传input给后台
        function getVal(e) {
            var _val = $(e).val();
            if(flag) {
                flag = false;
                // console.log(_val);
                //传一个hidden的input
                var Html = '';
                Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
                $(e).append(Html);
                $.get("/admin/normSearch/" + _val, function (res) {
                    flag = true;
                    if(cargoTitleObjVal[_val+res.data.normVals] === '1'){
                        layer.msg(`${_val}货号${res.data.normVals}规格的商品已存在`);
                        $(e).val('')
                        cargoTitleObj()
                        return
                    }
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                            //把值铺到页面
                            // console.log(res.data)

                            //填充数据一行tr
                            var html = '';
                            html += '<tr class="info_tr">'
                            html += ' <td class="num"></td>'
                            html += '  <td class="td_padd">'
                            html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="'+res.data.number+'" onchange="changeVal(this)">'
                            html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                            html += ' </td>'
                            html += supplier_xhIfHtml(res.data.supplier_xh,cnt,null)
                            html += ' <td class="layui-btn-disabled info_name" >'+res.data.name+'</td>'
                            html += '  <td class="td_padd td_width2 size"><input readonly type="text" value="'+res.data.normVals+'" name="size['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-btn-disabled" min="1"></td>'
                            html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data.number+'" class="num_val">'
                            html += '  <td class="td_padd td_width2 price"><input type="number" name="price['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                            html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                            html += '  <td class="layui-btn-disabled unit">'+res.data.unit+'</td>'
                            html += '  <td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch" value="" onchange="batchNum(this)">'//批次
                            html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                            html += ' <td class="td_padd td_width2 reel"><input type="text" name="reel['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel" value="" onchange="reelNum(this)"></td>'//卷号
                            html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                            html += ' <td class="reel-info">'+(res.data.reel_detail || '')+'</td>'
                            html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                            html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                            html += ' <div class="layui-btn">删除</div>'
                            html += '   </a> '
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $('.addTr').before(html);
                            $('.addTr').find('td').eq(1).find('input').val('');
                            //新增一行判断是否启用
                            var _this = $('#x-img').children('tr').eq(-2);
                            // var batchRe = _this.find('td').eq(6).find('input')
                            // var reelRe =_this.find('td').eq(7).find('input');
                            brIsShowSSS(res.data.batch != 0,res.data.reel != 0,_this);
                            //common(判断批次，货号是否公用方法)
                            // console.log(2);
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        });
                        cargoTitleObj()
                        // console.log(3);
                    } else {

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


        }
        //编辑货号是输入方式
        function changeVal(e) {
            var _val = $(e).val()
            if(flag) {
                flag = false;
                //传一个hidden的input
                var Html = '';
                Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
                $(e).append(Html);
                $.get("/admin/normSearch/" + _val, function (res) {
                    flag = true;
                    if(cargoTitleObjVal[_val+res.data.normVals] === '1'){
                        layer.msg(`${_val}货号${res.data.normVals}规格的商品已存在`);
                        $(e.parentNode.parentNode).remove();
                        cargoTitleObj()
                        return
                    }
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            //把值铺到页面
                            //alert(res.data.reel_detail)
                            var curObj = $(e).parent().parent();
                            var batchRe = curObj.find('td').eq(6).children('input');
                            var reelRe = curObj.find('td').eq(7).children('input');
                            curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            supplier_xhIf(curObj,res.data.supplier_xh,null)
                            curObj.find('.info_name').html(res.data.name);//替换已存在的名称
                            curObj.find('.size').html(res.data.normVals);//替换已存在的规格
                            curObj.find('.price').children('input').val('');//替换已存在的单价
                            curObj.find('.num').children('input').val('');//替换已存在的数量
                            curObj.find('.unit').html(res.data.unit);//替换已存在的计量单位
                            curObj.find('.batch').children('input').val('');//替换已存在的批次
                            curObj.find('.reel').children('input').val('');//替换已存在的卷号
                            curObj.find('.reel-info').html(res.data.reel_detail);//替换已存在的卷号描述
                            //新增一行判断是否启用
                            //common(判断批次，货号是否公用方法)
                            brIsShowSSS(res.data.batch != 0,res.data.reel != 0,curObj);
                            cargoTitleObj()
                        });

                    } else {

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

        /*创建出库单*/
        function make_out(id){
            if(id === undefined) {
                layer.msg('未生成出库单', {icon: 6, time: 1000});
            }
            var url = "/admin/makeBackOut/"
            var gourlHead = '/admin/outboundAdd?id='
            del_out_index(id,url,gourlHead)

        }
    </script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <style>
        .table-div-css{
            width:100%;
            overflow-x:auto;
        }
    </style>
@endsection