@extends('layouts.father')
@section('style')
@endsection
@section('title', '生产订单详情')
<style>
    .info_tr td:nth-child(2){
        display: flex;
    }
    .div-span{
        margin-left: 30px;
    }
    .size{
        width: 600px;
    }
    .info_name{
        width: 100px;
    }
</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="" style="display: flex;justify-content: space-between">
                    <div class="find_id" style="width: 80%">
                        <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:{{$pro->status}}</span>
                        <div class="putIn">
                            <div id="putIn" class="inPut">
                                @if($pro->over == '未结束')
                                    @if($pro->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>
                                        <a class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销</a>
                                    @elseif($pro->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="aboutList()" href="javascript:void(0)"><div class="layui-btn aboutList"><i class="layui-icon"></i>  整单关联</div></a>
                                            <a onclick="make_out({{$id}})" href="javascript:void(0)"><div class="layui-btn"><i class="layui-icon">&#xe608;</i>  领料出库</div></a>
                                            <a onclick="make_vouch({{$id}}+'','生产返料入库'+'')" href="javascript:void(0)"><div class="layui-btn"><i class="layui-icon">&#xe608;</i>  反料入库</div></a>
                                            <a onclick="make_vouch({{$id}}+'','产成品入库'+'')" href="javascript:void(0)"><div class="layui-btn"><i class="layui-icon">&#xe608;</i>  产成品入库</div></a>
                                        </div>
                                    @endif
                                        <a onclick="do_over({{$id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  结束</div></a>
                                @elseif($pro->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>

                                @endif
                            </div>
                        </div>
                    </div>
                    @if($pro->over != '已结束')
                    <div class="operation" >
                        <button class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</button>
                        <div class="layui-btn" onclick="del_out({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                        <div class="layui-btn importBom"><i class="layui-icon"></i>导入</div>
                    </div>
                    @endif
                </xblock>
                <div class="info_container ">
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align: left">生产订单编号:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="pro_num" value="{{$pro->pro_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="{{$pro->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="type" lay-verify="required">
                                            @if(isset($pro->type) && $pro->type != '')
                                                <option value="{{$pro->type}}">{{$pro->type}}</option>
                                            @else
                                                <option value="现货生产">现货生产</option>
                                            @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-block">
                                        <input type="text" id="test1" name="begin_time"  value="{{$pro->begin_time}}" lay-verify="" autocomplete="off" placeholder="" class="layui-input li_input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span class="x-red"></span>完工时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" id="test2" name="end_time"  value="{{$pro->end_time}}" lay-verify="" autocomplete="off" placeholder="" class="layui-input li_input">
                                </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="partment" lay-verify="required">
                                            <option value="一厂" @if($pro->partment == '一厂') selected @endif>一厂</option>
                                            <option value="二厂" @if($pro->partment == '二厂') selected @endif>二厂</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$pro->arranger}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="creater" value="{{$pro->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="{{$pro->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="affirm_time" value="{{$pro->affirm_time}}" 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-md12">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="remark" value="{{$pro->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input class="pro_id"  type="hidden" name="pro_id" value="{{$id}}">
                    <div>
                        <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                        {{--<a title="打印工程卡" onclick="all_dy_gck()" href="javascript:void(0);">
                            <div class="layui-btn">打印工程卡</div>
                        </a>--}}
                        {{--<a onclick="all_dy_gck_zz()" href="javascript:void(0);">
                            <div class="layui-btn">打印工程卡（纸质）</div>
                        </a>
                        <a onclick="all_dy_gck_zzs(1)" href="javascript:void(0);">
                            <div class="layui-btn">打印工程卡（纸质二版）</div>
                        </a>--}}
                        <a onclick="dayinCode()" href="javascript:void(0);" class="proinfo-print">
                            <div class="layui-btn">打印明细码</div></a>
                        <a onclick="all_dy_gck_zzs(3)" href="javascript:void(0);" class="proinfo-print">
                            <div class="layui-btn">打印工程卡（纸质四版）</div>
                        </a>
                        <a onclick="all_dy_gck_zzs(4)" href="javascript:void(0);" class="proinfo-print">
                            <div class="layui-btn">打印工程卡（纸质五版）</div>
                        </a>
                        <span class="div-span">入库成品所需用料量：{{$pro->should_num}}</span>
                        <span class="div-span">实际领料量合计：{{$pro->real_num}}</span>
                        <span class="div-span">实际返料量合计：{{$pro->realf_num}}</span>
                        <span class="div-span">损耗：{{$pro->real_num - $pro->should_num - $pro->realf_num}}</span>
                    </div>
                </div>
                <table class="layui-table">
                    <thead>
                    <tr class="tr_head">
                        <th>选择</th>
                        <th>序号</th>
                        <th style="width: 220px;">货号</th>
                        <th>产品名称</th>
                        <th>规格(打印工程卡请带括号)</th>
                        <th>数量</th>
                        {{--<th>未入库数</th>--}}
                        <th>计量单位</th>
                        <th>操作</th>
                    </tr>
                    @if(!empty($pro_detail))
                        @foreach($pro_detail as $key=>$v)
                            <tr class="info_tr">
                                <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>
                                <td class="num">{{$key+1}}</td>
                                <td class="td_padd">
                                    <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input" value="{{$v['number']}}" onchange="changeVal(this)">
                                    <div class="layui-btn cargo_btn" style="margin-left: 0" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <input type="hidden" name="pro_ids" value="{{$v['id']}}">
                                <input type="hidden" name="pro_idss[{{$key}}]" value="{{$v['id']}}">
                                <td class="layui-btn-disabled info_name" >{{$v['name']}}</td>
                                <td class="td_padd td_width2 size"><input type="text" name="size[{{$key}}]" value="{{$v['size']}}" class="layui-input" style="width: 600px" ></td>
                                <input type="hidden" name="number[{{$key}}]" value="{{$v['number']}}" class="num_val">
                                <td class="td_padd td_width2 num"><input type="number" name="num[{{$key}}]" value="{{$v['num']}}" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                                {{--<td class="num">{{$v['no_vouch']}}</td>--}}
                                <td class="layui-btn-disabled unit">{{$v['unit']}}</td>
                                <td class="td-manage" style="padding: 0px">
                                    <a title="删除" onclick="normsType_del(this)" href="javascript:void(0);">
                                        <div class="layui-btn">删除</div>
                                    </a>
                                    @if(isset($v['id']))
                                    <a title="打印工程卡" onclick="x_admin_show('打印工程卡','/admin/engInfo?id={{$pro->id}}&pid={{$v['id']}}')" href="javascript:void(0);">
                                        <div class="layui-btn">打印工程卡</div>
                                    </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </thead>
                    <tbody id="x-img">
                    <div class="intr"></div>
                    <tr class="info_tr addTr">
                        <td class="td_padd checkboxId selectTddata" style="width: 60px;text-align: center"></td>
                        <td></td>
                        <td class="td_padd">
                            <input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle repeat_cargo" onchange="getVal(this)">
                            <div class="layui-btn cargo_btn addClick" style="margin-left: 10px" onclick="x_admin_shows(this)"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <td class="layui-btn-disabled info_name"></td>
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd td_width2"><input type="number" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" min="1"></td>
                        {{--<td class="num"></td>--}}
                        <td class="layui-btn-disabled"></td>
                        <td class="td-manage" style="padding: 0 10px;">
                            <a title="删除" href="javascript:;" class="">
                                <div class="layui-btn">删除</div>
                            </a>
                            {{--<a title="打印工程卡" href="javascript:;" class="">
                                <div class="layui-btn">打印工程卡</div>
                            </a>--}}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
    <script>
        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 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>'
                            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 layui-btn-disabled repeat_cargo" value="'+res.data[i].number+'" onchange="changeVal(this)">'
                            html += ' <div class="layui-btn cargo_btn" onclick="x_admin_show_edit(this)"><i class="layui-icon">&#xe615;</i></div>'
                            html += ' </td>'
                            html += ' <td class="layui-btn-disabled info_name" >'+res.data[i].name+'</td>'
                            html += ' <td class="size">'+res.data[i].normVals+'</td>'
                            html += `<input type="hidden" name="size[${cnt}]" value="${res.data[i].normVals}">`
                            html += ' <input type="hidden" name="number['+cnt+']" value="'+res.data[i].number+'" class="num_val">'
                            html += '  <td class="td_padd td_width2 num"><input type="number" name="num['+cnt+']" lay-verify="num" value="'+res.data[i].num+'" autocomplete="off" placeholder="" class="layui-input" min="1"></td>'
                            html += '  <td class="layui-btn-disabled unit">'+res.data[i].unit+'</td>'
                            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 += `<a title="打印工程卡" href="javascript:void(0);">`
                            html += '<div class="layui-btn layui-btn-disabled">打印工程卡</div>'
                            html += '</a>'
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $(".layui-table tbody").prepend(html);
                            //common(判断批次，货号是否公用方法)
                        }
                        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
                }
            });
        })
        if($("[name='type']")[0].value !== '现货生产'){
            $('.proinfo-print').hide()
        }
        //全选方法，选中的不打印
        var dayAll = false
        var dayAllNum = 0
        var numberAll = []
        function all_dy_gck(){
            numberAll = []
            if(dayAll){
                $('thead .info_tr').each(function () {
                    if($(this).find('.selectTd')[0].checked === false){
                        numberAll.push($(this).find("input[name=cargoTitle]").val())
                    }
                })
                x_admin_show('打印工程卡',`/admin/engInfos?id={{$pro->id}}&nody=${numberAll.join(',')}`)
            }else {
                layer.alert('请选择要打印的单据', {icon: 5})
            }
        }


        function dayinCode(){
          // 打印明细码
          let numberAll = []
          if(dayAll){
            $('thead .info_tr').each(function () {
              if($(this).find('.selectTd')[0].checked === true){
                numberAll.push($(this).find("input[name=pro_ids]").val())
              }
            })
          }

          x_admin_show("打印明细码" , `/admin/threePro?id=${numberAll.join(',')}`)

        }



        function all_dy_gck_zz(){
            numberAll = []
            if(dayAll){
                $('thead .info_tr').each(function () {
                    if($(this).find('.selectTd')[0].checked === false){
                        numberAll.push($(this).find("input[name=cargoTitle]").val())
                    }
                })
                x_admin_show('打印工程卡',`/admin/engInfos?id={{$pro->id}}&type=1&nody=${numberAll.join(',')}`)
            }else {
                layer.alert('请选择要打印的单据', {icon: 5})
            }
        }
        function all_dy_gck_zzs(idd){
            numberAll = []
            if(dayAll){
                $('thead .info_tr').each(function () {
                    if($(this).find('.selectTd')[0].checked === false){
                        numberAll.push($(this).find("input[name=cargoTitle]").val())
                    }
                })
                if(idd === 1){
                    x_admin_show('打印工程卡',`/admin/engInfoss?id={{$pro->id}}&type=1&nody=${numberAll.join(',')}`)
                }else if(idd === 2){
                    x_admin_show('打印工程卡',`/admin/threePro?id={{$pro->id}}&type=2&nody=${numberAll.join(',')}`)
                }else if(idd === 3){
                    numberAll = []
                    $('thead .info_tr').each(function () {
                        if($(this).find('.selectTd')[0].checked === true){
                            numberAll.push($(this).find("input[name=pro_ids]").val())
                        }
                    })
                    x_admin_show('打印工程卡',`/admin/prodayinFour?id=${numberAll.join(',')}`)
                }else if(idd === 4){
                    numberAll = []
                    $('thead .info_tr').each(function () {
                        if($(this).find('.selectTd')[0].checked === true){
                            numberAll.push($(this).find("input[name=pro_ids]").val())
                        }
                    })
                    let url = '<div style="padding: 20px;display: flex;justify-content: space-between">' +
                        `<div class="layui-btn" onclick="gck_print_five_go('${numberAll}','数量')">第五版工程卡按数量打印</div>` +
                        `<div class="layui-btn" onclick="gck_print_five_go('${numberAll}','行')">第五版工程卡按行打印</div>` +
                        '</div>'
                    layer.open({
                        type: 1,
                        title: '第五版工程卡'
                        ,content: url,
                        area: ['420px', '180px'] //宽高
                    });
                    // x_admin_show('打印工程卡',`/admin/prodayinFive?id=${numberAll.join(',')}`)

                }
            }else {
                layer.alert('请选择要打印的单据', {icon: 5})
            }
        }


        function gck_print_five_go(data,type) {

            if(type === '数量'){
                layer.open({
                    type: 2,
                    shade: false,
                    area: ['1000px','750px'],
                    maxmin: true,
                    content: `/admin/prodayinFive?id=${data}`
                });
            }else {
                layer.open({
                    type: 2,
                    shade: false,
                    area: ['1000px','750px'],
                    maxmin: true,
                    content: `/admin/prodayinFive?type=2&id=${data}`
                });
            }
        }

        //监听提交
        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;

            //全选
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAll = true
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    dayAll = false
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            });
            form.on('checkbox(selectTd)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAllNum ++
                    dayAll = true
                } else {
                    dayAllNum --
                    if(dayAllNum === 0){
                        dayAll = false
                    }
                }
            })
            //监听提交
            form.on('submit(addd)', function(data){
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=pro_id]").val()
                if(id == ''){
                    url = "/admin/proInfo";
                }else{
                    url = "/admin/proEdit";
                }
                //发异步，把数据提交给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/proInfo?id='+res.data.id;
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                }, "json");
                return false;
            });
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;

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

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

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

        function father(e) {
            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 unit = e.find('td').eq(6).html();//单位
            if(cargoTitleObjVal[num_cargo+spec] === '1'){
                layer.msg(`${num_cargo+ spec}货号已存在`);
                return
            }
            cargoTitleObjVal[num_cargo + spec] = '1'
            if(curObj) {//判断this的父级tr的值是否为空
                curObj.find(".num_val").val(num_cargo);//替换隐藏input已存在的货号
                curObj.find("input[name=cargoTitle]").val(num_cargo);//替换已存在的货号
                curObj.find('.info_name').html(name_cargo);//替换已存在的名称
                curObj.find('.size').html(spec);//替换已存在的规格
                curObj.find('.num').children('input').val('');//替换已存在的数量
                curObj.find('.unit').html(unit);//替换已存在的计量单位
            } else {
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr">'
                html += '<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>'
                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="layui-btn-disabled info_name" >'+name_cargo+'</td>'
                html += ' <td class="layui-btn-disabled size"><input type="text" name="size['+cnt+']" value="'+spec+'" class="layui-input" style="width: 600px" ></td>'
                html += ' <input type="hidden" name="number['+cnt+']" value="'+num_cargo+'" 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 unit">'+unit+'</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 += '  <a title="打印工程卡"  href="javascript:;">'
                html += ' <div class="layui-btn">打印工程卡</div>'
                html += '   </a> '
                html += '  </td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
            }
            layer.closeAll();
            cargoTitleObj()
        }
        //货号点击弹出窗口传值
        function x_admin_shows (obj) {
            curObj = "";
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/acDetail_cargo',
                success: function(layero, index){

                }

            });


        }

        //货号点击弹出窗口传值--只有编辑
        function x_admin_show_edit (obj) {
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/acDetail_cargo',
                success: function(layero, index){

                }

            });
        }
        //表格序号处理
        function num_tr() {
            var num_l = $('#x-img').find('tr').length;
            for (var i = 0; i < num_l; i++) {
                $('#x-img').find('tr').children('td').eq(0).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 do_out(id){
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/doPro/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            /*$('.inPut').hide();
                            $("input[name=affirm_time]").val(res.data.affirm_time);
                            $("input[name=arranger]").val(res.data.arranger);
                            var htmls = '';
                            htmls += '<div class="inPuts">'
                            htmls += '<div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  执行</div>'
                            htmls += '<a onclick="back_out('+res.data.id+')" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销执行</div></a>'
                            htmls += '</div>'
                            $('.find_id').before(htmls);*/
                            location.href = '/admin/proInfo?id='+res.data.id;

                        });

                    } else {

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

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

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

                        });

                    } else {

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

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

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

                        });

                    } else {

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


        //整单关联
        function aboutList(){
            var url = "";
            url += '<div style="margin: 20px;">'
            @if(!empty($order))
                    @foreach($order as $r)
                url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label">上游单据:</label><label class="layui-form-label" style="width: 40px;padding-left: 0">订单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px">'
            url += '<a onclick=\'go_url_childes("订单","/admin/orderDetail/{{$r->id}}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{$r->order_number}}</div></a>'
            url += '</div>'
            url += '<div style="border: 0.5px solid #000000;width: 100%;margin: 15px 0"></div>'
            @endforeach
                    @endif
            //上面是上游单据 下面是下游单据
            url += '<div style="display: flex;flex-wrap: wrap">'
            @if(!empty($chuku) || !empty($ruku)){
            url += '<label class="layui-form-label">下游单据:</label>'
            }
            @endif
            @if(!empty($chuku))
                    @foreach($chuku as $r)
                url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label" style="width: 50px;padding-left: 0">出库单:</label>'
            url += '<div class="layui-input-block" style="margin-bottom: 10px;margin-left: 80px">'
            url += '<a onclick=\'go_url_childes("出库单","/admin/outboundAdd?id={{$r->id}}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{$r->out_num}}</div></a>'
            url += '</div>'
            @endforeach
                    @endif
                    @if(!empty($ruku))
                    @foreach($ruku as $r)
                url += '<div class="layui-form-item" >'
            url += '<label class="layui-form-label" style="width: 50px;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={{$r->id}}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{$r->godown_num}}</div></a>'
            url += '</div>'
            url += '</div>'
            @endforeach
                    @endif
                url += '</div>'
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: url
            });
        }


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

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            // $('.inPut').hide();
                            // $('.inPuts').hide();
                            // $("input[name=affirm_time]").val('');
                            // $("input[name=arranger]").val(res.data.arranger);
                            // var html = '';
                            // html += '<div class="inPut">'
                            // html += '<a onclick="do_out('+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/proInfo?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        /*生产订单-删除*/
        function del_out(id){
            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成生产单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/proDel/" + 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});
                        }
                    });
                }
            });
        }
        /*表格-tr-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                layer.close(index);
                cargoTitleObj()
            });
        }
        //输入货号事件传input给后台
        function getVal(e) {
            var _val = $(e).val();
            var flag = true;
            //传一个hidden的input
            var Html = '';
            Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
            $(e).append(Html);
            if(flag) {
                flag = false;
                $.get("/admin/normSearch/" + _val, function (res) {
                    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="td_padd checkboxId selectTddata" style="width: 60px;text-align: center"><input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd"></td>'
                            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 += ' <td class="layui-btn-disabled info_name" >'+res.data.name+'</td>'
                            html += ' <td class="layui-btn-disabled size"><input type="text" name="size['+cnt+']" value="'+res.data.normVals+'" class="layui-input" style="width: 600px" ></td>'
                            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="num"></td>'
                            html += '  <td class="layui-btn-disabled unit">'+res.data.unit+'</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 += '  <a title="打印工程卡"  href="javascript:;">'
                            html += ' <div class="layui-btn">打印工程卡</div>'
                            html += '   </a> '
                            html += '  </td>'
                            html += "</tr>"
                            cnt++;
                            $('.addTr').before(html);
                            $('.addTr').find('td').eq(1).find('input').val('');
                            //新增一行判断是否启用
                        $(e).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();
            var flag = true;
            //传一个hidden的input
            var Html = '';
            Html += ' <input type="hidden" name="getVal[]" value="'+_val+'">';
            $(e).append(Html);
            if(flag) {
                $.get("/admin/normSearch/" + _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 () {
                            //把值铺到页面
                            var curObj = $(e).parent().parent();
                            curObj.find(".num_val").val(res.data.number);//替换隐藏input已存在的货号
                            curObj.find("input[name=cargoTitle]").val(res.data.number);//替换已存在的货号
                            curObj.find('.info_name').html(res.data.name);//替换已存在的名称
                            curObj.find('.size').html(res.data.normVals);//替换已存在的规格
                            curObj.find('.num').children('input').val('');//替换已存在的数量
                            curObj.find('.unit').html(res.data.unit);//替换已存在的计量单位
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                    cargoTitleObj()
                });
            }
        }
        function engInfo(id,pid){
                if(id == undefined){
                    layer.msg('未生成生产单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/engInfo?id=" + id+"&pid="+pid, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

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

                            });

                        } else {

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

        /*创建领料出库单*/
        function make_out(id){
            if(id === undefined) {
                layer.msg('未生成生产单', {icon: 6, time: 1000});
            }
            var url = "/admin/makeOuts/"
            var gourlHead = '/admin/outboundAdd?id='
            del_out_index(id,url,gourlHead)

        }

        /*创建返料入库单*/
        function make_vouch(id,type){
            if(id === undefined) {
                layer.msg('未生成生产单', {icon: 6, time: 1000});
            }
            if(type === '产成品入库'){
                url = '/admin/makeVouchs/'
            }else{
                url = '/admin/makeVouch/'
            }
            var gourlHead = '/admin/vouchAdd?id='
            del_out_index(id,url,gourlHead)

        }
    </script>
    <style>
        #putIn{
            display: flex;
        }
    </style>
    <script type="text/javascript" src="/js/addjs.js"></script>
    {{--<link rel="stylesheet" href="/css/tableContentRoll.css">--}}
@endsection