@extends('layouts.father')
@section('style')
    <style>
        body{
            position: relative;
        }
        *{
            font-size: 16px;
        }
        .fluid{
            width: 100%;
            text-align: center;
        }
        .layui-table td{
            padding: 5px 8px;
        }
        #ddd{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .jp-page{
            page-break-before: auto;
            page-break-after: always;
            /*margin-bottom: 20px;*/
        }
        .left-td{
            text-align: left;
        }
    </style>
@endsection
@section('title', '')
@section('body')
    {{--@if(!empty($pro))--}}
    <div class="wrap">
        <div class="x-body">
            <input type="hidden" id="allPrcductCount" value="7">
            <div style="margin-left: 20px">
                <div type="button" style="margin: 10px 0" class='button layui-btn' onclick="aa(this)" >打印</div>
            </div>
            <div id="ddd" style="page-break-after: always;">
                @foreach($data as $k=>$d)
                    <div class="jp-page jp-landscape" style="width: 48%; height: 144mm;page-break-after: always;">
                        <div class="main-content" style="width: 100%">
                            <div class="fluid">
                                <div style="width: 100%;margin-right: 20px;margin-bottom: 10px">
                                    <div style="display: flex;justify-content: space-between">
                                        <div></div>
                                        <div><b style="font-size: 18px">{{ \App\Http\Models\Set::getWebName() }}流转单</b></div>
                                        <div>
                                            <div>工程卡条码</div>
                                            <img src="data:image/png;base64,{{$DNS1D->getBarcodePNG($gckbm[$d['pro_detail']->number],'C128',1,20)}}" alt="{{$gckbm[$d['pro_detail']->number]}}" />
                                            <div>{{$gckbm[$d['pro_detail']->number]}}</div>
                                        </div>
                                    </div>
                                    <table class="layui-table table-max-dj" style="margin-bottom: 0">
                                        <tr>
                                            <td class="left-td">单号：{{$d['pro']->relevance}}</td>
                                            <td class="left-td">批次号：{{date('m-d')}}</td>
                                            <td class="left-td">交货期：
                                                {{--{{ date("Y-m-d",strtotime("+".$d['pro']->hq."day",strtotime($d['pro']->order_time)))}}--}}
                                            </td>
                                            <td class="left-td">组别</td>
                                        </tr>
                                    </table>
                                    <table class="layui-table table-max-dj" style="margin: 0;height: 163px" >
                                        <tr>
                                            <td class="left-td twoty">订单人</td>
                                            <td class="left-td data-td" style="width: 19%"><div style="position: absolute;top: 0;">{{$d['pro']->people}}</div></td>
                                            <td class="left-td twoty">品名</td>
                                            <td class="left-td data-td" style="width: 10%"><div style="position: absolute;top: 0;">{{$d['pro_detail']->name}}</div></td>
                                            <td class="left-td twoty">花边型号</td>
                                            <td class="left-td data-td" style="width: 16%">
                                                <div style="position: absolute;top: 0;">{{$d['xh']['花边型号']}}</div>
                                            </td>
                                            <td class="left-td twoty">对开类型</td>
                                            <td class="left-td data-td" style="width: 7%">
                                                <div style="position: absolute;top: 0;">
                                                    @if(substr($d['pro_detail']->number,0,1) == 'T')
                                                        @if(isset($d['type']))
                                                            单开
                                                        @else
                                                            双开
                                                        @endif
                                                    @else
                                                        {{$d['pro_detail']->type}}
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="left-td twoty">房间名</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">{{$d['pro']->fc}}{{$d['pro']->bz}}</div>
                                            </td>
                                            <td class="left-td twoty">附件款式</td>
                                            <td class="left-td data-td"><div style="position: absolute;top: 0;">{{$d['pro']->ks}}</div></td>
                                            <td class="left-td twoty">成品高度</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">{{$d['pro']->lg}}</div>
                                            </td>
                                            <td class="left-td twoty">成品宽度</td>
                                            <td class="left-td data-td"><div style="position: absolute;top: 0;">{{$d['pro']->ck}}</div></td>
                                        </tr>
                                        <tr>
                                            <td class="left-td twoty">品名型号</td>
                                            <td class="left-td data-td number">
                                                <div style="position: absolute;top: 0;">{{$d['pro']->xh}}</div>
                                                <span class="span-number">{{$d['pro_detail']->number}}</span>
                                            </td>
                                            <td class="left-td twoty">成品规格</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">
                                                    @if(substr($d['pro_detail']->number,0,1) == 'T')
                                                        @if(isset($d['type']))
                                                            {{trim(rtrim($d['pro']->zm, "m"),'宽')}}
                                                        @else
                                                            {{trim(rtrim($d['pro']->zm, "m"),'宽') * 2}}
                                                        @endif
                                                    @else
                                                        {{trim(rtrim($d['pro']->zm, "m"),'宽')}}
                                                    @endif
                                                </div>
                                            </td>
                                            <td class="left-td twoty">里布型号</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">{{$d['xh']['里布型号']}}</div>
                                            </td>
                                            <td class="left-td twoty">里布用料</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">
                                                    @if(substr($d['pro_detail']->number,0,1) == 'T')
                                                        @if(isset($d['type']))
                                                            {{$d['xh']['里布用料']}}
                                                        @else
                                                            {{$d['xh']['里布用料'] * 2}}
                                                        @endif
                                                    @else
                                                        {{$d['xh']['里布用料']}}
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="left-td twoty">主布型号</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">{{$d['xh']['主布型号']}}</div>
                                            </td>
                                            <td class="left-td twoty">主布用料</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">
                                                    @if(substr($d['pro_detail']->number,0,1) == 'T')
                                                        @if(isset($d['type']))
                                                            {{$d['xh']['主布用料']}}
                                                        @else
                                                            {{$d['xh']['主布用料'] * 2}}
                                                        @endif
                                                    @else
                                                        {{$d['xh']['主布用料']}}
                                                    @endif
                                                </div>
                                            </td>
                                            <td class="left-td twoty">配布型号</td>
                                            <td class="left-td data-td"><div style="position: absolute;top: 0;">{{$d['xh']['配布型号']}}</div></td>
                                            <td class="left-td twoty">配布用料</td>
                                            <td class="left-td data-td">
                                                <div style="position: absolute;top: 0;">
                                                    @if(substr($d['pro_detail']->number,0,1) == 'T')
                                                        @if(isset($d['type']))
                                                            {{$d['xh']['配布用料']}}
                                                        @else
                                                            {{$d['xh']['配布用料'] * 2}}
                                                        @endif
                                                    @else
                                                        {{$d['xh']['配布用料']}}
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="left-td" colspan="8">备注：{{$d['pro_detail']->gy}}</td>
                                        </tr>
                                    </table>
                                </div>
                                <table class="dataintable layui-table table-max-dj" height="200px" style="margin: 0">
                                    <tbody class="dataintable-tbody">
                                    <tr>
                                        <td class="title_size">工序</td>
                                        <td class="title_size">签名</td>
                                        <td class="title_size">工序</td>
                                        <td class="title_size">签名</td>
                                        <td class="title_size">工序</td>
                                        <td class="title_size">签名</td>
                                        <td class="title_size">工序</td>
                                        <td class="title_size">签名</td>
                                        <td class="title_size">工序</td>
                                        <td class="title_size">签名</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    {{--@endif--}}
    <script>
        $('.span-number').hide()
        $('.jp-page').each(function (){
            if(GetQueryString("nody").indexOf($(this).find('.number').html()) !== -1){
                $(this).remove()
            }
        });
        setTimeout(()=> {
            $('.data-td').css("padding", "5")
            $('.twoty').css("padding", "2")
            $('.twoty').css("font-size", "16px")
            $('.niu-pi td').css("padding","5")
        },0)
        var size_print_data = [
            {one:'水洗标',two:'揽花',three:'花边',four:'穿钩',five:'暗扣'},
            {one:'裁剪',two:'整烫1',three:'韩折',four:'塞棉',five:'定高'},
            {one:'布带',two:'铅块',three:'酒杯',four:'线毛',five:'飘带'},
            {one:'拼接',two:'底边',three:'打孔',four:'检验2',five:'定型'},
            {one:'立边',two:'封口',three:'敲环',four:'包装',five:''},
        ]
        var html_str = ''
        for(let i in size_print_data[0]){
            html_str += '<tr class="niu-pi">'
            for (let s of size_print_data){
                html_str += `<td class="${i}">${s[i]}<td>`
            }
            html_str += '</tr>'
        }
        $('.dataintable-tbody').append(html_str)
        function GetQueryString(name)
        {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }
        $('.jp-page').each(function (){
            if(GetQueryString("nody").indexOf($(this).find('table .number span').html()) !== -1){
                $(this).remove()
            }
        });
        layui.use('form', function(){
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
            form.render();
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //日期范围
            laydate.render({
                elem: '#test6'
                ,range: true
            });
        });

        function aa(obj){
            $("#background_img").css({"display":"none"});
            $("#printno").css({"display":"none"});
            $(obj).css({"display":"none"});
            window.print();
            $(obj).css({"display":""});
            $("#background_img").css({"display":""});
            $("#printno").css({"display":"none"});
        }
    </script>
    <style>
        .twoty{
            width: 75px;
            font-size: 18px;
        }
        table{
            background-color: #000000;
        }
        .data-td{
            /*width: 111px;*/
        }
    </style>
@endsection