@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;">状态:{{$purchase->status}}</span>
                    <div class="putIn inPut">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut" style="float: left;display: flex">
                            @if($purchase->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>
                                <div style="display: flex;align-items: center;margin: 0 10px">
                                    <span>结束备注：</span>
                                    <input type="text" name="over_remark" value="{{$purchase->over_remark}}" style="width: 200px;height: 30px" class="layui-input layui-btn-disabled">
                                </div>
                            @else

                            @if(isset($verify['verify']) && $verify['verify'] == '已审核')
                                <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()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  整单关联</div></a>
                                    <a onclick="expressList()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  快递单</div></a>
                                </div>
                            @else
                                <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>
                            @endif
                            @if($id)
                                <a onclick="x_admin_show('结束','/admin/overRemark?id={{$id}}','400','250')" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  结束</div></a>
                            @endif
                            @endif
                            <span class="status" style="margin-left:10px;">{{$verify['status'] or ''}}</span>
                        </div>
                        @if($purchase->over != '已结束')
                            <div class="operation" style="float: right;margin-right: 123px">
                                {{--<button class="layui-btn" id="merge">合并同类型</button>--}}
                                <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>
                                <div class="layui-btn" onclick="prints({{$id}})"><i class="layui-icon">&#xe66d;</i>  打印</div>
                            </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="purchase_num" value="{{$purchase->purchase_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="relevance" value="{{$purchase->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="purchase_type" lay-verify="required">
                                            @if(isset($purchase->purchase_type) && ($purchase->purchase_type == '直运采购' || $purchase->purchase_type == '自发采购'))
                                                <option  selected value="{{$purchase->purchase_type}}">{{$purchase->purchase_type}}</option>
                                            @else
                                                @foreach($role as $w)
                                                    <option @if($w == $purchase->purchase_type) selected @endif value="{{$w}}">{{$w}}</option>
                                                @endforeach
                                            @endif
                                        </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 lay-filter="supplier">
                                            @foreach($supplier as $w)
                                                <option value=""></option>
                                                <option @if($w == $purchase->supplier) selected @endif value="{{$w}}">{{$w}}</option>
                                            @endforeach
                                        </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="{{$purchase->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="{{$purchase->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="{{$purchase->money}}" readonly 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="{{$purchase->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="purchase_time" value="{{$purchase->affirm_time}}" 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="reel_money" value="{{$purchase->reel_money}}" lay-verify="arranger" autocomplete="off" class="layui-input li_input">
                                </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="freight" value="{{$purchase->freight}}" lay-verify="arranger" autocomplete="off" class="layui-input li_input">
                                </div>
                            </div>
                        </div>
                        @if(!empty($col))
                            @foreach($col as $c)
                                <div class="layui-col-md4">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{{$c['columns']}}:</label>
                                        @if($c['type'] == '下拉型')
                                            <div class="layui-input-inline li_input">
                                                <select name="{{$c['columns']}}" lay-verify="required">
                                                    @foreach($c['content'] as $w)
                                                        <option value=""></option>
                                                        <option @if($w == $purchase[$c['columns']]) selected @endif value="{{$w}}">{{$w}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        @else
                                            <div class="layui-input-block">
                                                <input type="text" name="{{$c['columns']}}" @if($purchase->id !='') value="{{$purchase[$c['columns']]}}" @endif lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </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="yf_order_number" value="{{$purchase->yf_order_number}}"  autocomplete="off" class="layui-input li_input">
                            </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="{{$purchase->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="purchase_id"  type="hidden" name="purchase_id" value="{{$id}}">
                    <div class="layui-card layui-upload">
                        <button type="button" class="layui-btn layui-btn-normal" id="upload-List">选择多文件</button>
                        <button type="button" class="layui-btn" id="upload-ListAction">开始上传</button>
                        <div class="layui-upload-list" style="width:100%">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>文件名</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody id="upload-demoList">
                                @if(!empty($purchase->accessory[0]))
                                    @foreach($purchase->accessory as $k=>$a)
                                        <tr>
                                            <td>{{$purchase->filename[$k] or $a}}</td>
                                            <td><span style="color: #5FB878;">上传成功</span></td>
                                            <td>
                                                <input type="hidden" class="pic"  name="accessory[]" value="{{ $a }}">
                                                <input type="hidden" name="filename[]"  value="{{$purchase->filename[$k] or $a}}" />   {{--开始的文件名--}}
                                                <a target="_blank" class="layui-btn layui-btn-mini" href="{{ env("OSS_HOST") . $a }}">下载</a>
                                                <a class="layui-btn layui-btn-mini layui-btn-danger upload-delete">删除</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                        </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="freight" value="{{$purchase->freight}}" lay-verify="arranger" autocomplete="off" class="layui-input li_input">--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

                </div>
                <div style="width:100%;overflow-x:auto">
                    <table class="layui-table" style="width: 1800px">
                    <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>
                    </tr>
                    @if(!empty($purchase_detail))
                        @foreach($purchase_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 " 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 supplier_xh" display="flex" width="160px">
                                    <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>
                                    {{--<div  class="layui-btn cargo_btn" onclick="x_admin_show_edits(this)"><i class="layui-icon">&#xe615;</i></div></td>--}}
                                <input type="hidden" name="detail_id[{{$key}}]" class="detail_id_num" value="{{$v['id']}}">
                                <td class="layui-btn-disabled info_name" >{{$v['name']}}</td>
                                <td class=" size size[{{$key}}]"  style="padding: 0;width:150px" >
                                    <textarea   type="text" style="border: none;resize:none;overflow:hidden" name="size[{{$key}}]" value="{{$v['size']}}" class="num_val layui-input">{{$v['size']}}</textarea>
                                </td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                {{--<input type="hidden" name="size[{{$key}}]" value="{{$v['size']}}" class="num_val">--}}
                                <td class="td_padd td_width2 price"><input type="number" name="price[{{$key}}]" value="{{$v['price']}}" lay-verify="price" 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 menfu"><input type="text" name="menfu[{{$key}}]" value="{{$v['menfu']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td_padd td_width2 remark"><input type="text" name="mxremark[{{$key}}]" value="{{$v['mxremark']}}" class="layui-input" ></td>
                                <td class="td-manage" style="padding: 0px;padding-left: 10px;display: flex">
                                    <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>
                                    <a title="复制" onclick="copy(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" 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_shows(this)"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <td class="td_padd " width="160px"><input type="text" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled">
                            {{--<div class="layui-btn cargo_btn addClick" onclick="x_admin_shows(this)"><i class="layui-icon">&#xe615;</i></div>--}}
                        </td>
                        <td class="layui-btn-disabled info_name"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="text" class="layui-input input1" min="1"></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=""></td>
                        <td class="td_padd td_width2 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>
        function message_data() {
            layer.closeAll();
            location.reload()
        }

        function copy(that){
            let url = $(that).parents('tr').html();
            let num = $('#x-img').parent().find('thead').find('.info_tr').length;
            let oneNum = $(that).parents('tr').find('td').eq(0).html();
            let numId = $(that).parents('tr').find(".numid input").val(); // 货号
            let suppile = $(that).parents('tr').find('.supplier_xh input').val(); //供应商型号
            let info_name = $(that).parents('tr').find('.info_name input').val(); // 产品名称
            let size = $(that).parents('tr').find('.size input').val();//规格
            let price = $(that).parents('tr').find('.price input').val();//单价
            let nums = $(that).parents('tr').find('.num input').val();//数量
            let unit = $(that).parents('tr').find('.unit').html();//计量单位
            // let weight = $(that).parents('tr').find('input[name^=weight]').val();//重量
            // let meter = $(that).parents('tr').find('.input[name^=meter]').val();//	检验米数
            let batch = $(that).parents('tr').find('.huoqi input').val();//货期
            let reel = $(that).parents('tr').find('.remark input').val();//备注
            // let batch_info = $(that).parents('tr').find('.batch_info input').val();//卷号描述
            let reg = new RegExp('\\['+oneNum+'\\]' , 'g')
            url = url.replace(reg , '['+num+']  ')
            console.log(suppile);
            let el = `<tr class="info_tr">${url}</tr>`
            $('#x-img').parent().find('thead').append(el)
            let newEl =  $('#x-img').parent().find('thead').find('tr:last')
            $(newEl).find('td').eq(0).html(num);
            $(newEl).find(".numid input").val(numId)
            $(newEl).find(".supplier_xh input").val(suppile)
            $(newEl).find(".info_name input").val(info_name)
            $(newEl).find(".size input").val(size)
            $(newEl).find('.size span').html(size)
            $(newEl).find(".price input").val(price)
            $(newEl).find(".num input").val(nums)
            $(newEl).find(".unit").html(unit)
            // $(newEl).find("input[name^=weight]").val(weight)
            // $(newEl).find(".input[name^=meter]").val(meter)
            $(newEl).find(".huoqi input").val(batch)
            $(newEl).find(".remark input").val(reel)
            // $(newEl).find(".batch_info input").val(batch_info)
            let trList = $('.info_tr:not(:last)');
            [...trList].forEach((item , index) =>{
              [...$(item).find('input')].forEach(item2 => {
                  if($(item2).attr('name') !== undefined){
                  let name = $(item2).attr('name').replace(/\d+/,index)
                  $(item2).prop('name' , name)
                }
              })
          })
        }

        $('#merge').click( function(e) {
          let data = {};
          let dataArr = [...$(".info_tr")].map(item =>{
            let count = $(item).find('input[lay-verify=num]').val(); //记录数量
            let artNo = $(item).find('input[name=cargoTitle]').val();// 货号
            if(artNo.length === 0){
              return
            }
            let supplier = $(item).find('input[name^=supplier_xh]').val(); //供应商型号
            let size = $(item).find('input[name^=size]').val(); //规格
            let commodity = {
                //  商品信息
              artNo,
              supplier,
              size,
              count
            };
            return commodity
            // 去循环对象 => 然后每一项都去做检查
          })

          dataArr.pop(); // 删除最后一个空白格子

          dataArr = dataArr.reduce((all,next) => {
            let count ;
            if(!all.some((atom) => {
               count = atom.count
              return atom["artNo"] === next["artNo"] && atom["supplier"] === next["supplier"] && atom["size"] === next["size"]
            }))
            {
              all.push(next)
            }else{
                next.count = Number(next.count) + Number(count)
            }
            return all
          } , [])
          console.log(dataArr);
          e.preventDefault(); // 取消默认事件
        })


        function prints(){
            let unit = 0
            $.makeArray($("input[type=number][name^=num]")).forEach(item=>unit+=parseFloat(item.value))
            let url = "<div style='width:80%;margin: 0 auto;text-align: center' id='order_id'><div>"
            url+=`
                <div style="margin:20px auto;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">{{$purchase->purchase_num}}</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">{{$purchase->relevance}}</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">{{$supplier_detail? $supplier_detail->bank :''}}</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">${$("select[name=supplier]").find("option:selected").text()}</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">${$("select[name=purchase_type]").find("option:selected").text()}</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">{{$supplier_detail? $supplier_detail->bank_access :''}}</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 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">{{$supplier_detail? $supplier_detail->bank_name :''}}</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=purchase_time]").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"></div>
</div>

<div style="border: 1px solid black;padding: 10px;text-align:center">
<h2>采购单明细</h2>
</div>
<table style="width: 100%">
<thead>
<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>
<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>
</thead>
<tbody>
@if(!empty($purchase_detail))
            @foreach($purchase_detail as $key=>$v)
            <tr>
                <td style="border:1px solid black;padding:5px;text-align:center" class="num">{{$key}}</td>
        <td style="border:1px solid black;padding:5px;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['time']}}</td>
        <td style="border:1px solid black;padding:5px;text-align:center">{{$v['mxremark']}}</td>
    </tr>
 @endforeach
            @endif
            </tbody>
            <tfoot>
            <tr>
            <td colspan="3" style="border: 1px solid black;padding: 5px 5px;text-align: center">合计数量</td>
            <td colspan="7" style="border: 1px solid black;padding: 5px 5px;text-align: center">${unit}</td>
</tr>
<tr>
<td colspan="3" style="border: 1px solid black;padding: 5px 5px;text-align: center">合计金额</td>
<td colspan="7" style="border: 1px solid black;padding: 5px 5px;text-align: center">${$('input[name=money]').val()}</td>
</tr>
<tr>
<td colspan="3" style="border: 1px solid black;padding: 50px 5px;text-align: center">备注</td>
<td colspan="7" style="border: 1px solid black;padding: 50  px 5px;text-align: center">${$("input[name=remark]").val()}</td>
</tr>
</tfoot>
</table>
<div>
<div style="display: flex ; justify-content: space-around;margin-top:20px"><h3>签字:</h3><h3>日期:</h3></div>
</div>
            `
            url+="</div></div>"
            url+=`<div class="layui-btn" onclick="printClick()">打印</div>`
            layer.open({
                type:1,
                content:url,
                area:["90%","90%"]
            })
        }
        function printClick(){
            document.body.innerHTML = document.getElementById("order_id").innerHTML
            window.print()
            window.location.reload()
        }
        //管理详情
        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
            });
        }
        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($prepurchase as $p)
                url += '<label class="layui-form-label">上游单据:</label><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/prepurchaseAdd?id={{ $p->id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $p->prepurchase_num }}</div></a>'
            url += '</div>'
            url += '<div style="border: 0.5px solid #000000;width: 100%;margin: 15px 0"></div>'
            @endforeach
                url += '</div>'
            url += '<div class="layui-form-item" >'
            @foreach($arrival as $a)
                url += '<label class="layui-form-label">下游单据:</label><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/arrivalAdd?id={{ $a->id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $a->arrival_num }}</div></a>'
            url += '</div>'
            @endforeach
                url += '</div>'
            url += '</div>'

            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });
        }
        //快递单
        function expressList(){
            var purchase_express = '{{$purchase->express}}'
            var url = "";
            url += '<div style="margin: 20px;">'
            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="javascript:void(0)" style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div><input style="border:none" class="ex" type="text" value="{{$purchase->express}}" name="express" id=""></div></a>'
            url += '<input type="hidden" name="cid" value="{{$purchase->id}}">'
            if(purchase_express !== 0){
                url += '<i class="layui-icon del_expressClose" style="margin-left:10px">&#x1006;</i> '
            }else {
                url += ''
            }
            url += '</div>'
            url += '</div>'
            url += '</div>'
            url += '<div class="" style="width: 100%;text-align: center">'
            url += '<div class="layui-btn expressClose" lay-filter="adddd" lay-submit=""  style="text-align: center">确认</div>'
            url += '</div>'
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });
            var del_expressClose_type = true
            $('.del_expressClose').click(function () {
                if(!del_expressClose_type){
                    return
                }
                del_expressClose_type = false
                var ex = $(this).parent().prev().find('.ex').val();
                var html = '';
                html += '<input class="hideEx" name="express" type="hidden" id="">'
                $('.info_container ').append(html)
                $('.hideEx').val(ex);
                //发异步，把数据提交给php
                var id = $("input[name=express]").val()
                var cid = $("input[name=cid]").val()
                $.get('/admin/updateExpress?id=&cid='+cid, function (res) {
                    //发异步，把数据提交给php
                    if (res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            layer.closeAll();
                            location.reload();
                        });

                    } else {

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

                }, "json");
            })
            $('.expressClose').click(function () {
                var ex = $(this).parent().prev().find('.ex').val();
                var html = '';
                html += '<input class="hideEx" name="express" type="hidden" id="">'
                $('.info_container ').append(html)
                $('.hideEx').val(ex);
                form.on('submit(adddd)', function (data) {
                    //发异步，把数据提交给php
                    var id = $("input[name=express]").val()
                    var cid = $("input[name=cid]").val()
                    $.get('/admin/updateExpress?id='+id+'&cid='+cid, data.field, function (res) {
                        //发异步，把数据提交给php
                        if (res.status == 1) {
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                                layer.closeAll();
                                location.reload();
                            });

                        } else {

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

                    }, "json");
                })
            })
        }

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

          //  监听多选框
          form.on('select(supplier)', function(data){
            let value = data.value; // 供应商名称
            let ids = [...$('.info_tr').find('input[name=cargoTitle]')].filter(item => item.value.length > 0).map(item => item.value); // id的数组
            // let url = `/admin/purchaseGetSup?number=${ids.join(',')}&supplier=${value}`
            // console.log(url)
            $.get('/admin/purchaseGetSup',{number:ids.join(',') ,supplier:value } , function (res) {
              let infoTr = [...$('.info_tr')];
              res.data.map((item , index) =>{
                $(infoTr[index]).find('input[name^=supplier_xh]').val(item);//供应商型号
              })
            })
          })

          // 单个删除
          $('.upload-delete').on('click', function(){
            // 删除
            var obj = $(this).parent().parent();
            var url = "/admin/picDelete?path="+obj.find('.pic').val();

            layer.confirm('确认要删除吗？',function(index){
              $.get(url, function (res) { //删除服务器上的图片
                // 发异步，把数据提交给php
                if (res.status == 1) {
                  console.log(res)
                  //移除视图图片
                  obj.remove();

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

                } else {

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

          //多文件列表示例
          var demoListView = $('#upload-demoList')
            ,uploadListIns = upload.render({
            elem: '#upload-List'
            ,url: '/admin/upload'
            ,data:{'_token': $("input[name=_token]").val(),
              'type' : 'HT'}
            ,accept: 'file'
            ,size:2048
            ,multiple: true
            ,auto: false
            ,bindAction: '#upload-ListAction'
            ,choose: function(obj){
              var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
              //读取本地文件
              obj.preview(function(index, file, result){
                var tr = $(['<tr id="upload-'+ index +'">'
                  ,'<td>'+ file.name + '<input type="hidden" name="filename[]" value="'+file.name+'" /></td>'
                  // ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
                  ,'<td>等待上传</td>'
                  ,'<td>'
                  ,'<button  class="layui-btn layui-btn-mini upload-reload layui-hide">重传</button>'
                  ,'<a class="layui-btn layui-btn-mini layui-btn-danger upload-delete">删除</a>'
                  ,'</td>'
                  ,'</tr>'].join(''));

                //单个重传
                tr.find('.upload-reload').on('click', function(){
                  obj.upload(index, file);
                });
                //删除
                tr.find('.upload-delete').on('click', function(){
                  delete files[index]; //删除对应的文件
                  tr.remove();
                  uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                });

                demoListView.append(tr);
              });
            }
            ,done: function(res, index, upload){
              if(res.status == 1){ //上传成功
                var tr = demoListView.find('tr#upload-'+ index)
                  ,tds = tr.children();
                tds.eq(1).html('<span style="color: #5FB878;">上传成功</span>');
                tds.eq(2).prepend('<input type="hidden" class="pic" name="accessory[]" value="'+res.data.filename+'" />' +
                  '<a target="_blank" class="layui-btn layui-btn-mini"  href="{{ env("OSS_HOST")}}'+res.data.filename+'">下载</a>');

                return delete this.files[index]; //删除文件队列已经上传成功的文件
              }
              this.error(index, upload);
            }
            ,error: function(index, upload){
              var tr = demoListView.find('tr#upload-'+ index)
                ,tds = tr.children();
              tds.eq(1).html('<span style="color: #FF5722;">上传失败</span>');
              tds.eq(2).find('.upload-reload').removeClass('layui-hide'); //显示重传
            }
          });


          //监听提交
            form.on('submit(addd)', function(data){
              let dataArr = [...$(".info_tr")].map(item =>{
                let count = $(item).find('input[lay-verify=num]').val(); //记录数量
                let artNo = $(item).find('input[name=cargoTitle]').val();// 货号
                if(artNo.length === 0){
                  return
                }
                let supplier = $(item).find('input[name^=supplier_xh]').val(); //供应商型号
                let size = $(item).find('textarea[name^=size]').val(); //规格
                let commodity = {
                  //  商品信息
                  artNo,
                  supplier,
                  size,
                  count
                };
                return commodity
                // 去循环对象 => 然后每一项都去做检查
              })

              dataArr.pop(); // 删除最后一个空白格子
              let flag = false; //默认可以保存
              dataArr = dataArr.reduce((all,next) => {
                if(!all.some((atom) => {
                  next.count = Number(next.count) + Number(atom.count)
                  return atom["artNo"] === next["artNo"] && atom["supplier"] === next["supplier"] && atom["size"] === next["size"]
                }))
                {
                  all.push(next)
                }else{
                  flag = true
                }
                return all
              } , [])
              if(flag){
                layer.msg("存在同类项，不能保存")
                return false
              }
                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=purchase_id]").val()
                if(id == ''){
                    url = "/admin/purchaseAdd";
                }else{
                    url = "/admin/purchaseEdit";
                }
                //发异步，把数据提交给php
              console.log(data.field)
                $.post(url, data.field, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            /*$("input[name=purchase_id]").val(res.data.id);
                            $("input[name=creater]").val(res.data.creater);
                            $("input[name=created_at]").val(res.data.created_at);
                            $("input[name=money]").val(res.data.money);

                            if(id == '') {
                                var html = '';
                                html += '<div class="inPut">'
                                html += '<a onclick="do_purchase(' + 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 += '</div>'
                                $('.find_id').before(html);
                            }*/
                            location.href = '/admin/purchaseAdd?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 price = e.find('td').eq(3).html();//价格
            var spec = e.find('td').eq(4).html();//规格
            if(cargoTitleObjVal[num_cargo+spec] === '1'){
                layer.msg(`${num_cargo+ spec}货号已存在`);
                return
            }
            cargoTitleObjVal[num_cargo + spec] = '1'
            var unit = e.find('td').eq(8).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(price);//替单价
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
            } 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=" size" contenteditable="true" style="padding: 0"><textarea style="border: none;resize:none;overflow:hidden" type="text" name="size['+cnt+']" value='+spec+' class="layui-input">'+name_number+'</textarea>'+'</td>'
                html += ' <input type="hidden" name="number['+cnt+']" value="'+num_cargo+'" class="num_val">'
                //html += ' <input type="hidden" name="size['+cnt+']" value="'+spec+'" class="num_val">'
                html += '<td class="td_padd td_width2 price"><input type="number" name="price['+cnt+']" value="'+price+'" 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 huoqi"><input type="text" name="time['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input"></td>'
                html += '<td class="td_padd td_width2 remark"><input type="text" name="mxremark['+cnt+']" value="" class="layui-input" ></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_shows (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()+ '&price=yes',
                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()+ '&price=yes',
                success: function(layero, index){
                }
            });
        }

        function x_admin_show_edits (obj) {
            if(supplierTrue()){
                return
            }
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargos?supplier='+$("select[name='supplier']").find("option:selected").text()+ '&price=yes',
                success: function(layero, index){
                }
            });
        }
        //表格序号处理
        function num_tr() {
            var num_l = $('#x-img').find('tr').length;
            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/doPurchase/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/purchaseAdd?id='+res.data.id;
                            // $('.inPut').hide();
                            // $("input[name=purchase_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_purchase('+res.data.id+')" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>'
                            // htmls += '</div>'
                            // $('.find_id').before(htmls);
                        });

                    } else {

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

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

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/purchaseAdd?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/delPurchase/" + 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 back_over(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backpurOver/"+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/dopurOver/"+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_over(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backpurOver/"+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/dopurOver/"+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});
                    }
                });
            });
        }

        /*表格-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;
                    console.log(res)
                    // 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=" size" contenteditable="true" style="padding: 0"><textarea type="text" style="border: none;resize:none;overflow:hidden" name=size['+cnt+'] value='+res.data.normVals+' class="layui-input">'+res.data.normVals+'</textarea></td>'
                            html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data.number+'" class="num_val ">'
                            html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                            //html += ' <input type="hidden" name="size['+cnt+']" value="'+res.data.normVals+'" class="num_val">'
                            html += '  <td class="td_padd td_width2 price"><input type="number" name="price['+cnt+']" value="'+res.data.price+'" 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 huoqi"><input type="text" name="time['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input"></td>'
                            html += '<td class="td_padd td_width2 remark"><input type="text" name="mxremark['+cnt+']" value="" class="layui-input" ></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()
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            }
        }
        //编辑货号是输入方式
        function changeVal(e) {
            var _val = $(e).val()
            console.log(e)
            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) {
                  console.log(res)
                  if(res.hasOwnProperty('data')){
                    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 () {
                            //把值铺到页面
                            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);//替换已存在的名称
                            curObj.find(".price input").val(res.data.price);//替换已存在的价格
                            supplier_xhIf(curObj,res.data.supplier_xh,null)
                            // curObj.find('.size').removeClass("layui-btn-disabled")
                            curObj.find('.size').val(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) {
            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();//卷号描述
            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" name="supplier_xh['+cnt+']" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" readonly>'
                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="layui-btn-disabled info_name" >'+name_cargo+'</td>'
                html += ' <td class=" size" contenteditable="true" style="padding: 0"><textarea style="border: none;resize:none;overflow:hidden" type="text" name=size['+cnt+'] value='+spec+' class="layui-input">'+spec+'</textarea></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;
        }



    </script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <link rel="stylesheet" href="/css/addcss.css">
    <style>
        .size{
            width: 400px;
        }
        .info_name{
            width: 150px;
        }
        .unit{
            width: 50px;
        }
    </style>
@endsection