@extends('layouts.father')
@section('title', '调拨单详情')
<style>
    .info_tr td:nth-child(2){
        display: flex;
    }
    .inputSousuo{
        position: absolute;
        width: 150px;
    }
    .tdbtn{
        margin: 0;
        position: absolute;
        right: 0;
    }
    .td_input_volume{
        padding-right: 60px;
    }
</style>
<style>
    /* 修改选中选项的背景颜色 */
    .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-btn{
        border-color: #409EFF !important;
        background-color: #409EFF !important;
    }
    .layui-form-onswitch {
        border-color: #409EFF !important;
        background-color: #409EFF !important;
        border-radius: 15px
    }
    .layui-btn-disabled {
        background: rgba(0, 0, 0, .1) !important;
        color: #333 !important;
    }
    .layui-btn{
        border-color: #409EFF !important;
        background-color: #409EFF !important;
    }
    .layui-form-radio>i:hover, .layui-form-radioed>i {
        color: #409EFF !important;
    }
    .layui-form-checked span, .layui-form-checked:hover span {
        background-color: #409EFF !important;
    }
    .layui-btn{
        border-color: #409EFF !important;
        background-color: #409EFF !important;
        border-radius: 5px !important;
    }
    .layui-input {
        border-radius: 5px !important; /* 这里可以调整圆角的大小 */

    }
    .layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
        border-color: #e6e6e6 !important;
        background: rgba(0, 0, 0, .1) !important;
        color: #333 !important;
    }
    .layui-form-checkbox i {
        border-left-style: solid !important;
        border-left-width: 1px!important;
        border-left-color: rgb(210, 210, 210)!important;
    }

