@extends('layouts.father')
@section('title', '订单详情')
@section('style')
    <link href="/assets/lightbox/css/lightbox.css" rel="stylesheet">
@endsection
@section('body')
    <div class="x-nav" style="display: flex;justify-content: space-between">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="">销售管理</a>
        <a>
          <cite>订单详情</cite></a>
      </span>
        <div style="display: flex;align-items: center">
            <a class="layui-btn layui-btn-small @if(!$order->s60_id) layui-hide @endif" target="_blank" href="http://www.lcyjfz.com/admin/orderDetail/{{$order->s60_id}}">外链</a>
            <a class="layui-btn layui-btn-small" href="/admin/orderDetail/{{$order->id}}?page=down">上一页</a>
            <a class="layui-btn layui-btn-small" href="/admin/orderDetail/{{$order->id}}?page=up">下一页</a>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               href="javascript:location.replace(location.href);" title="刷新">
                <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
    </div>
    <div class="x-body" style="overflow-x:scroll;">
        <div class="x-nav">
            {{csrf_field()}}
            @if($order->money_affirm == '未确认')
                <a onclick="x_admin_show('财务确认','/admin/orderConfirm/{{$order->id}}?id={{$order->order_number}}','700','450')"
                   href="javascript:"
                   class="layui-btn layui-btn-small" style="margin-top:3px;float:right">
                    财务确认
                </a>
                <a href="javascript:void(0);" class="layui-btn layui-btn-small"
                   style="background-color:#999999;margin-right:10px;margin-top:3px;float:right">
                    撤销确认
                </a>
                @if($order->supplier == '加盟商' && $order->s60_id == null)
                    <a class="layui-btn layui-btn-small importOrderMx @if($_SERVER['SERVER_NAME'] == 'www.lcyjfz.com' && strlen($order->order_number) > 13) layui-hide @endif"
                       style="margin-right:10px;margin-top:3px;float:right">
                        清空明细并导入商品
                    </a>
                @endif

                <a onclick="editOrder('{{$order->id}}','{{$api_token}}')" target="_blank"
                   class="layui-btn layui-btn-small @if($_SERVER['SERVER_NAME'] == 'www.lcyjfz.com' && strlen($order->order_number) > 13) layui-hide @endif"
                   style="margin-top:3px;float:right">
                    编辑订单
                </a>

            @elseif($order->money_affirm == '已确认')
                <a href="javascript:void(0);" class="layui-btn layui-btn-small"
                   style="background-color:#999999;margin-top:3px;float:right">
                    财务确认
                </a>
                @if($order->force == 1)
                    <a href="javascript:void(0);" class="layui-btn layui-btn-small"
                       style="background-color:#999999;margin-right:10px;margin-top:3px;float:right">
                        撤销确认
                    </a>
                @else
                    <a onclick="member_del({{$order->id}})" href="javascript:" class="layui-btn layui-btn-small"
                       style="margin-right:10px;margin-top:3px;float:right">
                        撤销确认
                    </a>
                @endif
                @if($order->force == 1)
                    <a href="javascript:void(0);" class="layui-btn layui-btn-small"
                       style="background-color:#999999;margin-top:3px;float:right">
                        强制完成
                    </a>
                    <a onclick="back_force({{$order->id}})" href="javascript:" class="layui-btn layui-btn-small"
                       style="margin-right:10px;margin-top:3px;float:right;">
                        撤销完成
                    </a>
                @else
                    <a onclick="do_force({{$order->id}})" href="javascript:" class="layui-btn layui-btn-small"
                       style="margin-right:10px;margin-top:3px;float:right;">
                        强制完成
                    </a>
                    <a href="javascript:void(0);" class="layui-btn layui-btn-small"
                       style="background-color:#999999;margin-top:3px;float:right">
                        撤销完成
                    </a>
                @endif
                <a href="javascript:void(0);"
                   class="layui-btn layui-btn-small @if($_SERVER['SERVER_NAME'] == 'www.lcyjfz.com' && strlen($order->order_number) > 13) layui-hide @endif"
                   style="background-color:#999999;margin-top:3px;float:right">
                    编辑订单
                </a>
            @endif
            {{--@if($order->pay_time != '')--}}
            {{--<a href="javascript:void(0);" class="layui-btn layui-btn-small" onclick="pay(0)"--}}
            {{--style="margin-top:3px;float:right">--}}
            {{--撤销提交支付--}}
            {{--</a>--}}
            {{--@elseif($order->pay_time == '')--}}
            {{--<a href="javascript:void(0);" class="layui-btn layui-btn-small" onclick="pay(1)"--}}
            {{--style="margin-top:3px;float:right">--}}
            {{--提交支付--}}
            {{--</a>--}}
            {{--@endif--}}
        </div>
        <input type="hidden" class="orderId" name="id" value="{{$order->id}}">
        <table class="layui-table" lay-size="sm">
            <thead>
            <tr>
                <th colspan="14"><b>订单信息 @if($order->creater)（客服：{{ $order->creater }}）@endif</b></th>
            </tr>
            <tr>
                <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>
            <tbody>
            <tr>
                <td class="order_number">{{$order->order_number}}</td>
                <td>{{$order->order_time}}</td>
                <td>{{$order->supplier}}
                    @if($order->pay_time)
                        <button id="supplier" class="layui-btn layui-btn-sm">撤销提交支付</button>
                        {{$order->paytime_people}}
                    @else
                        <a onclick="x_admin_show('切换','/admin/suppliers/{{$order->id}}','700','450')"
                           href="javascript:" class="layui-btn layui-btn-sm"
                           style="margin-top:3px;float:right">提交支付</a>
                    @endif
                </td>
                <td>
                    @if($order->force == 1)

                    @elseif($order->money_affirm != '未确认' && $order->period != '0')
                        {{ \App\Http\Models\Order::getPeriod($order->affirm_time,$order->period) }}
                    @else 0 @endif</td>
                <td>{{$order->money_affirm}}</td>
                <td>{{ $order->express_type == '寄付' || $order->express_type == null ? $order->freight : '0' }}</td>
                <td>{{$order->tp_money}}</td>
                <td>{{$order->unit_money}}</td>
                <td>{{$order->money}}</td>
                <td>
                    @if($order->pay_pic)
                        <a href="{{ env('APP_URL').$order->pay_pic }}" data-title="附图" target="view_window">
                            <button type="button" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe60d;</i>
                            </button>
                        </a>
                    @endif
                </td>
                <td>{{ $order->pay_time }}</td>
                <td>{{ isset($order->express_type) && $order->express_type == '到付' ? '到付' : '寄付' }}
                    <button id="kuaidi" class="layui-btn layui-btn-sm @if($_SERVER['SERVER_NAME'] == 'www.lcyjfz.com' && strlen($order->order_number) > 13) layui-hide @endif">切换</button>
                </td>
                <td>
                    @if($order->force == 1)
                    @elseif($order->money_affirm != '未确认' && $order->delivery != '0')
                        {{ \App\Http\Models\Order::getPeriod($order->affirm_time,$order->delivery) }}
                    @else 0 @endif
                </td>
            </tr>
            </tbody>
            <thead>
            <tr>
                <th>在线支付金额</th>
                <th>在线支付流水号</th>
                <th>付款银行</th>
                <th>付款流水号</th>
                <th>确认序列号</th>
                <th>上传文件</th>
                <th>发货方式（可变更）</th>
                <th>打印门店</th>
                <th>打印业主</th>
                <th>管理备注</th>
                <th>其他项</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{{$order->online_money}}</td>
                <td>{{$order->transaction_id}}</td>
                <td>{{$order->bank}}</td>
                <td>{{$order->serial_number}}</td>
                <td>{{$order->affirm_num}}</td>
                <td>
                    <a type="button" class="layui-btn layui-btn-primary layui-btn-sm uploadfile">
                        <i class="layui-icon">&#xe67c;</i>
                    </a>
                    @if($order->file)
                        <a href="{{ $order->file }}" type="button" class="layui-btn layui-btn-sm">
                            <i class="layui-icon">&#xe601;</i>
                        </a>
                        <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="orderFileDel({{$order->id}})">
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    @endif
                </td>
                <td>
                    <form class="layui-form" action="">
                    <select name="kuaidi_type" lay-verify="required" lay-filter="kuaidi_type">
                        @foreach($kuaidi_type as $key => $vo)
                            <option @if($order->kuaidi_type == $key) selected @endif value="{{$key}}">{{$vo}}</option>
                        @endforeach
                    </select>
                    </form>
                </td>
                <td class="td_padd"><input type="text" onchange="updataDY(this,'md')" value="{{$order->dymd}}" class="layui-input"></td>
                <td class="td_padd"><input type="text" onchange="updataDY(this,'yz')" value="{{$order->dyyz}}" class="layui-input"></td>
                <td class="td_padd"><input type="text" onchange="updataBZ(this)" value="{{$order->gl_remark}}" class="layui-input"></td>
                <td class="td_padd">
                    <form class="layui-form" action="">
                        <select name="other_type" lay-verify="required" lay-filter="other_type">
                            @foreach($other_type as $key => $vo)
                                <option @if($order->other_type == $vo) selected @endif value="{{$vo}}">{{$vo}}</option>
                            @endforeach
                        </select>
                    </form>
                </td>
            </tr>
            </tbody>
        </table>
        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="5"><b>门店信息</b>@if($order->send == 1 )&nbsp;&nbsp;<a
                            class="layui-btn layui-btn-normal">发至门店</a>@endif</td>
            </tr>
            <tr>
                <th>下单门店</th>
                <th>门店联系人</th>
                <th>门店区域</th>
                <th>门店地址</th>
                <th>联系方式</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td>{{$order->order_shop}}</td>
                <td>{{$shop->people}}</td>
                <td>{{$shop->city}}</td>
                <td>{{$shop->address}}</td>
                <td>{{$shop->phone}}</td>
            </tr>
            </tbody>
        </table>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="5"><b>收货人信息</b>@if($order->send != 1)&nbsp;&nbsp;<a
                            class="layui-btn layui-btn-normal">发至业主</a>@endif</td>
            </tr>
            <tr>
                <th>收货人</th>
                <th>地区</th>
                <th>收货地址</th>
                <th>联系方式</th>
                <th>备注</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td>{{$order->people}}</td>
                <td>{{$order->address}}</td>
                <td>{{$order->address_detail}}</td>
                <td>{{$order->mobelphone}}</td>
                <td class="td_padd"><input type="text" onchange="updataMessage()" value="{{$order->message}}"
                                          oninput="blueJJ()" class="layui-input message"></td>
            </tr>
            </tbody>
        </table>
        <form class="layui-form" action="">
            <table class="layui-table" id="show" style="margin-top: 40px" lay-size="sm">
                <thead>
                <tr class="stack">
                    <td colspan="28">
                        <b>产品明细</b>
                        <input type="checkbox" name="labelPrintAll" title="全选" id="labelPrintAll"
                               lay-filter="labelPrintAll">
                        @if($order->money_affirm == '已确认')
                            <div class="layui-btn layui-btn-sm"
                                 onclick="x_admin_show('手动排单','/admin/scheduling?id={{$order->id}}')">手动排单
                            </div>
                        @endif
                        <div class="layui-btn layui-btn-sm" onclick="go_erp()">物料清单结构查询</div>
                        <div class="layui-btn layui-btn-sm" onclick="customization_label()">定制标记</div>
                        <div class="layui-btn layui-btn-sm" onclick="delete_customization_label()">取消定制标记</div>
                        <div class="layui-btn layui-btn-sm" onclick="count_gck()">按数量打印工程卡</div>
                        <div class="layui-btn layui-btn-sm" onclick="add_sign()">加急标记</div>
                        <div class="layui-btn layui-btn-sm" onclick="delete_sign()">取消加急标记</div>
                        <div class="layui-btn layui-btn-sm x-right" onclick="outport()">导出明细</div>
                        <div class="layui-btn layui-btn-sm" onclick="label_print_main()" style="margin:0 0 0 10px;">
                            打印标签
                        </div>
                        <div class="layui-btn layui-btn-sm" onclick="mix_label_print()">小条打印</div>
                        <div class="layui-btn layui-btn-sm " onclick="showMethod()">切换栏目</div>
                        <div class="layui-btn layui-btn-sm " onclick="show_tpPrice('black')">tpx</div>
                        <div class="layui-btn layui-btn-sm " onclick="show_tpPrice('white')">tpy</div>
                        {{--<div class="layui-btn layui-btn-sm" onclick="urgency()"><i class="layui-icon">&#xe667;</i>加急标记</div>--}}
                        {{--<a class="layui-btn layui-btn-sm"--}}
                        {{--href="https://lcyjfz.cpolar.cn/public/question/d2430edf-cf00-4038-adc2-ce77e50d7c0b?order_number={{$order->order_number}}"--}}
                        {{--target="_blank" >物料清单结构查询</a>--}}
                    </td>
                </tr>
                <tr>
                    <th class="displayBlock">选择</th>
                    @if(isset($orderinfo_list[0]))
                        <th class="displayBlock">序号</th>
                    @endif
                    @if(isset($orderinfo_list[1]))
                        <th class="displayBlock">货号</th>
                    @endif
                    @if(isset($orderinfo_list[2]))
                        <th class="displayBlock">产品名称</th>
                    @endif
                    @if(isset($orderinfo_list[3]))
                        <th style="width: 400px" class="displayBlock">规格</th>
                    @endif
                    @if(isset($orderinfo_list[4]))
                        <th>配料</th>
                    @endif
                    @if(isset($orderinfo_list[5]))
                        <th>工艺</th>
                    @endif
                    <th>工艺差价</th>
                    @if(isset($orderinfo_list[6]))
                        <th style="width: 50px">数量</th>
                    @endif
                    @if(isset($orderinfo_list[7]))
                        <th>单位</th>
                    @endif
                    @if(isset($orderinfo_list[8]))
                        <th class="displayNone">未出库数</th>
                    @endif
                    @if(isset($orderinfo_list[9]))
                        <th class="displayNone">超期天数</th>
                    @endif
                    @if(isset($orderinfo_list[10]))
                        <th class="displayNone">未发货数</th>
                    @endif
                    @if(isset($orderinfo_list[11]))
                        <th>超期发货天数</th>
                    @endif
                    @if(isset($orderinfo_list[12]))
                        <th class="displayNone">活动名称</th>
                    @endif
                    @if(isset($orderinfo_list[13]))
                        <th class="displayNone">运费参数</th>
                    @endif
                    @if(isset($orderinfo_list[14]))
                        <th class="displayNone">标记</th>
                    @endif
                    @if(isset($orderinfo_list[15]))
                        <th>附图</th>
                    @endif
                    @if(isset($orderinfo_list[16]))
                        <th  class="displayNone">优惠出厂单价</th>
                    @endif
                    @if(isset($orderinfo_list[20]))
                        <th class="displayNone tp_price_th">贴牌价额外费用</th>
                    @endif
                    @if(isset($orderinfo_list[17]))
                        <th class="displayNone">出厂价额外费用</th>
                    @endif
                    @if(isset($orderinfo_list[18]))
                        <th>实出价</th>
                    @endif
                    @if(isset($orderinfo_list[19]))
                        <th class="tp_price_th">贴牌价</th>
                    @endif
                    <th class="displayNone">未装箱数</th>
                    <th class="displayNone">备注</th>
                    <th class="displayNone">打印链接</th>
                </tr>
                </thead>
                @php $unit_price = $sale_price = $unit_discount_price = $sale_discount_price = $tp_discount_price = $goods_count = $no_out = $no_send = $freight = $jisuan = 0 @endphp
                @foreach($goodsorder as $k=>$g)
                    <tbody>
                    <tr>
                        <input type="hidden" name="goods_id" class="goods_id" value="{{$g->id}}">
                        <td class="checkboxId displayBlock" >
                            <input type="checkbox" name="select" lay-skin="primary" class="labelPrint">
                        </td>
                        @if(isset($orderinfo_list[0]))
                            <td class="displayBlock">{{$k+1}}</td>
                        @endif
                        @if(isset($orderinfo_list[1]))
                            <td style="width: 150px" class="displayBlock">
                                <ul class="layui-nav" lay-filter=""
                                    style="color: black;background-color:rgba(255, 255, 255, 0.3);height: 100%;padding: 0">
                                    <li class="layui-nav-item">
                                        <a class="label-Print-number"
                                           style="color: black;font-size: 12px;height: 50px;padding: 0;width: 100%">
                                            @if($g->dz == 1) (<i class="layui-icon"
                                                                 style="line-height:30px">&#xe642;</i>) @endif
                                            @if($g->jj == 1)(<i class="layui-icon">&#xe667;</i>) @endif
                                            {{$g->goods_number}}</a>
                                        <dl class="layui-nav-child">
                                            <dd><a onclick="dayinOut('{{$g->id}}')">标签打印</a></dd>
                                            <dd><a onclick="dayinOuts('{{$g->id}}')">定制标记</a></dd>
                                            <dd><a onclick="dayinOutss('{{$g->id}}')">加急标记</a></dd>
                                            <dd><a onclick="dayinOutsss('{{$g->id}}')">取消加急标记</a></dd>
                                            {{--                                    <dd><a onclick="all_dy_gck_zzs('{{$g->goods_number}}')">工程卡打印</a></dd>--}}
                                        </dl>
                                    </li>
                                </ul>
                            </td>
                        @endif
                        @if(isset($orderinfo_list[2]))
                            <td class="displayBlock">{{$g->goods_name}}</td>
                        @endif
                        @if(isset($orderinfo_list[3]))
                            <td class="displayBlock">{{$g->goods_normtype}}</td>
                        @endif
                        @if(isset($orderinfo_list[4]))
                            <td>{{$wlArr[$g->id] or ''}}</td>
                        @endif
                        @if(isset($orderinfo_list[5]))
                            <td>{{$gyArr[$g->id] or ''}}</td>
                        @endif
                        <td>{{$g->gy_price}}</td>
                        @if(isset($orderinfo_list[6]))
                            <td>{{$g->goods_count}}</td>
                        @endif
                        @if(isset($orderinfo_list[7]))
                            <td style="width: 50px">{{$g->unit}}</td>
                        @endif
                        @if(isset($orderinfo_list[8]))
                            <td class="displayNone">{{$g->no_out}}</td>
                        @endif
                        @if(isset($orderinfo_list[9]))
                            <td class="displayNone">
                                @if($order->force == 1 && $g->no_out != '0' && $g->no_out != '')
                                @elseif($order->money_affirm != '未确认' && $g->period != '0' && $g->period != '' && $g->no_out != '0' && $g->no_out != '')
                                    {{ \App\Http\Models\Order::getPeriod($order->affirm_time,$g->period) }}
                                @elseif($g->no_out == '0' )
                                    {{ $g->overday }}
                                @else  @endif
                            </td>
                        @endif
                        @if(isset($orderinfo_list[10]))
                            <td class="displayNone">{{$g->no_send}}</td>
                        @endif
                        @if(isset($orderinfo_list[11]))
                            <td>
                                @if($order->force == 1 && $g->no_send != '0')

                                @elseif($order->money_affirm != '未确认' && $g->period != '0' && $g->period != '' && $g->no_send != '0')
                                    {{ \App\Http\Models\Order::getPeriod($order->affirm_time,$g->period) }}
                                @elseif($g->no_send == '0' )
                                    {{ $g->oversend }}
                                @else  @endif
                            </td>
                        @endif
                        @if(isset($orderinfo_list[12]))
                            <td class="displayNone">{{$g->activity}}</td>
                        @endif
                        @if(isset($orderinfo_list[13]))
                            {{--<td>{{$g->jisuan}}</td>--}}
                            <td class="displayNone">{{$g->freight}}</td>
                        @endif
                        @if(isset($orderinfo_list[14]))
                            <td class="displayNone">@if($g->print == 1)<i class="layui-icon" style="color: #df5000">&#xe658;</i>@endif
                            </td>
                        @endif
                        @if(isset($orderinfo_list[15]))
                            <td style="width: 110px">
                                @if($order->supplier == '加盟商')
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
                                            onclick="x_admin_show('订单明细附图','/admin/orderPic?id={{$g->id}}','800','650')">
                                        <i class="layui-icon">&#xe67c;</i>
                                    </button>
                                @endif
                                @if($g->pic)
                                    <a href="{{ $g->pic ? env("OSS_HOST").$g->pic : '' }}" data-title="附图"
                                       target="view_window">
                                        <button type="button" class="layui-btn layui-btn-sm">
                                            <i class="layui-icon">&#xe60d;</i>
                                        </button>
                                    </a>
                                @endif
                            </td>
                        @endif
                        @if(isset($orderinfo_list[16]))
                            <td style="color: white"  class="displayNone">{{$g->unit_price}}</td>
                        @endif
                        @if(isset($orderinfo_list[20]))
                            <td class="displayNone  tp_price"> {{$g->otherinfo_tp}}</td>
                        @endif
                        @if(isset($orderinfo_list[17]))
                            <td class="displayNone"> {{$g->otherinfo_unit}}</td>
                        @endif
                        @if(isset($orderinfo_list[18]))
                            <td>{{$g->unit_discount_price}}</td>
                        @endif
                        @if(isset($orderinfo_list[19]))
                            <td class="tp_price" style="color: white">{{$g->tp_discount_price}}</td>
                        @endif
                        <td class="displayNone">@if($g->no_packing < 0) 0 @else {{$g->no_packing}} @endif</td>
                        <td class="displayNone" onclick="x_admin_show('明细备注','/admin/goodorderRemarkAdd?id={{$g->id}}',600,500)">{{str_limit($g->mx_remark,10)}}</td>
                        <td class="displayNone" onclick="x_admin_show('打印链接','/admin/goodorderPrintAdd?id={{$g->id}}',600,500)">{{$g->print_link}}</td>
                    </tr>
                    </tbody>
                    @php
                        $unit_price += round($g->unit_price * $g->goods_count,2);
                        $sale_price += round($g->sale_price * $g->goods_count,2);
                        $freight += round($g->freight * $g->jisuan * $g->goods_count,2);
                        $unit_discount_price += round($g->unit_discount_price * $g->goods_count,2);
                        $sale_discount_price += round($g->sale_discount_price * $g->goods_count,2);
                        $tp_discount_price += round($g->tp_discount_price * $g->goods_count,2);
                        $goods_count += $g->goods_count;
                        $no_out += $g->no_out;
                        $no_send += $g->no_send
                    @endphp
                @endforeach
                <thead>
                <tr>
                    <th class="displayBlock"><b>合计</b></th>
                    @if(isset($orderinfo_list[0]))
                        <th class="displayBlock"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[1]))
                        <th class="displayBlock"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[2]))
                        <th class="displayBlock"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[3]))
                        <th class="displayBlock"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[4]))
                        <th><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[5]))
                        <th><b></b></th>
                    @endif
                    <th><b></b></th>
                    @if(isset($orderinfo_list[6]))
                        <th><b>{{$goods_count}}</b></th>
                    @endif
                    @if(isset($orderinfo_list[7]))
                        <th><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[8]))
                        <th class="displayNone"><b>{{$no_out}}</b></th>
                    @endif
                    @if(isset($orderinfo_list[9]))
                        <th class="displayNone"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[10]))
                        <th class="displayNone"><b>{{$no_send}}</b></th>
                    @endif
                    @if(isset($orderinfo_list[11]))
                        <th><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[12]))
                        <th class="displayNone"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[13]))
                        <th class="displayNone"><b>{{$freight}}</b></th>
                    @endif
                    @if(isset($orderinfo_list[14]))
                        <th class="displayNone"><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[15]))
                        <th><b></b></th>
                    @endif
                    @if(isset($orderinfo_list[16]))
                        <th style="color: #f2f2f2"  class="displayNone"><b>{{$unit_price}}</b></th>
                    @endif
                    <th class="displayNone"><b></b></th>
                    <th style="width: 120px"><b>{{ $order->express_type == '寄付' || $order->express_type == null ? $unit_discount_price + $order->freight : $unit_discount_price }}
                            （含运费：{{ $order->express_type == '寄付' || $order->express_type == null ? $order->freight : '0' }}
                            ）</b></th>
                    <th style="width: 120px;color: #f2f2f2" class="tp_price_th" ><b>{{ $order->express_type == '寄付' || $order->express_type == null ? $tp_discount_price + $order->freight : $tp_discount_price }}
                            （含运费：{{ $order->express_type == '寄付' || $order->express_type == null ? $order->freight : '0' }}
                            ）</b></th>
                    <th class="displayNone"></th>
                    <th class="displayNone"></th>
                    <th class="displayNone"></th>
                @if(isset($orderinfo_list[17]))
                        <th class="displayNone" colspan="" style="text-align: right;">
                            <b>{{ $order->express_type == '寄付' || $order->express_type == null ? $unit_discount_price + $order->freight : $unit_discount_price }}
                                （含运费：{{ $order->express_type == '寄付' || $order->express_type == null ? $order->freight : '0' }}
                                ）</b></th>
                    @endif
                </tr>
                </thead>
            </table>
        </form>
        <iframe class="it-url" width="100%" height="450" src="{{$url}}{{$order->order_number}}"></iframe>
        <form class="layui-form" action="">
            @if($order->money_affirm == '已确认')

                <span class="dd_warehouse layui-form"
                      style=" display: block;margin-top: 20px; padding:10px;background-color:rgba(242,242,242,.5);">
                    <input type="checkbox" name="labelPrintAll2" title="全选" id="labelPrintAll2"
                           lay-filter="labelPrintAll2" class="layui-input-inline">
                <a href="javascript:" class="layui-btn layui-btn-sm dydj2">打印订单指令</a>
                @foreach($ware as $w)
                        {{--<input type="text" name="all" value="" title="" id="all" lay-filter="all"lay-skin="primary">--}}
                        <input type="checkbox" name="{{$order->id}}" class="all_checkbox" title="{{$w}}"
                               lay-skin="primary" lay-filter="all_checkbox">
                    @endforeach
            </span>
            @endif
            <table class="layui-table" style="margin-top: 40px">
                <thead>
                <tr>
                    <td colspan="9">
                        <b>出库单</b>
                        <input type="checkbox" name="all" id="all" title="全选" lay-filter="all">
                        <a href="javascript:void(0);" class="layui-btn layui-btn-sm dydj"
                           style="margin:3px 0 0 0;">
                            打印单据
                        </a>
                    </td>
                </tr>
                <tr>
                    <th>选择</th>
                    <th>序号</th>
                    <th style="width: 220px;">出库单编号</th>
                    <th>关联单据</th>
                    <th>出库类型</th>
                    <th>仓库</th>
                    <th>状态</th>
                    <th>出库时间</th>
                </tr>
                </thead>
                @if(!empty($out))
                    @foreach($out as $k=>$o)
                        <tbody>
                        <tr class="order_out_tr">
                            <td class="checkboxId">
                                <input type="checkbox" name="select" lay-skin="primary" class="selectTd"
                                       lay-filter="selectTd">
                            </td>
                            <td>{{$k+1}}</td>
                            <td class="shopIdTd">
                                <a onclick="go_url_childes('出库单','/admin/outboundAdd?id={{$o->id}}')"
                                   href="javascript:">{{$o->out_num}}</a>
                                <span class="o-id">{{$o->id}}</span>
                            </td>
                            <td class="relevanceOrder">{{$o->relevance}}</td>
                            <td>{{$o->out_type}}</td>
                            <td class="warehouse">{{$o->warehouse}}</td>
                            <td>{{$o->status}}</td>
                            <td>{{$o->out_time}}</td>
                        </tr>
                        </tbody>
                    @endforeach
                @endif
            </table>
        </form>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>应收款单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">应收款单号</th>
                <th>应收总额</th>
                <th>剩余应收</th>
                <th>状态</th>
            </tr>
            </thead>
            @if(!empty($receipt))
                @foreach($receipt as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td><a onclick="go_url_childes('应收款单','/admin/receiptAdd?id={{$o->id}}')">{{$o->rec_num}}</a>
                        </td>
                        <td>{{$o->rec_money}}</td>
                        <td>{{$o->act_money}}</td>
                        <td>{{$o->status}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>生产单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">生产单编号</th>
                <th>关联单据</th>
                <th>成品入库状态</th>
                <th>状态</th>
                <th>确认时间</th>
            </tr>
            </thead>
            @if(!empty($pro))
                @foreach($pro as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td><a onclick="go_url_childes('生产单','/admin/proInfo?id={{$o->id}}')"
                               href="javascript:">{{$o->pro_num}}</a></td>
                        <td>{{$o->relevance}}</td>
                        <td>{{$o->pro_status}}</td>
                        <td>{{$o->status}}</td>
                        <td>{{$o->affirm_time}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>采购单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">采购单编号</th>
                <th>关联单据</th>
                <th>类型</th>
                <th>状态</th>
                <th>确认时间</th>
            </tr>
            </thead>
            @if(!empty($pur))
                @foreach($pur as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td><a onclick="go_url_childes('采购单','/admin/purchaseAdd?id={{$o->id}}')"
                               href="javascript:">{{$o->purchase_num}}</a></td>
                        <td>{{$o->relevance}}</td>
                        <td>{{$o->purchase_type}}</td>
                        <td>{{$o->status}}</td>
                        <td>{{$o->affirm_time}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>

        {{--    <table class="layui-table" style="margin-top: 40px">
                <thead>
                <tr>
                    <td colspan="6"><b>采购单</b></td>
                </tr>
                <tr>
                    <th>序号</th>
                    <th style="width: 220px;">采购单编号</th>
                    <th>关联单据</th>
                    <th>类型</th>
                    <th>状态</th>
                    <th>确认时间</th>
                </tr>
                </thead>
                @if(!empty($pur))
                    @foreach($pur as $k=>$o)
                        <tbody>
                        <tr>
                            <td>{{$k+1}}</td>
                            <td><a onclick="go_url_childes('采购单','/admin/purchaseAdd?id={{$o->id}}')"
                                   href="javascript:;">{{$o->purchase_num}}</a></td>
                            <td>{{$o->relevance}}</td>
                            <td>{{$o->purchase_type}}</td>
                            <td>{{$o->status}}</td>
                            <td>{{$o->affirm_time}}</td>
                        </tr>
                        </tbody>
                    @endforeach
                @endif
            </table>--}}
        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>装箱单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">装箱单编号</th>
                <th>关联单据</th>
                <th>创建时间</th>
            </tr>
            </thead>
            @if(!empty($packing))
                @foreach($packing as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td>{{$o->packing_num}}</td>
                        <td>{{$o->relevance}}</td>
                        <td>{{$o->created_at}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>售后单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">售后单编号</th>
                <th>关联单据</th>
                <th>售后类型</th>
                <th>状态</th>
                <th>确认时间</th>
            </tr>
            </thead>
            @if(!empty($after))
                @foreach($after as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td><a onclick="go_url_childes('售后单','/admin/afterSaleAdd?id={{$o->id}}')"
                               href="javascript:">{{$o->after_num}}</a></td>
                        <td>{{$o->relevance}}</td>
                        <td>{{$o->type}}</td>
                        <td>{{$o->status}}</td>
                        <td>{{$o->affirm_time}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>申购单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">申购单编号</th>
                <th>关联单据</th>
                <th>申购原因</th>
                <th>状态</th>
                <th>审核时间</th>
            </tr>
            </thead>
            @if(!empty($prepurchase))
                @foreach($prepurchase as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td><a onclick="go_url_childes('申购单','/admin/prepurchaseAdd?id={{$o->id}}')"
                               href="javascript:">{{$o->prepurchase_num}}</a></td>
                        <td>{{$o->relevance}}</td>
                        <td>{{$o->remark}}</td>
                        <td>{{$o->status}}</td>
                        <td>{{$o->affirm_time}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>

        <table class="layui-table" style="margin-top: 40px">
            <thead>
            <tr>
                <td colspan="6"><b>委外单</b></td>
            </tr>
            <tr>
                <th>序号</th>
                <th style="width: 220px;">委外单编号</th>
                <th>关联单据</th>
                <th>备注</th>
                <th>状态</th>
                <th>审核时间</th>
            </tr>
            </thead>
            @if(!empty($outsource))
                @foreach($outsource as $k=>$o)
                    <tbody>
                    <tr>
                        <td>{{$k+1}}</td>
                        <td><a onclick="go_url_childes('委外单','/admin/outsourceAdd?id={{$o->id}}')"
                               href="javascript:">{{$o->outsource_num}}</a></td>
                        <td>{{$o->relevance}}</td>
                        <td>{{$o->remark}}</td>
                        <td>{{$o->status}}</td>
                        <td>{{$o->affirm_time}}</td>
                    </tr>
                    </tbody>
                @endforeach
            @endif
        </table>
    </div>
    <script src="/assets/lightbox/js/lightbox.js"></script>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <script>
        let all = {}
        let allValue = []
        let arrValue = []
        layui.use(['form', 'layer'], function () {
            var form = layui.form
            var layer = layui.layer
            form.on('checkbox(all_checkbox)', function (data) {
                if (data.elem.checked) {
                    allValue.push(data.elem.title)
                } else {
                    allValue.splice(allValue.indexOf(data.elem.title), 1)
                }


                // for(let i = 0 ; i < allValue.length ;i++){
                //     if(!all[allValue[i]]){
                //         arrValue.push(allValue[i])
                //         all[arrValue[i]] = 1
                //     }else{
                //         all[arrValue[i]] += 1
                //     }
                // }
                // console.log(arrValue) //去重外部这道这一步 根据他的点击状态去判断

            })

            form.on('select(kuaidi_type)', function(data){

                var param = {
                    id: $('.orderId').val(),
                    kuaidi_type: data.value,
                    _token: $("input[name=_token]").val(),
                }
                $.post(
                    "/admin/orderKuaidiType", param,
                    function (res) {
                        //发异步，把数据提交给php
                        if (res.status == 1) {
                            layer.alert(res.msg, {icon: 6});
                        } else {
                            layer.alert(res.msg, {icon: 5});
                        }

                    }, "json");

            });

            form.on('select(other_type)', function(data){

                var param = {
                    id: $('.orderId').val(),
                    other_type: data.value,
                    _token: $("input[name=_token]").val(),
                }
                $.post(
                    "/admin/orderOtherType", param,
                    function (res) {
                        //发异步，把数据提交给php
                        if (res.status == 1) {
                            layer.alert(res.msg, {icon: 6});
                        } else {
                            layer.alert(res.msg, {icon: 5});
                        }

                    }, "json");

            });
        })
        let setTop = $(".stack").offset().top
        document.addEventListener("scroll", function () {
            if ($(this).scrollTop() >= setTop) {
                $(".stack").addClass("fixed")
            }

            if ($(this).scrollTop() < setTop) {
                $(".stack").removeClass("fixed")
            }

        })
        show_tpPrice('white')
        function show_tpPrice(color ){
          [...document.querySelectorAll('.tp_price')].forEach(item => item.style.color = color)
          if(color === 'white'){
            // 隐藏
            [...document.querySelectorAll('.tp_price_th')].forEach(item => item.style.color = '#f2f2f2');
          }else{
            [...document.querySelectorAll('.tp_price_th')].forEach(item => item.style.color = 'black');
          }
        }

        function blueJJ(){
          let e = arguments[0] || window.event;

          let value = e.target.value;

          if(value.indexOf("加急") !== -1){
            layer.alert('发现您有加急整个订单的诉求，备注中加急可能只会在打单和配料环节优先，如果生产也需要优先，建议你，全选加急标记，这样生产流程卡上也会打上加急标记', {icon:6})
          }



        }


        function showMethod() {
            let trArr = $("#show").find("tr").not(".stack").find("td").not(".displayBlock")
            let thArr = $("#show").find("tr").not(".stack").find("th").not(".displayBlock")
            trArr.css({
                height: `${trArr.height()}px`,
            })
            thArr.css({
                height: `${thArr.height()}px`,
            })
            thArr.toggleClass("displayNone")
            trArr.toggleClass("displayNone")
          // show_tpPrice("white")
        }


        function order_out_Print_bottom1(data) {
            let url = ''
            for (let key in data.out_detail) {
              console.log(data.out_detail)
                url += `<div style="width: 950px;height: 40px;display: flex;align-items: center;background-color: #f2f2f2;margin-top: 35px;margin-left: 5%;border-top: 1px solid #f2f2f0;font-weight:bold">订单信息</div>`
                url += '<table class="layui-table table-max-dj" style="width:950px;margin-left: 5%;">\n' +
                    '                <thead>\n' +
                    '                <tr class="tr_head">\n' +
                    '                    <th class="layui-black-td-th">序号</th>\n' +
                    '                    <th class="layui-black-td-th">货号</th>\n' +
                    '                    <th class="layui-black-td-th supplier_xhsss">供应商型号</th>\n' +
                    '                    <th class="layui-black-td-th">产品名称</th>\n' +
                    '                    <th class="layui-black-td-th" style="width: 270px">规格</th>\n' +
                    '                    <th class="layui-black-td-th cp_goods" style="width: 100px">货位</th>' +
                    '                    <th class="layui-black-td-th">数量</th><th class="layui-black-td-th">计量单位</th>\n' +
                    '                    <th class="layui-black-td-th batchsss">批次</th>\n' +
                    '                    <th class="layui-black-td-th reelsss">卷号</th>\n' +
                    '                    <th class="layui-black-td-th">是否有图</th>\n' +
                    '                    <th class="layui-black-td-th cp_protos">产品主图</th>' +
                    '                    <th class="layui-black-td-th gck_number">明细码</th>\n' +
                    '                </tr>\n' +
                    '                </thead>'
                url += '<tbody>'
                let count = 1
              for (let i = 0; i < data.out_detail[key].length; i++) {
                    let s = data.out_detail[key][i]
                    url += ' <tr>' +
                        '                        <td class="layui-black-td-th">' + count++ + '</td>' +
                        '                        <td class="layui-black-td-th">' + s.goods_number + '</td>' +
                        '                        <td class="layui-black-td-th supplier_xhsss">' + nonull(s.supplier_xh) + '</td>' +
                        '                        <td class="layui-black-td-th">' + s.goods_name + '</td>' +
                        '                        <td class="layui-black-td-th" style="width: 270px">' + s.goods_normtype + `${s.gy  ? `<span style="color:red">@绑带款式:${s.gy}</span>` : ""}` +'</td>'+
                        '                        <td class="layui-black-td-th cp_goods" style="width:100px">'+ nonull(s.goods) +'</td>' +
                        '                        <td class="layui-black-td-th">' + s.goods_count + '</td>' +
                        '                        <td class="layui-black-td-th">' + s.unit + '</td>' +
                        // '                        <td class="layui-black-td-th batchsss">' + nonull(s.hhh) + '</td>' +
                        '                        <td class="layui-black-td-th batchsss">' + nonull(s.batch) + '</td>' +
                        '                        <td class="layui-black-td-th reelsss">' + nonull(s.reels) + '</td>' +
                        //                                                                       本来是reel的  reel => reels 为了不让他显示
                        '                        <td class="layui-black-td-th">' + nonull(s.pic) + '</td>' +
                        '                       <td class="layui-black-td-th cp_protos"> <img src="http://cdn.lcyjfz.com/' + nonull(s.icon) + '" alt=""></td>' +
                        '                        <td class="layui-black-td-th gck_number"><img src="" style="width: 2.4cm;height: 1.2cm" class="one-code-img"><span class="code-text">' + nonull(s.id) + '</span></td>' +
                        '                    </tr>'
                }
                url += '</tbody></table>'
            }
            return url

        }

        //如何去判断 用户是否点击了这两个按钮 给这两个按钮添加点击事件
        //当用户点击这两个按钮时 => 我需要接受用户点击的是哪一个 然后获取点击的这个按钮的文本 将这个文本添加刀vALUE中


        dy_cs = ['supplier_xhsss', 'batchsss', 'reelsss', 'cp_protos' , 'cp_goods']
        $(".dydj2").click(function (event) {
            var url = "";
            url += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
                `<div style="width: 100%;text-a lign: center;margin-bottom: 10px"><button class="layui-btn" onclick="get_number()">销售订单单据</button></div>` +
                `<div><form class="layui-form">
                <input type="checkbox" lay-filter="filter" title="供应商型号" value="supplier_xhsss" lay-skin="primary">
                <input type="checkbox" title="批次" value="batchsss" lay-filter="filter" lay-skin="primary">
                <input type="checkbox" lay-filter="filter" value="reelsss" title="卷号" lay-skin="primary">
                <input type="checkbox" lay-filter="filter" value="gck_number" title="明细码" lay-skin="primary" checked>
                <input type="checkbox" lay-filter="filter" value="cp_protos" title="产品主图" lay-skin="primary" >
                <input type="checkbox" lay-filter="filter" value="cp_goods" title="货位" lay-skin="primary" checked>
                </form></div>` +
                '</div>'
            //                最后要加 <input type="checkbox" lay-filter="filter" value="cp_protos" title="产品主图" lay-skin="primary" >

            layer.open({
                type: 1,
                title: '打印单据'
                , content: url,
                area: ['420px', '200px'] //宽高
            });
            layui.use('form', () => {
                var form = layui.form
                form.render('checkbox');
            })
        });
        //url传递


        let alls = document.querySelectorAll('.all_checkbox')

        function get_number() {
            var index = layer.load(0, {shade: false});
            let url = ''
            let outall = []
            let outdata = {}
            // $('.order_out_tr').each(function () {
            //     if($(this).find('.selectTd')[0].checked){
            //         outall.push($(this).find('.o-id').text())
            //     }else {
            //         layer.msg('请选择要打印的单据');
            //     }
            // })
            // 获取这边的id
            if (allValue.length === 0) {
                layer.close(index);
                layer.msg("请点击仓库在打印")
            } else {
                let url1 = `/admin/orderPrint/${alls[0].name}/${allValue.join()}`
                $.get(url1, res => {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            outdata = res.data
                            url = order_out_Print_bottom1(outdata)
                            url = order_out_Print_top(outdata, outall) + url
                            layer.close(index);
                            url += '<div style="margin-top: 50px;margin-left:5%;width: 10%;">签字：</div>'
                            url += '</div>'
                            url += '<!--打印内容结束--><!--endprint1-->'
                            url += '</div>'
                            url += '</div>'
                            layer.open({
                                type: 1,
                                skin: 'layui-layer-rim', //加上边框
                                area: ['1050px', '500px'], //宽高
                                content: url
                            });
                            for (let s of dy_cs) {
                                $('.' + s).remove()
                            }
                          // dy_cs = ['supplier_xhsss', 'batchsss', 'reelsss', 'cp_protos']
                          $('.code-text').each(function () {
                                $(this).parent('.gck_number').find('.one-code-img').JsBarcode($(this).text())
                            })
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                })
            }
        }

        function urgency() {
            let data = all_number_data()
            if (data.length !== 0) {
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        function all_number_data() {
            let customization_data = []
            $('.labelPrint').each(function () {
                if ($(this)[0].checked === true) {
                    customization_data.push($(this).parent().parent().find('.goods_id').val())
                }
            })
            return customization_data
        }

        var gck_number_obj = {}

        function mix_label_print() {
            let number_data = all_number_data()
            if (number_data.length !== 0) {
                var loadIndex = layer.load() //打开加载loading
                $.get("/admin/orderMxDyAll?id=" + number_data, res => {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.open({
                            type: 1,
                            skin: 'layui-layer-rim', //加上边框
                            area: ['12cm', '15cm'], //宽高
                            content: labelMix_print(res)
                        });
                        for (let gck in gck_number_obj) {
                            $('.' + gck).JsBarcode(gck_number_obj[gck])
                        }
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                    layer.close(loadIndex); //关闭加载loading
                });
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        function labelMix_print(res) {
            var url = "";
            url += '<div id="order-dy-id">'
            url += '<!--startprint1--><!--打印内容开始-->'
            let i_num = 'txm-img'

            for (let i of res.data) {
                url += '<div style="width: 2.5cm;height: 9cm;font-size: 12px;border: 1px solid #000000;padding: 5px 10px;margin: 0 0 0 5px">'
                url += '<div class="dy-order-lang" style="width: 100%;text-align: center"><b>' + i.webname + '</b></div>'
                // url += '<div class="dy-order-lang" style="width: 100%;text-align: center"><b>（'+i.dm+'）</b></div>'
                url += '<div>'
                url += `<div style="right: 0"><img src="" style="width: 2.4cm;height: 1.2cm" class="${i_num}"></div>`
                url += `<div class="dy-order-lang">${i.gck_number}</div>`
                gck_number_obj[i_num] = i.gck_number
                i_num = i_num + 'n'
                url += '<div class="dy-order-lang">加盟商：' + i.belong + '</div>'
                url += '<div class="dy-order-lang">客户：' + i.people + '</div>'
                url += '<div style="display: flex;justify-content: space-between">'
                url += '<div style="display: flex;flex-wrap: wrap">'
                url += '<div class="dy-order-lang">品名：' + i.name + '</div>'
                url += '<div class="dy-order-lang">房称：' + (i.fc.length > 25 ? i.fc.slice(0, 25) + '......' : i.fc) + '</div>'
                url += '<div class="dy-order-lang">订单号：' + i.order_number + '</div>'
                url += '<div class="dy-order-lang">财务序列号：' + i.xlh + '</div>'
                url += '</div>'
                url += '</div>'
                url += '</div>'
                url += '</div>'
            }
            url += '<!--打印内容结束--><!--endprint1-->'
            url += '</div>'
            url += '<div onclick="dayin()" class="dayin" style="margin-left: 20px;margin-top: 40px">'
            url += '<a class="layui-btn" style="z-index: 1000">打印</a>'
            url += '</div>'
            return url
        }

        function dayin2() {
            $('.dayin2').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();
            $.get("/admin/dayinTime/" + outall, function (res) {
                // 发异步，把数据提交给php

            });
            location.reload()

        }

        function delete_customization_label() {
            let number_data = all_number_data()
            if (number_data.length !== 0) {
                $.get("/admin/orderDZdelete" + "?id=" + number_data, res => {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            location.reload();
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        function count_gck() {
            let number_data = all_number_data()
            if (number_data.length !== 0) {
                layer.open({
                    type: 2,
                    shade: false,
                    area: ['1000px', '750px'],
                    maxmin: true,
                    content: `/admin/orderGCKprint?id=${number_data}`,
                    end: function () {//无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。layer.open关闭事件
                        location.reload();　　//layer.open关闭刷新
                    }
                });
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        function add_sign() {
            let number_data = all_number_data()
            if (number_data.length !== 0) {


              // $.get("/admin/orderListPrintBJ" + "?id=" + number_data, res => {
              //   // 发异步，把数据提交给php
              //   if (res.status == 1) {
              //     //发异步把用户状态进行更改
              //     layer.msg(res.msg, {icon: 6, time: 1000}, function () {
              //       location.reload();
              //     });
              //   } else {
              //     layer.alert(res.msg, {icon: 5});
              //   }
              // });

              $.get("/admin/orderJJ?id=" + number_data, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                  //发异步把用户状态进行更改
                  layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                    location.reload();
                  });
                } else {
                  layer.alert(res.msg, {icon: 5});
                }
              });
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        function delete_sign() {
            let number_data = all_number_data()
            if (number_data !== 0) {

              // $.get("/admin/orderListbackPrintBJ" + "?id=" + number_data, res => {
              //   // 发异步，把数据提交给php
              //   if (res.status == 1) {
              //     //发异步把用户状态进行更改
              //     layer.msg(res.msg, {icon: 6, time: 1000}, function () {
              //       location.reload();
              //     });
              //   } else {
              //     layer.alert(res.msg, {icon: 5});
              //   }
              // });


              $.get("/admin/orderqxJJ?id=" + number_data, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                  //发异步把用户状态进行更改
                  layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                    location.reload();
                  });
                } else {
                  layer.alert(res.msg, {icon: 5});
                }
              });
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        function customization_label() {
            let washType = false
            let customization_data = []
            $('.labelPrint').each(function () {
                if ($(this)[0].checked === true) {
                    washType = true
                    customization_data.push($(this).parent().parent().find('.goods_id').val())
                }
            })
            if (washType) {
                var loadIndex = layer.load() //打开加载loading
                $.get("/admin/orderDZ?id=" + customization_data, res => {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                            location.reload();
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                        layer.close(loadIndex); //关闭加载loading
                    }
                });
            } else {
                layer.alert('请先勾选要打印的明细', {icon: 5});
            }
        }

        let number_arr = []
        $('.info_tr').each(function () {
            number_arr.push($(this).find('.order-number')[0].innerText)
        })

        function label_print_main() {
            let data = []
            $('.labelPrint').each(function () {
                if ($(this)[0].checked === true) {
                    data.push($(this).parent().parent().find('.goods_id').val())
                }
            })
            var loadIndex = layer.load() //打开加载loading
            $.get("/admin/orderMxDyAll?id=" + data, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['350px', '500px'], //宽高
                        content: label_print(res)
                    });
                    for (let gck in gck_number_obj) {
                        $('.' + gck).JsBarcode(gck_number_obj[gck])
                    }
                    layer.close(loadIndex); //关闭加载loading
                } else {
                    layer.alert(res.msg, {icon: 5});
                    layer.close(loadIndex); //关闭加载loading
                }
            });
        }

        function dayinOut(this_number) {
            $.get("/admin/orderMxDy/" + {{$order->id}} +`/${this_number}`, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['350px', '500px'], //宽高
                        content: label_print(res)
                    });
                    for (let gck in gck_number_obj) {
                        $('.' + gck).JsBarcode(gck_number_obj[gck])
                    }
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        }

        var gck_number_obj = {}

        function dayinOuts(this_number) {
            $.get("/admin/orderDZ?id=" + this_number, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        location.reload();
                    });
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        }

        function dayinOutss(this_number) {
            $.get("/admin/orderJJ?id=" + this_number, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        location.reload();
                    });
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        }

        function dayinOutsss(this_number) {
            $.get("/admin/orderqxJJ?id=" + this_number, res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        location.reload();
                    });
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        }

        function noramal (value){
          if(value == null || value == undefined){
            return ''
          }else{
            return value
          }
        }


        function label_print(res) {
            var url = "";
            url += '<div id="order-dy-id">'
            url += '<!--startprint1--><!--打印内容开始-->'
            let i_num = 'txm-img'
            for (let i of res.data) {
                console.log(i)
                let flag =i.order_number.indexOf('ylst') === -1 ? true : true;
                url += '<div style="width: 4.6cm;height: 6.8cm;font-size: 12px;border: 1px solid #000000;padding: 10px 10px;margin: 0 0 0 5px">'
                url += '<div class="dy-order-lang" style="width: 100%;text-align: center;"><b style="position:relative;left: -30px">' + i.webname + '</b><b style="position: relative;left: 30px">快递状态：' + i.kd_status + '</b></div>'
                url += '<div>'
                url += `<div style="right: 0"><img src="" style="width: 120px;height: 40px" class="${i_num}"></div>`
                url += '<div style="display: flex;justify-content: space-between">'
                url += `<div class="dy-order-lang" >${i.gck_number}</div>`
                gck_number_obj[i_num] = i.gck_number
                i_num = i_num + 'n'
                url += `<div class="dy-order-lang">${nonull(i.goods)}</div>`
                url += "</div>"
                // 出货的地址
                url += '<div class="dy-order-lang">'+i.address+'</div>'
                url += '<div class="dy-order-lang"> ' + (i.dymd ? i.dymd : noramal(i.belong)) + '</div>'
                url += '<div class="dy-order-lang">客户：' + (i.dyyz ? i.dyyz : noramal(i.people)) + '</div>'
                url += '<div style="display: flex;justify-content: space-between;">'
                url += '<div style="display: flex;flex-wrap: wrap">'
                url += '<div class="dy-order-lang">品名：' + i.name + '</div>'

                let sis_count = 0
                if (i.sis['魔术贴'] !== undefined) {
                    delete i.sis['帘顶款式']
                    delete i.sis['帘高']
                    delete i.sis['尺码']
                }
                for (let n in i.sis) {
                    sis_count++
                    if (n.substr(n.length - 1, 1) === '价') {
                        continue
                    }
                    url += `<div class="dy-order-lang" style="margin-right: 10px">${n}：${i.sis[n]}${n.indexOf('尺码') !== -1  ? `${flag ? '-0.25&nbsp;&nbsp;' : ""}` : ""}</div>`
                }
                url += '</div>'
                url += '</div>'
                url += '<div class="dy-order-lang">型号：' + (i.sis["型号"] ? i.sis['型号'] : (i.ppxh ? noramal(i.ppxh) : noramal(i.xh))) + '</div>'
                if (i.mk) {
                    url += '<div class="dy-order-lang">楣宽：' + i.mk + '</div>'
                }
                if (i.count) {
                    url += '<div class="dy-order-lang">数量：' + i.count + '</div>'
                }
                url += '<div class="dy-order-lang">订单号：' + i.order_number + '</div>'
                url += '<div class="dy-order-lang">财务序列号：' + (i.xlh || '') + '</div>'
                url += '</div>'
                url += '</div>'
            }
            url += '<!--打印内容结束--><!--endprint1-->'
            url += '</div>'
            url += '<div onclick="dayin()" class="dayin" style="margin-left: 20px;margin-top: 40px">'
            url += '<a class="layui-btn" style="z-index: 1000">打印</a>'
            url += '</div>'
            return url
        }

        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();
            $.get("/admin/dayinTime/" + outall, function (res) {
                // 发异步，把数据提交给php

            });
            location.reload()

        }

        dy_cs = ['supplier_xhsss', 'batchsss', 'reelsss', 'cp_protos']
        $(".dydj").click(function (event) {
            var url = "";
            url += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
                `<div style="width: 100%;text-a lign: center;margin-bottom: 10px"><button class="layui-btn" onclick="get_order_number()">销售订单打印</button></div>` +
                `<div><form class="layui-form">
                <input type="checkbox" lay-filter="filter" title="供应商型号" value="supplier_xhsss" lay-skin="primary">
                <input type="checkbox" title="批次" value="batchsss" lay-filter="filter" lay-skin="primary">
                <input type="checkbox" lay-filter="filter" value="reelsss" title="卷号" lay-skin="primary">
                <input type="checkbox" lay-filter="filter" value="gck_number" title="明细码" lay-skin="primary" checked>
                <input type="checkbox" lay-filter="filter" value="cp_protos" title="产品主图" lay-skin="primary" >
                <input type="checkbox" lay-filter="filter" value="cp_goods" title="货位" lay-skin="primary" checked>
                </form></div>` +
                '</div>'
            layer.open({
                type: 1,
                title: '打印单据'
                , content: url,
                area: ['420px', '200px'] //宽高
            });
            layui.use('form', () => {
                var form = layui.form
                form.render('checkbox');
            })
        });
        $('.o-id').hide()
        let oid_all = []
        let outall = []

        async function get_order_number() {
            var index = layer.load(0, {shade: false});
            let url = ''
            outall = []
            let outdata = {}
            $('.order_out_tr').each(function () {
                if ($(this).find('.selectTd')[0].checked) {
                    outall.push($(this).find('.o-id').text())
                }
            })
            $.get("/admin/orderOutPrint?id=" + outall.join(), res => {
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                        outdata = res.data
                        url = order_out_Print_bottom(res.data)
                        url = order_out_Print_top(outdata, outall) + url
                        layer.close(index);
                        url += '<div style="margin-top: 50px;margin-left:5%;width: 10%;">签字：</div>'
                        url += '</div>'
                        url += '<!--打印内容结束--><!--endprint1-->'
                        url += '</div>'
                        url += '</div>'
                        layer.open({
                            type: 1,
                            skin: 'layui-layer-rim', //加上边框
                            area: ['1050px', '500px'], //宽高
                            content: url
                        });
                        for (let s of dy_cs) {
                            $('.' + s).remove()
                        }
                        $('.code-text').each(function () {
                            $(this).parent('.gck_number').find('.one-code-img').JsBarcode($(this).text())
                        })
                    });
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            })
        }

        function updataMessage() {
            var data = {
                id: $('.orderId').val(),
                message: $('.message').val(),
                _token: $("input[name=_token]").val(),
            }
            $.post(
                "/admin/orderMessage", data,
                function (res) {
                    //发异步，把数据提交给php
                    if (res.status == 1) {
                        layer.alert(res.msg, {icon: 6});
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
        }
        function updataBZ(e){
          let data = {
            id:$(".orderId").val(),
            gl_remark:$(e).val()
          }
          $.get('/admin/orderRemark' , data , function(res){
            layer.alert(res.msg , {icon:6})
          })

        }
        function updataDY(e,type) {
            var data = {
                id: $('.orderId').val(),
                info: $(e).val(),
                type: type,
                _token: $("input[name=_token]").val(),
            }

            $.post(
                "/admin/orderDYInfo", data,
                function (res) {
                    //发异步，把数据提交给php
                    if (res.status == 1) {
                        layer.alert(res.msg, {icon: 6});
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
        }

        function go_erp() {
            layer.open({
                type: 2,
                shade: false,
                area: ['1400px', '700px'],
                maxmin: true,
                content: '{{$wl_url}}{{$order->order_number}}',
                zIndex: layer.zIndex //重点1
            });
        }

        layui.use(['laydate', 'upload', 'form'], function () {
            var laydate = layui.laydate;
            upload = layui.upload;
            form = layui.form;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            })
            form.on('checkbox(labelPrintAll)', 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');
                }
            })
            form.on('checkbox(filter)', function (data) {
                if (!data.elem.checked) {
                    dy_cs.push(data.elem.value)
                } else {
                    for (let i = 0; i < dy_cs.length; i++) {
                        if (dy_cs[i] === data.elem.value) {
                            dy_cs.splice(i, 1)
                        }
                    }
                }
            });
            form.on('checkbox(labelPrintAll2)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    $(".all_checkbox").prop("checked", true);
                    $('.all_checkbox').each(function(){
                        allValue.push($(this).prop('title'))
                    })
                    form.render('checkbox');
                } else {
                    $(".all_checkbox").prop("checked", false);
                    allValue = []
                    form.render('checkbox');
                }
            })
            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

            /** 上传规格 */
            upload.render({
                elem: '.importOrderMx' //绑定元素
                , size: 2048
                , accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'id': '{{$order->id}}',
                }
                , url: '/admin/importOrderMx' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        layer.alert(res.msg, {icon: 6}, function () {
                            location.reload();
                        });
                    } else {
                        layer.alert(res.data, {icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

            /** 上传订单文件 */
            upload.render({
                elem: '.uploadfile' //绑定元素
                , size: 2048
                , accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'id': '{{$order->id}}',
                }
                , url: '/admin/uploadOrderfile' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        layer.alert(res.msg, {icon: 6}, function () {

                            location.reload();
                        });
                    } else {
                        layer.alert(res.data, {icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });
        });

        $("#supplier").click(function () {

            var id = $(".orderId").val();
            $.get(
                "/admin/supplier/" + id,

                function (res) {

                    //发异步，把数据提交给php
                    if (res.status == 1) {
                        layer.alert(res.msg, {icon: 6}, function () {
                            //关闭当前frame
                            location.reload();
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
        });
        $("#kuaidi").click(function () {
            var id = $(".orderId").val();
            layer.confirm('立即确认？', function (index) {
                $.get(
                    "/admin/kuaidi/" + id,
                    function (res) {
                        //发异步，把数据提交给php
                        if (res.status == 1) {
                            layer.alert(res.msg, {icon: 6}, function () {
                                //关闭当前frame
                                location.reload();
                            });
                        } else {
                            layer.alert(res.msg, {icon: 5});
                        }

                    }, "json");
            });
        });

        /* 编辑订单**/
        function editOrder(id, token) {
            $.get("/admin/editOrder?id=" + id + "&token=" + token, function (res) {
                if (res.status == 1) {
                    //打开新窗口
                  console.log(res)
                  window.open(res.data);
                } else {
                    layer.alert(res.msg, {icon: 5});
                }
            });
        }

        /*确认撤销*/
        function member_del(id) {
            layer.confirm('确认要撤销吗？', function (index) {
                var loadIndex = layer.load(); //打开加载loading
                $.get("/admin/confirmBack/" + id, function (res) {
                    // 发异步，把数据提交给php
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });

                    } else {

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

        function delAll(argument) {

            var data = tableCheck.getData();

            layer.confirm('确认要删除吗？' + data, function (index) {
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {icon: 1});
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });

        }

        // 强制完成
        function do_force(id) {
            layer.confirm('确认要强制完成吗？', function (index) {
                $.get("/admin/doforce/" + id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });

                    } else {

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

        // 撤销完成
        function back_force(id) {
            layer.confirm('确认要撤销强制完成吗？', function (index) {
                $.get("/admin/backforce/" + id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });

                    } else {

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

        // 导出订单明细
        function outport() {
            location.href = "/admin/outportOrderMx?id={{$order->id}}"
        }

        // 导出订单明细
        function orderFileDel(id) {
            layer.confirm('确认删除文件吗？', function (index) {
                $.get("/admin/orderFileDel?id=" + id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });

                    } else {

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

        function pay(type) {

            id = '{{$order->id}}';
            if (type == 1) {
                var msg = '确认提交支付吗？';
            } else
                var msg = '确认撤销支付吗？';
            layer.confirm(msg, function (index) {
                $.get("/admin/orderpay?type=" + type + "&id=" + id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });

                    } else {

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


    </script>
    <script src="/js/clearMarigin.js"></script>
    <script type="text/javascript" src="/js/outboundPrint.js"></script>
    <style>
        .dy-order-lang {
            padding: 0;
        }

        .fixed {
            position: fixed;
            top: 0;
            z-index: 999999;
        }

        .displayNone {
            display: none;
        }
    </style>
@endsection