@extends('layouts.father')
@section('style')
    <style>
        body{
            position: relative;
        }
        .info_tr a{
            text-decoration: underline!important;
        }
        .info_tr a:hover{
            color: red!important;
        }
        .a-title{
            line-height:1.6em;
            margin-top:3px;
            margin-right: 5px
        }
    </style>
@endsection
@section('title', '')
@section('body')
    <div class="wrap">
        <div class="x-nav">
            <a class="a-title" href='/admin/scheduling?id={{$id}}'>全部</a>
            <a class="a-title" href='/admin/scheduling?id={{$id}}&req=1'>T现货</a>
            <a class="a-title" href='/admin/scheduling?id={{$id}}&req=0'>T定制</a>
            <a class="a-title" href='/admin/scheduling?id={{$id}}&req=3'>Q定制</a>
            <a class="a-title" href='/admin/scheduling?id={{$id}}&req=2'>Z现货</a>
            <a class="a-title" href='/admin/scheduling?id={{$id}}&req=直运采购'>直运采购</a>
        </div>
        <div class="x-body">
            <form action="" class="layui-form-item layui-form" style="height: 100%;position: relative;width: 100%;">
                {{csrf_field()}}
                <input type="hidden" name="id" value="{{$id}}">
                <div class="layui-form">
                    <div class="layui-form-item">
                        <div class="layui-inline" style="display: flex;justify-content: space-between">
                            <div class="layui-inline">
                                <label class="layui-form-label" style="width: 120px;text-align: left;padding-left: 0">根据发货仓筛选:</label>
                                <div class="layui-input-inline">
                                    <select name="status" lay-filter="required">
                                        <option>请选择仓库</option>
                                        @foreach($warehouse as $w)
                                            <a href="/admin/scheduling?id={{$id}}&wrehouse={{$w}}"><option>{{$w}}</option></a>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <a class="layui-btn" onclick="daytable_wl()" style="margin: 0">创建申购物料单</a>
                                <a class="layui-btn" onclick="daytable_sg()" style="margin: 0">创建申购单</a>
                                <a class="layui-btn" onclick="daytable_new()" style="margin: 0">创建生产订单</a>
                                <a class="layui-btn" onclick="daytable_out()" style="margin: 0">创建出库单</a>
                                <a class="layui-btn" onclick="daytable_pur()" style="margin: 0">创建采购单</a>
                                <a class="layui-btn" onclick="daytable_outpur()" style="margin: 0">创建直运采购单</a>
                                <a class="layui-btn" onclick="daytable_outsource()" style="margin: 0">创建委外单</a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <form class="layui-form" action="">
                <div id="table">
                        <!--startprint1-->
                        <!--打印内容开始-->
                    <table class="layui-table" lay-size="sm" lay-filter="demo">
                        <thead>
                        <tr class="tr_head">
                            <th lay-data="{field:'checkboxId',width:65,type:'checkbox'}">选择</th>
                            <th lay-data="{field:'id',width:80}">序号</th>
                            <th lay-data="{field:'number'}">货号</th>
                            {{--<th>供应商型号</th>--}}
                            <th lay-data="{field:'name'}">产品名称</th>
                            <th lay-data="{field:'size',width:450 , sort: true}">规格</th>
                            <th lay-data="{field:'warehouse', sort: true}">默认发货仓</th>
                            <th lay-data="{field:'count',style:'padding: 0',width:150, sort: true}">数量</th>
                            <th lay-data="{field:'out_no', sort: true}">未出库数</th>
                            <th lay-data="{field:'xcl', sort: true}">现存量</th>
                            <th lay-data="{field:'kyl', sort: true}">可用量</th>
                        </tr>
                        </thead>
                        <tbody id="x-img">
                        @foreach($goodsorder as $k=>$g)
                            <tr class="info_tr">
                                <td class="checkboxId">
                                </td>
                                <td>
                                    {{$k+1}}
                                    <input class="goods_id" style="display:none" name="goods_id" value="{{$g['goods_id']}}" >
                                </td>
                                <td class="number">{{$g['goods_number']}}</td>
                                {{--<td></td>--}}
                                <td class="name">{{$g['goods_name']}}</td>
                                <td class="size">{{$g['goods_normtype']}}</td>
                                <td class="warehouse">{{$g['warehouse']}}</td>
                                <td class="count" style="padding: 0;">
                                    <input class=" count-input" style="border: 1px solid rgb(230, 230, 230);padding: 0 10px" value="{{$g['goods_count']}}">
                                </td>
                                <td class="no_out">{{$g['no_out']}}</td>
                                <td class="xcl">{{$g['xcl']}}</td>
                                <td class="kyl">{{$g['kyl']}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                        <!--打印内容结束-->
                        <!--endprint2-->
            </div>{{--列表模式--}}
            </form>
            <div class="page">
                <div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var rank_num = 0
        var rank_title = []
        $($('.info_tr')[0]).find('td').each(function () {
            if($(this)[0].className !== '' && $(this)[0].className !== 'checkboxId'){
                rank_title.push($(this)[0].className)
            }
        })
        function daytable_outsource() {
            var data = {}
            get_data(data)
            let url = `/admin/makeOutsource?id = ${$("input[name=id]").val()}&data = ${JSON.stringify(data)}`
            window.location.href= url
        }
        function daytable_pur() {
            var data = {}
            get_data(data)
            let url = `/admin/makePur?id = ${$("input[name=id]").val()}&type=备货采购&data = ${JSON.stringify(data)}`
            window.location.href= url
        }
        function daytable_outpur() {
            var data = {}
            get_data(data)
            let url = `/admin/makePur?id = ${$("input[name=id]").val()}&type=直运采购&data = ${JSON.stringify(data)}`
            window.location.href= url
        }
        function daytable_new() {
            var data = {}
            get_data(data)
            let url = `/admin/makeHandPro?id = ${$("input[name=id]").val()}&data = ${JSON.stringify(data)}`
            window.location.href= url
        }
        function daytable_out() {
            var data = {}
            get_data(data)
            let url = `/admin/makeHandOut?id = ${$("input[name=id]").val()}&data = ${JSON.stringify(data)}`
            window.location.href= url

        }
        function daytable_wl() {
            var data = {}
            get_data(data)
            let url = `/admin/makeHandwl?id = ${$("input[name=id]").val()}&data = ${JSON.stringify(data)}`
            window.location.href= url

        }
        function daytable_sg() {
            var data = {}
            get_data(data)
            let url = `/admin/makeHandsg?id = ${$("input[name=id]").val()}&data = ${JSON.stringify(data)}`
            window.location.href= url

        }
        function get_data(data){
            let num = 0
            var checkboxIdobj = $('tbody tr td input[name="layTableCheckbox"]')
            for (let i of checkboxIdobj){
                if(i.checked === true){
                    data[`${num}`] = {
                        'number':$(i.parentNode.parentNode.parentNode).find('.laytable-cell-1-0-2').text(),
                        //产品货号
                        'size':$(i.parentNode.parentNode.parentNode).find('.laytable-cell-1-0-4').text(),
                        //产品规格
                        'name':$(i.parentNode.parentNode.parentNode).find('.laytable-cell-1-0-3').text(),
                        //产品名称
                        'goods_id':$(i.parentNode.parentNode.parentNode).find('.laytable-cell-1-0-1').children('input').val(),
                        //序号
                        'num':$(i.parentNode.parentNode.parentNode).find('.laytable-cell-1-0-6').find('input').val(),
                        //数量
                    }
                    num++
                }
            }
        }
        layui.use(['table','form'], () => {
            var form = layui.form
            var table = layui.table;
            table.init('demo', {
                height: 500 //设置高度
                ,limit: 1000//支持所有基础参数
            });
            form.on('select(required)',function (data) {
                let tbody_tr = $('.layui-table-body table tbody tr')
                tbody_tr.show()
                tbody_tr.each(function () {
                    if($(this).find('.laytable-cell-1-0-5').text() !== data.value){
                        $(this).hide()
                    }
                })
            })
        })
        layui.use('form', function(){
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
            form.render();
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //日期范围
            laydate.render({
                elem: '#test6'
                ,range: '~'
            });
        });
        function aorflase() {
            let a = ''
            return (a === false)
        }
        function del_count_long() {
            $('.count').each(function () {
                $('td').css({"padding":"0","background-color":"#f0ad4e"})
            })
        }
        // setTimeout('del_count_long()',1000)
    </script>
    <style>
        /*td{*/
            /*height: 46px;*/
        /*}*/
        .laytable-cell-1-count{
            padding: 0;
            height: 46px;
            position: relative;
        }
    </style>
@endsection