@extends('layouts.father')
@section('title', '布料生产计划单详情')
<style>
    .info_tr td:nth-child(2){
        display: flex;
    }
    .inputSousuo{
        position: absolute;
        width: 150px;
    }
    .tdbtn{
        margin: 0;
        position: absolute;
        right: 0;
    }
    .td_input_volume{
        padding-right: 60px;
    }
</style>
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">生产管理</a>
        <a>
          <cite>布料生产计划单</cite></a>
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form" onkeydown="">
                {{csrf_field()}}
                <input type="hidden" name="planproid" value="{{$id}}">
                <input type="hidden" name="plan_num" value="{{$planpro->plan_num}}">
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:{{$planpro->status}}</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut">
                            @if($planpro->status == '未执行')
                                <a onclick="do_planpro({{$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($planpro->status == '已执行')
                                <div class="inputs">
                                    <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  确认执行</div>
                                    <a onclick="back_planpro({{$id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
                                    <a  onclick="x_admin_show('创建单条模式生产订单','/admin/do_dan/{{$id}}')" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe608;</i>  创建单条模式生产订单</div></a>
                                    {{--<a onclick="aboutList()" href="javascript:void(0)" style="margin-left: 1px;"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>整单关联</div></a>--}}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="operation" style="float: right;margin-right: 212px">
                        <div class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</div>
                        {{--<div class="layui-btn" onclick="del_out()"><i class="layui-icon">&#xe640;</i>  删除</div>--}}
                        {{--<div class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</div>--}}
                        <div class="layui-btn" onclick="del_planpro({{$id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                    </div>
                </xblock>
                <div id="reel-table">
                    <table class="layui-table" lay-size="sm" style="width: 50%">
                        <thead>
                            <tr class="tr_head">
                                <th style="width: 240px;">坯布卷号</th>
                                <th style="width: 100px">货号</th>
                                <th style="width: 100px">现存量</th>
                            </tr>
                        </thead>
                        <tbody id="x-img">
                        {{--@if(!empty($allot_detail))--}}
                            {{--@foreach($allot_detail as $key=>$v)--}}
                            <tr class="info_tr addTr">
                                <td class="td_padd td_width2">
                                    <input type="text" value="{{$planpro->reel}}" name="reel" id="reel-ArtNoNum" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle reel-repeat_cargo">
                                    <div class="layui-btn cargo_btn addClick" onclick="x_admin_shows(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <td class="reel-info-name td_padd" >
                                    <input type="text" value="{{$planpro->number}}" name="reel_number" id="reel-number" lay-verify="title" autocomplete="off" placeholder="" class="layui-input layui-btn-disabled" disabled="disabled">

                                </td>
                                <td class="reel-count td_padd">
                                    <input type="text" value="{{$planpro->store}}" name="store" lay-verify="title" autocomplete="off" placeholder="" class="layui-input ">
                                </td>
                            </tr>
                        {{--@endforeach--}}
                        {{--@endif--}}
                           {{-- <tr class="info_tr addTr">
                                <td class="num"></td>
                                <td class="td_padd td_width2">
                                    <input type="text"  name="reel-cargoTitle" id="reel-ArtNoNum" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle reel-repeat_cargo">
                                    <div class="layui-btn cargo_btn addClick" onclick="x_admin_show(this)"><i class="layui-icon">&#xe615;</i></div>
                                </td>
                                <td class="reel-info-name"></td>
                                <td class="reel-count"></td>
                            </tr>--}}
                        </tbody>
                    </table>
                </div>
                <div class="table">
                    <div style="display: flex;align-items: center">
                        <span>根据物料清单，计划所需米数为：</span>
                        <input class="layui-input layui-btn-disabled" id="planmi" name="planmi" style="width: auto;height: 25px" disabled="disabled" value="{{$planpro->planmi}}"/>
                        <span>，裁剪后剩余米数为：</span>
                        <span id="count-value">{{$planpro->store-$planpro->planmi}}</span>
                        <div class="layui-btn" onclick="all_number()">计算</div>
                    </div>
                    <div class="layui-btn" onclick="x_admin_show_number()">查询母件</div>
                    <table class="layui-table"lay-size="sm">
                        <thead>
                            <tr class="tr_head">
                                <th style="width: 150px">序号</th>
                                <th style="width: 120px">货号</th>
                                <th style="width: 150px">产品名称</th>
                                <th style="width: 600px">规格</th>
                                <th>数量</th>
                                <th style="width: 150px">操作</th>
                            </tr>
                        @if(!empty($planpro_detail))
                            @foreach($planpro_detail as $key=>$v)
                                <tr class="info_tr table-mx">
                                    <td class="num">{{$key+1}}</td>
                                    <td class="td_padd td_width2 number">
                                        <input type="text" name="cargoTitle" lay-verify="title" disabled="disabled" autocomplete="off" placeholder="" class="layui-input td_input layui-btn-disabled" value="{{$v['number']}}">
                                    </td>
                                    <td class="info_name" >{{$v['name']}}</td>
                                    <input type="hidden" name="name[]" value="{{$v['name']}}">
                                    <input type="hidden" name="size[]" value="{{$v['size']}}">
                                    <td class="size">{{$v['size']}}</td>
                                    <input type="hidden" name="number[]" value="{{$v['number']}}" class="num_val">
                                    <td class="td_padd td_width2 nums"><input type="number" name="num[]" value="{{$v['num']}}" lay-verify="num" autocomplete="off" placeholder="" class="layui-input" ></td>
                                    <td class="td-manage" style="padding: 0px;padding-left: 10px">
                                        <a title="删除" onclick="normsType_del(this)" href="javascript:;">
                                            <div class="layui-btn">删除</div>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </thead>
                        <tbody id="x-img">
                        <div class="intr"></div>
                        <tr class="info_tr planpro">
                            <td></td>
                            <td class="td_padd td_width2 number">
                                <input type="text"  name="cargoTitle" id="ArtNoNum" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle repeat_cargo">
                            </td>
                            <td class="info_name"></td>
                            <td class="size"></td>
                            <td class="td_padd td_width2 num"><input type="number" name="title" id="input1" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" min="1"></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>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script>
        var info_tr_obj = {}
        function all_mx (){
            $('.table-mx').each(function () {
                info_tr_obj[$(this).find('.number').children('input').val() + $(this).find('.size').html()] = ''
            })
        }
        all_mx()
        //计算
        function all_number(){
            let all_number_obj = {}
            all_number_obj['reel_number'] = $('#reel-number').val()
            all_number_obj['table_number'] = table_all_number()
            all_number_obj['_token'] = $("input[name=_token]").val(),
            $.post("/admin/planMi",all_number_obj, function (res) {
                $('#planmi').val(res.data)
                $('#count-value')[0].innerText = Number($('input[name=store]').val()) - res.data
            });
        }
        function table_all_number(){
            let number_data = {}
            let num = 0
            $('.table-mx').each(function () {
                number_data[num] = [$(this).find('.number').children('input').val(),$(this).find('.nums').children('input').val()]
                num++
            })
            return number_data
        }
        //监听提交
        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;
            form.verify({
                noChinese: function(value, item){ //value：表单的值、item：表单的DOM对象
                    if(/[\u4E00-\u9FA5]/.test(value)){
                        return '批次或卷号请输入数字或英文';
                    }
                }
            });
            //货位是否开启
            form.on('select(required)',function (data) {
            })
            //监听提交
            form.on('submit(addd)', function(data){
                if(data.field['name[0]'] === undefined){
                    layer.closeAll();
                    layer.alert('明细不能为空', {icon: 5});
                    return
                }
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=planproid]").val()
                if(id == ''){
                    url = "/admin/planproAdd";
                }else{
                    url = "/admin/planproEdit";
                }
                //发异步，把数据提交给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/planproAdd?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: '#start' //指定元素
            });

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

        var cnt = +'';// 编辑

        /* 子组件回调方法 */
        function father_two(e) {
            $('#reel-ArtNoNum').val(e.find('.reel').text());
            $(curObj).find(".reel-info-name").children('input').val(e.find('.reel-number').text());
            $(curObj).find('.reel-count').children('input').val(e.find('.reel-count').text());
            layer.closeAll();
        }
        function father(e) {
            for (let i in e){
                if(info_tr_obj[e[i][0] + e[i][1]] === ''){
                    continue
                }
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr php_tr table-mx">'
                html += `<td class="num"></td>`
                html += '  <td class="td_padd number">'
                html += `<input type="text" name="cargoTitle" lay-verify="title" disabled="disabled" autocomplete="off" placeholder="" class="layui-input layui-btn-disabled td_input repeat_cargo" value="${e[i][0]}" onchange="">`
                html += ' </td>'
                html += `<input type="hidden" name="number[]" value="${e[i][0]}" class="num_val">`
                html += `<td class="info_name" >${e[i][2]}</td>`
                html += `<input type="hidden" name="name[]" value="${e[i][2]}" class="name">`
                html += `<td class="size" >${e[i][1]}</td>`
                html += `<input type="hidden" name="size[]" value="${e[i][1]}" class="size">`
                html += `<td class="td_padd td_width2 nums"><input type="number" name="num[]" value="" lay-verify="num" 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 += '  </td>'
                html += "</tr>"
                cnt++;
                $('.planpro').before(html);
            }
            layer.closeAll();
            all_mx()
        }
        //卷号点击弹出窗口传值
        function x_admin_shows (obj) {
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/planproAdd_cargo',
                success: function(layero, index){
                }
            });
        }

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

        //货号点击弹出窗口传值
        function x_admin_show_number (obj) {
            curObj = "";
            let number_val = $('#reel-number').val()
            console.log(number_val)
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/planproReel_cargo?number='+number_val,
                success: function(layero, index){
                    //铺值
                }
            });
        }

        //货号点击弹出窗口传值--只有编辑
        function x_admin_show_edit_number (obj) {
            curObj = $(obj).parent().parent();
            layer.open({
                type: 2,
                area: ['900px', '650px'],
                content: '/admin/planproReel_cargo',
                success: function(layero, index){
                }
            });
        }
        //表格序号处理
        function num_tr() {
            var num_l = $('#x-img').find('tr').length;
            console.log(num_l)
            for (var i = 0; i < num_l; i++) {
                $('#x-img').find('tr').children('td').eq(0).prepend(' + (i + 1) + ');
            }
        }
        //货号输入判重
        $('.td_batch').change(function () {
            var lg = $('#x-img').find('tr').length;
            var _val = $(this).val();//当前的货号
            var _batchText = $(this).parent().parent().find("input[name=batch]").val();//当前的批次
            var thisText = _val+_batchText//当前的货号+批次;
            var nameArr = []; // 定义一个空数组
            var cargoVal = $('#x-img').find("input[name=cargoTitle]").not($(this)); // 获取所有货号的值除了当前的货号
            var batchVal = $('#x-img').find("input[name=batch]").not($(this).parent().parent().find("input[name=batch]"));
            for (var i = 0; i < cargoVal.length; i++) {
                var _cargoVal = cargoVal.eq(i).val();
                var _batchVal = batchVal.eq(i).val();
                var endVal = _cargoVal+_batchVal;
                nameArr.push(endVal); // 将货号的值添加到数组中
            }
            if(lg != 1){
                for(var i=0; i<nameArr.length; i++) {
                    if( thisText == nameArr[i]) {
                        layer.msg('货号，批次重复');
                        $(this).css('borderColor','red');
                        setTimeout(function(){
                            $('.repeat_cargo').css('borderColor','#e6e6e6');
                        },2000);
                    }else{

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

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


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

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

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        //撤销
        function back_planpro(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backPlanpro/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/planproAdd?id='+res.data.id;
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        //创建单条模式生产单
        /*function do_dan(id){
                $.get("/admin/do_dan/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        // layer.msg(res.msg,{icon: 6,time:1000},function () {
                        //     location.href = '/admin/planproAdd?id='+res.data.id;
                        // });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
        }*/
        /*计划单-删除*/
        function del_planpro(id){
            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成计划单',{icon: 6,time:1000});
                }else {
                    $.get("/admin/planproDel/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {
                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                                parent.location.reload();
                                parent.layer.close(index);
                            });

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

        }
    </script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <style>
        #reel-table{
            width: 100%;
            margin-bottom: 15px;
        }
    </style>
@endsection