@extends('layouts.father')
@section('style')
    <style>
        body{
            position: relative;
        }
        .info_tr a{
            text-decoration: underline!important;
        }
        .info_tr a:hover{
            color: red!important;
        }
        .layui-table td{
            padding: 3px 15px!important;
        }
        .info_tr .layui-disabled{
            background: #ccc!important;
            color: #333!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/prepurchaseList" 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: 100px;position: relative;width: 100%;">
                <div class="layui-form">
                    <div class="layui-form-item">
                        <div class="buttonIndex" style="margin-left: 15px">
                            <a class="indexAbottonHref" title="新建申购单" onclick="x_admin_show('新建申购单','/admin/prepurchaseAdd')" href="javascript:;">新建申购单</a>
                        </div>
                        <div class="layui-inline">
                            <input type="text" name="keyword" value="{{ $req['keyword'] or '' }}" autocomplete="off" placeholder="请输入申购单编号" class="layui-input li_input">
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline ">
                                <select name="creater" lay-search>
                                    <option value="">请选择创建人</option>
                                    @foreach( $admin as $a )
                                    <option @if(isset($req['creater']) && $req['creater'] == $a) selected @endif>{{ $a }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline ">
                                <select name="status">
                                    <option value="">请选择审核状态</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>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline ">
                                <select name="over">
                                    <option value="">请选择是否结束</option>
                                    <option @if(isset($req['over']) && $req['over'] != '' && $req['over'] == '未结束') selected @endif>未结束</option>
                                    <option @if(isset($req['over']) && $req['over'] != '' && $req['over'] == '已结束') selected @endif>已结束</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline ">
                                <select name="purchase_status">
                                    <option value="">请选择下游执行状态</option>
                                    <option @if(isset($req['purchase_status']) && $req['purchase_status'] != '' && $req['purchase_status'] == '未执行') selected @endif>未执行</option>
                                    <option @if(isset($req['purchase_status']) && $req['purchase_status'] != '' && $req['purchase_status'] == '已部分执行') selected @endif>已部分执行</option>
                                    <option @if(isset($req['purchase_status']) && $req['purchase_status'] != '' && $req['purchase_status'] == '已全部执行') selected @endif>已全部执行</option>
                                </select>
                            </div>
                            <button class="layui-btn" style="margin: 0" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </div>
                </div>
            </form>
            <div class="listTable" lay-size="sm" >
                <table class="layui-table">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th style="width: 220px;">申购单编号</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($prepurchase as $key=>$p)
                        <tr class="info_tr">
                            <td>{{ $key + 1 }}</td>
                            <td style="">
                                <a title="申购单详情"  onclick="x_admin_show('申购单详情','/admin/prepurchaseAdd?id={{$p->id}}')" href="javascript:;">
                                    {{$p->prepurchase_num}}
                                </a>
                            </td>
                            <td>{{$p->status}}</td>
                            <td>{{$p->purchase_status}}</td>
                            <td>{{$p->creater}}</td>
                            <td>{{$p->remark}}</td>
                            <td>@if(isset($p->affirm_time)){{date('Y-m-d',strtotime($p->affirm_time))}}@endif</td>
                            <td>{{$p->over}}</td>
                            <td style="display: flex">

                                @if($p->status == '未执行' || $p->over == '已结束')
                                    <div class="layui-btn layui-btn-xs layui-btn-disabled" >创建采购单</div>
                                @else
                                    <div class="layui-btn layui-btn-xs" onclick="del_out({{$p->id}})">创建采购单</div>
                                @endif
                                <div class="layui-btn layui-btn-xs" onclick="openPrintList()">单据打印</div>
                                <button class="layui-btn layui-btn-xs layui-btn-warm" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$p->prepurchase_num}}')" href="javascript:;">查看日志</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="page">
                    <div>
                        {{$prepurchase->appends($req)->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        function openPrintList(node,id) {
            dy_cs = ['supplier_xhsss']
            var tr1 = node.parentNode.parentNode
            var tdOrder = tr1.getElementsByClassName('relevanceOrder');
            var shopIdTd = tr1.getElementsByClassName('shopIdTd');
            this.relevanceval = tdOrder[0].innerText
            this.shopIdTdNum = shopIdTd[0].innerText
            var url = "";
            if(relevanceval.slice(0,1) === '2'){
                url += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
                    `<div style="width: 100%;text-align: center;margin-bottom: 10px"><button class="layui-btn" onclick="outboundPrint(${id},dy_cs)">销售订单单据</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" checked><input type="checkbox" lay-filter="filter" value="reelsss" title="卷号" lay-skin="primary" checked></form></div>` +
                    '</div>'
            }else {
                url += '<div style="padding: 20px;display: flex;justify-content: center;flex-wrap: wrap">' +
                    `<div style="width: 100%;text-align: center;margin-bottom: 10px"><button class="layui-btn" onclick="outboundPrintThree(${id},dy_cs)">统一模板单据</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" checked><input type="checkbox" lay-filter="filter" value="reelsss" 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');
            })
        }
        layui.use('form', function() {
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
            form.render();
            layer = layui.layer
            //监听指定开关
            layui.use('laydate', function () {
                var laydate = layui.laydate;
                //日期范围
                laydate.render({
                    elem: '#test6'
                    , range: '~'
                })
            })
        })

        /*创建到货单*/
        function del_out(id){
            if(id === undefined) {
                layer.msg('未生成采购单', {icon: 6, time: 1000});
                return
            }
            var url = "/admin/makePurchase/"
            var gourlHead = '/admin/purchaseAdd?id='
            del_out_index(id,url,gourlHead)
        }
    </script>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <link rel="stylesheet" href="/css/tableContentRoll.css">

@endsection