</style>
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
{{--        <a onclick="goindex()">首页</a>--}}
{{--        <a href="#">库存管理</a>--}}
        <a>
          <cite style="display: none">调拨单详情</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;">状态:{{$allot->status}}</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut">
                            @if($allot->status == '未执行')
                                <a onclick="do_allot({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  确认执行</div></a>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销</div>
                            @elseif($allot->status == '已执行')
                                <div class="inputs">
                                    <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  确认执行</div>
                                    <a onclick="back_allot({{$id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
{{--                                    <a onclick="aboutList()" href="javascript:void(0)" style="margin-left: 1px;"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>整单关联</div></a>--}}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="operation" style="float: right;margin-right: 212px">
                        <button class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</button>
                        <!-- <div class="layui-btn" onclick="del_out({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div>  删除隐藏-->
{{--                        <div class="layui-btn importBom"><i class="layui-icon"></i>导入</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" name="allot_num" value="{{$allot->allot_num}}" lay-verify="out_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">
                                        <select name="allot_in" lay-verify="required" lay-filter="required">
                                            @foreach($warehouse as $w)
                                                <option @if($w == $allot->allot_in) selected @endif value="{{$w}}">{{$w}}</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="allot_out" lay-verify="required">
                                            @foreach($warehouse as $w)
                                                <option @if($w == $allot->allot_out) selected @endif value="{{$w}}">{{$w}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </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="creater" value="{{$allot->creater}}" lay-verify="creater" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled" >
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="created_at" value="{{$allot->created_at}}" lay-verify="created_at" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$allot->arranger}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                    </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="{{$allot->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="allot_id"  type="hidden" name="allot_id" value="{{$id}}">
                    {{--<input class="allot_id"  type="hidden" name="out_id" value="{{$out_id}}">--}}
                    {{--<input class="allot_id"  type="hidden" name="godown_id" value="{{$godown_id}}">--}}
                    {{--<input class="allot_id"  type="hidden" name="godown_num" value="{{$godown_num}}">--}}
                    {{--<input class="allot_id"  type="hidden" name="out_num" value="{{$out_num}}">--}}
                </div>
                <div>
                    <input type="checkbox" name="all"  id="all" lay-filter="all" style="margin-left: 10px">
                    <div class="layui-btn layui-btn-sm" onclick=" reelPrint('numid','')" style="background-color: #409EFF;border-radius: 5px">  打印卷号条码</div>
                    <input type="checkbox"  name="switch" lay-skin="switch" class="switchTests"
                           lay-filter="switchTests" lay-text="打印预览|关闭预览">
                </div>
                <table class="layui-table" id="inPuttable" lay-size="sm">
                    <thead>
                    <tr class="tr_head">
                        <th>选择</th>
                        <th >序号</th>
                        <th style="width: 220px;">货号</th>
                        <th>产品名称</th>
                        <th>规格</th>
                        <th>数量</th>
                        <th style="width: 50px;">计量单位</th>
                        <th>批次</th>
                        <th style="width: 170px;">卷号</th>
                        <th>卷号描述</th>
                        <th>操作</th>
                    </tr>
                    @if(!empty($allot_detail))
                        @foreach($allot_detail as $key=>$v)
                            <tr class="info_tr">
                                <td class="td_padd checkboxId selectTddata" style="width: 40px;text-align: center">
                                    <input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd">
                                </td>
                                <td class="num" style="padding-top: 9px;padding-bottom: 9px;">{{$key+1}}</td>
                                <td class="td_padd td_width2 numid">
                                    <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input" value="{{$v['number']}}" onchange="changeVal(this)">
                                    <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <td class="layui-btn-disabled info_name" >{{$v['name']}}</td>
                                <td class="layui-btn-disabled size">{{$v['size']}}</td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                <td class="td_padd td_width2 num"><input type="number" name="num[{{$key}}]" value="{{$v['num']}}" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="layui-btn-disabled unit">{{$v['unit']}}</td>
                                <td class="td_padd td_width2 inputSousuo batch">
                                    <input type="text" name="batch[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['batchs'] == 0) readonly class="layui-input td_input_volume layui-btn-disabled td_input_volume" @else class="layui-input td_input_volume td_input_volume"  @endif class="layui-input td_input_volume " value="{{$v['batch']}}" onchange="batchNum(this)">
                                    <a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>
                                </td>
                                <td class="td_padd td_width2 inputSousuo reel">
                                    <input type="text" name="reel[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['reels'] == 0) readonly class="layui-input td_input_volume layui-btn-disabled td_input_volume" @else class="layui-input td_input_volume td_input_volume"  @endif class="layui-input td_input_volume " value="{{$v['reel']}}" onchange="reelNum(this)">
                                    <a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>
                                </td>
                                <td class="td_padd td_width2 inputSousuo reel_detail" style="width: 150px"><input type="text" name="reel_detail[{{$key}}]" value="{{$v['reel_detail']}}" lay-verify="reel_detail" autocomplete="off" placeholder="" class="layui-input reel_detail" ></td>
                                <td class="td-manage" style="padding: 0px;padding-left: 10px">
                                    <a title="删除" onclick="normsType_del(this)" href="javascript:;">
                                        <div class="layui-btn">删除</div>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </thead>
                    <tbody id="x-img">
                    <div class="intr"></div>
                    <tr class="info_tr addTr">
                        <td></td>
                        <td class="num" style="padding-top: 9px;padding-bottom: 9px;"></td>
                        <td class="td_padd td_width2">
                            <input type="text"  name="cargoTitle" id="ArtNoNum" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle repeat_cargo" onchange="getVal(this)">
                            <div class="layui-btn cargo_btn addClick" onclick="x_admin_show(this)"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <td class="layui-btn-disabled info_name"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="number" name="title" id="input1" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" min="1"></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)"></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 class="td-manage" style="padding: 0px;padding-left: 10px">
                            <a title="删除" href="javascript:;">
                                <div class="layui-btn">删除</div>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script>
        $(".layui-input.layui-btn-disabled").attr("readonly",true)
        function readonlyType() {
            $(".layui-input").attr("readonly",false)
            $(".layui-input.layui-btn-disabled").attr("readonly",true)
        }
        //监听提交
        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('select(required)',function (data) {
            })
            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('submit(addd)', function(data){
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=allot_id]").val()
                if(id == ''){
                    url = "/admin/allotAdd";
                }else{
                    url = "/admin/allotEdit";
                }
                //发异步，把数据提交给php
                $.post(url, data.field, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            location.href = '/admin/allotAdd?id='+res.data.id;
                        });

                    } else {

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

                }, "json");
                return false;
            });
        });
        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');
            });
        });
        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="layui-btn-disabled info_name" >'+res.data[i].name+'</td>'
                            html += ' <td class="layui-btn-disabled size">'+res.data[i].normVals+'</td>'
                            html += `<input type="hidden" name="sizeNum[${cnt}]" value="${res.data[i].normVals}">`
                            html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data[i].number+'" class="num_val">'
                            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 unit">'+res.data[i].unit+'</td>'
                            if(res.data[i].batch_key === '1'){
                                html += '  <td class="td_padd inputSousuo batch"><input type="text" name="batch['+cnt+']" lay-verify="" value="'+res.data[i].batch+'" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch batch-input"  onchange="batchNum(this)"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>'//批次
                                html += ' <input type="hidden" name="batchNum[]" value="" class="batch"></td>'
                            }else{
                                html += '  <td class="td_padd inputSousuo batch" style="color: #b2b2b2"><input type="text" name="batch['+cnt+']" autocomplete="off" class="layui-input td_input_volume td_batch layui-btn-disabled"><input type="hidden" name="batch['+cnt+']" value="">'//批次
                                html += '<a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>'
                            }
                            if(res.data[i].reel_key === '1'){
                                html += ' <td class="td_padd inputSousuo 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"  onchange="reelNum(this)"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>'//卷号
                                html += ' <input type="hidden" name="reelNum[]" value="" class="reel"></td>'
                            }else {
                                html += ' <td class="td_padd inputSousuo reel" style="color: #b2b2b2;"><input type="text" name="reel['+cnt+']" autocomplete="off" class="layui-input td_input_volume td_reel layui-btn-disabled"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>'//卷号
                                html += ' <input type="hidden" name="reelNum['+cnt+']" value=""></td>'
                            }
                            html += '<td class="td_padd td_width2 inputSousuo reel_detail" style="width: 150px"><input type="text" name="reel_detail['+cnt+']" value="'+(res.data[i].reel_detail||'')+'" lay-verify="reel_detail" autocomplete="off" placeholder="" class="layui-input reel_detail" ></td>'
                            html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                            html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                            html += ' <div class="layui-btn"><i class="layui-icon">&#xe640;</i></div>'
                            html += '   </a> '
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $("#inPuttable tbody").prepend(html);
                            //common(判断批次，货号是否公用方法)
                        }
                        delselectTd()
                        // var _this = $('#x-img').children('tr').eq(-2);
                        // console.log('3',$("input[name='reel[104]']").val())
                        // brIsShowSSS(res.data.batch != 0, res.data.reel != 0, _this);
                        readonlyType()
                        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 delselectTd() {
            $('.checkboxs').remove()
            $('.selectTddata').remove()
        }
        layui.use('laydate', function(){
            var laydate = layui.laydate;

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

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

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

        /* 子组件回调方法 */
        function father(e) {

            cnt = change_norm(e,curObj,cnt); // 返回 行数

            //common(判断批次，货号是否公用方法)
        }
        //货号点击弹出窗口传值
        function x_admin_show (obj) {
            curObj = "";
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/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/acDetail_cargo',
                success: function(layero, index){

                }

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

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

        //卷号移除光标
        function reelNum (e) {
            movaReel(e);
        }


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

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

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        //整单关联
        function aboutList(){
            var url = "";
            url += '<div style="margin: 20px;">'
            @if(!empty($chuku))
            @foreach($chuku as $r)
            url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label">出库单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px">'
            url += '<a onclick=\'go_url_childes("出库单","/admin/outboundAdd?id={{$r->id}}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{$r->out_num}}</div></a>'
            url += '</div>'
            @endforeach
            @endif
            @if(!empty($ruku))
            @foreach($ruku as $r)
            url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label">入库单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px">'
            url += '<a onclick=\'go_url_childes("入库单","/admin/vouchAdd?id={{$r->id}}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{$r->godown_num}}</div></a>'
            url += '</div>'
            @endforeach
            @endif
            url += '</div>'
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });
        }
        //撤销
        function back_allot(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backAllot/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/allotAdd?id='+res.data.id;
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        /*调货单-删除*/
        function del_out(id){
            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成调货单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/delAllot/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {
                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                                parent.location.reload();
                                parent.layer.close(index);
                            });

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

        /*表格-tr-删除*/
        function normsType_del(id) {
            //console.log(id)
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                layer.close(index);
                cargoTitleObj()
            });
        }
        //输入货号事件传input给后台
        function getVal(e) {
            addNormVal(e,cnt,function (resCnt) {
                cnt = resCnt; // 返回插入的最新行
                $(e).val('')
            });
        }
        //编辑货号是输入方式
        function changeVal(e) {
            changeNormVal(e);

        }
        function reelPrint(name,status) {

            let index = layer.load()
            let data  ={};
            let num = 0;
            let bzkz = ""
            let details="";
            $('.selectTd').each(function () {
                if($(this)[0].checked === true){
                    let input_val = $(this).parent().parent().find(`.${name}`).children('input').val()
                    let reels = $(this).parents('tr').find('[ name ^= reel ]').val();
                    let _that = this
                    $.ajaxSettings.async = false;
                    if(input_val !== undefined && input_val !== ''){
                        $.get(`/admin/norms_wareDBD?reel=${reels}` , function(res){
                            details = $(_that).closest('tr').find('.reel_detail').find('[name ^= reel_detail]').val();
                            data[num] = [
                                $('[name = allot_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(), // 货位
                                res.data.goods,
                                $(_that).parents('tr').find('[ name ^= reel ]').val(), // 卷号
                                $(_that).parents('tr').find('[ name ^= batch ]').val(), // 批次
                                res.data.menfu,// 门幅
                                res.data.cylinder_number, // 缸号
                                res.data.processor,// 加工商名称
                                res.data.supplier_gys,// 供应商名称
                                $(_that).parents('tr').find('[ name ^= supplier_xh ]').val(),// 供应商型号
                                "",
                                // 产品名称
                                // bzkz,
                                // $(_that).parents('tr').find('[ name ^= reel_detail ]').val(),// 供应商型号
                            ]
                        })
                    }
                    $.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)
                            data[i].push(details)// 卷号描述
                            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:80,
                                        height:80,
                                        colorDark : "#000000",
                                        colorLight : "#ffffff",
                                        correctLevel : QRCode.CorrectLevel.H
                                    })
                                }
                            }
                        },
                        error: function(xhr, status, error) {
                            console.error(error);
                        }
                    });
                });
            } , 1000)
        }
        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()
        }
    </script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script src="/js/qrcode.min.js"></script>
@endsection