@extends('layouts.father')
@section('title', '盘点记录详情')
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">库存管理</a>
        <a>
          <cite>盘点记录详情</cite></a>
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form" onkeydown="if(event.keyCode==13)return false;">
                {{csrf_field()}}
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:  {{$check->check_status}}</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                    </div>
                </xblock>
                <div class="info_container">
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">盘点记录编号:</label>
                                <div class="layui-input-block">
                                    <input type="text" readonly name="godown_num" value="{{$check->check_num}}" lay-verify="check_num" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">关联单据:</label>
                                <div class="layui-input-block">
                                    <input type="text" readonly name="relevance" value=""  lay-verify="relevance" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">盘点时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" readonly name="godown_time"  value="{{$check->check_time}}" lay-verify="check_time" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">盘点人:</label>
                                <div class="layui-input-block">
                                    <input type="text" readonly name="check_people" value="{{$check->check_people}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">总金额:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="money" readonly value="" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="creater" value="{{$check->check_people}}" lay-verify="creater" autocomplete="off" placeholder="" readonly class="layui-input li_input layui-btn-disabled" >
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="remark" value="" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="vouch_id"  type="hidden" name="check_id" value="{{$id}}">
                </div>
                {{--<div>
                    <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                    <div class="layui-btn layui-btn-sm" onclick="alldel()">删除</div>
                    <div class="layui-btn layui-btn-sm" onclick="copy()">复制</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}}')">  打印卷号条码</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>选择</th>
                            <th>序号</th>
                            <th style="width: 220px;">货号</th>
                            <th class="quantity">数量</th>
                            <th>计量单位</th>
                            <th style="width: 300px;">规格</th>
                            <th>产品名称</th>
                            <th>批次</th>
                            <th>卷号</th>
                            <th>门幅</th>
                            <th>缸号</th>
                            <th>卷号描述</th>
                            <th>卷号克重</th>
                            <th>货位</th>
                            <th>操作</th>
                        </tr>
                        @if(!empty($check_detail))
                            @foreach($check_detail as $key=>$v)
                                <tr class="info_tr">
                                    <td></td>
                                    <td>{{$key}}</td>
                                    <td>{{$v['number']}}</td>
                                    <td>{{$v['store']}}</td>
                                    <td>{{$v['unit']}}</td>
                                    <td>{{$v['size']}}</td>
                                    <td>{{$v['batch']}}</td>
                                    <td>{{$v['reel']}}</td>
                                    <td>{{$v['menfu']}}</td>
                                    <td>{{$v['cylinder_number']}}</td>
                                    <td>{{$v['reel_detail']}}</td>
                                    <td>{{$v['jhkz']}}</td>
                                    <td>{{$v['goods']}}</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">删除</div>
                                        </a>--}}
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </thead>
                    </table>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script>
        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]){
                                    $('.'+ gck).JsBarcode(gck_number_obj[gck])
                                }
                            }
                        },
                        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])
            }
        }
        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 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/vouchAdd";
                }else{
                    url = "/admin/vouchEdit";
                }
                let ac_data = data.field
                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;
                            /*$("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: 5});
                    }
                }, "json");
                return false;
            });
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;

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

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

        var cnt = {{$count}}+'';// 编辑

        /* 子组件回调方法 */
        function father(e) {
            var num_cargo = e.find('td').eq(0).html();//货号
            var name_number = e.find('td').eq(1).html()//供应商型号
            var name_cargo = e.find('td').eq(2).html();//名称
            var spec = e.find('td').eq(3).html();//规格
            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" 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)" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                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="layui-btn-disabled money"></td>'
                html += '  <td class="layui-btn-disabled unit">'+ unit +'</td>'
                html += ' <td class="layui-btn-disabled size">'+spec+'</td>'
                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 += supplier_xhIfHtml(name_number,cnt,'')
                html += ' <td class="layui-btn-disabled info_name" >'+name_cargo+'</td>'
                html += '  <td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch 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" name="reel['+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="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_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+']"  autocomplete="off" placeholder="" class="layui-input goods_input" min="1"></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">删除</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);
            }
            //common(判断批次，货号是否公用方法)
        }

        //货号点击弹出窗口传值
        function x_admin_show (obj) {
            curObj = "";
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargo',
                success: function(layero, index){
                }
            });
        }

        //货号点击弹出窗口传值--只有编辑
        function x_admin_show_edit (obj) {
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/Supplier_acDetail_cargo',
                success: function(layero, index){
                }
            });
        }
        //表格序号处理
        function num_tr() {
            var num_l = $('#x-img').find('tr').length;
            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: 6,time:1000},function () {
                            location.href = '/admin/vouchAdd?id='+res.data.id;
                        });

                    } else {

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

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

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

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        /*表格-tr-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                layer.close(index);
            });
        }

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

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

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

                        } else {

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

        //输入货号事件传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" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                        html += ' </td>'
                        html += '  <td class="td_padd td_width2 num"><input onchange="changeMoney(this)" type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></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="layui-btn-disabled money"></td>'
                        html += '  <td class="layui-btn-disabled unit">'+res.data.unit+'</td>'
                        html += ' <td class="layui-btn-disabled size">'+res.data.normVals+'</td>'
                        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 += supplier_xhIfHtml(res.data.supplier_xh,cnt,null)
                        html += ' <td class="layui-btn-disabled info_name" >'+res.data.name+'</td>'
                        html += '  <td class="td_padd td_width2 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" name="reel['+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 menfu"><input type="text" 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>'//menfu
                        html += ' <input type="hidden" name="reelNum[]" value="">'
                        html += ' <td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail['+cnt+']" lay-verify="goods" autocomplete="off" placeholder="" class="layui-input popupsVal" min="1" value="'+(res.data.reel_detail || '')+'"></td>'
                        html += ' <td class="td_padd td_width2 jhkz"><input readonly type="text" name="jhkz['+cnt+']" lay-verify="jhkz" autocomplete="off" placeholder="" class="layui-input popupsVal layui-btn-disabled" min="1" value="'+(res.data.jhkz || '')+'"></td>'
                        html += '  <td class="td_padd td_width2 goods"><input type="text" name="goods['+cnt+']" lay-verify="goods" autocomplete="off" 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">删除</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: 6, time: 1000}, function () {
                        });
                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            }
        }
        //编辑货号是输入方式
        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: 6, time: 1000}, function () {
                            //把值铺到页面
                            //alert(res.data.reel_detail)
                            var curObj = $(e).parent().parent();
                            var batchRe = curObj.find('td').eq(6).children('input');
                            var reelRe = curObj.find('td').eq(7).children('input');
                            curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            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: 5});
                    }
                });
            }
        }
        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" 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"></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" 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" 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">删除</div>'
                            html += '   </a> '
                            html += '  </td>'
                            html += "</tr>"
                            $("#inPuttable tbody").prepend(html);
                            cnt++;
                        }
                        $(".info_td_dy").remove();
                        addtdDY()
                        placeTypeon()
                        getAllMoney()
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        })
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });
        })
        function addtdDY(){
            $('.td-manage').append('<a onclick="dayinOut(this.parentNode)" class="info_td_dy" title="打印"><div class="layui-btn layui-btn-disabled">打印</div></a>');
        }
        $('.td-manage').append('<a onclick="dayinOut(this.parentNode)" class="info_td_dy" title="打印"><div class="layui-btn">打印</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: 5});
                }
            });
        }
        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()
        }
    </script>
    <style>
        .margin-top-dy{
            margin-top: 5px;
        }
        .layui-form-item{
            margin-bottom: 5px;
        }
        .li_input{
            height: 30px;
        }
        .layui-col-md4{
            height: 40px;
            /*width: 500px;*/
        }
        .layui-form-select .layui-input{
            height: 30px;
        }
        .info_name{
            width: 220px;
        }
    </style>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection