@extends('layouts.father')
@section('title', '出库单详情')
<style>
    .td-manage{
        width: 150px;
        display: flex;
    }
    .margin-top-dy{
        margin-top: 5px;
    }
    .inputSousuo{
        position: absolute;
        width: 150px;
    }
    .tdbtn{
        margin: 0;
        position: absolute;
        right: 0;
    }
    .td_input_volume{
        padding-right: 40px;
    }
    .num{
        border: 0;
    }
    .size{
        width: 550px;
    }
    .supplier_xh{
        width: 100px;
    }
    .info_name{
        width: 100px;
    }
</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-form-checkbox[lay-skin=primary] span {
       background-color: white !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;
    }
</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" id="outboundAddPrint">
            <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;">状态:{{$out->status}}</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut">
                            @if($out->draft == 1)
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  出库</div>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销出库</div>
                            @else
                                @if($out->status == '未出库')
                                    <a onclick="do_out({{$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($out->status == '已出库')
                                    <div class="inputs">
                                        <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  出库</div>
                                        <a onclick="back_out({{$id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销出库</div></a>
                                        <a onclick="expressInfo()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  快递单</div></a>
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                    <div class="operation" style="float: right;margin-right: 212px">
                        @if($out->draft == 1 || empty($id))
                        <a class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存草稿</a>
                        @endif
                        <a class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</a>
                        <!-- <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 class="layui-btn x-right dydj">单据打印</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="out_num" value="{{$out->out_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">
                                <label class="layui-form-label">关联单据:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="relevance" value="{{$out->relevance}}"  lay-verify="relevance" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="x-red">*</span>仓库:</label>
                                    <div class="layui-input-inline li_input">
                                        <select name="warehouse" lay-verify="required" lay-filter="required">
                                            @if(empty($out->warehouse))
                                                <option value=""></option>
                                            @endif
                                            @if($out->out_type == '调货出库')
                                                <option  selected  value="{{$out->warehouse}}">{{$out->warehouse}}</option>
                                            @else
                                                @foreach($warehouse as $w)
                                                    <option @if($w == $out->warehouse) selected @endif value="{{$w}}">{{$w}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="x-red">*</span>出库类型:</label>
                                    <div class="layui-input-inline li_input">
                                        <select name="out_type">
                                            @if($out->out_type == '调货出库' || $out->out_type == '补偿出库' || $out->out_type == '生产领料出库' || $out->out_type == '领料出库' || $out->out_type == '称重领料出库')
                                                <option selected value="{{$out->out_type}}">{{$out->out_type}}</option>
                                            @elseif($out->out_type == '销售出库')
                                                <option selected value="{{$out->out_type}}">{{$out->out_type}}</option>
                                            @elseif($out->out_type == '采购退货')
                                                <option  selected  value="{{$out->out_type}}">{{$out->out_type}}</option>
                                            @else
                                                @foreach($out_type as $g)
                                                    <option @if($g == $out->out_type) selected @endif value="{{$g}}">{{$g}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">出库时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="out_time"  value="{{$out->out_time}}" lay-verify="out_time" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$out->arranger}}" 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="creater" value="{{$out->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="{{$out->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="send_time" value="{{$out->send_time}}" autocomplete="off" 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-inline li_input">
                                    <select name="department"  lay-filter="required">
                                        <option value="">请选择</option>
                                        @foreach($department as $de)
                                            <option @if($out->department == $de) selected @endif   value="{{$de}}">{{$de}}</option>
                                        @endforeach
                                    </select>
                                </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="{{$out->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="out_id"  type="hidden" name="out_id" value="{{$id}}">
                    <div>
                        <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                        <div class="layui-btn layui-btn-sm" onclick="alldel()">删除</div>
                        @if($out->out_type == '补偿出库')
                        <div class="layui-btn layui-btn-sm" onclick="addbillsing({{$out->id}})">原单引入</div>
                        @endif
{{--                        @if($id)--}}
{{--                        <div class="layui-btn layui-btn-sm" onclick="make_pro({{$out->id}})">转换生产</div>--}}
{{--                        @endif--}}
                        {{--<div class="layui-btn layui-btn-sm" onclick="all_batch()">批量填充批次</div>--}}
                    </div>
                </div>
                <div style="width:100%;overflow-x:auto">
                    <table class="layui-table dataintable" id="inPuttable" lay-size="sm"  style="width: 2400px">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th style="width: 250px;">货号</th>
                        <th style="width: 100px;">供应商型号</th>
                        <th style="width: 60px;">产品名称</th>
                        <th>规格</th>
                        <th class="quantity">数量</th>
                        <th>单价</th>
                        <th>计量单位</th>
                        <th>批次</th>
                        <th>卷号</th>
                        <th>卷号描述</th>
                        <th>明细码</th>
                        <th>货位</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    @if(!empty($out_detail))
                        @foreach($out_detail as $key=>$v)
                            <tr class="info_tr">
                                <td>{{$key}}</td>
                                <td class="td_padd numid">
                                    <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="{{$v['number']}}" onchange="changeVal(this)">
                                    <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <td class="td_padd supplier_xh" >
                                    <input type="text" name="supplier_xh[{{$key}}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="{{$v['supplier_xh']}}" >
                                </td>
                                <input type="hidden" name="detail_id[{{$key}}]" class="detail_id_num" value="{{$v['id']}}">
                                <td class="layui-btn-disabled info_name" >{{$v['name']}}</td>
                                <td class="layui-btn-disabled size">{{$v['size']}}<input type="hidden" name="sizeNum[{{$key}}]" value="{{$v['size']}}"></td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                <td class="td_padd 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 price">{{$v['price']}}</td>
                                <td class="layui-btn-disabled unit">{{$v['unit']}}</td>
                                <td class="td_padd inputSousuo batch">
                                    <input type="text" name="batch[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['batch_key'] == 0) class="layui-input td_input_volume layui-btn-disabled batch-input" @else class="layui-input td_input_volume batch-input"  @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 inputSousuo reel">
                                    <input type="text" name="reel[{{$key}}]" lay-verify="noChinese" autocomplete="off" placeholder="" @if($v['reel_key'] == 0) class="layui-input td_input_volume layui-btn-disabled reel-input" @else class="layui-input td_input_volume reel-input"  @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 reel_detail"></td>
                                <td class="td_padd mxm">{{$v['mxm']}}</td>
                                <td class="td_padd inputSousuo goods">
                                    <input type="text" name="goods[{{$key}}]" lay-verify="goods" autocomplete="off" placeholder="" @if($goods_key == 0) class="layui-input td_input_volume layui-btn-disabled goods-type" @else class="layui-input td_input_volume goods-type"  @endif class="layui-input" value="{{$v['goods']}}" >
                                    <a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>
                                </td>
                                <td class="td_padd bz"><input type="text" name="bz[{{$key}}]" value="{{$v['bz']}}" lay-verify="bz" autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td-manage" style="padding: 0px;padding-left: 10px">
                                    <a title="删除" onclick="normsType_del(this)" href="javascript:;">
                                        <div class="layui-btn"><i class="layui-icon">&#xe640;</i></div>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </thead>
                    <tbody id="x-img">
                    <div class="intr"></div>
                    <tr class="info_tr addTr">
                        <td></td>
                        <td class="td_padd">
                            <input type="text" name="cargoTitle" id="ArtNoNum" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle repeat_cargo" onchange="getVal(this)">
                            <div class="layui-btn cargo_btn addClick" onclick="x_admin_shows(this)"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <td class="td_padd td_width2"><input type="text" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled"></td>
                        <td class="layui-btn-disabled info_name"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="number" id="input1" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" min="1"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd inputSousuo">
                            <input type="text" id="input2" name="title" lay-verify="noChinese" autocomplete="off" placeholder="" class="layui-input td_input_volume batchNum " value="" onchange="batchNum(this)">
                            <a class="layui-btn cargo_btn tdbtn"><i class="layui-icon">&#xe615;</i></a>
                        </td>
                        <td class="td_padd inputSousuo">
                            <input type="text" id="input3" name="title" lay-verify="noChinese" autocomplete="off" placeholder="" class="layui-input td_input_volume volNum" value="" onchange="reelNum(this)">
                            <a class="layui-btn cargo_btn tdbtn"><i class="layui-icon">&#xe615;</i></a>
                        </td>
                        <td class="td_padd"></td>{{--卷号描述--}}
                        <td class="td_padd"></td>{{--卷号描述--}}
                        <td class="td_padd inputSousuo" style="text-align: right"><a class="layui-btn cargo_btn" style="margin: 0"><i class="layui-icon">&#xe615;</i></a></td>
                        <td class="td_padd"></td>
                        <td class="td-manage" style="padding: 0px;padding-left: 10px">
                            <a title="删除" href="javascript:;" class="">
                                <div class="layui-btn"><i class="layui-icon">&#xe640;</i></div>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                </div>
            </form>
        </div>
    </div>
    <script>

      const setQuantity = () =>{
        const Quantity = document.querySelector('.quantity');
        let quantity = 0;
        [...document.querySelectorAll('.num > input')].forEach(item =>{
          quantity += Number(item.value)
        })
        Quantity.innerHTML = `数量 总计:${quantity} `
      }

      setQuantity()

        //获取批量批次
        function all_batch() {
            let data ={
                outList: [],
                '_token':$("input[name=_token]").val(),
            }
            var checkboxIdobj = $(".info_tr .checkboxId").find("input")
            for (let i of checkboxIdobj){
                data.outList.push($(i.parentNode.parentNode).find('.num_val').val())
            }
            $.post('/admin/getBatch', data, function (res) {
                //layer.close(loadIndex); //关闭加载loading
                //发异步，把数据提交给php
                if(res.status == 1) {
                    layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        var checkboxIdobj = $(".info_tr")
                        let num = 0
                        for (let i of checkboxIdobj){
                            $(i).find('.batch').children('input').val(res.data[num])
                            num++
                        }
                    });
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            }, "json");
        }
        //转换生产
        function make_pro(id){
            let data ={
                outId: id,
                outList: [],
                '_token':$("input[name=_token]").val(),
            }
            var checkboxIdobj = $(".info_tr .checkboxId").find("input")
            for (let i of checkboxIdobj){
                if(i.checked === true){
                    let tr = i.parentNode.parentNode
                    data.outList.push($(tr).find('.detail_id_num').val())
                }
            }

            $.post('/admin/makeProduction', data, function (res) {
                //layer.close(loadIndex); //关闭加载loading
                //发异步，把数据提交给php
                if(res.status == 1) {
                    layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        go_url_childes("生产订单","/admin/proInfo?id="+res.data.id)
                    });
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            }, "json");

        }
        //原单引入
        function addbillsing(id) {
            if(!warehouseshow()){
                return
            }
            layer.open({
                type: 2,
                title: '原单引入',
                area: ['900px', '650px'],
                content: `/admin/add_bills_formerly?id=${id}&warehouse=${$("select[name='warehouse']").find("option:selected").text()}`,
                success: function(layero, index){
                }

            });
        }
        function delselectTd() {
            $('.checkboxs').remove()
            $('.selectTddata').remove()
        }
        function addselectTd() {
            $('.tr_head').prepend('<th class="checkboxs">选择</th>')
            $('.info_tr').prepend('<td class="td_padd checkboxId selectTddata" style="width: 60px;text-align: center"><input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd"></td>')
            $('.addTr .td_padd').removeClass('checkboxId')
            layui.use(['layer','form'], function() {
                form = layui.form;
                form.render('checkbox');
            })
        }
        addselectTd()
        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){
                //按钮【按钮二】的回调
            })
        }
        $(".layui-input.layui-btn-disabled").attr("disabled",true)
        function readonlyType() {
            $(".layui-input").attr("disabled",false)
            $(".layui-input.layui-btn-disabled").attr("disabled",true)
        }
        var placeType = 1
        function placeTypeon() {
            if(placeType == 0){
                $('#inPuttable tr').each(function () {
                    $(this).find('.inputSousuo .goods-type').addClass('layui-btn-disabled')
                    $(this).find('.inputSousuo .goods-type').val("")
                    $(this).find('.inputSousuo .goods-type').attr("disabled",true)
                })
            }else {
                $('#inPuttable tr').each(function () {
                    $(this).find('.inputSousuo .goods-type').removeClass('layui-btn-disabled');
                    $(this).find('.inputSousuo .goods-type').attr("disabled",false)
                })
            }
        }
        if($("select[name='warehouse']").find("option:selected").text() !== ''){
            $.get("/admin/goodsKey/"+$("select[name='warehouse']").find("option:selected").text(), function (res) {
                // 发异步，把数据提交给php
                placeType = res
                placeTypeon()
            });
        }
        dy_cs = ['supplier_xhsss','batchsss','reelsss','cp_protos']
        this.relevanceval = $("input[name='relevance']").val()//关联单据
        this.shopIdTdNum = $("input[name='out_num']").val()//出库单编号
        this.CKname = $("select[name='warehouse']").find("option:selected").text() === '' ? '' : $("select[name='warehouse']").find("option:selected").text()
        if(relevanceval.slice(0,1) === '2'){
            $(".dydj").click(function(event){
                var url = "";
                url += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
                    `<div style="width: 10%;text-align: center;margin-bottom: 10px"><button class="layui-btn" onclick="outboundPrintThree({{$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>
                    <input type="checkbox" lay-filter="filter" value="cp_protos" title="产品主图" lay-skin="primary">
                    </form></div>` +
                    '</div>'
                layer.open({
                    type: 1,
                    title: '打印单据'
                    ,content: url,
                    area: ['440px', '200px'] //宽高
                });
                layui.use('form', () => {
                    var form = layui.form
                    form.render('checkbox');
                })
            });
        }else {
            var url = "";
            $(".dydj").click(function(event){
                url += '<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="outboundPrintThree({{$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="cp_protos" title="产品主图" lay-skin="primary">
                    </form></div>`+
                    '</div>'
                layer.open({
                    type: 1,
                    title: '打印单据'
                    ,content: url,
                    area: ['440px', '200px'] //宽高
                });
                layui.use('form', () => {
                    var form = layui.form
                    form.render('checkbox');
                })
            });
        }
        $(".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(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('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('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=out_id]").val()
                if(id == ''){
                    url = "/admin/outboundAdd";
                }else{
                    url = "/admin/outboundEdit";
                }
                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.msg(res.msg, {icon: 6, time: 1000}, function () {
                            location.href = '/admin/outboundAdd?id='+res.data.id;
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
                $('.info_td_dy').css("pointer-events","auto")
                $(".info_td_dy a div").removeClass("layui-btn-disabled");
                return false;
            });
        });
        //快递单
        function expressList(){
            var url = "";
            url += '<div style="margin: 20px;">'
            url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label">快递公司:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px">'
            url += '<select name="kuaidi" class="kd" style="width: 192px;height: 40px">'
            @if(!empty($exp))
                    @foreach($exp as $e)
                url += '<option @if($e == $out->kuaidi) selected @endif>{{$e}}</option>'
            @endforeach
                    @endif
                url += '</select>'
            url += '<input type="hidden" name="cid" style="width: 200px" value="{{$out->id}}">'
            url += '</div>'
            url += '<label class="layui-form-label">快递单单号:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px">'
            url += '<a href="javascript:void(0)" style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div><input style="border:none;" class="ex" type="text" value="{{$out->express}}" name="express" id=""></div></a>'
            url += '</div>'
            url += '</div>'
            url += '<div class="" style="width: 100%;text-align: center">'
            url += '<div class="layui-btn expressClose" lay-filter="adddd" lay-submit=""  style="text-align: center">确认</div>'
            url += '</div>'
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });

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

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

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

        var cnt = {{$count}}+'';// 编辑
        function getdatabills(dataList) {
            var repeatCargoList = []
            $('.repeat_cargo').each(function(){
                if($(this).val().replace(/\s+/g, "") !== ''){
                    repeatCargoList.push({
                        'number':`${$(this).val().replace(/\s+/g, "")}${$(this.parentNode.parentNode).find('.size').text().replace(/\s+/g, "")}`
                    })
                }
            })
            for (var s of repeatCargoList) {
                delete dataList[s.number]
            }
            if(JSON.stringify(dataList) == "{}"){
                layer.msg('请不要添加重复的商品');
            }
            for(let data in dataList){
                html = ''
                html += '<tr class="info_tr">'
                html += ' <td></td>'
                if(dataList[data].type == '1'){
                    html += '  <td class="td_padd">'
                    html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo layui-btn-disabled" value="'+dataList[data].number+'">'
                    html += ' <div class="layui-btn cargo_btn"><i class="layui-icon">&#xe615;</i></div>'
                    html += ' </td>'
                }else {
                    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="'+dataList[data].number+'" onchange="changeVal(this)">'
                    html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                    html += ' </td>'
                }
                html += supplier_xhIfHtml(dataList[data].supplier_xh,cnt,'')
                html += ' <td class="layui-btn-disabled info_name" >'+dataList[data].info_name+'</td>'
                html += ' <td class="layui-btn-disabled size">'+dataList[data].size+'</td>'
                html += `<input type="hidden" name="sizeNum[${cnt}]" value="${dataList[data].size}">`
                html += ' <input type="hidden" name="number['+cnt+']"  class="num_val" value="'+dataList[data].number+'">'
                html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" value="'+ dataList[data].flase_num +'" class="layui-input" min="1"></td>'
                html += '  <td class="layui-btn-disabled price"></td>'
                html += '  <td class="layui-btn-disabled unit">'+dataList[data].unit+'</td>'
                html += '  <td class="td_padd inputSousuo batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch batch-input" value="" onchange="batchNum(this)">'//批次
                html += '<a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>'
                html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                html += ' <td class="td_padd inputSousuo reel"><input type="text" name="reel['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel" value="" onchange="reelNum(this)"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>'//卷号
                html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                html += ' <td>'+''+'</td>'
                html += ' <td>'+''+'</td>'
                html += `<td class="td_padd inputSousuo goods"><input type="number" name="goods[${cnt}]" lay-verify="goods" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel goods_input goods-type" min="1"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>`
                html += '  <td class="td_padd td_width2 bz"><input type="text" name="bz['+cnt+']" lay-verify="bz" autocomplete="off" placeholder="" value="" class="layui-input"></td>'
                html += '  <td class="td-manage">'
                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++;
                $('.addTr').before(html);
                //新增一行判断是否启用
                var _this = $('#x-img').children('tr').eq(-2);
                readonlyType()
                $(".info_td_dy").remove();
                addtdDY()
                placeTypeon()
                delselectTd()
                addselectTd()
                layer.closeAll();
                brIsShowSSS(dataList[data].batch.replace(/\s+/g, "") == '是',dataList[data].reel.replace(/\s+/g, "") == '是',_this);
            }
        }
        /* 子组件回调方法 */
        function father(e,type) {
            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(7).children('input');
                var reelRe = curObj.find('td').eq(8).children('input');
                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').html(reDetail);//替换已存在的卷号描述
                curObj.find('.goods').children('input').val('');//替换已存在的货位
                brIsShowSSS(batch == '是',reel == '是',curObj);
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                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 += supplier_xhIfHtml(name_number,cnt,'')
                html += ' <td class="layui-btn-disabled info_name" >'+name_cargo+'</td>'
                html += ' <td class="layui-btn-disabled size">'+spec+'</td>'
                html += ' <input type="hidden" name="number['+cnt+']"  class="num_val" value="'+num_cargo+'">'
                html += `<input type="hidden" name="sizeNum[${cnt}]" value="${spec}">`
                html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                html += '  <td class="layui-btn-disabled price"></td>'
                html += '  <td class="layui-btn-disabled unit">'+unit+'</td>'
                html += '  <td class="td_padd inputSousuo batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch batch-input" value="" onchange="batchNum(this)">'//批次
                html += '<a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>'
                html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                html += ' <td class="td_padd inputSousuo reel"><input type="text" name="reel['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel" value="" onchange="reelNum(this)"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a>'//卷号
                html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                html += ' <td class="reel_detail">'+reDetail+'</td>'
                html += ' <td class="mxm"></td>'
                html += `<td class="td_padd inputSousuo goods"><input type="number" name="goods[${cnt}]" lay-verify="goods" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel goods_input goods-type" min="1"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>`
                html += '  <td class="td_padd td_width2 bz"><input type="text" name="bz['+cnt+']" lay-verify="bz" autocomplete="off" placeholder="" class="layui-input"></td>'
                html += '  <td class="td-manage">'
                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++;
                $('.addTr').before(html);
                //新增一行判断是否启用
                var _this = $('#x-img').children('tr').eq(-2);
                readonlyType()
                brIsShowSSS(batch == '是',reel == '是',_this);
            }
            $(".info_td_dy").remove();
            addtdDY()
            placeTypeon()
            delselectTd()
            addselectTd()
            layer.closeAll();
            //common(判断批次，货号是否公用方法)
        }
        //货号点击弹出窗口传值
        function x_admin_shows (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(1).prepend(' + (i + 1) + ');
            }
        }
        //货号输入判重
        $('.td_batch').change(function () {
            alert(1);
            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_out(id){
            layer.confirm('确认要出库吗？',function(index){
                $.get("/admin/doOut/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.alert(res.msg,{icon: 1},function () {
                            location.href = '/admin/outboundAdd?id='+res.data.id;
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }

        //撤销出库
        function back_out(id){
            layer.confirm('确认要撤销出库吗？',function(index){
                $.get("/admin/backOut/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/outboundAdd?id='+res.data.id;
                        });
                    } else {

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


        //撤销出库
        function expressInfo(){

            var type = '{{ $out->out_type }}'
            if(type == "销售出库" || type == "补偿出库") {
                x_admin_show('快递详情','/admin/express/{{$out->id}}')
            } else {
                layer.msg("该种出库类型的出库单不支持快递单的打印功能",{icon: 5});
            }
        }

        /*出库单-删除*/
        function del_out(id){
            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成出库单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/delOut/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {
                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                                //location.href = '/admin/vouchList';
                                parent.location.reload();
                                layer.close(index);
                            });

                        } else {

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

        //输入货号事件传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);
                delselectTd()
                $.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 class="td_padd">'
                        html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="'+res.data.number+'" onchange="changeVal(this)">'
                        html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                        html += ' </td>'
                        html += supplier_xhIfHtml(res.data.supplier_xh,cnt,null)
                        html += ' <td class="layui-btn-disabled info_name" >'+res.data.name+'</td>'
                        html += ' <td class="layui-btn-disabled size">'+res.data.normVals+'</td>'
                        html += `<input type="hidden" name="sizeNum[${cnt}]" value="${res.data.normVals}">`
                        html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data.number+'" class="num_val">'
                        html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                        html += '  <td class="layui-btn-disabled price"></td>'
                        html += '  <td class="layui-btn-disabled unit">'+res.data.unit+'</td>'
                        html += '  <td class="td_padd inputSousuo batch"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch batch-input" value="" 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=""></td>'
                        html += ' <td class="td_padd inputSousuo reel"><input type="text" name="reel['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel" value="" 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=""></td>'
                        html += ' <td class="td_padd td_width2 reel_detail">'+(res.data.reel_detail || '')+'</td>'
                        html += ' <td class="td_padd td_width2 mxm"></td>'
                        html += `<td class="td_padd inputSousuo goods"><input type="text" name="goods[${cnt}]" lay-verify="goods" autocomplete="off" placeholder="" value="${res.data.goods || ''}" class="layui-input goods_input td_input_volume td_reel goods-type" min="1"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>`
                        html += '  <td class="td_padd td_width2 bz"><input type="text" name="bz['+cnt+']" lay-verify="bz" autocomplete="off" placeholder="" class="layui-input"></td>'
                        html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                        html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                        html += ' <div class="layui-btn"><i class="layui-icon">&#xe640;</i></div>'
                        html += '   </a> '
                        html += '  </td>'
                        html += "</tr>"
                        cnt++;
                        $('.addTr').before(html);
                        //新增一行判断是否启用
                        var _this = $('#x-img').children('tr').eq(-2);
                        readonlyType()
                        //common(判断批次，货号是否公用方法)
                        $(".info_td_dy").remove();
                        addtdDY()
                        addselectTd()
                        placeTypeon()
                        $('.addTr').find('td').eq(2).find('input').val('');
                        brIsShowSSS(res.data.batch != 0,res.data.reel != 0,_this);
                        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 = '';
                Html += ' <input type="hidden" name="getVal[]" value="' + _val + '">';
                $(e).append(Html);
                $(e.parentNode.parentNode).find('input')[2].remove()
                $.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);
                            readonlyType()
                        })
                    } else {
                    }
                })
            }
        }

        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>'+ 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 += supplier_xhIfHtml('',cnt,null)
                            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 price"></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>'+(res.data[i].reel_detail || '')+'</td>'
                            html += ' <td></td>'
                            html += `<td class="td_padd inputSousuo goods"><input type="text" name="goods[${cnt}]" lay-verify="goods" autocomplete="off" value="${res.data[i].goods || ''}" placeholder="" class="layui-input goods_input td_input_volume td_reel goods-type" min="1"><a class="layui-btn cargo_btn tdbtn" onclick="popupsVal(this)"><i class="layui-icon">&#xe615;</i></a></td>`
                            html += '  <td class="td_padd td_width2 bz"><input type="text" name="bz['+cnt+']" lay-verify="bz" value="" autocomplete="off" placeholder="" class="layui-input"></td>'
                            html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                            html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                            html += ' <div class="layui-btn"><i class="layui-icon">&#xe640;</i></div>'
                            html += '   </a> '
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $("#inPuttable tbody").prepend(html);
                            //common(判断批次，货号是否公用方法)
                        }
                        $(".info_td_dy").remove();
                        addtdDY()
                        placeTypeon()
                        delselectTd()
                        addselectTd()
                        // 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 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/dayinOut/" + $(DYdata.parentNode).find('.info_name').html(), res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    var url = "";
                    url += '<div id="outboundPrintUserData">'
                    url += '<!--startprint1--><!--打印内容开始-->'
                    url += '<div style="width: 250px;height: 150px;padding: 10px 20px">'
                    url += `<div style="margin: 5px 0">品名：${$(DYdata.parentNode).find('.info_name').html()}</div>`
                    url += '<div style="margin: 5px 0">型号：'+(res.data || '')+'</div>'
                    url += `<div style="margin: 5px 0">规格：${$(DYdata.parentNode).find('.size').text()}</div>`
                    url += '<div style="margin: 5px 0">品级：一等品</div>'
                    url += `<div style="margin: 5px 0">批次：${$(DYdata.parentNode).find('.batch').children('input').val()}</div>`
                    url += `<div style="margin: 5px 0">出库日期：${($('.layui-input-block')[2].getElementsByClassName('layui-input'))[0].value}</div>`
                    url += '</div>'
                    url += '<!--打印内容结束--><!--endprint1-->'
                    url += '<div onclick="dayin()" style="margin-left: 20px;">'
                    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(){
            wrapHtml = document.querySelector('.wrap').innerHTML
            bdhtml = document.querySelector('#outboundPrintUserData').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 preview(oper,operTwo){
            bdhtml = document.querySelector('#printUrl').innerHTML;//获取当前页的html代码
            sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域
            eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域
            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>
        .td-manage{
            padding: 0px;
            padding-left: 10px;
        }
    </style>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <script type="text/javascript" src="/js/outboundPrint.js"></script>
@endsection