@extends('layouts.father')
@section('title', '申购单详情')
@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;">状态:</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut" style="width: 600px">
                            @if($prepurchase->over == '未结束')
                                <div style="float: left" >
                                    <a onclick="do_over({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  结束</div></a>
                                </div>
                                @if($prepurchase->status == '未执行')
                                    <a onclick="do_purchase({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>确认执行</div></a>
                                    <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>撤销</div>
                                @elseif($prepurchase->status == '已执行')
                                    <div class="inputs">
                                        <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>确认执行</div>
                                        <a onclick="back_purchase({{$id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
                                        <a onclick="aboutList({{$id}})" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  整单关联</div></a>
                                    </div>
                                @endif

                            @elseif($prepurchase->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>
                            @endif
                        </div>
                    </div>
                    <div class="operation" style="float: right;margin-right: 212px">
                        @if($prepurchase->over == '已结束')
                        <div class="layui-btn dayin" ><i class="layui-icon">&#xe66d;</i>  打印</div>
                        @else
                        <div class="layui-btn dayin" ><i class="layui-icon">&#xe66d;</i>  打印</div>
                        <div class="layui-btn" onclick="all_number_coalesce()"><i class="layui-icon">&#x1005;</i>  合并同类项</div>
                        <button class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</button>
                        <div class="layui-btn" onclick="del_purchase({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                        @endif
                    </div>
                </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="prepurchase_num" value="{{$prepurchase->prepurchase_num}}" lay-verify="purchase_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="creater" value="{{$prepurchase->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="{{$prepurchase->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="arranger" value="{{$prepurchase->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="{{$prepurchase->affirm_time}}" 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="{{$prepurchase->relevance}}" lay-verify="purchase_num" 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="{{$prepurchase->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="prepurchase_id"  type="hidden" name="prepurchase_id" value="{{$id}}">
                    @if($prepurchase->over == '未结束')
                    <div>
                        <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                        <div class="layui-btn" onclick="all_dy_gck({{$id}})">新建采购单</div>
                    </div>
                    @endif
                </div>
                <div style="width:100%;overflow-x:auto">
                    <table class="layui-table"  style="width: 1700px">
                        <thead>
                        <tr class="tr_head">
                            <th>选择</th>
                            <th>序号</th>
                            <th style="width: 240px;">货号</th>
                            <th>供应商型号</th>
                            <th>产品名称</th>
                            <th>规格</th>
                            <th>数量</th>
                            <th>计量单位</th>
                            <th>明细备注</th>
                            <th>操作</th>
                        </tr>
                        @if(!empty($prepurchase_detail))
                            @foreach($prepurchase_detail as $key=>$v)
                                <tr class="info_tr">
                                    <td class="td_padd checkboxId selectTddata" style="width: 60px;text-align: center"><input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd"></td>
                                    <td class="num">{{$key+1}}</td>
                                    <td class="td_padd numid">
                                        <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input" value="{{$v['number']}}" onchange="changeVal(this)">
                                        <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>
                                    </td>
                                    <td class="td_padd td_width2 supplier_xh" ><input type="text" name="" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="{{$v['supplier_xh']}}" ></td>
                                    <td class="layui-btn-disabled info_name" >{{$v['name']}}</td>
                                    <td class="td_padd td_width2 size"><input type="text" name="size[{{$key}}]" value="{{$v['size']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                    <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                    <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="order-remark td_padd td_width2">
                                        <input type="text" name="mxremark[{{$key}}]" lay-verify="title" autocomplete="off" class="layui-input td_input" value="{{$v['mxremark']}}">
                                    </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>
                                        <div class="layui-btn" onclick="management_info(this.parentNode.parentNode)" >
                                            <i class="layui-icon">&#xe64c;</i>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </thead>
                        <tbody id="x-img">
                        <div class="intr"></div>
                        <tr class="addTr">
                            <td></td>
                            <td></td>
                            <td class="td_padd" style="display: flex">
                                <input type="text" name="cargoTitle" id="ArtNoNum" 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 input1" min="1"></td>
                            <td class="layui-btn-disabled"></td>
                            <td class="layui-btn-disabled order-remark"></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 type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script>




        $('.dayin').on('click' , function(e){
          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>
            <div style="margin:0 auto 20px;text-align:center;"><h1>申购单单据</h1></div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">申购单编号</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=prepurchase_num]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">关联单据</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=relevance]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">创建人</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=creater]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">创建时间</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=created_at]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">审核人</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=arranger]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">审核时间</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=affirm_time]').val()}</div>
</div>
</div>`
url+=`<div style="border: 1px solid black;padding: 10px;text-align:center"><h2>申购单明细</h2></div>`
url += `<table style="width: 100%">
<thead>
<tr>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">序号</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">货号</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">产品名称</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">规格</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">数量</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">计量单位</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">明细备注</th>
</tr>
</thead>
<tbody>
@if(!empty($prepurchase_detail))
@foreach($prepurchase_detail as $key=>$v)
<tr>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$key+1}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$v['number']}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$v['name']}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$v['size']}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$v['num']}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$v['unit']}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$v['mxremark']}}</td>
</tr>
@endforeach
@endif
</tbody>
</table>`
//表格部分
// 合计数量部分
let unit = [...$('input[lay-verify=num]')].reduce((a , b) => a += Number(b.value), 0);
url += `<div style="width:100%">
<div style="display: flex;height: 50px">
<div style="flex: 2;border: 1px solid;display: flex;justify-content: center;align-items: center">合计数量</div>
<div style="flex: 3;border: 1px solid;display: flex;justify-content: center;align-items: center">${unit}</div>
</div>
<div style="display: flex;height: 100px">
<div style="flex: 2;border: 1px solid;display: flex;justify-content: center;align-items: center">申购原因</div>
<div style="flex: 3;border: 1px solid;display: flex;justify-content: center;align-items: center">${$('input[name=remark]').val()}</div>
</div>
</div>`
          url += `<div style="display: flex;justify-content: space-around"><div>签字:</div><div>日期:</div></div>`
          url += '<!--打印内容结束--><!--endprint1-->'
          url += '</div>'
          url+=`<div class="layui-btn" onclick="printClick()">打印</div>`
          layer.open({
            type:1,
            content:url,
            area:["90%","90%"]
          })
          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 dayAll = false
        var dayAllNum = 0
        var numberAll = []
        function all_dy_gck(id){
            numberAll = []
            if(dayAll){
                $('thead .info_tr').each(function () {
                    if($(this).find('.selectTd')[0].checked === false){
                        numberAll.push($(this).find("input[name=cargoTitle]").val())
                    }
                })
                go_url_childes("采购单详情",`/admin/makePurchases/${id}?data=${numberAll.join(',')}`)
            }else {
                layer.alert('请选择要打印的单据', {icon: 5})
            }
        }
        //管理详情
        function management_info(tr) {
            layer.open({
                type: 2,
                shade: false,
                area: ['700px','450px'],
                maxmin: true,
                content: `{{$url}}${$(tr).find('input[name=cargoTitle]').val()}`,
                zIndex: layer.zIndex //重点1
            });
        }
        all_number_coalesce()
        function all_number_coalesce() {



          // 合并同类项 需要 合并货号和规格
          let data = {};
          [...$('.info_tr')].forEach(item => {
            let num_title =  $(item).find('input[name="cargoTitle"]').val(); // 货号
            let num_count = $(item).find('.num').children('input');  // 数量的表格
            let specification = $(item).find('input[name^=size]').val() ; //规格
            let keyStr = num_title + specification;
            let tr_data = {
              num_title,
              specification,
              num_count
            }
            if(data[keyStr] === undefined){
              data[keyStr] = tr_data
            }else{
              let count = Number(data[keyStr]["num_count"].val()) + Number(num_count.val())
              data[keyStr]["num_count"].val(count)
              $(num_count[0].parentNode.parentNode).remove()
            }
          })
        }
        function OnTextChanged() {
            if (event.keyCode == 13) {//判断是否为回车键，Event是window对象的一个属性，是全局的。
                event.keyCode = 0;//屏蔽回车键
                event.returnValue = false;
            }
        }
        //整单关联
        function aboutList(){
            var url = "";
            url += '<div style="margin: 20px;">'
                url += '<div class="layui-form-item" >'
                @foreach($relevance as $p)
                    url += '<label class="layui-form-label" style="width: 60px;padding-left: 0">采购单:</label>'
                    url += '<div class="layui-input-block" style="margin-bottom: 10px;margin-left: 80px">'
                        url += '<a onclick=\'go_url_childes("采购单详情","/admin/purchaseAdd?id={{ $p->id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $p->purchase_num }}</div></a>'
                    url += '</div>'
                @endforeach
                url += '</div>'
            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('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAll = true
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    dayAll = false
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            });
            form.on('checkbox(selectTd)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAllNum ++
                    dayAll = true
                } else {
                    dayAllNum --
                    if(dayAllNum === 0){
                        dayAll = false
                    }
                }
            })
            //监听提交
            form.on('submit(addd)', function(data){
                var do_vouchClass = document.getElementById("do_vouchClass");
                if(do_vouchClass){
                    do_vouchClass.classList.remove("layui-btn-disabled");
                }
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=prepurchase_id]").val()
                if(id == ''){
                    url = "/admin/prepurchaseAdd";
                }else{
                    url = "/admin/prepurchaseEdit";
                }
                //发异步，把数据提交给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/prepurchaseAdd?id='+res.data.id;
                        });

                    } 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' //指定元素
            });
        });

        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 unit = e.find('td').eq(7).html();//计量单位
            if(curObj) {//判断this的父级tr的值是否为空
                curObj.find("input[name=cargoTitle]").val(num_cargo);//替换已存在的货号
                curObj.find(".num_val").val(num_cargo);//替换隐藏input已存在的货号
                supplier_xhIf(curObj,name_number,'')
                curObj.find('.info_name').html(name_cargo);//替换已存在的名称
                curObj.find('.size').html(spec);//替换已存在的规格
                // curObj.find('.price').children('input').val('');//替单价
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                html += '<td class="td_padd checkboxId selectTddata" style="width: 60px;text-align: center"><input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd"></td>'
                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()">'
                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 type="text" name="size['+cnt+']" value="'+spec+'" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                html += ' <input type="hidden" name="number['+cnt+']" value="'+num_cargo+'" class="num_val">'
                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="order-remark td_padd td_width2">
                                    <input type="text" name="mxremark[`+cnt+`]" lay-verify="title" autocomplete="off" class="layui-input td_input" value="">
                                </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 += '<div class="layui-btn" onclick="management_info(this.parentNode.parentNode)" ><i class="layui-icon">&#xe64c;</i></div>'
                html += '</td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
            }
            layer.closeAll();
        }
        //货号点击弹出窗口传值
        function x_admin_show (obj) {
            /*if(supplierTrue()){
                return
            }*/
            curObj = "";
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content:  '/admin/Supplier_acDetail_cargo?supplier='+$("select[name='supplier']").find("option:selected").text(),
                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?supplier='+$("select[name='supplier']").find("option:selected").text(),
                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 () {
            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 do_purchase(id){
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/doPrepurchase/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/prepurchaseAdd?id='+res.data.id;
                        });

                    } else {

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

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

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/prepurchaseAdd?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        /*采购单-删除*/
        function del_purchase(id){
            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成采购单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/delPrepurchase/" + 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) {
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                layer.close(index);
                cargoTitleObj()
            });
        }
        var flag = true;
        //输入货号事件传input给后台
        function getVal(e) {
            if(flag) {
                flag = false;
                var _val = $(e).val();
                //传一个hidden的input
                var Html = '';
                Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
                $(e).append(Html);
                $.get("/admin/normSearch/" + _val, (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) {
                        //发异步把用户状态进行更改
                            //填充数据一行tr
                            var html = '';
                            html += '<tr class="info_tr">'
                            html += '<td class="td_padd checkboxId selectTddata" style="width: 60px;text-align: center"><input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd"></td>'
                            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 type="text" name="size['+cnt+']" value="'+res.data.normVals+'" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                            html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data.number+'" class="num_val">'
                            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="order-remark td_padd td_width2">
                                    <input type="text" name="mxremark[`+cnt+`]" lay-verify="title" autocomplete="off" class="layui-input td_input" value="">
                                </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 += '<div class="layui-btn" onclick="management_info(this.parentNode.parentNode)" ><i class="layui-icon">&#xe64c;</i></div>'
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $('.addTr').before(html);
                            $('.addTr').find('td').eq(1).find('input').val('');
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        });
                        cargoTitleObj()
                        $(e).val('')
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            }
        }
        //编辑货号是输入方式
        function changeVal(e) {
            var _val = $(e).val()
            var flag = true;
            //传一个hidden的input
            var Html = '';
            Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
            $(e).append(Html);
            if(flag) {
                flag = false;
                $.get("/admin/normSearch/" + _val, function (res) {
                    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 () {
                            //把值铺到页面
                            //console.log(res.data)
                            var curObj = $(e).parent().parent();
                            curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            curObj.find('.info_name').html(res.data.name);//替换已存在的名称
                            // supplier_xhIf(curObj,res.data.supplier_xh,null)
                            // curObj.find('.size').removeClass("layui-btn-disabled")
                            curObj.find('.size').html(res.data.normVals);//替换已存在的规格
                            curObj.find('.num').children('input').val('');//替换已存在的数量
                            curObj.find('.unit').html(res.data.unit);//替换已存在的计量单位
                            cargoTitleObj()
                        });
                    } else {

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


        /**
         * 入库添加明细  点击放大镜回调事件
         * 入库添加明细  点击放大镜回调事件
         * @param e 当前行
         * @param curObj 修改时为当前行，新增是为空
         * @param cnt 序号
         */
        function change_norm(e,curObj,cnt) {
            //console.log(curObj);
            var num_cargo = e.find('td').eq(0).html();//货号
            var name_cargo = e.find('td').eq(1).html();//名称
            var spec = e.find('td').eq(2).html();//规格
            var batch = e.find('td').eq(3).html();//是否启用批次
            var reel = e.find('td').eq(4).html();//是否启用卷号
            var reDetail = e.find('td').eq(5).html();//卷号描述
            var unit = e.find('td').eq(6).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);//替换已存在的名称
                curObj.find('.size').html(spec);//替换已存在的规格
                // curObj.find('.price').children('input').val('');//单价
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
                curObj.find('td').eq(7).children('input').val('');//替换已存在的批次
                curObj.find('td').eq(8).children('input').val('');//替换已存在的卷号
                curObj.find('td').eq(9).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 += '<td class="td_padd td_width2 supplier_xh"><input type="text"  lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo"></td>'
                html += ' <td class="layui-btn-disabled info_name" >'+name_cargo+'</td>'
                html += ' <td class="td_padd td_width2 size"><input type="text" name="size['+cnt+']" value="'+spec+'" autocomplete="off" placeholder="" class="layui-input" 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"><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"><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>'+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 back_over(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backpreOver/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/prepurchaseAdd?id='+res.data.id;

                        });

                    } else {

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

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

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/prepurchaseAdd?id='+res.data.id;

                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
    </script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection