@extends('layouts.father')
@section('title', '委外单详情')
<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>委外单详情</cite></a>--}}
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form">
                {{csrf_field()}}
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:{{$outsource->status}}</span>
                    <div class="putIn" style="float: left;width: 60%">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut" style="display: flex">
                            @if($outsource->over == '已结束')
                                <a onclick="back_over({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  撤销结束</div> </a>
                            @else
                                @if($outsource->status == '未执行')
                                    <a onclick="do_purchase({{$id}})" href="javascript:void(0)" ><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>确认执行</div> </a>
                                    <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>撤销</div>
                                @elseif($outsource->status == '已执行')
                                    <div class="inputs">
                                        <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>确认执行</div>
                                        <a onclick="back_purchase({{$id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
{{--                                        <a onclick="aboutList()" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  整单关联</div></a>--}}
                                    </div>
                                @endif
                                @if($id)
{{--                                    <a onclick="do_over({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  结束</div></a>--}}
                                @endif
                            @endif
                        </div>
                    </div>
                    @if($outsource->over != '已结束')
                        <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_purchase({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                        </div>
                    @endif
                    <button type="submit" class="layui-btn" lay-submit lay-filter="submits" id="hiddenSubmitButton" style="display: none;">提交</button>
                </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="outsource_num" value="{{$outsource->outsource_num}}" lay-verify="outsource_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="{{$outsource->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="jg_type" lay-verify="required">
                                            @foreach($jg_type as $w)
                                                <option value=""></option>
                                                <option @if($w == $outsource->jg_type) selected @endif value="{{$w}}">{{$w}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">确认时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="affirm_time" value="{{$outsource->affirm_time}}" 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">
                                <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="jgs" lay-verify="required">
                                            @foreach($supplier as $w)
                                                <option value=""></option>
                                                <option @if($w == $outsource->jgs) selected @endif value="{{$w}}">{{$w}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="creater" value="{{$outsource->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="{{$outsource->created_at}}" lay-verify="created_at" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$outsource->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-md12">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="remark" value="{{$outsource->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="outsource_id"  type="hidden" name="outsource_id" value="{{$id}}">
                </div>
                <table class="layui-table">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th style="width: 220px;">货号</th>
                        <th>数量</th>
{{--                        <th>单价</th>--}}
{{--                        <th>金额</th>--}}
                        <th>批次</th>
                        <th>卷号</th>
                        <th>卷号备注</th>
                        <th>仓库</th>
                        <th>单位</th>
                        <th>操作</th>

{{--                        <th>供应商型号</th>--}}
{{--                        <th>产品名称</th>--}}
{{--                        <th>规格</th>--}}
{{--                        <th>数量</th>--}}
{{--                        <th>计量单位</th>--}}
{{--                        <th>操作</th>--}}
                    </tr>
                    @if(!empty($outsource_detail))
                        @foreach($outsource_detail as $key=>$v)
                            <tr class="info_tr">
                                <td class="num">{{$key}}</td>
                                <td class="td_padd numid">
                                    <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input" value="{{$v['number']}}" onchange="changeVal(this)">
                                    <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                <td class="layui-btn-disabled num">{{$v['num']}}<input type="hidden" name="num[{{$key}}]" value="{{$v['num']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td_padd td_width2 batch"><input type="text" name="batch[{{$key}}]" value="{{$v['batch']}}" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td_padd td_width2 reel"><input type="text" name="reel[{{$key}}]" value="{{$v['reel']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="td_padd td_width2 reel_detail"><input  name="reel_detail[{{$key}}]" value="{{$v['reel_detail']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="layui-btn-disabled warehouse">{{$v['warehouse']}}<input type="hidden" name="warehouse[{{$key}}]" value="{{$v['warehouse']}}"  autocomplete="off" placeholder="" class="layui-input" ></td>
                                <td class="layui-btn-disabled unit">{{$v['unit']}}</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="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_show(this)"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <input type="hidden"  value="" class="num_val" >
                        <td class="layui-btn-disabled num"><input type="hidden"  value=""  autocomplete="off" placeholder="" class="layui-input" ></td>
                        <td class="td_padd td_width2 batch"><input type="text"  value="" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                        <td class="td_padd td_width2 reel"><input type="text"  value=""  autocomplete="off" placeholder="" class="layui-input" ></td>
                        <td class="td_padd td_width2 reel_detail"><input type="text"  value=""  autocomplete="off" placeholder="" class="layui-input" ></td>
                        <td class="layui-btn-disabled warehouse"><input type="hidden"  value=""  autocomplete="off" placeholder="" class="layui-input" ></td>
                        <td class="layui-btn-disabled unit"><input type="hidden"  value=""  autocomplete="off" placeholder="" class="layui-input" ></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>
        //管理详情
        function management_info(tr) {
            // console.log(tr)
            layer.open({
                type: 2,
                shade: false,
                area: ['700px','450px'],
                maxmin: true,
                content: `https://lcyjfz.cpolar.cn/public/question/b4a7e4ea-d7c2-4dca-a59f-78b234496866?number=${$(tr).find('input[name=cargoTitle]').val()}`,
                zIndex: layer.zIndex //重点1
            });
        }
        function OnTextChanged() {
            if (event.keyCode == 13) {//判断是否为回车键，Event是window对象的一个属性，是全局的。
                event.keyCode = 0;//屏蔽回车键
                event.returnValue = false;
            }
        }
        //整单关联
        function aboutList(){
            var url = "";
            url += '<div style="margin: 20px;">'
            url += '<div class="layui-form-item" >'
            @foreach($order as $p)
                url += '<label class="layui-form-label">上游单据:</label><label class="layui-form-label" style="width: 60px;padding-left: 0">订单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px;margin-left: 80px">'
            url += '<a onclick=\'go_url_childes("订单详情","/admin/orderDetail/{{ $p->id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $p->order_number }}</div></a>'
            url += '</div>'
            url += '<div style="border: 0.5px solid #000000;width: 100%;margin: 15px 0"></div>'
            @endforeach
                url += '</div>'
            url += '<div class="layui-form-item" >'
            @foreach($arrival as $a)
                url += '<label class="layui-form-label">下游单据:</label><label class="layui-form-label" style="width: 60px;padding-left: 0">到货单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px;margin-left: 80px">'
            url += '<a onclick=\'go_url_childes("到货单详情","/admin/arrivalAdd?id={{ $a->id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $a->arrival_num }}</div></a>'
            url += '</div>'
            @endforeach
            @foreach($ruku as $a)
            url += '<label class="layui-form-label">下游单据:</label><label class="layui-form-label" style="width: 60px;padding-left: 0">入库单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px;margin-left: 80px">'
            url += '<a onclick=\'go_url_childes("入库单详情","/admin/vouchAdd?id={{ $a->id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $a->godown_num }}</div></a>'
            url += '</div>'
            @endforeach
                url += '</div>'
            url += '</div>'

            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });
        }

        //监听提交
        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('submit(addd)', function(data){
                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=outsource_id]").val()
                if(id == ''){
                    url = "/admin/outsourceAdd";
                }else{
                    url = "/admin/outsourceEdit";
                    {{--data.field.user_name = {{session('name')}};--}}
                }
                //发异步，把数据提交给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 () {
                            /*$("input[name=purchase_id]").val(res.data.id);
                            $("input[name=creater]").val(res.data.creater);
                            $("input[name=created_at]").val(res.data.created_at);
                            $("input[name=money]").val(res.data.money);

                            if(id == '') {
                                var html = '';
                                html += '<div class="inPut">'
                                html += '<a onclick="do_purchase(' + res.data.id + ')" href="javascript:void(0)"><div class="layui-btn " ><i class="layui-icon">&#xe608;</i>  执行</div></a>'
                                html += ' <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销执行</div>'
                                html += '</div>'
                                $('.find_id').before(html);
                            }*/
                            location.href = '/admin/outsourceAdd?id='+res.data.id+"&user_name="+"{{session('name')}}";
                        });

                    } else {

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

                }, "json");
                return false;
            });
            //监听提交
            form.on('submit(submits)', function(data){
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=outsource_id]").val()
                // if(id == ''){
                //     url = "/admin/allotAdd";
                // }else{
                //     url = "/admin/allotEdit";
                // }
                url = "/admin/allotAdds";
                //发异步，把数据提交给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/outsourceAdd?id='+id+"&user_name="+"{{session('name')}}";
                        });
                    } else {

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

                }, "json");
                return false;
            });
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;

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

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

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

        function father(e) {
            var num_cargo = e.find('td').eq(0).html();//货号
            var count_cargo = e.find('td').eq(2).html()//数量
            var batch_cargo = e.find('td').eq(4).html();//批次
            var reel_cargo = e.find('td').eq(3).html();//卷号
            var reeldetail_cargo = e.find('td').eq(7).html();//卷号描述
            var warehouse_cargo = e.find('td').eq(5).html();//仓库
            var unit_cargo = e.find('td').eq(10).html();//单位
            console.log(unit_cargo);
            // if(cargoTitleObjVal[num_cargo+spec] === '1'){
            //     layer.msg(`${num_cargo+ spec}货号已存在`);
            //     return
            // }
            // cargoTitleObjVal[num_cargo + spec] = '1'

            if(curObj) {//判断this的父级tr的值是否为空
                curObj.find("input[name=cargoTitle]").val(num_cargo);//替换已存在的货号
                curObj.find(".num_val").val(num_cargo);//替换隐藏input已存在的货号
                // supplier_xhIf(curObj,name_number,'')
                curObj.find('.num').contents().filter(function() {
                    // 过滤掉 input 元素节点，保留文本节点
                    return this.nodeType === 3;  // nodeType === 3 表示文本节点
                }).replaceWith(count_cargo);
                curObj.find('.num input').val(count_cargo);//替换已存在的数量
                curObj.find('batch input').val(batch_cargo);//替换已存在的批次
                curObj.find('.reel input').val(reel_cargo);//替换已存在的卷号
                curObj.find('.reel_detail input').val(reeldetail_cargo);//替换已存在的卷号描述
                curObj.find('.warehouse').contents().filter(function() {
                    // 过滤掉 input 元素节点，保留文本节点
                    return this.nodeType === 3;  // nodeType === 3 表示文本节点
                }).replaceWith(warehouse_cargo);
                curObj.find('.warehouse input').val(warehouse_cargo);//替换已存在的仓库
                curObj.find('.unit').contents().filter(function() {
                    // 过滤掉 input 元素节点，保留文本节点
                    return this.nodeType === 3;  // nodeType === 3 表示文本节点
                }).replaceWith(unit_cargo);
                curObj.find('unit input').val(unit_cargot);//替换已存在的单位
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                html += ' <td class="num"></td>'
                html += '  <td class="td_padd">'
                html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="'+num_cargo+'" onchange="changeVal(this)">'
                html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                html += ' </td>'
                html += ' <input type="hidden" name="number['+cnt+']" value="'+num_cargo+'" class="num_val">'

                html += '<td class="layui-btn-disabled num">'+count_cargo+'<input type="hidden" name="num['+cnt+']" value="'+count_cargo+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += '<td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" value="'+batch_cargo+'" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += ' <td class="td_padd td_width2 reel"><input type="text" name="reel['+cnt+']" value="'+reel_cargo+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += '<td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail['+cnt+']" value="'+reeldetail_cargo+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += '<td class="layui-btn-disabled warehouse">'+warehouse_cargo+'<input type="hidden" name="warehouse['+cnt+']" value="'+warehouse_cargo+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                html += '<td class="layui-btn-disabled unit">'+unit_cargo+'<input type="hidden" name="unit['+cnt+']" value="'+unit_cargo+'"  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">删除</div>'
                html += '</a> '
                // html += '<div class="layui-btn" onclick="management_info(this.parentNode.parentNode)" ><i class="layui-icon">&#xe64c;</i></div>'
                html += '</td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
            }
            // layer.closeAll();
        }
        //货号点击弹出窗口传值
        function x_admin_show (obj) {

            if(jgs_True()){
                return
            }
            curObj = "";
            layer.open({
                type: 2,
                area: ['1300px', '600px'],
                content:  '/admin/go_kc?jgs='+$("select[name='jgs']").find("option:selected").text()+"&number="+$('#ArtNoNum').val(),
                success: function(layero, index){
                }
            });
        }

        //货号点击弹出窗口传值--只有编辑
        function x_admin_show_edit (obj) {
            if(jgs_True()){
                return
            }
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['1300px', '600px'],
                content:  '/admin/go_kc?jgs='+$("select[name='jgs']").find("option:selected").text()+"&number="+$('#ArtNoNum').val(),
                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{
                    }
                }
            }
        })
            let ids=""

        //执行
        function do_purchase(id){
            if(jgs_True()){
                return
            }
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/doOutsource/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        $('#hiddenSubmitButton').trigger('click');
                        //发异步把用户状态进行更改


                            ids=res.data.id;


                    } else {

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

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

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

                    } else {

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

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

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

                        } else {

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

        //撤销结束
        function back_over(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backpurOver/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.reload()


                        });

                    } else {

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

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

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


                        });

                    } else {

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

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

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


                        });

                    } else {

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


        /*表格-tr-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                layer.close(index);
                cargoTitleObj()
            });
        }
        var flag = true;
        //输入货号事件传input给后台
        function getVal(e) {
            if(flag) {
                flag = false;
                var _val = $(e).val();
                //传一个hidden的input
                var Html = '';
                Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
                $(e).append(Html);
                $.get("/admin/normswareSearch?number=" + _val, (res) => {
                    flag = true;
                    if(cargoTitleObjVal[_val+res.data.normVals] === '1'){
                        layer.msg(`${_val}货号${res.data.normVals}规格的商品已存在`);
                        $(e).val('')
                        cargoTitleObj()
                        return
                    }
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        //把值铺到页面

                        //填充数据一行tr
                        var html = '';
                        html += '<tr class="info_tr">'
                        html += ' <td class="num"></td>'
                        html += '  <td class="td_padd">'
                        html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="'+res.data.number+'" onchange="changeVal(this)">'
                        html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                        html += ' </td>'
                        html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data.number+'" class="num_val">'

                        html += '<td class="layui-btn-disabled num">'+res.data.store+'<input type="hidden" name="num['+cnt+']" value="'+res.data.store+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                        html += '<td class="td_padd td_width2 batch"><input type="text" name="batch['+cnt+']" value="'+res.data.batch+'" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>'
                        html += ' <td class="td_padd td_width2 reel"><input type="text" name="reel['+cnt+']" value="'+res.data.reel+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                        html += '<td class="td_padd td_width2 reel_detail"><input type="text" name="reel_detail['+cnt+']" value="'+res.data.reel_detail+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                        html += '<td class="layui-btn-disabled warehouse">'+res.data.warehouse+'<input type="hidden" name="warehouse['+cnt+']" value="'+res.data.warehouse+'"  autocomplete="off" placeholder="" class="layui-input" ></td>'
                        html += '<td class="layui-btn-disabled unit">'+res.data.unit+'<input type="hidden" name="unit['+cnt+']" value="'+res.data.unit+'"  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">删除</div>'
                        html += '   </a> '
                        // html += '<div class="layui-btn" onclick="management_info(this.parentNode.parentNode)" ><i class="layui-icon">&#xe64c;</i></div>'
                        html += '  </td>'
                        html += "</tr>"
                        cnt++;
                        $('.addTr').before(html);
                        $('.addTr').find('td').eq(1).find('input').val('');
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        });
                        cargoTitleObj()
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            }
        }
        //编辑货号是输入方式
        function changeVal(e) {
            var _val = $(e).val()
            console.log(e)
            var flag = true;
            //传一个hidden的input
            var Html = '';
            Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
            $(e).append(Html);
            if(flag) {
                flag = false;
                $.get("/admin/normswareSearch?number=" + _val, function (res) {
                    if(cargoTitleObjVal[_val+res.data.normVals] === '1'){
                        layer.msg(`${_val}货号${res.data.normVals}规格的商品已存在`);
                        $(e.parentNode.parentNode).remove();
                        cargoTitleObj()
                        return
                    }
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            //把值铺到页面
                            //console.log(res.data)
                            var curObj = $(e).parent().parent();
                            // curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            // curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            // curObj.find('.info_name').html(res.data.name);//替换已存在的名称
                            // supplier_xhIf(curObj,res.data.supplier_xh,null)
                            // // curObj.find('.size').removeClass("layui-btn-disabled")
                            // curObj.find('.size').html(res.data.normVals);//替换已存在的规格
                            // curObj.find('.num').children('input').val('');//替换已存在的数量
                            // curObj.find('.unit').html(res.data.unit);//替换已存在的计量单位
                            curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            // supplier_xhIf(curObj,name_number,'')
                            curObj.find('.num').contents().filter(function() {
                                // 过滤掉 input 元素节点，保留文本节点
                                return this.nodeType === 3;  // nodeType === 3 表示文本节点
                            }).replaceWith(res.data.store);
                            curObj.find('.num input').val(res.data.store);//替换已存在的数量
                            curObj.find('batch input').val(res.data.batch);//替换已存在的批次
                            curObj.find('.reel input').val(res.data.reel);//替换已存在的卷号
                            curObj.find('.reel_detail input').val(res.data.reel_detail);//替换已存在的卷号描述
                            curObj.find('.warehouse').contents().filter(function() {
                                // 过滤掉 input 元素节点，保留文本节点
                                return this.nodeType === 3;  // nodeType === 3 表示文本节点
                            }).replaceWith(res.data.warehouse);
                            curObj.find('.warehouse input').val(res.data.warehouse);//替换已存在的仓库
                            curObj.find('.unit').contents().filter(function() {
                                // 过滤掉 input 元素节点，保留文本节点
                                return this.nodeType === 3;  // nodeType === 3 表示文本节点
                            }).replaceWith(res.data.unit);
                            curObj.find('unit input').val(res.data.unit);//替换已存在的单位
                            cargoTitleObj()
                        });
                    } else {

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


        /**
         * 入库添加明细  点击放大镜回调事件
         * 入库添加明细  点击放大镜回调事件
         * @param e 当前行
         * @param curObj 修改时为当前行，新增是为空
         * @param cnt 序号
         */
        function change_norm(e,curObj,cnt) {
            //console.log(curObj);
            var num_cargo = e.find('td').eq(0).html();//货号
            var name_cargo = e.find('td').eq(1).html();//名称
            var spec = e.find('td').eq(2).html();//规格
            var batch = e.find('td').eq(3).html();//是否启用批次
            var reel = e.find('td').eq(4).html();//是否启用卷号
            var reDetail = e.find('td').eq(5).html();//卷号描述
            var unit = e.find('td').eq(6).html();//卷号描述
            // console.log(unit);
            if(curObj) {//判断this的父级tr的值是否为空
                var batchRe = curObj.find('td').eq(6).children('input');
                var reelRe = curObj.find('td').eq(7).children('input');
                brIsShowSSS(batch == '是',reel == '是',curObj);
                curObj.find("input[name=cargoTitle]").val(num_cargo);//替换已存在的货号
                curObj.find(".num_val").val(num_cargo);//替换隐藏input已存在的货号
                curObj.find('.info_name').html(name_cargo);//替换已存在的名称
                curObj.find('.size').html(spec);//替换已存在的规格
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
                curObj.find('td').eq(7).children('input').val('');//替换已存在的批次
                curObj.find('td').eq(8).children('input').val('');//替换已存在的卷号
                curObj.find('td').eq(9).html(reDetail);//替换已存在的卷号描述
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                html += ' <td class="num"></td>'
                html += '  <td class="td_padd">'
                html += ' <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="'+num_cargo+'" onchange="changeVal(this)">'
                html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                html += ' </td>'
                html += '<td class="td_padd td_width2 supplier_xh"><input type="text" name="supplier_xh['+cnt+']" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo"></td>'
                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 += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                html += '  <td class="layui-btn-disabled unit">'+unit+'</td>'
                html += '  <td class="td_padd td_width2"><input type="text" name="batch['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_batch" value="" onchange="batchNum(this)">'//批次
                html += ' <input type="hidden" name="batchNum[]" value=""></td>'
                html += ' <td class="td_padd td_width2"><input type="text" name="reel['+cnt+']" lay-verify="" autocomplete="off" placeholder="" class="layui-input td_input_volume td_reel" value="" onchange="reelNum(this)"></td>'//卷号
                html += ' <input type="hidden" name="reelNum[]" value=""></td>'
                html += ' <td>'+reDetail+'</td>'
                html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                html += ' <div class="layui-btn">删除</div>'
                html += '   </a> '
                html += '  </td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
                //新增一行判断是否启用
                var _this = $('#x-img').children('tr').eq(-2);
                brIsShowSSS(batch == '是',reel == '是',_this);
            }
            layer.closeAll();
            return cnt;
        }
    </script>

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