@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;
        }
        .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/flowcargoList?text=" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form action="" class="layui-form-item layui-form" style="height: 100px;position: relative;width: 100%;">
                <div class="layui-form">
                    <div class="layui-form-item">
                        <div class="buttonIndex" style="margin-left: 15px">
                            <a class="indexAbottonHref" href="/admin/flowcargoList">全部</a>
                            <a class="indexAbottonHref" href="/admin/flowcargoList?date=today">今日</a>
                            <a class="indexAbottonHref" href="/admin/flowcargoList?date=week">最近一周</a>
                            <a class="indexAbottonHref" title="新建货物流转单" onclick="x_admin_show('新建货物流转单','/admin/flowcargoAdd')" href="javascript:;">新建货物流转单</a>
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" name="number" @if(isset($req['number']))  value="{{$req['number']}}" @endif  placeholder="请输入货物流转单编号" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" style="text-align: left;width: 130px;">选择日期范围</label>
                            <div class="layui-input-inline">
                                <input name="dateList" type="text" class="layui-input" id="test6" lay-key="7">
                                <input type="hidden" name="text" value="">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <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>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">调出仓</label>
                            <div class="layui-input-inline">
                                <select name="flowcargo_out">
                                    <option></option>
                                    @foreach($warehouse as $w)
                                        <option @if(isset($req['flowcargo_out']) && $req['flowcargo_out'] != '' && $req['flowcargo_out'] == $w) selected @endif>{{$w}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">调入仓</label>
                            <div class="layui-input-inline">
                                <select name="flowcargo_in">
                                    <option></option>
                                    @foreach($warehouse as $w)
                                        <option @if(isset($req['flowcargo_in']) && $req['flowcargo_in'] != '' && $req['flowcargo_in'] == $w) selected @endif>{{$w}}</option>
                                    @endforeach
                                </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="orderTable">
                <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>
                    </tr>
                    </thead>
                </table>
                <table class="layui-table">
                    <tbody id="x-img">
                    @foreach($flowcargo as $k=>$f)
                        <tr class="info_tr">
                            <td>{{$k+1}}</td>
                            <td>
                                <a title="流转单详情"  onclick="x_admin_show('流转单详情','/admin/flowcargoAdd?id={{$f->id}}')" href="javascript:;">
                                    {{$f->flowcargo_num}}
                                </a>
                            </td>
                            <td>{{$f->status}}</td>
                            <td>{{$f->deliver}}</td>
                            <td>{{str_limit($f->remark, 12,'...')}}</td>
                            <td>{{substr($f->created_at,0,10)}}</td>
                            <td>
                                <input type="hidden" name="" class="copyVal" value="/home/MobileFlow/{{$f->id}}">
                                <button class="layui-btn layui-btn-xs copy" onclick="copyUrl('{{$f->id}}',this)" data-clipboard-target="#foo" aria-label="复制成功！" href="javascript:;">复制链接</button>
                                <button class="layui-btn layui-btn-xs layui-btn-warm" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$f->flowcargo_num}}')" href="javascript:;">查看日志</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="page">
                    <div>
                        {{$flowcargo->appends($req)->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/js/clipboard.min.js"></script>
    <script>
        var clipboard = new Clipboard('.copy');
        function copyUrl(id,me){
            $('#foo').remove()
            let inputHtml = `<input type='text' id='foo' value='${window.location.host}/home/getOpenid/${id}'>`
            $(me.parentNode).append(inputHtml)
        }
        clipboard.on('success', function(e) {
            var msg = e.trigger.getAttribute('aria-label');
            alert(msg);
            e.clearSelection();
            $('#foo').hide()
        });
        function copy(el){
            var range = document.createRange();
            var end = el.childNodes.length;
            range.setStart(el, 0);
            range.setEnd(el, end);
            var selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            document.execCommand("copy", false, null);
            // selection.removeRange(range);
        }
        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/makeArrival/"
            var gourlHead = '/admin/arrivalAdd?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