{extend name="common/common2" /}
{block name="main"}
<style>
    .ys-color1{
        color: #ffffff;
        background-color: #acb3d8;
    }
    .ys-color2{
        color: #ffffff;
        background-color: #fff500;
    }
    .ys-color3{
        color: #ffffff;
        background-color: #ec891a;
    }
    .ys-color4{
        color: #ffffff;
        background-color: #e45946;
    }

    .ys-yellow{
        /*color: #CC6600;*/
    }
    .input-group{
        margin-bottom: 10px;
    }
    .ui-jqgrid tr.jqgrow td {
        white-space: normal !important;
        height:auto;
        vertical-align:text-top;
        padding-top:10px;
        word-wrap: break-word!important;
    }
    .cur1{
        float: right;
        margin-left: 3px;
        cursor: auto;
    }
    .cur2{
        background: #0000!important;
        border-color: #0000;
        color: black;
        font-size: 20px;
        line-height: 20px;
    }
      .yd{
         color: #023894;
      }
</style>
<div class="ibox">
    <div class="ibox-content">
        <div class="row">
            <div class="col-xs-12" style="text-align: right;">
                <form class="form-inline" id="form-search" action="{:url('convey')}?mode={$mode}">

                    <div class="input-group">
                        <input type="text" class="form-control" name="ysname" placeholder="运送员">
                    </div>
                    <div class="input-group">
                        <input class="form-control" id="start" readonly placeholder="需求时间" name="xqtime" >
                    </div>
                    <div class="input-group">
                        <input class="form-control" id="end" readonly placeholder="应完成时间" name="ywctime" >
                    </div>
                    <div class="input-group">
                        <select name="priority" class="form-control">
                            <option value="">优先级</option>
                            <option value="1">可延缓的</option>
                            <option value="2">常规</option>
                            <option value="3">紧急</option>
                            <option value="4">预约</option>

                        </select>
                    </div>
                    <div class="input-group">
                        <select name="type" class="form-control">
                            <option value="">运送类型</option>
                            {foreach $order_type_list as $k=>$v}
                            <option value="{$v['id']}">{$v['title']}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="input-group">
                        <select name="status" class="form-control">
                            <option value="">选择状态</option>
                            <option value="1">新任务</option>
                            <option value="2">进行中</option>
                            <option value="3">延时中</option>

                        </select>
                    </div>
                    <div class="input-group">
                        <select name="start" class="form-control">
                            <option value="">开始地点</option>
                            {foreach $address as $k=>$v}
                            <option value="{$v['id']}">{$v['title']}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="input-group">
                        <select name="end" class="form-control">
                            <option value="">结束地点</option>
                            {foreach $address as $k=>$v}
                            <option value="{$v['id']}">{$v['title']}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="input-group">
                        <span class="input-group-btn">
                        <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
                    </span> &nbsp;
                        <span class="input-group-btn">
                        <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
                    </span>
                    </div>
                </form>
        </div>
        </div>
    </div>
    <div class="ibox-content">


        <a href="javascript:;" url="{:url('dispatchAdd',[],'')}/mode/3" data-title="创建运送订单" onclick="layer_open(this,1)" id="orderadd" class="btn btn-sm btn-primary">新增(shift+A)</a>
        <a href="javascript:;" url="{:url('batchsend',[],'')}/mode/3" data-title="派工"  class="btn btn-sm btn-primary paiGong">派工(shift+S)</a>
        <a href="javascript:;" class="btn btn-sm btn-primary finish">完成(shift+Z)</a>
        <a href="javascript:;" class="btn btn-sm btn-primary quxiao">取消(shift+X)</a>
        <a href="javascript:;" class="btn btn-sm btn-primary yanchi">延迟</a>
        <a href="javascript:;" class="btn btn-sm btn-primary quxiaoyanchi">取消延迟</a>
        <a href="javascript:;" class="btn btn-sm btn-primary ysystatus">运送员状态</a>
        <a href="javascript:;" class="btn btn-sm btn-primary bhgd">驳回工单{if $count>0}({$count}){/if}</a>



        <a href="javascript:;" class="cur1 btn btn-sm btn-success">已取消(<span id="yqx">0</span>)</a>
        <a href="javascript:;" class="cur1 btn btn-sm btn-success">已完成(<span id="ywc">0</span>)</a>
        <a href="javascript:;" class="cur1 btn btn-sm btn-success">已派发(<span id="ypf">0</span>)</a>

        <a  href="javascript:;" class="cur1 btn btn-sm btn-success">待处理(<span id="dcl">0</span>)</a>
        <a href="javascript:;" class="cur1 cur2 btn btn-sm btn-success">当日数据:</a>


        <br/>
        <br/>
        <div style="line-height: 30px; height: 30px;">
            <a style="float:left;" href="javascript:;" class="btn btn-sm btn-primary off">{if $refresh>0}关闭刷新{else}开启刷新{/if}</a>

            <span  id="timermsglabel" {if $refresh==0} style="display: none" {else} style="color:black;margin-left: 10px"  {/if} >{$sxJg}秒后自动刷新页面</>

        </div>


    </div>
    <div class="ibox-content">
        <div class="jqGrid_wrapper">
            <table id="table" style="border-collapse: collapse"></table>
            <div id="pager"></div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script src="/static/layDate-v5.0.9/laydate.js"></script>

