@extends('layouts.father')
@section('style')
    <style>
        body{
            position: relative;
        }
        /*.layui-form-item{*/
        /*clear: none!important;*/
        /*}*/

        .info_tr a{
            text-decoration: underline!important;
        }
        .info_tr a:hover{
            color: red!important;
        }
    </style>
@endsection
@section('title', '到货单列表')
@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"
               href='/admin/arrivalList?text={{$req['text']}}' title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form action="" class="layui-form-item layui-form" style="height: 100%;position: relative;width: 100%;">
                <div class="layui-form">
                    <div class="layui-form-item">
                        <div class="buttonIndex" style="margin-left: 15px">
                            <a class="indexAbottonHref" href="/admin/arrivalList?text={{$req['text']}}&vouch_status=未完成">下游未全部执行</a>
                            <a @if(!isset($req['date'])) style="color:#009688" @endif class="indexAbottonHref" href="/admin/arrivalList">最近九十天</a>
                            <a @if(isset($req['date']) && $req['date'] == 'today') style="color:#009688;" @endif class="indexAbottonHref" href="/admin/arrivalList?date=today">今日</a>
                            <a @if(isset($req['date']) && $req['date'] == 'week') style="color:#009688;" @endif class="indexAbottonHref" href="/admin/arrivalList?date=week">最近一周</a>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" style="text-align: left;width: 130px;">选择日期范围</label>
                            <div class="layui-input-inline">
                                <input name="dateList" type="text" class="layui-input" id="test6"  @if(isset($req['dateList']) && $req['dateList'] != '') value="{{$req["dateList"]}}" @endif  lay-key="7">
                            </div>
                            <input type="hidden" name="text" value="{{$req['text']}}">
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">状态:</label>
                            <div class="layui-input-inline li_input">
                                <select name="status">
                                    <option></option>
                                    <option @if(isset($req['status']) && $req['status'] != '' && $req['status'] == '未执行') selected @endif>未执行</option>
                                    <option @if(isset($req['status']) && $req['status'] != '' && $req['status'] == '已执行') selected @endif>已执行</option>
                                </select>
                            </div>
                            <button class="layui-btn"  lay-filter="sreach" style="margin: 0"><i class="layui-icon">&#xe615;</i></button>

                        </div>
                        <div class="layui-input-inline">
                            <input type="text" name="number" @if(isset($req['number']))  value="{{$req['number']}}" @endif  placeholder="到货单编号" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" name="numbers" @if(isset($req['numbers']))  value="{{$req['numbers']}}" @endif  placeholder="请输入货号" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" name="reel" @if(isset($req['reel']))  value="{{$req['reel']}}" @endif  placeholder="请输入卷号" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline" style="width: 100px">
                            <select name="over">
                                <option value="">是否结束</option>
                                <option>已结束</option>
                                <option>未结束</option>
                            </select>
                        </div>
                        <div style="display: flex;">
                            @if(isset($req['text']) && $req['text'] == '列表')
                            <div class="" style="margin: 5px 0;display: flex">
                                <a class="layui-btn layui-btn-sm" href="/admin/arrivalList?text=列表" style="margin: 0">列表模式</a>
                                <a class="layui-btn layui-btn-sm layui-btn-primary" href="/admin/arrivalList?text=明细&date=week" style="margin: 0">明细模式</a>
                            </div>
                            @else
                            <div class="" style="margin: 5px 0;display: flex">
                                <a class="layui-btn layui-btn-sm layui-btn-primary" href="/admin/arrivalList?text=列表" style="margin: 0">列表模式</a>
                                <a class="layui-btn layui-btn-sm" href="/admin/arrivalList?text=明细&date=week" style="margin: 0">明细模式</a>
                            </div>
                            <div style="margin: 1px 20px">
                                <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                                <div class="layui-btn layui-btn-sm" style="margin: 4px 0 0 0"  onclick="Reelsprint({{json_encode($arrival)}})">打印卷号条码</div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </form>
            @if(isset($req['text']) && $req['text'] == '明细')
            <div id="table">
                <table class="layui-table">
                    <thead>
                    <tr class="tr_head">
                        <th>选择</th>
                        <th>序号</th>
                        <th>到货单编号</th>
                        <th>供应商</th>
                        <th>产品名称</th>
                        <th>规格</th>
                        <th>数量</th>
                        <th>批次</th>
                        <th>卷号</th>
                        <th>状态</th>
                        <th>关联单据</th>
                        <th>时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
                <table class="layui-table">
                    <tbody id="x-img">
                    @foreach($arrival as $key=>$a)
                        <tr class="info_tr">
                            <td class="checkboxId">
                                <input type="checkbox" name="select" lay-skin="primary" lay-filter="selectTd" class="labelPrint">
                            </td>
                            <td>{{$key}}</td>
                            <!-- <td class="arrival_id" style="display:none">{{$a->id}}</td> -->
                            <td>
                                <a class="arrival_num" title="到货单详情"  onclick="x_admin_show('到货单详情','/admin/arrivalAdd?id={{$a->id}}')" href="javascript:;">{{$a->arrival_num}}</a>
                            </td>
                            <td>{{$a->supplier}}</td>
                            <td>{{$a->name}}</td>
                            <td>{{$a->size}}</td>
                            <td>{{$a->num}}</td>
                            <td>{{$a->batch}}</td>
                            <td>{{$a->reel}}</td>
                            <td>{{$a->status}}</td>
                            <td>
                                @if(substr($a->relevance,0,1) == 'C')
                                    <a title="关联单据"  onclick="x_admin_show('采购单详情','/admin/purchaseAdd?id={{$a->relevance}}')" href="javascript:;">
                                        {{$a->relevance}}
                                    </a>
                                @elseif(substr($a->relevance,0,1) == 'T')
                                    <a title="关联单据"  onclick="x_admin_show('采购单详情','/admin/purBackAdd?id={{$a->relevance}}')" href="javascript:;">
                                        {{$a->relevance}}
                                    </a>
                                @elseif(substr($a->relevance,0,1) == 'O')
                                    <a title="关联单据"  onclick="x_admin_show('委外单详情','/admin/outsourceAdd?id={{$a->relevance}}')" href="javascript:;">
                                        {{$a->relevance}}
                                    </a>
                                @endif
                            </td>
                            <td>{{substr($a->created_at,0,10)}}</td>
                            <td>
                                @if($a->doVouch == 1)
                                    <div class="layui-btn layui-btn-xs" onclick="add_rukus({{$a->aid}})">创建入库单</div>
                                @else
                                    <div class="layui-btn layui-disabled layui-btn-disabled layui-btn-xs" >创建入库单</div>
                                @endif
                                @if($a->status == '未执行')
                                    <div class="layui-btn layui-disabled layui-btn-disabled layui-btn-xs" >创建退货单</div>
                                @else
                                    <div class="layui-btn layui-btn-xs" onclick="add_back({{$a->id}})">创建退货单</div>
                                @endif
                                <button class="layui-btn layui-btn-warm layui-btn-xs" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$a->arrival_num}}')">查看日志</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @else
            <div id="table">
                <table class="layui-table">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th>到货单编号</th>
                        <th>供应商</th>
                        <th>状态</th>
                        <th>下游执行状态</th>
                        <th>备注</th>
                        <th>关联单据</th>
                        <th>是否结束</th>
                        <th>时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
                <table class="layui-table">
                    <tbody id="x-img">
                    @foreach($arrival as $key=>$a)
                        <tr class="info_tr">
                            <td>{{$key}}</td>
                            <td>
                                <a title="到货单详情"  onclick="x_admin_show('到货单详情','/admin/arrivalAdd?id={{$a->id}}')" href="javascript:;">
                                    {{$a->arrival_num}}
                                </a>
                            </td>
                            <td>{{$a->supplier}}</td>
                            <td>{{$a->status}}</td>
                            <td>{{$a->vouch_status}}</td>
                            <td>{{str_limit($a->remark, 12,'...')}}</td>
                            <td>
                                @if(substr($a->relevance,0,1) == 'C')
                                    <a title="关联单据"  onclick="x_admin_show('采购单详情','/admin/purchaseAdd?id={{$a->relevance}}')" href="javascript:;">
                                        {{$a->relevance}}
                                    </a>
                                @elseif(substr($a->relevance,0,1) == 'T')
                                    <a title="关联单据"  onclick="x_admin_show('采购单详情','/admin/purBackAdd?id={{$a->relevance}}')" href="javascript:;">
                                        {{$a->relevance}}
                                    </a>
                                @elseif(substr($a->relevance,0,1) == 'O')
                                    <a title="关联单据"  onclick="x_admin_show('委外单详情','/admin/outsourceAdd?id={{$a->relevance}}')" href="javascript:;">
                                        {{$a->relevance}}
                                    </a>
                                @endif
                            </td>
                            <td>{{$a->over}}</td>
                            <td>{{substr($a->created_at,0,10)}}</td>
                            <td>
                                @if($a->status == '未执行')
                                    <div class="layui-btn layui-disabled layui-btn-disabled layui-btn-xs" >创建入库单</div>
                                    <div class="layui-btn layui-disabled layui-btn-disabled layui-btn-xs" >创建退货单</div>
                                @else
                                    <div class="layui-btn layui-btn-xs" onclick="add_ruku({{$a->id}})">创建入库单</div>
                                    <div class="layui-btn layui-btn-xs" onclick="add_back({{$a->id}})">创建退货单{{isset($purback_sum[$a->arrival_num])?"(".$purback_sum[$a->arrival_num].")":''}}</div>
                                @endif
                                <button class="layui-btn layui-btn-warm layui-btn-xs" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$a->arrival_num}}')">查看日志</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @endif
            <div class="page">
                <div>
                    {{$arrival->appends($req)->links()}}
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script src="/js/qrcode.min.js"></script>
    <script>
        layui.use(['laydate', 'element', 'laypage', 'layer', 'upload', 'form','table'], function (){
            var laydate = layui.laydate;
            upload = layui.upload;
            form = layui.form;
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    $(".labelPrint").prop("checked", true);
                    form.render('checkbox');
                } else {
                    $(".labelPrint").prop("checked", false);
                    form.render('checkbox');
                }
            })
        });
        var gck_number_obj = {}
        function Reelsprint(data){
            let num = 0
            let mxdata = {}
            //var loadIndex = layer.load()
            $.ajaxSettings.async = false
            $('.labelPrint').each(function (index) {
                if($(this)[0].checked === true){
                        let arrival_num = $(this).parent().parent().find('.arrival_num').text();
                        $.get("/admin/getArrivalDetail?aid=" + data.data[index].aid, function (res) {
                            if (res.status == 1) {
                                var Da = res.data;
                                mxdata[num] = [arrival_num,
                                Da.arrival_detail.number,
                                Da.arrival_detail.num,
                                Da.arrival_detail.reel,
                                Da.arrival_detail.unit,
                                Da.arrival_detail.supplier_xh,
                                Da.arrival_detail.weight,
                                Da.arrival_detail.meter,
                                Da.cgmx,
                                Da.weight[0],
                                Da.goods[0]
                            ]
                                num++
                            }
                            else{
                                layer.msg('单号:'+arrival_num+'存在错误!')
                            }
                        });
                }
            })
            if (Object.keys(mxdata).length === 0) {
                layer.msg('没有能打印的内容');
                    return
                }
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['15cm', '18cm'], //宽高
                content: code_print(mxdata,'reel')
            });
              for (let gck in gck_number_obj) {
                if(gck_number_obj[gck]){
                    $('.' + gck).JsBarcode(gck_number_obj[gck])
                }
              }
              //layer.close(loadIndex);
        }
        function code_print(data,name) {
          let widthValue = ""
          let heightValue = ""
          let imgWidth = ""
            if(Object.keys(data).length){
              widthValue = 7.5;
              heightValue = 14.12
              imgWidth = "4.8cm"
            }
          var url = "";
          url += `宽度:<input type="number" value="${widthValue}" style="margin-bottom:20px;width:100px;height:38px;padding-left:10px" class="weight" />`
          url += `高度:<input type="number" value="${heightValue}" style="margin-bottom:20px;width:100px;height:38px;padding-left:10px" class="height " />`
          url += `单位:cm`
          url += '<div onclick="xiugai()" class="dayin" style="display: inline-block">'
          url += '<a class="layui-btn" style="z-index: 1000">修改</a>'
          url += '</div>'
          url += '<div id="order-dy-id" style="position: relative">'
          url += '<!--startprint1--><!--打印内容开始-->'
          let i_num = 'txm-img'
          let aml_num = 't-img'
          let time = formatDate(new Date(),'yyyyMMdd')
          url += '<div onclick="dayin()" class="dayin" style="position: relative;top: -40px; float:right ; ">'
          url += '<a class="layui-btn" style="z-index: 1000">打印</a>'
          url += '</div>'
          let dy_name = null;
          let whArr = getWH(widthValue,heightValue)
          for(let i in data){
            if(data[i][0] !== ''){
              url += `<div class="wh" style="width:${whArr[0]};height:${whArr[1]};border: 0.5px solid #000000;padding: 5px;font-size:22px">`
              if(name === 'reel'){
                //const num = $('input[name=arrival_num]').val()
                url += `<div class="dy-order-lang">编号：${time}${data[i][5]}@</div>`
                url+=`<div class="dy-order-lang">到货单号:${data[i][0]}</div>`
              }
              if(name !== 'reel'){
                url += `<div class="dy-order-lang" style="">
                                <span>货号：${data[i][1]}</span>
                                <br>
                                <span>产品名称:${data[i][2]}</span>
                                <br>
                                <span>到货数量：${data[i][3]}${data[i][5]}</span>
                            </div>`
                url += `<div class="dy-order-lang">规格：${data[i][4]}</div>`
                dy_name = '货号'
              }
              let weight = noraml(data[i][9]) ? noraml(data[i][9]) : ''
              if(weight != ''){
                weight += "克/米"
              }
              if(name === 'reel'){
                url += `<div class="dy-order-lang" style="">
                                <span>货号：${data[i][1]}</span>
                                <br>
                                <span>到货数量：${data[i][2]}${data[i][4]}</span>
                            </div>`
                dy_name = '卷号'
                url += `<div class="dy-order-lang">标准克重:${weight}  </div>`
                url += `<div class="dy-order-lang">货位:${noraml(data[i][10])}</div>`
                url += `<div class="dy-order-lang">到货重量(千克)：${noraml(data[i][9])}</div>` //测试服上面没有大货打印
                url += `<div class="dy-order-lang">检验米数：${noraml(data[i][7])}</div>`
                //url += '<div class="dy-order-lang">称重员：_______</div>'
                //url += '<div class="dy-order-lang">检验员：_______</div>'
              }
              url += `<div style="right: 0;"><img src="" style="width: ${imgWidth};height: 2.4cm" class="${i_num}"><div class="dy-order-lang">${dy_name}：${data[i][3]}</div></div>`
              if(name === 'reel'){
                url +=`<div class="dy-order-lang">cgmx备注: ${noraml(data[i][8])}</div>`
              }
            // 打印 条形码 或者 二维码的 盒子
            //   if(window.location.href.indexOf('aml') !== -1){
            //   // 如果有 aml
            //     let aml_data_code = `${data[i][1]}%%%${data[i][0]}%`
            //     aml_code[aml_num] = aml_data_code
            //     if(aml_data_code.toString().length >= 13){
            //     // 使用 二维码
            //     url += `<div id="${aml_num}" style="right: 0"></div>`
            //   }else{
            //     // 使用 条形码
            //     url += `<div style="right: 0;"><img src="" style="width: 4cm;height: 2cm" class="${aml_num}"></div>`
            //     }
            //   }
              url += '</div>'
              gck_number_obj[i_num] = data[i][3]
              i_num = i_num + 'n'
              aml_num = aml_num + 'n'
          }
        }
          url += '<!--打印内容结束--><!--endprint1-->'
          url += '</div>'
          return url
        }
        function getWH(width=7.5 , height=13){ //更改宽高的方法
            let whArr = [];
            whArr.push(width + 'cm');
            whArr.push(height + 'cm');
            return whArr
        }
        function noraml (data){
            if(data === null || data === ""){
                return ""
            }
            return data
        }
        function dayin(){
            $('.dayin').remove()
            wrapHtml = document.querySelector('.x-body').innerHTML
            bdhtml = document.querySelector('#order-dy-id').innerHTML;//获取当前页的html代码
            sprnstr = "<!--startprint" + 1 + "-->";//设置打印开始区域
            eprnstr = "<!--endprint" + 1 + "-->";//设置打印结束区域
            prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
            prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML = prnhtml;
            window.print();
            location.reload()
        }
        function xiugai(){
            let weight = $('.weight').val()
            let height = $('.height').val()
            let whArr = getWH(weight ,height)
            let divs = document.querySelectorAll('.wh')
            if(divs.length){
              divs.forEach(item => {
                item.style.width = whArr[0];
                item.style.height = whArr[1]
              })
              layer.alert('修改成功')
            }else {
              layer.alert('请选在订单再来修改打印')
            }
        }
        layui.use('form', function(){
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
            form.render();
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //日期范围
            laydate.render({
                elem: '#test6'
                ,range: '~'
            });
        });
        /*到货单-新建入库单*/
        function add_ruku(id){
            if(id == undefined) {
                layer.msg('未生成到货单', {icon: 6, time: 1000});
            }
            var url = "/admin/addRuku/"
            var gourlHead = '/admin/vouchAdd?id='
            //del_out_index(id,url,gourlHead),
                if (id == undefined) {
                    layer.msg('未生成订单', {icon: 6, time: 1000});
                } else {
                    $.get(url + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {
                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            });
                            //确认并前往
                            var gourl = gourlHead + res.data
                            layer.open({
                                type: 2,
                                shadeClose: true,
                                shade: 0.8,
                                area: ['98%', '95%'],
                                content: gourl //iframe的url
                            });
                        } else {
                            layer.alert(res.msg, {icon: 5});
                        }

                    });
                }
        }

        /*到货单明细-新建入库单*/
        function add_rukus(id){
            if(id == undefined) {
                layer.msg('未生成到货单', {icon: 6, time: 1000});
            }
            var url = "/admin/addRukus/"
            var gourlHead = '/admin/vouchAdd?id='
            //del_out_index(id,url,gourlHead),
            if (id == undefined) {
                layer.msg('未生成订单', {icon: 6, time: 1000});
            } else {
                $.get(url + id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        });
                        //确认并前往
                        var gourl = gourlHead + res.data
                        layer.open({
                            type: 2,
                            shadeClose: true,
                            shade: 0.8,
                            area: ['98%', '95%'],
                            content: gourl //iframe的url
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }

                });
            }
        }

        /*到货单-退货单*/
        function add_back(id){
            if(id == undefined) {
                layer.msg('未生成到货单', {icon: 6, time: 1000});
            }
            var url = "/admin/makePurBack/"
            var gourlHead = '/admin/purBackAdd?id='
            del_out_index(id,url,gourlHead)
            // layer.confirm('确认要新建退货单吗？',function(index){
            //     if(id == undefined){
            //         layer.msg('未生成到货单',{icon: 6,time:1000});
            //     }else {
            //         $.get("/admin/makePurBack/" + 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});
            //             }
            //         });
            //     }
            // });
        }

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