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

        .info_tr a{
            text-decoration: underline!important;
        }
        .info_tr a:hover{
            color: red!important;
        }
        .layui-table td{
            padding: 3px 15px!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/proList?date=week" 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="layui-inline">
                            <a href="/admin/proList"><div style="margin: 0" class="layui-btn" ><i class="layui-icon">&#xe637;</i> 全部</div></a>
                            <a href="/admin/proList?date=today"><div style="margin: 0" class="layui-btn" ><i class="layui-icon">&#xe637;</i> 今日</div></a>
                            <a href="/admin/proList?date=week"><div style="margin: 0" class="layui-btn" ><i class="layui-icon">&#xe637;</i>  最近一周</div></a>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input name="dateList" type="text" class="layui-input" id="test6" @if(isset($req['dateList']) && $req['dateList'] != '') value="{{$req["dateList"]}}" @endif placeholder="选择日期范围" lay-key="7">
                            </div>
                            <input type="hidden" name="text" value="{{$req['text']}}">
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width: 40px">状态:</label>
                            <div class="layui-input-inline" style="width: 120px">
                                <select name="status">
                                    <option></option>
                                    <option @if(isset($req['status']) && $req['status'] != '' && $req['status'] == '未执行') selected @endif>未执行</option>
                                    <option @if(isset($req['status']) && $req['status'] != '' && $req['status'] == '已执行') selected @endif>已执行</option>
                                </select>
                            </div>
                            <a class="layui-inline">
                                <input type="text" name="number" @if(isset($req['number']))  value="{{$req['number']}}" @endif  placeholder="请输入生产单编号" autocomplete="off" class="layui-input">
                            </a>
                            <a class="layui-inline">
                                <button style="margin: 0" class="layui-btn "  lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                            </a>
                            <a title="新建生产订单"  class="layui-inline" onclick="x_admin_show('新建生产订单','/admin/proInfo')" href="javascript:;">
                                <div class="layui-btn" style="margin: 0"><i class="layui-icon">&#xe608;</i> 新建生产订单</div>
                            </a>
                            <label class="layui-form-label" style="width: 60px">生产类型:</label>
                            <div class="layui-input-inline" style="width: 160px">
                                <select name="type">
                                    <option></option>
                                    @foreach($production as $vo)
                                    <option @if(isset($req['type']) && $req['type'] != '' && $req['type'] == $vo) selected @endif>{{$vo}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="over">
                                    <option value="">是否结束</option>
                                    <option>已结束</option>
                                    <option>未结束</option>
                                </select>
                            </div>
                        </div>
                        <div>
                            @if(isset($req['text']) && $req['text'] == '列表')
                            <div class="" style="margin: 5px 0;display: flex">
                                <a class="layui-btn layui-btn-sm" href="/admin/proList?text=列表" style="margin: 0">列表模式</a>
                                {{--<a class="layui-btn layui-btn-sm layui-btn-primary" href="/admin/proList?text=明细" style="margin: 0">明细模式</a>--}}
                            </div>
                            @else
                            <div class="" style="margin: 5px 0;display: flex">
                                <a class="layui-btn layui-btn-sm layui-btn-primary" href="/admin/proList?text=列表" style="margin: 0">列表模式</a>
                                {{--<a class="layui-btn layui-btn-sm" href="/admin/proList?text=明细" style="margin: 0">明细模式</a>--}}
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </form>
            @if(isset($req['text']) && $req['text'] == '明细')
            <div id="table">
                <table class="layui-table">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th style="width: 220px;">生产订单编号</th>
                        <th>生产类型</th>
                        <th>产品名称</th>
                        <th>规格</th>
                        <th>数量</th>
                        <th>计量单位</th>
                        <th>状态</th>
                        <th>产成品入库状态</th>
                        <th>关联单据</th>
                        <th>创建时间</th>
                        <th>是否结束</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
                <table class="layui-table">
                    <tbody id="x-img">
                    @foreach($proList as $k=>$p)
                        <tr class="info_tr">
                            <td>{{$k+1}}</td>
                            <td style="">
                                <a title="生产订单详情"  onclick="x_admin_show('生产订单详情','/admin/proInfo?id={{$p->id}}')" href="javascript:;">
                                    {{$p->pro_num}}
                                </a>
                            </td>
                            <td>{{$p->type}}</td>
                            <td>{{$p->name}}</td>
                            <td>{{$p->size}}</td>
                            <td>{{$p->num}}</td>
                            <td>{{$p->unit}}</td>
                            <td>{{$p->status}}</td>
                            <td>{{$p->pro_status}}</td>
                            <td style="">
                                {{--<a href="/admin/vouchAdd?id={{$v->id}}">{{$v->godown_num}}</a>--}}
                                @if($p->type == '销售生产')
                                <a title="关联单据"  onclick="x_admin_show('关联单据','/admin/orderDetail/{{$p->relevance}}')" href="javascript:;">
                                    {{$p->relevance}}
                                </a>
                                    @else
                                    <a title="关联单据"  onclick="x_admin_show('关联单据','/admin/planproAdd?id={{$p->relevance}}')" href="javascript:;">
                                        {{$p->relevance}}
                                    </a>
                                @endif
                            </td>
                            <td>{{substr($p->created_at,0,10)}}</td>
                            <td>{{$p->over}}</td>
                            <td>
                                @if($p->status == '未执行' || $p->over == '已结束')
                                    <div class="layui-btn layui-disabled layui-btn-xs layui-btn-disabled" >领料出库</div>
                                    <div class="layui-btn layui-disabled layui-btn-xs layui-btn-disabled" >返料入库</div>
                                    <div class="layui-btn layui-disabled layui-btn-xs layui-btn-disabled" >产成品入库</div>
                                @else
                                    <div class="layui-btn layui-btn-xs" onclick="make_out({{$p->id}})">领料出库</div>
                                    <div class="layui-btn layui-btn-xs" onclick="make_vouch({{$p->id}}+'','生产返料入库'+'')">返料入库</div>
                                    <div class="layui-btn layui-btn-xs" onclick="make_vouch({{$p->id}}+'','产成品入库'+'')">产成品入库</div>
                                @endif
                                <button class="layui-btn layui-btn-warm layui-btn-xs" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$p->pro_num}}')" href="javascript:;">查看日志</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @else
            <div id="table">
                <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>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
                <table class="layui-table">
                    <tbody id="x-img">
                    @foreach($proList as $k=>$p)
                        <tr class="info_tr">
                            <td>{{$k+1}}</td>
                            <td style="">
                                <a title="生产订单详情"  onclick="x_admin_show('生产订单详情','/admin/proInfo?id={{$p->id}}')" href="javascript:;">
                                    {{$p->pro_num}}
                                </a>
                            </td>
                            <td>{{$p->type}}</td>
                            <td>{{$p->status}}</td>
                            <td>{{$p->pro_status}}</td>
                            <td>{{str_limit($p->remark, 12,'...')}}</td>
                            <td style="">
                                {{--<a href="/admin/vouchAdd?id={{$v->id}}">{{$v->godown_num}}</a>--}}
                                @if($p->type == '销售生产')
                                    <a title="关联单据"  onclick="x_admin_show('关联单据','/admin/orderDetail/{{$p->relevance}}')" href="javascript:;">
                                        {{$p->relevance}}
                                    </a>
                                @elseif($p->type == '转换生产')
                                    <a title="关联单据"  onclick="x_admin_show('关联单据','/admin/outboundAdd?id={{$p->relevance}}')" href="javascript:;">
                                        {{$p->relevance}}
                                    </a>
                                @else
                                    <a title="关联单据"  onclick="x_admin_show('关联单据','/admin/planproAdd?id={{$p->relevance}}')" href="javascript:;">
                                        {{$p->relevance}}
                                    </a>
                                @endif
                            </td>
                            <td>{{substr($p->created_at,0,10)}}</td>
                            <td>{{$p->over}}</td>
                            <td>
                                @if($p->status == '未执行'  || $p->over == '已结束')
                                    <div class="layui-btn layui-disabled layui-btn-xs layui-btn-disabled" >领料出库</div>
                                    <div class="layui-btn layui-disabled layui-btn-xs layui-btn-disabled" >返料入库</div>
                                    <div class="layui-btn layui-disabled layui-btn-xs layui-btn-disabled" >产成品入库</div>
                                @else
                                    <div class="layui-btn layui-btn-xs" onclick="make_out({{$p->id}})">领料出库</div>
                                    <div class="layui-btn layui-btn-xs" onclick="make_vouch({{$p->id}}+'','生产返料入库'+'')">返料入库</div>
                                    <div class="layui-btn layui-btn-xs" onclick="make_vouch({{$p->id}}+'','产成品入库'+'')">产成品入库</div>
                                @endif
                                <button class="layui-btn layui-btn-warm layui-btn-xs" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$p->pro_num}}')" href="javascript:;">查看日志</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @endif
            <div class="page">
                <div>
                    {{$proList->appends($req)->links()}}
                </div>
            </div>
        </div>
    </div>

    <script>

        layui.use('form', function(){
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
            form.render();
        });
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //日期范围
            laydate.render({
                elem: '#test6'
                ,range: true
            });
        });
        /*创建领料出库单*/
        function make_out(id){
            if(id === undefined) {
                layer.msg('未生成生产单', {icon: 6, time: 1000});
            }
            var url = "/admin/makeOuts/"
            var gourlHead = '/admin/outboundAdd?id='
            del_out_index(id,url,gourlHead)
            // layer.confirm('确认要创建吗？',function(index){
            //     if(id == undefined){
            //         layer.msg('未生成生产单',{icon: 6,time:1000});
            //     }else {
            //         $.get("/admin/makeOuts/" + id, function (res) {
            //             // 发异步，把数据提交给php
            //             if (res.status == 1) {
            //
            //                 //发异步把用户状态进行更改
            //                 layer.msg(res.msg, {icon: 6, time: 1000}, function () {
            //                     location.reload();
            //                     //location.href = '/admin/vouchList';
            //                     //parent.location.reload();
            //                     //parent.layer.close(index);
            //                 });
            //
            //             } else {
            //
            //                 layer.alert(res.msg, {icon: 5});
            //             }
            //         });
            //     }
            // });
        }

        /*创建返料入库单*/
        function make_vouch(id,type){
            if(id === undefined) {
                layer.msg('未生成生产单', {icon: 6, time: 1000});
            }
            if(type === '产成品入库'){
                url = '/admin/makeVouchs/'
            }else{
                url = '/admin/makeVouch/'
            }
            var gourlHead = '/admin/vouchAdd?id='
            del_out_index(id,url,gourlHead)
            // layer.confirm('确认要创建吗？',function(index){
            //     if(id == undefined){
            //         layer.msg('未生成生产单',{icon: 6,time:1000});
            //     }else {
            //         $.get(url, function (res) {
            //             // 发异步，把数据提交给php
            //             if (res.status == 1) {
            //
            //                 //发异步把用户状态进行更改
            //                 layer.msg(res.msg, {icon: 6, time: 1000}, function () {
            //                     location.reload();
            //                     //location.href = '/admin/vouchList';
            //                     //parent.location.reload();
            //                     //parent.layer.close(index);
            //                 });
            //
            //             } else {
            //
            //                 layer.alert(res.msg, {icon: 5});
            //             }
            //         });
            //     }
            // });
        }


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