<script>
    let $ppp= {$sxJg};
    console.log("11111");

    document.addEventListener('keydown', function(event) {
        var key = event.key;
        var code = event.code;

        if(event.shiftKey && event.key.toUpperCase() == "A"){
            console.log("shift+A");
            $('#orderadd').click();
        }
        if(event.shiftKey && event.key.toUpperCase() == "S"){
            $('.paiGong').click();
        }
        if(event.shiftKey && event.key.toUpperCase() == "Z"){
            $(".finish").click();
        }
        if(event.shiftKey && event.key.toUpperCase() == "X"){
            $(".quxiao").click();
        }
        // 使用 key 或 code
        // console.log(event);
        // console.log("key:"+key);
        // console.log("code:"+code);
    });

    // document.onkeyup = function(event) {
    //     // 兼容FF和IE和Opera
    //     var e = event || window.event;
    //     var key = e.which || e.keyCode || e.charCode;
    //     if (e.shiftKey && e.key === 'a') { // shift + a
    //         /*Do something. 调用一些方法*/
    //         console.log(key);
    //         // $('#orderadd').click();
    //     }else if(e.shiftKey && e.key === 's'){ // shift + s
    //         /*Do something. 调用一些方法*/
    //         console.log(key);
    //         $('.paiGong').click();
    //     }else if(e.shiftKey && e.key === 'd'){ // shift + d
    //         /*Do something. 调用一些方法*/
    //         console.log(key);
    //     }else if(e.shiftKey && e.key === 'f'){ // shift + f
    //         /*Do something. 调用一些方法*/
    //         console.log(key);
    //     }
    // };

    $(function () {
        laydate.render({
            elem: '#start',
            trigger: 'click' ,
            theme: '#148d8f',
            range:true
        });
        laydate.render({
            elem: '#end',
            trigger: 'click' ,
            theme: '#148d8f',
            range:true
        });
        $(window).bind("resize",function(){
            var width=$(".jqGrid_wrapper").width();
            $("#table").setGridWidth(width);
        });

        $.jgrid.defaults.styleUI="Bootstrap";
        $("#table").jqGrid({
            url:"{:url('convey')}?mode={$mode}",
            datatype: "json",
            colModel:[
                {label:'状态',name:'status',index:'status',width:55,editable: false,sortable: false,formatter: function (a, b, c) {
                       if(a===1){
                           if(c.ss >0){
                               return '<span class="yd">●</span><span class="label ys-color'+c.ss+'">新订单</span>'

                           }else {
                               return '<span class="yd">●</span><span class="label">新订单<i class="fa fa-exclamation-triangle-fill"></i></span>'

                           }
                       }
                        if(a===2){
                            if(c.ss >0){
                                return '<span class="label ys-color'+c.ss+'">进行中</span>'

                            }else {
                                return '<span class="label">进行中</span>'

                            }
                        }
                        if(a===3){
                            if(c.ss >0){
                                return '<span class="label ys-color'+c.ss+'">延迟中</span>'

                            }else {
                                return '<span class="label">延迟中</span>'

                            }
                        }
                    }},
                {label:'运送类型',name:'type_name',index:'type_name',width:70,editable: false,sortable: false},
                {label:'任务备注',name:'content',index:'content',width:70,sortable: false},
                {label:'开始地点',name:'start_name',index:'start_name',width:70,sortable: false},
                {label:'结束地点',name:'end_name',index:'end_name',width:70,sortable: false},
                {label:'运送员',name:'real_names',index:'real_names',width:60,sortable: false},
                {label:'需求',name:'xtime',index:'xtime',width:40,sortable: false},
                {label:'派工',name:'stime',index:'stime',width:40,sortable: false},
                {label:'接受',name:'ctime',index:'ctime',width:40,sortable: false},
                {label:'开始',name:'starttime',index:'starttime',width:40,sortable: false},
                {label:'优先级',name:'priorityName',index:'priorityName',width:60,editable: false,sortable: false,formatter: function (a, b, c) {
                        if(c.priority==3){
                            return "<span class='label' style='color: red'>"+a+"</span><img src='/admin/img/jj.png' style='width: 20px !important;height: 20px !important;' alt=''>";
                        }else {
                            return a;
                        }
                    }},
                {label:'床号',name:'bed_number',index:'bed_number',width:40,sortable: false},
                {label:'运送设备',name:'device_name',index:'device_name',width:60,sortable: false},
                {label:'创建人',name:'real_name',index:'real_name',width:50,sortable: false},
                {label:'延迟原因',name:'delay_reason',index:'delay_reason',width:50,sortable: false},
                {label:'延迟时间',name:'delay_diff',index:'delay_diff',width:50,sortable: false},
                {label:'剩余时间',name:'last_time',index:'last_time',width:50,sortable: false},
                {label:'操作',width:50,sortable: false,formatter: function (a, b, c) {
                    var detail_url = "{:url('detail2',[],'')}/id/"+c.id;
                    var print = "{:url('print',[],'')}/id/"+c.id;
                        var btn = '<a url="'+detail_url+'" href="javascript:;" style="display: inline-block;margin-bottom: 2px" data-title="详情" onclick="layer_open(this,1)"><span class="label label-primary" title="详情">详情</span></a>&nbsp;<br/>';

                       // var btn = '<a  href="'+detail_url+'" ><span class="label label-primary" title="详情">详情</span></a>&nbsp;';
                        btn += '<a url="'+print+'" href="javascript:;" onclick="layer_open(this,1)" ><span class="label label-success" data-title="打印">打印</span></a>';
                        if(c.is_todo == 1){
                            var reminder = "{:url('reminder',[],'')}/id/"+c.id;
                            btn += '<a href="'+reminder+'" class="ajax-get" ><span class="label label-info" data-title="催单">催单</span></a>';
                        }

                        return btn;
                }},
            ],
            rowNum:1000,
            rowList:[1000],
            pager: '#pager',
            sortname: '',
            viewrecords: true,
            autowidth:true,
            mtype: 'post',
            height: 'auto',
            emptyrecords: "暂无数据",
            sortorder: "",
            multiselect: true,//可多选
            caption:"运送调度订单列表",
            loadComplete: function (xhr) {
                if(xhr.code==0){
                    layer.msg(xhr.msg);
                    return false;
                }
                $("#dcl").html(xhr.dcl);
                $("#ypf").html(xhr.ypf);
                $("#yqx").html(xhr.yqx);
                $("#ywc").html(xhr.ywc);
            },

        });
        var  interval = function () {
            if($ppp<1)
            {
                // clearInterval(interval);
                $ppp = {$sxJg};
                $("#search-btn").click();
            }else{
                $("#timermsglabel").html($ppp+"秒后自动刷新页面");
                $ppp--;
            }
        }
        if(parseInt('{$refresh}') >0){
            var time1 =  setInterval(interval,1000);
        }
        //派工
        $('.paiGong').click(function (res) {
            var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
            if(rowIds.length <=0){
                updateAlert('请选择订单','alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                return;
            }
            clearInterval(time1);

            var url = "{:url('batchsend',[],'')}/id/"+rowIds.join(',')+"/mode/3";
            var title = '派工';

            layer.open({
                type: 2,
                shade: 0.8,
                title: title,
                area: ['800px', '90%'],
                fix: false, //不固定
                maxmin: true,
                content: url,
                skin: 'layer-ext-moon',
                success: function(layero, index) {
                    $("#search-btn").click();
                },
                end:function () {
                    time1 = setInterval(interval,1000);
                    $("#search-btn").click();
                }
            });
        })
        //完成
        $('.finish').click(function (res) {

            var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
            if(rowIds.length <=0){
                updateAlert('请选择订单','alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                return;
            }
            var url = "{:url('batchfinish',[],'')}/id/"+rowIds.join(',');


            layer.confirm('确定要完成选中的订单吗？', {
                icon: 3,
                btn: ['确定', '取消'],
                skin: 'layer-ext-moon'
            }, function(index) {

                $.post(url,{},function (res) {
                    if(res.code==1){
                        layer.msg('完成成功', {
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                            location.reload();
                        });
                    }else {
                        layer.msg(res.msg);
                    }
                })
            });

        })
        //取消
        $('.quxiao').click(function (res) {

            var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
            if(rowIds.length <=0){
                updateAlert('请选择订单','alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                return;
            }
            if(rowIds.length >1){
                updateAlert('每次只能取消一条','alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                return;
            }
            clearInterval(time1);

            var url = "{:url('disCancel',[],'')}/id/"+rowIds.join(',');
            var title = '取消';

            layer.open({
                type: 2,
                shade: 0.8,
                title: title,
                area: ['800px', '90%'],
                fix: false, //不固定
                maxmin: true,
                content: url,
                skin: 'layer-ext-moon',
                success: function(layero, index) {

                },
                end:function () {
                    time1 = setInterval(interval,1000);

                }
            });
        })

        //延迟
        $('.yanchi').click(function (res) {

            var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
            if(rowIds.length <=0){
                updateAlert('请选择订单','alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                return;
            }
            clearInterval(time1);
            var url = "{:url('batchdelay',[],'')}/id/"+rowIds.join(',');
            var title = '延迟';

            layer.open({
                type: 2,
                shade: 0.8,
                title: title,
                area: ['800px', '90%'],
                fix: false, //不固定
                maxmin: true,
                content: url,
                skin: 'layer-ext-moon',
                success: function(layero, index) {

                },
                end:function () {
                    time1 = setInterval(interval,1000);

                }
            });
        })

        //取消延迟
        $('.quxiaoyanchi').click(function (res) {

            var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
            if(rowIds.length <=0){
                updateAlert('请选择订单','alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                return;
            }
            var url = "{:url('batchcanceldelay',[],'')}/id/"+rowIds.join(',');
            layer.confirm('确定要取消延迟选中的订单吗？', {
                icon: 3,
                btn: ['确定', '取消'],
                skin: 'layer-ext-moon'
            }, function(index) {

                $.post(url,{},function (res) {
                    if(res.code==1){
                        layer.msg('取消成功', {
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            location.reload();
                        });
                    }else {
                        layer.msg(res.msg);
                    }
                })
            });

        })


        //运送员状态
        $('.ysystatus').click(function (res) {

            var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
            // if(rowIds.length <=0){
            //     updateAlert('请选择订单','alert-danger');
            //     setTimeout(function(){
            //         $('#top-alert').find('button').click();
            //     },1500);
            //     return;
            // }
            var url = "{:url('conveystatus',[],'')}/id/"+rowIds.join(',');
            var title = '运送员状态';
            clearInterval(time1);
            layer.open({
                type: 2,
                shade: 0.8,
                title: title,
                area: ['800px', '90%'],
                fix: false, //不固定
                maxmin: true,
                content: url,
                skin: 'layer-ext-moon',
                success: function(layero, index) {

                }, end:function () {
                    time1 = setInterval(interval,1000);

                }
            });
        })
        //驳回工单
        $('.bhgd').click(function (res) {
            $ppp = 3000;

            var url = "{:url('bhTodoList')}";
            var title = '驳回工单';
            layer.open({
                type: 2,
                shade: 0.8,
                title: title,
                area: ['90%', '90%'],
                fix: false, //不固定
                maxmin: true,
                content: url,
                skin: 'layer-ext-moon',
                success: function(layero, index) {

                }
            });
        })
        $('.off').click(function () {
            $.post('{:url("orderRefreshOff")}',{},function (res) {
                if(res.code==1){
                    if(res.data.status==1){
                        time1 = setInterval(interval,1000);
                        $("#timermsglabel").css('display','');
                        $("#timermsglabel").css('margin-left','10px');
                        $(".off").html('关闭刷新');
                    }else {
                        clearInterval(time1);
                        $("#timermsglabel").css('display','none');
                        $(".off").html('开启刷新');
                    }

                }else {
                    layer.msg(res.msg);
                }
            })
        })
    });
    window.alert=function(){
        return '';
    };



</script>
{/block}