@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;background-color: #409EFF;border-radius: 5px"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form" onkeydown="if(event.keyCode==13)return false;">
                {{csrf_field()}}
                <xblock class="clor">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:{{$vouch->status}}</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut">
                            @if($vouch->draft == 1)
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon" style="border-radius: 5px">&#xe608;</i>  入库</div>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon" style="border-radius: 5px">&#xe9aa;</i>  撤销入库</div>
                            @else
                                @if($vouch->status == '未入库')
                                    <a onclick="do_vouch({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass" style="background-color: #409EFF;border-radius: 5px"><i class="layui-icon">&#xe608;</i>  入库</div></a>
                                    <div class="layui-btn layui-btn-disabled" style="border-radius: 5px"><i class="layui-icon">&#xe9aa;</i>  撤销入库</div>
                                @elseif($vouch->status == '已入库')
                                    <div class="inputs">
                                        <div class="layui-btn layui-btn-disabled" style="border-radius: 5px"><i class="layui-icon">&#xe608;</i>  入库</div>
                                        <a onclick="back_vouch({{$id}})" href="javascript:void(0)"><div class="layui-btn" style="background-color: #409EFF;border-radius: 5px"><i class="layui-icon">&#xe9aa;</i>  撤销入库</div></a>
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                    <div class="operation" style="float: right;margin-right: 212px">
                        @if($vouch->draft == 1 || empty($id))
                        <a class="layui-btn" lay-filter="addd" lay-submit="" style="background-color: #409EFF;border-radius: 5px"><i class="layui-icon">&#x1005;</i>  保存草稿</a>
                        @endif
                        <div class="layui-btn" lay-filter="addd" lay-submit="" style="background-color: #409EFF;border-radius: 5px"><i class="layui-icon">&#x1005;</i>  保存</div>
                        <!-- <div class="layui-btn"  onclick="del_vouch({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div> 删除隐藏-->
                        <div class="layui-btn x-right importBom" style="background-color: #409EFF;border-radius: 5px"><i class="layui-icon"></i>导入</div>
{{--                        <div class="layui-btn x-right dayin" onclick="printClick()"><i class="layui-icon">&#xe66d;</i>打印</div>--}}
                    </div>
                </xblock>
                <div class="info_container">
                    <div class="layui-row">

                        <div class="layui-col-md4" style="display: none">
                            <div class="layui-form-item">
                                <label class="layui-form-label">入库单编号:</label>
                                <div class="layui-input-block">
                                    <input type="text" readonly name="godown_num" value="{{$vouch->godown_num}}" lay-verify="godown_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">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="x-red">*</span>供应商:</label>
                                    <div class="layui-input-inline li_input" id="supplier_gys">
                                        <select name="supplier_gys" lay-verify="required" lay-filter="required" lay-search>
                                            <option  @if(!isset($vouch->supplier_gys)) selected @endif value="" ></option>
                                            @foreach($supplier_gys as $w)
                                                <option @if(isset($vouch->supplier_gys)&&$w->name == $vouch->supplier_gys) selected @endif value="{{$w->name}}">{{$w->name}} </option>
                                                {{--                                                <option  value="{{$w->name}}">{{$w->name}} </option>--}}
                                            @endforeach
                                        </select>
                                    </div>
                                </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="godown_type" lay-verify="required" lay-filter="required">
                                            @if($vouch->godown_type == '采购入库' || $vouch->godown_type == '退货入库' || $vouch->godown_type == '生产返料入库' || $vouch->godown_type == '产成品入库')
                                                <option value="{{$vouch->godown_type}}" selected>{{$vouch->godown_type}}</option>
                                            @else
                                                @foreach($godown_type as $g)
                                                    @if($g == '调货入库' && empty($vouch->relevance))
                                                    @elseif($g == '退货入库' && empty($vouch->relevance))
                                                    @else
                                                        <option value="" ></option>
                                                        <option @if($g == $vouch->godown_type) selected @endif value="{{$g}}">{{$g}}</option>
                                                    @endif
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </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" id="valueNull">
                                        <select name="warehouse" lay-verify="required" lay-filter="required" >
                                            @if(empty($vouch->warehouse))
                                                <option value="" ></option>
                                            @endif
                                                @if($vouch->godown_type == '调货入库')
                                                    <option  selected  value="{{$vouch->warehouse}}">{{$vouch->warehouse}}</option>
                                                @else
                                                    @foreach($warehouse as $w)
                                                        <option @if($w == $vouch->warehouse) 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" id="supplier_jgs">
                                        <select name="processor" lay-verify="required" lay-filter="required" lay-search>
                                            <option  @if(!isset($vouch->processor)) selected @endif value="" ></option>
                                            @foreach($processor as $w)
                                                <option @if(isset($vouch->processor)&&$w->name == $vouch->processor) selected @endif value="{{$w->name}}">{{$w->name}} </option>
                                                {{--                                                <option  value="{{$w->name}}">{{$w->name}} </option>--}}
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="remark" value="{{$vouch->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 81%">
                                </div>
                            </div>
                        </div>
                        <input class="vouch_id"  type="hidden" name="vouch_id" value="{{$id}}">
                    </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" id="arrival-time" name="arrival_time"  value="{{$vouch->dh_time}}" class="layui-input" style="width: 58%">
                                </div>
                            </div>
                        </div>

                    </div>
                <div>
                    <input type="checkbox" name="all"  id="all" lay-filter="all" style="margin-left: 10px">
                    <div class="layui-btn layui-btn-sm" onclick="alldel()" style="background-color: #409EFF;border-radius: 5px">删除</div>
{{--                    <div class="layui-btn layui-btn-sm" onclick="copy()" style="background-color: #409EFF;border-radius: 5px">复制</div>--}}
{{--                    <div class="layui-btn layui-btn-sm" onclick="add_all_batch()">自动以年份填充批次</div>--}}
{{--                    <div class="layui-btn layui-btn-sm" onclick="sprint('numid')">  打印货号条码</div>--}}
                    <div class="layui-btn layui-btn-sm" onclick=" reelPrint('numid','{{$vouch->status}}')" style="background-color: #409EFF;border-radius: 5px">  打印卷号条码</div>
                    <input type="checkbox"  name="switch" lay-skin="switch" class="switchTests"
                           lay-filter="switchTests" lay-text="打印预览|关闭预览">
                </div>
                <div style="width:100%;overflow-x:auto">
                    <table class="layui-table" id="inPuttable" lay-size="sm" style="width: 2400px">
                    <thead>
                    <tr class="tr_head">
                        <th style="width: 30px;">选择</th>
                        <th style="width: 30px;">序号</th>
                        <th style="width: 220px;">货号</th>
                        <th>单价</th>
                        <th style="width: 60px;" class="pishu">匹数</th>
                        <th>每匹明细</th>
                        <th  style="width: 100px;" class="quantity">数量</th>
                        <th style="display: none">供应商型号</th>
                        <th style="display: none">规格</th>
                        <th style="width: 60px;">计量单位</th>
                        <th>批次</th>
                        <th style="width:100px" >门幅</th>
                        <th>缸号</th>
                        <th style="width:580px">卷号描述</th>
                        <th>操作</th>
                    </tr>
                    @if(!empty($vouch_detail))
                        @foreach($vouch_detail as $key=>$v)
                            <tr class="info_tr">
                                <td class="td_padd checkboxId selectTddata" style="width: 20px;text-align: center">
                                    <input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd">
                                </td>
                                <td>{{$key}}</td>
                                <td class="td_padd numid" style="width: 270px">
                                    <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"  style="background-color: #409EFF;border-radius: 5px" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                <td class="td_padd td_width2 price"><input @if($vouch->relevance) readonly @endif type="text" name="price[{{$key}}]" value="{{$v['price']}}" lay-verify="price" autocomplete="off" placeholder="" class="layui-input" onchange="changeMoney(this)" ></td>
                                <td>匹数</td>
                                <td>每匹明细</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" onchange="changeMoney(this)" readonly></td>
                                <td class="layui-btn-disabled unit">{{$v['unit']}}</td>
                                <td class="td_padd td_width2 batch"><input type="text" name="batch[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder=""  @if($v['batch_key'] == 0) class="layui-input td_input_volume layui-btn-disabled" @else class="layui-input td_input_volume popupsVal"  @endif class="layui-input td_input_volume " value="{{$v['batch']}}" onchange="batchNum(this)"></td>
                                <td class="td_padd td_width2 reel"><input id="menfus" type="text" name="menfu[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['reel_key'] == 0) class="layui-input td_input_volume layui-btn-disabled" @else class="layui-input td_input_volume popupsVal"  @endif class="layui-input td_input_volume " value="{{$v['menfu']}}" onchange="reelNum(this)"></td>
                                <td class="td_padd td_width2 gang"><input type="text" name="gang[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['reel_key'] == 0) class="layui-input td_input_volume layui-btn-disabled" @else class="layui-input td_input_volume popupsVal"  @endif class="layui-input td_input_volume " value="{{$v['gang']}}"></td>
                                <td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail[{{$key}}]" value="{{$v['reel_detail']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td-manage" style="padding: 0px;padding-left: 10px;width:220px">
                                    <a title="删除" onclick="normsType_del(this)" href="javascript:">
                                        <div class="layui-btn" style="background-color: #409EFF;border-radius: 5px">删除</div>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </thead>
                    <tbody id="x-img" style="width:2500px">
                    <div class="intr"></div>
                    <tr class="info_tr addTr">
                        <td></td>
                        <td></td>
                        <td class="td_padd numid" style="width:270px;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" style="background-color: #409EFF;border-radius: 5px" 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="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="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="text" name="title" id="input2" lay-verify="noChinese" autocomplete="off" placeholder="" class="layui-input td_input_volume batchNum" value="" onchange="batchNum(this)" onclick="popupsVal(this)"></td>
                        <td class="td_padd td_width2"><input type="text" name="title" id="input3" lay-verify="noChinese" autocomplete="off" placeholder="" class="layui-input td_input_volume volNum" value="" onchange="reelNum(this)"></td>
                        <td></td>{{--缸号--}}
                        <td></td>{{--卷号描述--}}
                        <td class="td-manage" style="padding: 0px;padding-left: 10px">
                            <a title="删除" href="javascript:" >
                                <div class="layui-btn" style="background-color: #409EFF;border-radius: 5px">删除</div>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script>
        (function() {
            // 保存原始的 console.log 方法
            const originalConsoleLog = console.log;

            // 重写 console.log 方法
            console.log = function(...args) {
                // 调用原始的 console.log 方法
                originalConsoleLog.apply(console, args);

                // 通过 postMessage 发送日志到父页面
                window.parent.postMessage({
                    type: 'console.log',
                    args: args
                }, '*'); // 在实际应用中应指定可信赖的目标源
            };
        })();
        let sums=0;
        let sum_ps=0;
        layui.use(['form', 'laydate'], function(){
            var laydate = layui.laydate;

            // 初始化日期时间选择器
            var laydate = layui.laydate;

            // 初始化日期时间选择器
            laydate.render({
                elem: '#arrival-time',  // 指定元素
                type: 'datetime',       // 日期时间选择
                format: 'yyyy-MM-dd HH:mm:ss'  // 设置日期格式
            });
        });
        // document.addEventListener('DOMContentLoaded', function() {
        //     const inputs = document.querySelectorAll('#x-img input[type="text"]');
        //
        //     inputs.forEach((input, index) => {
        //         input.addEventListener('keydown', function(event) {
        //             if (event.key === 'Enter') {
        //                 event.preventDefault();
        //                 // 找到下一个输入框
        //                 const nextInput = inputs[index + 1];
        //                 if (nextInput) {
        //                     nextInput.focus();
        //                 }
        //             }
        //         });
        //     });
        // });
        // 初始页面加载时绑定事件
        document.addEventListener('DOMContentLoaded', function() {
            bindEnterKeyToInputs();
        });
        var autoGenerate = {!! json_encode($autoGenerate) !!};
        const setQuantity = () =>{
          const Quantity = document.querySelector('.quantity');
          let quantity = 0;
          [...document.querySelectorAll('.num > input')].forEach(item =>{
            quantity += Number(item.value)
          })
          Quantity.innerHTML = `数量 总计:${quantity} `
        }

        setQuantity()
        layui.use(['form'], function() {
            var form = layui.form; // 获取缓存中的 ddc 值
            var ddcValue = localStorage.getItem('ddc'); // 根据 ddc 的值设置开关组件的状态
            if (ddcValue === '1') {
                $('.switchTests').prop('checked', true)
                form.render('checkbox');
            } else {
                $('.switchTests').prop('checked', false)
                form.render('checkbox');
            }
            // 监听开关状态的改变
            form.on('switch(switchTests)', function(data) {
                    // 将开关状态同步到缓存中
                var isChecked = data.elem.checked;
                localStorage.setItem('ddc', isChecked ? '1' : '0');
            });
        });
        function getAllMoney (){

          let all_price_input = $('input[name=money]');
          let all_price = 0;
          [...document.querySelectorAll('input[name^=num]')].forEach(item =>{
            let tr = $(item).parents('tr');
            let num = tr.find('input[name^=num]').val();
            let price = tr.find('input[name^=price]').val();
            tr.find('.money').html((num * price).toFixed(2));
          });
          [...document.querySelectorAll('.money')].forEach(item => {
            all_price += Number(item.innerHTML)
          });
          all_price_input.val(all_price);
        }
        getAllMoney()

        // 金额计算
       function changeMoney (e){
        let tr = $(e).parents('tr');
        let num = tr.find('input[name^=num]').val();
        let price = tr.find('input[name^=price]').val();
        tr.find('.money').html((num * price).toFixed(2));
        getAllMoney()
       }


        function prints(){
        let html = document.getElementById("printUrl").innerHTML
        let str = html.substring(html.indexOf('<!--startprint1--><!--打印内容开始-->'),html.length).substring(0,html.indexOf('<!--打印内容结束--><!--endprint1-->'))
        window.document.body.innerHTML = str
          window.print()
        location.reload()
      }
      function entryClik(id,dy_cs){
        $.get(`/admin/vouchListPrint?id=${id}`,function(res){
          let url = ""
          url += '<div id="printUrl">'
          url += `<a class="layui-btn" onclick="prints()" class="out-dy-a" style="position:absolute;right: 5%;z-index: 1000">打印</a>`
          url += '<!--startprint1--><!--打印内容开始-->'
          url += '<div class="boundPrint">'
          url += '<div style="width: 930px;padding: 0 5% 0 5%;">'
          url += '<div style="display: flex;justify-content: space-between"><img src="'+res.vouch.code+'" alt="">'
          url += '<div style="font-size: 30px;text-align: center;margin-bottom: 10px;position: relative">入库单统一模板单据</div>'
          url += "<div></div>"
          url+="</div>"
          url += '<div style="border: 1px solid #000000;width: 100%;height: 90px;display: flex;align-items: center;">'
          url += '<div style="width: 98%">'
          url += '<div style="display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 10px">'
          url += `<span>入库单编号: ${nonull(res.vouch.godown_num)}</span><span>关联单据: ${nonull(res.vouch.relevance)}</span>`
          url += `</div>`
          url += `<div style="display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 10px">
                <span>单据类型:${nonull(res.vouch.godown_type)}</span>
                <span>入库时间:${nonull(res.vouch.godown_time)}</span>
            </div>`
          url += `<div style="display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 10px">
            <span>仓库:${nonull(res.vouch.warehouse)}</span>
            <span>经办人:${nonull(res.vouch.arranger)}</span>
</div>`
          url += `<div style="display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 10px">
            <span>供应商名称:${nonull(res.vouch.supplier)}</span>
            <span>总金额:${nonull(res.vouch.money)}</span>
</div>`
          url+=`</div></div>`
          url += '<div style="margin-top: 20px">备注：' +nonull((res.vouch.remark === undefined ? '' :res.vouch.remark)) + '</div>'

          url +=`<div style="width:950px;border: 1px solid #666;margin: 20px 0 "></div>`
          //商品信息
          url+=`<div>
        <div style="margin-bottom: 20px">商品信息</div>
<table class="layui-table table-max-dj" style="width:950px;margin-left: 5%;margin:0 auto;text-align:center">`
          url+=`<thead>
<tr>
<td>序号</td>
<td>货号</td>
${dy_cs.includes("supplier_xhsss")?"":`<td>供应商型号</td>`}
<td>产品名称</td>
<td>规格</td>
<td>数量</td>
<td>计量单位</td>
${dy_cs.includes("batchsss")?"":`<td>批次</td>`}
${dy_cs.includes("reelsss")?"":`<td>卷号</td>`}
<td>单价</td>
<td>金额</td>
${dy_cs.includes("gck_number")?"":`<td>货位</td>`}
</tr>
</thead><tbody>`
          let num = 1;
          for(const value of res.vouch_detail){
            url += `<tr>`
            url += `<td>${num}</td>` // 序号
            url +=`<td>${value.number}</td>` //货号
            url += dy_cs.includes("supplier_xhsss")?"":`<td>${nonull(value.supplier_xh)}</td>` // 供应商信号
            url +=`<td>${nonull(value.name)}</td>` // 产品名称
            url +=`<td>${nonull(value.size)}</td>` // 规格
            url +=`<td>${nonull(value.num)}</td>` // 数量
            url +=`<td>${nonull(value.unit)}</td>` // 计量单位
            url += dy_cs.includes("batchsss")?"":`<td>${nonull(value.batch)}</td>`
            url += dy_cs.includes("reelsss")?"":`<td>${nonull(value.reel)}</td>`
            url += `<td>${nonull(value.price)}</td>`
            url += `<td>${nonull((value.price * value.num).toFixed(2))}</td>`
            url += dy_cs.includes("gck_number")?"":`<td>${nonull(value.goods)}</td>`
            url += `</tr>`
            num++;
          }
          url += `</tbody></table>`
          url += '<div style="margin-top: 50px;margin-left:5%;width: 10%;">签字：</div>'
          url += '</div>'
          url += '<!--打印内容结束--><!--endprint1-->'
          url += `</div>`
          layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['1050px', '500px'], //宽高
            content: url
          });
        })
      }

      var dy_cs = []
        function printClick(){
          dy_cs = ['supplier_xhsss', 'batchsss', 'reelsss']
          this.relevanceval =$('input[name=relevance]').val()
          this.shopIdTdNum = $('input[name=godown_num]').val()
          let urls = "";
          let id = "{{$id}}"
          if(relevanceval.slice(0,1) === '2'){
            urls += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
              `<div style="width: 100%;text-align: center;margin-bottom: 10px"><button class="layui-btn" onclick="entryClik(${id},dy_cs)">销售订单单据</button></div>` +
              `<div><form class="layui-form">
                    <input type="checkbox" lay-filter="filter" title="供应商型号" value="supplier_xhsss" lay-skin="primary">
                    <input type="checkbox" title="批次" value="batchsss" lay-filter="filter" lay-skin="primary">
                    <input type="checkbox" lay-filter="filter" value="reelsss" title="卷号" lay-skin="primary" >
                    <input type="checkbox" lay-filter="filter" value="gck_number" title="货位" lay-skin="primary" checked>
                    </form></div>` +
              '</div>'
          }else {
            urls += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
              `<div style="width: 100%;text-align: center;margin-bottom: 10px"><button class="layui-btn" onclick="entryClik(${id},dy_cs)">统一模板单据</button></div>` +
              `<div><form class="layui-form">
                    <input type="checkbox" lay-filter="filter" title="供应商型号" value="supplier_xhsss" lay-skin="primary">
                    <input type="checkbox" title="批次" value="batchsss" lay-filter="filter" lay-skin="primary">
                    <input type="checkbox" lay-filter="filter" value="reelsss" title="卷号" lay-skin="primary">
                    <input type="checkbox" lay-filter="filter" value="gck_number" title="货位" lay-skin="primary" checked>
                    </form></div>`+
              '</div>'
          }
          layer.open({
            type: 1,
            title: '打印单据'
            ,content: urls,
            area: ['420px', '200px'] //宽高
          });
          layui.use('form', () => {
            var form = layui.form;
            form.render('checkbox');
          })
        }
        var gck_number_obj = {}
        // function reelPrint(name){          //原来的打印卷号条码功能
        //   let index = layer.load()
        //   let data  ={};
        //   let num = 0;
        //   let bzkz = ""
        //   $('.selectTd').each(function () {
        //     if($(this)[0].checked === true){
        //       let input_val = $(this).parent().parent().find(`.${name}`).children('input').val()
        //       let name2 = $(this).parents('tr').find('.info_name').html();
        //       let _that = this
        //       $.ajaxSettings.async = false;
        //       if(input_val !== undefined && input_val !== ''){
        //         $.get(`/admin/vouchReel?name=${name2}` , function(res){
        //           bzkz = res
        //           data[num] = [
        //             $('[name = godown_num]').val(),// 入库单编号
        //             input_val,// 货号
        //             $(_that).parents('tr').find('.num input').val(), // 数量
        //             $(_that).parents('tr').find('[name ^= jhkz]').val(), // 标准克重
        //             $(_that).parents('tr').find('[ name ^= goods]').val(), // 货位
        //             $(_that).parents('tr').find('[ name ^= reel ]').val(), // 卷号
        //             $('[name = supplier]').val(),// 供应商名称
        //             $(_that).parents('tr').find('[ name ^= supplier_xh ]').val(),// 供应商型号
        //             // 产品名称
        //             bzkz
        //           ]
        //         })
        //       }
        //       $.ajaxSettings.async = true;
        //       num++
        //     }
        //   })
        //   layer.close(index)
        //   setTimeout(() =>{
        //   if(Object.keys(data).length === 0){
        //     layer.msg('没有能打印的内容');
        //     return
        //   }
        //   var ddcValue = localStorage.getItem('ddc'); // 根据 ddc 的值设置开关组件的状态
        //     if (ddcValue === '1') {
        //         layer.open({
        //           type: 1,
        //           skin: 'layui-layer-rim', //加上边框
        //           area: ['14cm', '18cm'], //宽高
        //           content: code_print2(data)
        //         });
        //     } else {
        //         var urls = code_print2(data);
        //         $('body').html(urls)  //根据code_print(data)`函数的返回结果，将生成的标签内容赋值给页面的`<body>`元素
        //         setTimeout(function(){
        //             // window.print()
        //             // window.location.reload()
        //             dayin2()
        //         } , 10)
        //     }
        //   for (let gck in gck_number_obj){
        //     $('.'+ gck).JsBarcode(gck_number_obj[gck])
        //   }
        // } , 1000)
        // }
        function reelPrint(name,status) {
            if(status !== '已入库'){
                layer.msg('未入库不允许打印！');
                return
            }
          let index = layer.load()
          let data  ={};
          let num = 0;
          let bzkz = ""
          $('.selectTd').each(function () {
            if($(this)[0].checked === true){
              let input_val = $(this).parent().parent().find(`.${name}`).children('input').val()
              let name2 = $(this).parents('tr').find('.info_name').html();
              let _that = this
              $.ajaxSettings.async = false;
              if(input_val !== undefined && input_val !== ''){
                $.get(`/admin/vouchReel?name=${name2}` , function(res){
                  bzkz = res
                  data[num] = [
                    $('[name = godown_num]').val(),// 入库单编号
                    input_val,// 货号
                    $(_that).parents('tr').find('.num input').val(), // 数量
                    $(_that).parents('tr').find('[name ^= jhkz]').val(), // 标准克重
                    $(_that).parents('tr').find('[ name ^= goods]').val(), // 货位
                    $(_that).parents('tr').find('[ name ^= reel ]').val(), // 卷号
                    $('[name = supplier]').val(),// 供应商名称
                    $(_that).parents('tr').find('[ name ^= supplier_xh ]').val(),// 供应商型号
                    // 产品名称
                    bzkz
                  ]
                })
              }
              $.ajaxSettings.async = true;
              num++
            }
          })
          layer.close(index)
          setTimeout(() =>{
          if(Object.keys(data).length === 0){
            layer.msg('没有能打印的内容');
            return
          }
          var ddcValue = localStorage.getItem('ddc'); // 根据 ddc 的值设置开关组件的状态
          layui.use('jquery', function(){
                var $ = layui.$;
                let i_num = 'txm-img'
                for(let i in data){
                    if(data[i][0] !== ''){
                        data[i].push(i_num)
                        gck_number_obj[i_num] = data[i][5]
                        i_num = i_num + 'n'
                    }
                }
                var pp = 'RK';  //预防不同卷号打印需求的区分
                let widthValue = window.localStorage.getItem('widthValueRK') ? window.localStorage.getItem('widthValueRK') : 7.5; //获取缓存的宽高 没有则取默认值
                let heightValue = window.localStorage.getItem('heightValueRK') ? window.localStorage.getItem('heightValueRK') : 14.12;
                let token = $("input[name='_token']").val() ;
                $.ajax({                // 发起 Ajax 请求加载页面
                  url: 'printReel',
                  type: 'POST',
                  data:  { data: data, pp: pp , widthValue: widthValue, heightValue: heightValue ,_token:token }, // 将要发送的数据添加到请求中
                  success: function(res) {// 将返回的页面内容填充到指定的容器中
                      $('#resultContainer').html(res);
                      var data2 = $(res).filter('.wrap').prop('outerHTML');// 提取HTML内容
                      if (ddcValue === '1') {
                        layer.open({
                          type: 1,
                          skin: 'layui-layer-rim', //加上边框
                          area: ['14cm', '18cm'], //宽高
                          content: data2
                        });
                      }
                      else{
                        $('body').html(data2)
                        setTimeout(function(){
                          dayin()
                        } , 10)
                      }
                    for (let gck in gck_number_obj){  //循环显示条形码
                        if(gck_number_obj[gck]){
                            let qrCode = new QRCode(document.getElementById(gck),{
                                text:gck_number_obj[gck],
                                width:130,
                                height:130,
                                colorDark : "#000000",
                                colorLight : "#ffffff",
                                correctLevel : QRCode.CorrectLevel.H
                            })
                        }
                    }
                  },
                  error: function(xhr, status, error) {
                    console.error(error);
                  }
                });
            });
          } , 1000)
        }
        // function code_print2(data){
        //   let widthValue = window.localStorage.getItem('widthValueRK') ? window.localStorage.getItem('widthValueRK') : 7.5;
        //   let heightValue = window.localStorage.getItem('heightValueRK') ? window.localStorage.getItem('heightValueRK') : 14.12;
        // //   if(Object.keys(data).length){
        // //     widthValue = 7.5;
        // //     heightValue = 14.12
        // //   }
        //   var url = "";
        //   url += `宽度:<input type="number" value="${widthValue}" style="margin-bottom:20px;width:100px;height:38px;padding-left:10px" class="weight" />`
        //   url += `高度:<input type="number" value="${heightValue}" style="margin-bottom:20px;width:100px;height:38px;padding-left:10px" class="height " />`
        //   url += `单位:cm`
        //   url += '<div onclick="xiugai2()" class="dayin" style="display: inline-block">'
        //   url += '<a class="layui-btn" style="z-index: 1000">修改</a>'
        //   url += '</div>'
        //   url += '<div id="out">'
        //   url += '<!--startprint1--><!--打印内容开始-->'
        //   // url += '</div>'

        //   let i_num = 'txm-img'
        //   for(let i in data){
        //     if(data[i][0] !== ''){
        //       url += '<div class="wh" style="width: '+widthValue+'cm;height: '+heightValue+'cm;border: 0.5px solid #000000;padding: 5px;font-size:22px">'
        //     //   url += `<div class="dy-order-lang" style="display: flex;justify-content: space-between">
        //     //            <span>入库单编号：${data[i][0]}</span>
        //     //          </div>`
        //       url += `<div class="dy-order-lang" style="margin-top:20px;">货号：${data[i][1]}</div>`
        //       url += `<div class="dy-order-lang">入库数量：${data[i][2]}米</div>`
        //       url += `<div class="dy-order-lang">标准克重：${data[i][8]}克/米</div>`
        //       url += `<div class="dy-order-lang">货位：${data[i][4]}</div>`
        //       url += `<div class="dy-order-lang">检验米数：_____</div>`
        //     //   url += `<div class="dy-order-lang">称重员：_____</div>`
        //     //   url += `<div class="dy-order-lang">检验员：_____</div>`
        //       url += `<div class="dy-order-lang">供应商名称：${data[i][6]}</div>`
        //       url += `<div class="dy-order-lang">供应商型号：${data[i][7]}</div>`
        //       url += `<div style="right: 0"><img src="" style="width: 7cm;height: 3.5cm" class="${i_num}"></div>`
        //       url += `<div class="dy-order-lang">卷号:${data[i][5]}</div>`
        //       url += '</div>'
        //       gck_number_obj[i_num] = data[i][5]
        //       i_num = i_num + 'n'
        //     }
        //   }
        //   url += '<!--打印内容结束--><!--endprint1-->'
        //   url += '<div onclick="dayin()" class="dayin" style="margin-top: 30px;">'
        //   url += '<a class="layui-btn" style="z-index: 1000">打印</a>'
        //   url += '</div>'
        //   url += '</div>'
        //   return url
        // }
    function copy(){
        var selectedData = [];
        $('.selectTd').each(function() {
          var rowData = {};
          if ($(this).prop("checked")) {
            // 获取该行的数据
            var rowData = {};
            rowData.length = $('#x-img').parent().find('thead').find('.info_tr').length
            rowData.key = $(this).parents('tr').find('td').eq(1).html();
            rowData.number = $(this).parents('tr').find(".numid input").val();
            rowData.supplier_xh = $(this).parents('tr').find('.supplier_xh input').val();
            rowData.name = $(this).parents('tr').find('.info_name').text(); //产品名
            rowData.money = $(this).parents('tr').find('.money').text(); //金额
            rowData.size = $(this).parents('tr').find('.size input').val();//规格
            rowData.price = $(this).parents('tr').find('.price input').val();//单价
            rowData.num = $(this).parents('tr').find('.num input').val();
            rowData.unit = $(this).parents('tr').find('.unit').html();
            rowData.weight = $(this).parents('tr').find('input[name^=weight]').val();//重量
            rowData.meter = $(this).parents('tr').find('input[name^=meter]').val();//	检验米数
            rowData.batch = $(this).parents('tr').find('.batch input').val();//批次
            rowData.reel = $(this).parents('tr').find('.reel input').val();//卷号
            rowData.menfu = $(this).parents('tr').find('.reel input[name^=menfu]').val();//门幅
            rowData.gang = $(this).parents('tr').find('.gang input[name^=gang]').val();//缸号
            rowData.jhkz = $(this).parents('tr').find('.jhkz input[name^=jhkz]').val();//卷号克重
            rowData.goods = $(this).parents('tr').find('.goods input[name^=goods]').val();//货位
            rowData.batch_info = $(this).parents('tr').find('.reel_detail input').val();//卷号描述
            selectedData.push(rowData);
          }
        });

            // 新增一条数据
            var x=0;
            selectedData.forEach(function(rowData) {
            // 克隆表格中的第一行，并清空复选框的选中状态
            var newRow = $('#inPuttable thead tr.info_tr:first').clone(true).find('.selectTd').prop('checked', false).end();
            // 更新新行的数据
            newRow.find('td').eq(1).html(rowData.length+x);
            newRow.find('.td_padd.numid input[name="cargoTitle"]').val(rowData.number);
            newRow.find('.td_padd.td_width2.num input').val(rowData.num);
            newRow.find('.td_padd.td_width2.price input[name^="price"]').val(rowData.price);
            newRow.find('.layui-btn-disabled.money').text(rowData.money);
            newRow.find('.layui-btn-disabled.unit').text(rowData.unit);
            newRow.find('.layui-btn-disabled.size span').text(rowData.size);
            newRow.find('.layui-btn-disabled.size input[name^="sizeNum"]').val(rowData.size);
            newRow.find('.td_padd.td_width2.supplier_xh input[name^="supplier_xh"]').val(rowData.supplier_xh);
            newRow.find('.layui-btn-disabled.info_name').text(rowData.name);
            newRow.find('.td_padd.td_width2 input[name^="weight"]').val(rowData.weight);
            newRow.find('.td_padd.td_width2 input[name^="meter"]').val(rowData.meter);
            newRow.find('.td_padd.td_width2.batch input[name^="batch"]').val(rowData.batch);
            newRow.find('.td_padd.td_width2.reel input[name^="reel"]').val('');
            newRow.find('.td_padd.td_width2.reel input[name^="menfu"]').val(rowData.menfu);
            newRow.find('.td_padd.td_width2.gang input[name^="gang"]').val(rowData.gang);
            newRow.find('.td_padd.td_width2.jhkz input[name^="jhkz"]').val(rowData.jhkz);
            newRow.find('.td_padd.td_width2.goods input[name^="goods"]').val(rowData.goods);
            newRow.find('.td_padd.td_width2.reel_detail input[name^="reel_detail"]').val(rowData.batch_info);
            // 插入新行到表格末尾
            $('#inPuttable thead').append(newRow);
            x++;
            layui.use(['layer','form'], function() {   //重新渲染checkbox
              form = layui.form;
              form.render('checkbox');
            })
        });

        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)
            }
          })
        });
    }
        function sprint(name){
            let data = {}
            let num = 0
            $('.selectTd').each(function () {
                if($(this)[0].checked === true){
                    let input_val = $(this).parent().parent().find(`.${name}`).children('input').val()
                    if(input_val !== undefined && input_val !== ''){
                        data[num] = [input_val,
                            $(this).parent().parent().find('.numid').children('input').val(),
                            $(this).parent().parent().find('.info_name')[0].innerText,
                            $(this).parent().parent().find('.size')[0].innerText,
                            $(this).parent().parent().find('.unit')[0].innerText,
                        ]
                    }
                    num++
                }
            })
            if(data.length === 0){
                layer.msg('没有能打印的内容');
                return
            }
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['14cm', '18cm'], //宽高
                content: code_print(data)
            });
            for (let gck in gck_number_obj){
                // $('.'+ gck).JsBarcode(gck_number_obj[gck])
                let qrCode = new QRCode(document.getElementById(gck),{
                    text:gck_number_obj[gck],
                    width:60,
                    height:60,
                    colorDark : "#000000",
                    colorLight : "#ffffff",
                    correctLevel : QRCode.CorrectLevel.H
                })
            }
        }
        function xiugai2(){ //修改
            let weight = $('.input-width').val()
            let height = $('.input-height').val()
            let whArr = getWH(weight ,height)
            let divs = document.querySelectorAll('.wh')
            if(divs.length){
                divs.forEach(item => {
                    item.style.width = whArr[0];
                    item.style.height = whArr[1]
                })
                window.localStorage.setItem('widthValueRK', weight);
                window.localStorage.setItem('heightValueRK', height);
                layer.alert('修改成功')
            }else {
                layer.alert('请选在订单再来修改打印')
            }
        }
        function xiugai(){ //修改
            let weight = $('.weight').val()
            let height = $('.height').val()
            let whArr = getWH(weight ,height)
            let divs = document.querySelectorAll('.wh')
            if(divs.length){
                divs.forEach(item => {
                    item.style.width = whArr[0];
                    item.style.height = whArr[1]
                })
                layer.alert('修改成功')
            }else {
                layer.alert('请选在订单再来修改打印')
            }
        }
        function getWH(width=4.8 , height=6.8){ //更改宽高的方法
            let whArr = [];
            whArr.push(width + 'cm');
            whArr.push(height + 'cm');
            return whArr
        }
        function code_print(data) {
            let widthValue = ""
            let heightValue = ""
            if(Object.keys(data).length){
                widthValue = 4.8;
                heightValue = 6.8
            }
            var url = "";
            url += `宽度:<input type="number" value="${widthValue}" style="margin-bottom:20px;width:100px;height:38px;padding-left:10px" class="weight" />`
            url += `高度:<input type="number" value="${heightValue}" style="margin-bottom:20px;width:100px;height:38px;padding-left:10px" class="height " />`
            url += `单位:cm`
            url += '<div onclick="xiugai()" class="dayin" style="display: inline-block">'
            url += '<a class="layui-btn" style="z-index: 1000">修改</a>'
            url += '</div>'
            url += '<div id="out">'
            url += '<!--startprint1--><!--打印内容开始-->'
            // url += '</div>'

            let i_num = 'txm-img'
            for(let i in data){
                if(data[i][0] !== ''){

                    url += '<div class="wh" style="width: 4.8cm;height: 6.8cm;border: 0.5px solid #000000;padding: 5px">'
                    url += `<div class="dy-order-lang" style="display: flex;justify-content: space-between">
                                <span>产品名称：${data[i][2]}</span>
                            </div>`
                    url += `<div class="dy-order-lang">规格：${data[i][3]}</div>`
                    // url += `<div style="right: 0"><img src="" style="width: 100%;height: 1.5cm" class="${i_num}"></div>`
                    url += '<div id="'+i_num+'" style="right: 0"></div>'
                    url += `<div class="dy-order-lang">${data[i][0]}</div>`
                    url += '</div>'
                    gck_number_obj[i_num] = data[i][0]
                    i_num = i_num + 'n'
                }

            }
            url += '<!--打印内容结束--><!--endprint1-->'
            url += '<div onclick="dayin()" class="dayin" style="margin-top: 30px;">'
            url += '<a class="layui-btn" style="z-index: 1000">打印</a>'
            url += '</div>'
            url += '</div>'
            return url
        }
        function add_all_batch(){
            $('.batch input').each(function () {
                if($(this).val() === ''){
                    $(this).val(new Date(Date.parse(new Date())).getFullYear())
                }
            })
            $('.batch .layui-btn-disabled').val('')
        }
        // $(".layui-input.layui-btn-disabled").attr("readonly",true)
        // $(".layui-input.layui-btn-disabled").attr("disabled",true)
        function readonlyType() {

        //     $(".layui-input").attr("readonly",false)
        //     $(".layui-input").attr("disabled",false)
        //     $(".layui-input.layui-btn-disabled").attr("readonly",true)
        //     $(".layui-input.layui-btn-disabled").attr("disabled",true)
        }
        var placeType = 1
        function placeTypeon() {
            if(placeType == 0){
                $('#inPuttable tr').each(function () {
                    $(".goods_input").addClass('layui-btn-disabled');
                    $(".goods_input").val("")
                })
            }else {
                $('#inPuttable tr').each(function () {
                    $(".goods_input").removeClass('layui-btn-disabled');
                })
            }
        }
        if($("select[name='warehouse']").find("option:selected").text() !== ''){
            $.get("/admin/goodsKey/"+$("select[name='warehouse']").find("option:selected").text(), function (res) {
                // 发异步，把数据提交给php
                placeType = res
                placeTypeon()
            });
        }
        $(".cargo_btn").click(function(event){
            if($("select[name='warehouse']").find("option:selected").text() === ''){
                layer.closeAll();
                setTimeout("showtip()",0)
            }
        })
        function showtip(){
            layer.tips('请选择仓库', $("select[name='warehouse']")[0].parentNode, {
                tips: 4
            })
        }
        //监听提交
        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(filter)', function(data){
            if(!data.elem.checked){
              dy_cs.push(data.elem.value)
            }else {
              for(let i = 0; i < dy_cs.length ; i++){
                if(dy_cs[i] === data.elem.value){
                  dy_cs.splice(i,1)
                }
              }
            }
          })
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            })
            //货位是否开启
            form.on('select(required)',function (data) {
                $.get("/admin/goodsKey/"+data.value, function (res) {
                    // 发异步，把数据提交给php
                    placeType = res
                    placeTypeon()
                    readonlyType()
                });
            })
            //监听提交
            form.on('submit(addd)', function(data){
                let type_text = data.elem.innerText
                //保存的时候判断中文
                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=vouch_id]").val()
                if(id == ''){
                    url = "/admin/vouchAddnew";
                }else{
                    url = "/admin/vouchEdit";
                }
                let ac_data = data.field
                console.log(ac_data);
                if(type_text.indexOf('草稿') !== -1){
                    ac_data['draft'] = 1
                }
                //发异步，把数据提交给php
                $.post(url, ac_data, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        layer.alert(res.msg, {icon: 1}, function (index) {
                            layer.close(index);
                            location.href = '/admin/vouchAdd?id='+res.data.id+'&user_name='+encodeURIComponent('{{$user_name}}');
                            /*$("input[name=vouch_id]").val(res.data.id);
                            $("input[name=creater]").val(res.data.creater);
                            $("input[name=created_at]").val(res.data.created_at);
                            if(id == '') {
                                var html = '';
                                html += '<div class="inPut">'
                                html += '<a onclick="do_vouch(' + 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);
                            }*/
                        });
                    } else {
                        layer.alert(res.msg, {icon: 2});
                    }
                }, "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();//规格
            var batch = e.find('td').eq(4).html();//是否启用批次
            var reel = e.find('td').eq(5).html();//是否启用卷号
            var reDetail = e.find('td').eq(6).html();//卷号描述
            var unit = e.find('td').eq(7).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);//替换已存在的名称
                supplier_xhIf(curObj,name_number,'')
                curObj.find('.size').html(spec);//替换已存在的规格
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
                curObj.find('.batch').children('input').val('');//替换已存在的批次
                curObj.find('.reel').children('input').val('');//替换已存在的卷号
                curObj.find('.reel_detail').children('input').val(reDetail);//替换已存在的卷号描述
                curObj.find('.goods').children('input').val(unit);//替换已存在的货位
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                html += ' <td></td>'
                html += ' <td></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" style="background-color: #409EFF;border-radius: 5px" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                html += ' </td>'
                html += ' <input type="hidden" name="number['+cnt+']"  class="num_val" value="'+num_cargo+'">'
                html += '  <td class="td_padd td_width2 price"><input type="text" onchange="changeMoney(this)" name="price['+cnt+']" lay-verify="price" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                html += '  <td class="td_padd td_width2 ps"> <input type="text" name="ps['+cnt+']" value=""  id="ips" autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += '  <td class="td_padd td_width2 psdetail" id="psdetail"><input type="text" id="ipsdetail" name="psdetail['+cnt+']" value=""  autocomplete="off" placeholder="" class="layui-input" readonly></td>'
                html += ' <input type="hidden" id="sum_num" name="sum_num['+cnt+']"  class="sum_num" value="">'
                html += '  <td class="td_padd td_width2 num" ><input  type="number" id="numall"  value="" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input"  readonly></td>'
                html += '  <td class="layui-btn-disabled unit">'+ unit +'</td>'
                html+= '<td class="td_padd td_width2 supplier_xh" style="display: none"><input type="text" name="supplier_xh['+cnt+']" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="'+name_number+'" readonly>'
                html += '<input type="hidden" name="size['+cnt+']"  class="num_val" value="'+spec+'">'
                html += ' <input type="hidden" name="number['+cnt+']"  class="num_val" value="'+num_cargo+'">'
                html += '  <td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch popupsVal" value="" onchange="batchNum(this)" onclick="popupsVal(this)">'//批次
                html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                html += ' <td class="td_padd td_width2 reel"><input type="text" id="menfus" name="menfu['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" value="" onchange="reelNum(this)" onclick="popupsVal(this)" ></td>'//门幅
                html += ' <td class="td_padd td_width2 reel"><input type="text" name="gang['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" value="" onchange="reelNum(this)" onclick="popupsVal(this)" ></td>'//缸号
                html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                html += '<td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail['+cnt+']" value=""  autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px;width:220px">'
                html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                html += ' <div class="layui-btn" style="background-color: #409EFF;border-radius: 5px">删除</div>'
                html += '   </a> '
                html += '  </td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
                $(".info_td_dy").remove();
                addtdDY()
                placeTypeon()
                //新增一行判断是否启用
                var _this = $('#x-img').children('tr').eq(-2);
                brIsShowSSS(batch == '是',reel == '是',_this);


                layui.use(['layer', 'jquery', 'form'], function() {
                    var layer = layui.layer;
                    var $ = layui.jquery;
                    var form = layui.form;
                    // 监听 td.psdetail 的点击事件
                    $(document).off('click', '.psdetail').on('click', '.psdetail', function() {
                        var $currentElement = $(this); // 存储当前的 .psdetail 元素
                        // 获取当前行的 ps 输入框的值
                        var psValue = $(this).closest('tr').find('input[id="ips"]').val();
                        var count = parseInt(psValue) || 0; // 转换为整数，如果无效则默认为0

                        // 检查输入值是否合法
                        if (count <= 0) {
                            layer.msg('请输入有效的数字');
                            return;
                        }

                        // 获取 ipsdetail 的值，并将其拆分为数组
                        var ipsdetailValue = $currentElement.closest('tr').find('input[id="ipsdetail"]').val();
                        var existingValues = ipsdetailValue ? ipsdetailValue.split(',') : [];

                        var formHtml = '<div class="layui-form" style="padding: 20px;">';
                        for (var i = 1; i <= count; i++) {
                            formHtml += '<div class="layui-form-item">';
                            formHtml += '<label class="layui-form-label">匹数 ' + i + '</label>';
                            formHtml += '<div class="layui-input-block">';
                            // 如果已有值，填入输入框，否则为空
                            var inputValue = existingValues[i - 1] || "";
                            formHtml += '<input type="text" class="layui-input" placeholder="请输入" value="' + inputValue + '">';
                            formHtml += '</div></div>';
                        }
                        // 在最后添加一个新的输入框用于累加值
                        formHtml += '<div class="layui-form-item">';
                        formHtml += '<label class="layui-form-label">累加值</label>';
                        formHtml += '<div class="layui-input-block">';
                        formHtml += '<input type="text" name="leijia" class="layui-input leijia" placeholder="请输入累加值" value="">';
                        formHtml += '</div></div>';
                        formHtml += '</div>';

                        // 关闭所有已有弹窗，避免重复
                        layer.closeAll();


                        // 弹出层
                        layer.open({
                            type: 1,
                            title: '每匹明细',
                            area: ['400px', '500px'], // 弹窗大小
                            content: formHtml, // 弹窗内容
                            btn: ['确认', '取消'],
                            success: function(layero, index) {
                                (layero).find('.layui-input:visible').first().focus();
                                // 焦点逻辑：当按键按下时
                                $(layero).find('.layui-input').on('keypress', function(e) {
                                    if (e.which == 13) { // 检测按键是否是回车键
                                        e.preventDefault(); // 阻止默认行为，如表单提交
                                        // 寻找下一个可聚焦的输入框
                                        var $inputs = $(layero).find('.layui-input:visible');
                                        var currentIndex = $inputs.index(this);
                                        var nextIndex = currentIndex + 1;

                                        // 如果当前是最后一个输入框，则跳转到第一个输入框
                                        if (nextIndex >= $inputs.length) nextIndex = 0;

                                        $inputs.eq(nextIndex).focus(); // 将焦点移至下一个输入框
                                    }
                                });
                            },
                            yes: function(index, layero) {
                                let oldsum=  $currentElement.closest('tr').find('input[id="numall"]').val();
                                sums-=oldsum;

                                // 获取所有生成的输入框值
                                var values = [];
                                var leijiaValue = $(layero).find('input[name="leijia"]').val() || "0";
                                $(layero).find('.layui-input').not('[name="leijia"]').each(function() {
                                    var inputValue = $(this).val();
                                    if (inputValue === "") {
                                        inputValue = "0"; // 如果值为空，设置为默认值0
                                    }
                                    // 将 inputValue 转换为数值后加上 leijiaValue
                                    inputValue = parseFloat(inputValue) + parseFloat(leijiaValue);
                                    // 将结果保留两位小数（如果需要保留两位小数）
                                    inputValue = parseFloat(inputValue.toFixed(2));
                                    values.push(inputValue);
                                });
                                // 将数组中的字符串转换为数字并计算总和
                                var sum = values.reduce(function(total, currentValue) {
                                    return total + parseFloat(currentValue); // 累加每个值
                                }, 0);
                                sum = parseFloat(sum.toFixed(2)); // 转换为保留两位小数的数值
                                var result = values.join(',');
                                // 将结果填充到当前行的 psdetail 输入框中
                                $currentElement.find('input[id="ipsdetail"]').val(result);

                               $currentElement.closest('tr').find('input[id="numall"]').val(sum);
                                $currentElement.closest('tr').find('input[id="sum_num"]').val(parseFloat(leijiaValue));

                                // 聚焦到当前行的 class="td_padd td_width2 reel" 中的 input
                                $currentElement.closest('tr').find('input[id="menfus"]').focus();
                                const Quantity = document.querySelector('.quantity');
                                sums+=sum
                                Quantity.innerHTML = `数量 总计:${sums.toFixed(2)} `

                                // let oldsum_ps=  parseFloat($currentElement.closest('tr').find('input[id="ips"]').val());
                                // const Quantitys = document.querySelector('.pishu');
                                // sum_ps+=oldsum_ps;
                                // console.log(sum_ps)
                                // Quantitys.innerHTML = `匹数 总计:${sum_ps.toFixed(2)} `
                                // 选择所有的 input[id="ips"] 元素
                                sum_ps=0;
                                const inputs = document.querySelectorAll('input[id="ips"]');


                                inputs.forEach(input => {
                                    // 获取输入框的值并转换为浮动数字
                                    let oldsum_ps = parseFloat(input.value) || 0;

                                    // 将当前值累加到总和
                                    sum_ps += oldsum_ps;
                                });


                                const Quantitys = document.querySelector('.pishu');


                                Quantitys.innerHTML = `匹数 总计:${sum_ps.toFixed(2)}`;

                                // 关闭弹出层
                                layer.close(index);
                            }
                        });

                        // 重新渲染表单元素
                        form.render();
                    });
                });


            }
            //common(判断批次，货号是否公用方法)
            bindEnterKeyToInputs();
        }

        //货号点击弹出窗口传值
        function x_admin_show (obj) {
            // 通过按钮的父元素找到所在的行

            var $row = $(obj).closest('tr');

            // 在该行中找到 cargoTitle 输入框并获取其值
            var cargoTitleValue = $row.find('input[name="cargoTitle"]').val();

            curObj = "";
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargo'+'?number='+cargoTitleValue,
                success: function(layero, index){
                }
            });
        }

        //货号点击弹出窗口传值--只有编辑
        function x_admin_show_edit (obj) {
            curObj = $(obj).parent().parent();
            // 通过按钮的父元素找到所在的行
            var $row = $(obj).closest('tr');

            // 在该行中找到 cargoTitle 输入框并获取其值
            var cargoTitleValue = $row.find('input[name="cargoTitle"]').val();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargo'+'?number='+cargoTitleValue,
                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 batchNum (e) {
            movaBatch(e);
        }

        //卷号移除光标
        function reelNum (e) {
            movaReel(e);
        }
        function alldel() {
            var checkboxIdobj = $(".info_tr .checkboxId").find("input")
            layer.confirm('是否删除', {
               btn: ['确定', '取消'] //可以无限个按钮
            }, function(index, layero){
            for (let i of checkboxIdobj){
               if(i.checked === true){
                  i.parentNode.parentNode.remove()
               }
            }
            layer.alert('已删除', {icon: 1})
            }, function(index){
             //按钮【按钮二】的回调
            })
        }
        //入库
        function do_vouch(id){
            layer.confirm('确认要入库吗？',function(index){
                $.get("/admin/doVouch/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

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

                    } else {

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

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

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

                    } else {

                        layer.alert(res.msg, {icon: 2});
                    }
                });
            });
        }
        /*表格-tr-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
               let num= $(id).parents('.td-manage').parent('tr').find('input[id="numall"]').val();
                const Quantity = document.querySelector('.quantity');
                sums-=num;
                Quantity.innerHTML = `数量 总计:${sums.toFixed(2)} `
                $(id).parents('.td-manage').parent('tr').remove();

                let oldsum_ps=  parseFloat($(id).parents('.td-manage').parent('tr').find('input[id="ips"]').val());
                const Quantitys = document.querySelector('.pishu');
                sum_ps-=oldsum_ps;
                Quantitys.innerHTML = `匹数 总计:${sum_ps.toFixed(2)} `

                layer.close(index);
            });
        }

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

                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 1, time: 1000}, function () {
                                console.log("关闭");
                                //location.href = '/admin/vouchList';
                                // parent.location.reload();
                                // parent.layer.close(index);
                            });

                        } else {

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

        //输入货号事件传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, function (res) {
                    flag = true;
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                            //把值铺到页面
                            //填充数据一行tr
                            var html = '';
                            html += '<tr class="info_tr">'
                            html += ' <td></td>'
                            html += ' <td></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" style="background-color: #409EFF;border-radius: 5px" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                            html += ' </td>'
                            html += '  <td class="td_padd td_width2 price"><input  onchange="changeMoney(this)" type="text" name="price['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                            html += '  <td class="td_padd td_width2 ps"> <input type="text" name="ps['+cnt+']" value=""  id="ips" autocomplete="off" placeholder="" class="layui-input" ></td>'
                            html += '  <td class="td_padd td_width2 psdetail" id="psdetail"><input type="text" id="ipsdetail" name="psdetail['+cnt+']" value=""  autocomplete="off" placeholder="" class="layui-input" readonly></td>'
                            html += ' <input type="hidden" id="sum_num" name="sum_num['+cnt+']"  class="sum_num" value="">'
                            html += '  <td class="td_padd td_width2 num"><input id="numall" onchange="changeMoney(this)" type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1" readonly></td>'
                            html += '  <td class="layui-btn-disabled unit">'+res.data.unit+'</td>'
                            html+= '<td class="td_padd td_width2 supplier_xh" style="display: none"><input type="text" name="supplier_xh['+cnt+']" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="'+res.data.supplier_xh+'" readonly>'
                            html += ' <input type="hidden" name="size['+cnt+']" value="'+res.data.normVals+'" class="num_val">'
                            html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data.number+'" class="num_val">'
                            html += '  <td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch popupsVal" value="" onchange="batchNum(this)" onclick="popupsVal(this)">'//批次
                            html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                            html += ' <td class="td_padd td_width2 menfu"><input type="text" id="menfus" name="menfu['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" onchange="reelNum(this)" onclick="popupsVal(this)" ></td>'//menfu
                            html += ' <td class="td_padd td_width2 gang"><input type="text" name="gang['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" onchange="reelNum(this)" onclick="popupsVal(this)" ></td>'//缸号
                            html += ' <input type="hidden" name="reelNum[]" value="">'
                            html += '<td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail['+cnt+']" value=""  autocomplete="off" placeholder="" class="layui-input" ></td>'
                            html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px;width:220px">'
                            html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                            html += ' <div class="layui-btn" style="background-color: #409EFF;border-radius: 5px">删除</div>'
                            html += '   </a> '
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $('.addTr').before(html);
                            $('.addTr').find('td').find('#ArtNoNum').val('');
                            //新增一行判断是否启用
                            var _this = $('#x-img').children('tr').eq(-2);
                            // var batchRe = _this.find('td').eq(6).find('input')
                            // var reelRe =_this.find('td').eq(7).find('input');
                            //brIsShowSSS(res.data.batch != 0,res.data.reel != 0,_this);
                            if(autoGenerate == '1'){
                               brIsShowSSS(res.data.batch != 0,res.data.reel == 0,_this);
                            }else{
                               brIsShowSSS(res.data.batch != 0,res.data.reel != 0,_this);
                            }
                            $(".info_td_dy").remove();
                            addtdDY()
                            placeTypeon()
                        layer.msg(res.msg, {icon: 1, time: 1000}, function () {
                         });
                        bindEnterKeyToInputs();
                        layui.use(['layer', 'jquery', 'form'], function() {
                            var layer = layui.layer;
                            var $ = layui.jquery;
                            var form = layui.form;
                            // 监听 td.psdetail 的点击事件
                            $(document).off('click', '.psdetail').on('click', '.psdetail', function() {
                                var $currentElement = $(this); // 存储当前的 .psdetail 元素
                                // 获取当前行的 ps 输入框的值
                                var psValue = $(this).closest('tr').find('input[id="ips"]').val();
                                var count = parseInt(psValue) || 0; // 转换为整数，如果无效则默认为0

                                // 检查输入值是否合法
                                if (count <= 0) {
                                    layer.msg('请输入有效的数字');
                                    return;
                                }

                                // 获取 ipsdetail 的值，并将其拆分为数组
                                var ipsdetailValue = $currentElement.closest('tr').find('input[id="ipsdetail"]').val();
                                var existingValues = ipsdetailValue ? ipsdetailValue.split(',') : [];

                                var formHtml = '<div class="layui-form" style="padding: 20px;">';
                                for (var i = 1; i <= count; i++) {
                                    formHtml += '<div class="layui-form-item">';
                                    formHtml += '<label class="layui-form-label">匹数 ' + i + '</label>';
                                    formHtml += '<div class="layui-input-block">';
                                    // 如果已有值，填入输入框，否则为空
                                    var inputValue = existingValues[i - 1] || "";
                                    formHtml += '<input type="text" class="layui-input" placeholder="请输入" value="' + inputValue + '">';
                                    formHtml += '</div></div>';
                                }
                                // 在最后添加一个新的输入框用于累加值
                                formHtml += '<div class="layui-form-item">';
                                formHtml += '<label class="layui-form-label">累加值</label>';
                                formHtml += '<div class="layui-input-block">';
                                formHtml += '<input type="text" name="leijia" class="layui-input leijia" placeholder="请输入累加值" value="">';
                                formHtml += '</div></div>';
                                formHtml += '</div>';

                                // 关闭所有已有弹窗，避免重复
                                layer.closeAll();

                                // 弹出层
                                layer.open({
                                    type: 1,
                                    title: '每匹明细',
                                    area: ['400px', '500px'], // 弹窗大小
                                    content: formHtml, // 弹窗内容
                                    btn: ['确认', '取消'],
                                    success: function(layero, index) {
                                        (layero).find('.layui-input:visible').first().focus();
                                        // 焦点逻辑：当按键按下时
                                        $(layero).find('.layui-input').on('keypress', function(e) {
                                            if (e.which == 13) { // 检测按键是否是回车键
                                                e.preventDefault(); // 阻止默认行为，如表单提交
                                                // 寻找下一个可聚焦的输入框
                                                var $inputs = $(layero).find('.layui-input:visible');
                                                var currentIndex = $inputs.index(this);
                                                var nextIndex = currentIndex + 1;

                                                // 如果当前是最后一个输入框，则跳转到第一个输入框
                                                if (nextIndex >= $inputs.length) nextIndex = 0;

                                                $inputs.eq(nextIndex).focus(); // 将焦点移至下一个输入框
                                            }
                                        });
                                    },
                                    yes: function(index, layero) {
                                        let oldsum=  $currentElement.closest('tr').find('input[id="numall"]').val();

                                        sums-=oldsum;
                                        // 获取所有生成的输入框值
                                        var values = [];
                                        var leijiaValue = $(layero).find('input[name="leijia"]').val() || "0";
                                        $(layero).find('.layui-input').not('[name="leijia"]').each(function() {
                                            var inputValue = $(this).val();
                                            if (inputValue === "") {
                                                inputValue = "0"; // 如果值为空，设置为默认值0
                                            }
                                            // 将 inputValue 转换为数值后加上 leijiaValue
                                            inputValue = parseFloat(inputValue) + parseFloat(leijiaValue);
                                            // 将结果保留两位小数（如果需要保留两位小数）
                                            inputValue = parseFloat(inputValue.toFixed(2));
                                            values.push(inputValue);
                                        });
                                        // 将数组中的字符串转换为数字并计算总和
                                        var sum = values.reduce(function(total, currentValue) {
                                            return total + parseFloat(currentValue); // 累加每个值
                                        }, 0);
                                        sum = parseFloat(sum.toFixed(2)); // 转换为保留两位小数的数值
                                        var result = values.join(',');

                                        // 将结果填充到当前行的 psdetail 输入框中
                                        $currentElement.find('input[id="ipsdetail"]').val(result);

                                        $currentElement.closest('tr').find('input[id="numall"]').val(sum);

                                        $currentElement.closest('tr').find('input[id="sum_num"]').val(parseFloat(leijiaValue));
                                        // 聚焦到当前行的 class="td_padd td_width2 reel" 中的 input
                                        $currentElement.closest('tr').find('input[id="menfus"]').focus();
                                        const Quantity = document.querySelector('.quantity');
                                        sums+=sum;
                                        Quantity.innerHTML = `数量 总计:${sums.toFixed(2)} `

                                        // let oldsum_ps=  parseFloat($currentElement.closest('tr').find('input[id="ips"]').val());
                                        // const Quantitys = document.querySelector('.pishu');
                                        // sum_ps+=oldsum_ps;
                                        // Quantitys.innerHTML = `匹数 总计:${sum_ps.toFixed(2)} `
                                        // 选择所有的 input[id="ips"] 元素
                                        sum_ps=0;
                                        const inputs = document.querySelectorAll('input[id="ips"]');


                                        inputs.forEach(input => {
                                            // 获取输入框的值并转换为浮动数字
                                            let oldsum_ps = parseFloat(input.value) || 0;

                                            // 将当前值累加到总和
                                            sum_ps += oldsum_ps;
                                        });


                                        const Quantitys = document.querySelector('.pishu');


                                        Quantitys.innerHTML = `匹数 总计:${sum_ps.toFixed(2)}`;

                                        // 关闭弹出层
                                        layer.close(index);
                                    }
                                });

                                // 重新渲染表单元素
                                form.render();
                            });
                        });
                        // Find all inputs with the specified class
                        var inputs = $('.td_padd.td_width2.price input');

                        // Check if there are at least two such inputs
                        if (inputs.length === 1) {
                            // If there is only one input, focus it
                            inputs.focus();
                        } else if (inputs.length >= 2) {
                            // If there are at least two inputs, focus the second-to-last input
                            inputs.eq(inputs.length - 1).focus();
                        }

                    } else {

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

            bindEnterKeyToInputs();

        }
        //编辑货号是输入方式
        function changeVal(e) {
            if(flag) {
                flag = false;
              var _val = $(e).val();
                //传一个hidden的input
                var Html = '';
                $(e).append(Html);
                $.get("/admin/normSearch/" + _val, function (res) {

                    flag = true;
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 1, time: 1000}, function () {
                            //把值铺到页面
                            //alert(res.data.reel_detail)
                            var curObj = $(e).parent().parent();
                            var batchRe = curObj.find('td').eq(6).children('input');
                            var reelRe = curObj.find('td').eq(7).children('input');
                            curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            curObj.find('.info_name').html(res.data.name);//替换已存在的名称
                            curObj.find('.size').html(res.data.normVals);//替换已存在的规格
                            supplier_xhIf(curObj,res.data.supplier_xh,null)
                            curObj.find('.num').children('input').val('');//替换已存在的数量
                            curObj.find('.unit').html(res.data.unit);//替换已存在的计量单位
                            curObj.find('.batch').children('input').val('');//替换已存在的批次
                            curObj.find('.reel').push(res.data.reel_detail);//替换已存在的卷号
                            curObj.find('.reel_detail').children('input').val('');//替换已存在的卷号描述
                            curObj.find('.goods').children('input').val('');//替换已存在的货位
                            //新增一行判断是否启用
                            //common(判断批次，货号是否公用方法)
                            brIsShowSSS(res.data.batch != 0,res.data.reel != 0,curObj);
                        });

                    } else {

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

            }
        }
        layui.use('upload', function() {
            var upload = layui.upload;
            /** 上传规格 */
            upload.render({
                elem: '.importBom' //绑定元素
                , size: 2000
                , accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/importMx' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status === 1) {
                            //铺到页面
                            for (var i = 0; i<res.data.length;i++){
                                var html = '';
                                html += '<tr class="info_tr">'
                                html += ' <td></td>'
                                html += ' <td>'+cnt+'</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[i].number+'" onchange="changeVal(this)">'
                                html += ' <div class="layui-btn cargo_btn" style="background-color: #409EFF;border-radius: 5px" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                                html += ' </td>'
                                html += '  <td class="td_padd td_width2 num"><input type="number" onchange="changeMoney(this)" value="'+res.data[i].num+'"  name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1" readonly></td>'
                                html += '  <td class="td_padd td_width2 price"><input type="text" onchange="changeMoney(this)" name="price['+cnt+']" value="'+res.data[i].price+'" lay-verify="price" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                                html += '  <td class="layui-btn-disabled money"></td>'
                                html += '  <td class="layui-btn-disabled unit">'+res.data[i].unit+'</td>'
                                html += ' <td class="layui-btn-disabled size">'+res.data[i].normVals+'</td>'
                                html += supplier_xhIfHtml(res.data[i].supplier_xh,cnt,null)
                                html += ' <td class="layui-btn-disabled info_name" >'+res.data[i].name+'</td>'
                                html += '<input type="hidden" name="size['+cnt+']" class="num_val" value="'+res.data[i].normVals+'">'
                                html += '<input type="hidden" name="number['+cnt+']" class="num_val" value="'+res.data[i].number+'">'
                                //html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" value="'+res.data[i].num+'" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                                //html += '  <td class="layui-btn-disabled money"></td>'

                                if(res.data[i].batch_key === '1'){
                                    html += '  <td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" value="'+res.data[i].batch+'" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch popupsVal" onchange="batchNum(this)" onclick="popupsVal(this)">'//批次
                                    html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                                }else {
                                    html += '  <td class="td_padd batch"><input type="text" name="batch['+cnt+']" value="" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch popupsVal layui-btn-disabled" onchange="batchNum(this)" readonly onclick="popupsVal(this)">'//批次
                                    html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                                }
                                if(res.data[i].reel_key === '1'){
                                    html += ' <td class="td_padd td_width2 reel"><input type="text" name="reel['+cnt+']" lay-verify="" value="'+res.data[i].reel+'" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" onchange="reelNum(this)" onclick="popupsVal(this)"></td>'//卷号
                                    html += ' <td class="td_padd td_width2 reel"><input type="text" id="menfus" name="menfu['+cnt+']" lay-verify="" value="'+res.data[i].menfu+'" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" ></td>'//门幅
                                    html += ' <td class="td_padd td_width2 reel"><input type="text" name="gang['+cnt+']" lay-verify="" value="'+res.data[i].gang+'" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal" ></td>'//门幅
                                    html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                                }else {
                                    html += ' <td class="td_padd reel"><input type="text" name="reel['+cnt+']" lay-verify="" value="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal layui-btn-disabled" readonly onchange="reelNum(this)" onclick="popupsVal(this)"></td>'//卷号
                                    html += ' <td class="td_padd reel"><input type="text" id="menfus" name="menfu['+cnt+']" lay-verify="" value="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel popupsVal layui-btn-disabled"  readonly ></td>'//门幅
                                    html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                                }
                                html += '<td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail['+cnt+']" value=""  autocomplete="off" placeholder="" class="layui-input" ></td>'
                                html += '<td class="td_padd td_width2 jhkz"><input readonly type="text" name="jhkz['+cnt+']" value=""  autocomplete="off" placeholder="" class="layui-input layui-btn-disabled" ></td>'
                                html += `<td class="td_padd td_width2 goods"><input type="text" name="goods[${cnt}]" lay-verify="goods" autocomplete="off" value="${res.data[i].goods || ''}" placeholder="" class="layui-input popupsVal goods_input" min="1" onclick="popupsVal(this)"></td>`
                                html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px;width:220px">'
                                html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                                html += ' <div class="layui-btn" style="background-color: #409EFF;border-radius: 5px">删除</div>'
                                html += '   </a> '
                                html += '  </td>'
                                html += "</tr>"
                                $("#inPuttable tbody").prepend(html);
                                cnt++;
                            }
                            $(".info_td_dy").remove();
                            addtdDY()
                            placeTypeon()
                            getAllMoney()
                        layer.msg(res.msg, {icon: 1, time: 1000}, function () {
                        })

                    } else {
                        layer.alert(res.msg, {icon: 2});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });
            bindEnterKeyToInputs();
        })
        function addtdDY(){
            // $('.td-manage').append('<a onclick="dayinOut(this.parentNode)" class="info_td_dy" title="打印"><div class="layui-btn layui-btn-disabled" style="background-color: #409EFF;border-radius: 5px">打印</div></a>');
        }
        // $('.td-manage').append('<a onclick="dayinOut(this.parentNode)" class="info_td_dy" title="打印"><div class="layui-btn" style="background-color: #409EFF;border-radius: 5px">打印</div></a>');
        function dayinOut(DYdata){
            $.get("/admin/dayinVouch/" + $(DYdata.parentNode).find('.info_name').html(), res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    var url = "";
                    url += '<div id="outboundPrintUserData">'
                    url += '<!--startprint1--><!--打印内容开始-->'
                    url += '<div style="display: flex;width: 238px;height: 167px;font-size: 12px;margin-left: 20px">'
                    url += '<div style="height: 167px;width: 119px">'
                    url += `<div class="margin-top-dy">品名：${$(DYdata.parentNode).find('.info_name').html()}</div>`
                    url += '<div class="margin-top-dy">型号：'+(res.data.xh || '')+'</div>'
                    url += `<div class="margin-top-dy" style="width: 119px">规格：${$(DYdata.parentNode).find('.size').text()}</div>`
                    url += '<div class="margin-top-dy">品级：一等品</div>'
                    url += `<div class="margin-top-dy">批次：${$(DYdata.parentNode).find('.batch').children('input').val()}</div>`
                    url += `<div class="margin-top-dy">入库日期：${($('.layui-input-block')[2].getElementsByClassName('layui-input'))[0].value}</div>`
                    url += '</div>'
                    url += '<div style="height: 167px;width: 119px">'
                    url += `<div style="margin: 5px 0">客户名称：</div>`
                    url += '<div style="margin: 5px 0">窗号：</div>'
                    url += `<div style="margin: 10px 0">产品二维码</div> `
                    url += '<img src="/images/dayinVouch.png" alt="" />'
                    url += '</div>'
                    url += '</div>'
                    url += '<!--打印内容结束--><!--endprint1-->'
                    url += '<div onclick="dayin()" class="dayin" style="margin-left: 20px;margin-top: 40px">'
                    url += '<a class="layui-btn" style="z-index: 1000">打印</a>'
                    url += '</div>'
                    url += '</div>'
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['350px', '300px'], //宽高
                        content: url
                    });

                } else {
                    layer.alert(res.msg, {icon: 2});
                }
            });
        }
        function dayin(){ //入库页的打印
            $('.dayin').remove()
            wrapHtml = document.querySelector('.wrap').innerHTML
            bdhtml = document.querySelector('#out').innerHTML;//获取当前页的html代码
            sprnstr = "<!--startprint" + 1 + "-->";//设置打印开始区域
            eprnstr = "<!--endprint" + 1 + "-->";//设置打印结束区域
            prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
            prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML = prnhtml;
            window.print();
            location.reload()
        }
        function dayin2(){ //入库页的打印
            $('.dayin').remove()
            //wrapHtml = document.querySelector('.wrap').innerHTML
            bdhtml = document.querySelector('#out').innerHTML;//获取当前页的html代码
            sprnstr = "<!--startprint" + 1 + "-->";//设置打印开始区域
            eprnstr = "<!--endprint" + 1 + "-->";//设置打印结束区域
            prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
            prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML = prnhtml;
            window.print();
            location.reload()
        }
        // 初始化layui
        // 单独封装一个函数用于绑定事件
        function bindEnterKeyToInputs() {
            const inputs = document.querySelectorAll('#x-img input[type="text"]');

            // 过滤掉具有 `layui-btn-disabled` 类的输入框
            const enabledInputs = Array.from(inputs).filter(input => !input.classList.contains('layui-btn-disabled'));

            // 为每个未禁用的输入框添加事件监听器
            enabledInputs.forEach((input, index) => {
                input.addEventListener('keydown', function(event) {
                    if (event.key === 'Enter') {
                        event.preventDefault(); // 阻止默认行为

                        if (input.id === 'ips') {
                            var currentRow = input.closest('tr');

                            // Find the button or desired element with the class 'psdetail' within the current row
                            var button = currentRow.querySelector('.psdetail');

                            // Programmatically trigger a click on the found button
                            if (button) {
                                button.click();
                            }
                        } else {
                            // 如果当前是最后一个输入框，则转移焦点到第一个输入框
                            const nextInput = enabledInputs[index + 1] || enabledInputs[0];
                            if (nextInput) {
                                nextInput.focus();
                            }
                        }
                    }
                });
            });
        }

    </script>
    <style>
        .margin-top-dy{
            margin-top: 5px;
        }
        .layui-form-item{
            margin-bottom: 5px;
        }
        .li_input{
            height: 40px;
        }
        .layui-col-md4{
            height: 60px;
            /*width: 500px;*/
        }
        .layui-form-select .layui-input{
            height: 40px;
        }
        .info_name{
            width: 220px;
        }
        /* 修改选中选项的背景颜色 */
        .layui-form-selected .layui-this {
            background-color: #409EFF !important; /* 你想要的颜色 */
        }
        /* 修改选项hover时的背景颜色 */
        .layui-form-selected dl dd:hover {
            background-color:  #409EFF; /* 你想要的颜色 */
        }
        /* 修改下拉列表背景颜色 */
        .layui-form-selected .layui-select-title {
            background-color: #409EFF; /* 你想要的颜色 */
        }
        .layui-input {
            border-radius: 5px; /* 这里可以调整圆角的大小 */

        }
        .layui-input:focus {
            outline: 1px solid rgba(64, 158, 255, 0.2);

        }
        .clor{
            background:#f3f3f3 !important;
        }
        thead tr {
            background-color:#f3f3f3 !important;
        }
        .layui-form-checked i {
            background-color:#409EFF !important;
            border-color:#409EFF !important;
            color:white !important ;
        }
        .layui-form-checked[lay-skin=primary] i {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox[lay-skin=primary] i:hover {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox i {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: rgb(210, 210, 210);
        }
        .layui-form-onswitch {
            border-color: #409EFF;
            background-color: #409EFF;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
        .layui-laydate .layui-this {
            background-color: #409EFF !important;
        }


    </style>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <link rel="stylesheet" href="/css/addcss.css">
    <script src="/js/qrcode.min.js"></script>
@endsection