{extend name="common/common2" /}
{block name="main"}

<div class="ibox">
    <div class="ibox-content">
        <div class="row">
            <div class="col-xs-8">
                <a href="javascript:;" url="{:url('add')}" data-title="新增{$m_name}" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">新增</a>
                <a href="javascript:;" onclick="batchSorts()" class="btn btn-sm btn-warning">保存排序</a>
                <a href="javascript:;" onclick="batchSave()" class="btn btn-sm btn-info">批量保存时间代码、运送积分、优先级</a>
            </div>
            <div class="col-xs-4" style="text-align: right;">
            <form class="form-inline" id="form-search" action="{:url('index')}">
                <div class="input-group">
                    <input type="text" class="form-control" name="title" placeholder="名称">
                </div>
                <div class="input-group">
                    <select name="enable" class="form-control">
                        <option value="">选择状态</option>
                        <option value="0">禁用</option>
                        <option value="1">正常</option>
                    </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>
                    <span class="input-group-btn">-->
                        <button class="btn-sm btn-primary" data-url="{:url('import')}" type="button" id ="upload" ><i class="fa fa-upload"></i></button>
                   </span>
                </div>
            </form>
        </div>
        </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>
    $(function () {

        $(window).bind("resize",function(){
            var width=$(".jqGrid_wrapper").width();
            $("#table").setGridWidth(width);
        });

        $.jgrid.defaults.styleUI="Bootstrap";
        $("#table").jqGrid({
            url:"{:url('index')}",
            datatype: "json",
            colModel:[
                {label:'ID',name:'id',index:'id', width:30,sortable: false},
                {label:'名称',name:'title',index:'title',width:80,editable: false,sortable: false},
                // {label:'时间代码',name:'timeName',index:'timeName',width:80,editable: false,sortable: false},
                {label:'时间代码',name:'time_id',index:'time_id',width:80,sortable: true,formatter: function (a, b, c) {
                        let times = c.times;

                        let arr = [];
                        for (let a in times) {
                            arr.push({
                                key: times[a].id,
                                value: times[a].title
                            })
                        }
                        let str = '';
                        str += '<select style="width: 100%;" name="priority" onchange="sjdmChange('+c.id+',this)">';
                        for (let i=0; i< arr.length;i++){

                            if(arr[i].key === a){
                                str += '<option value="'+arr[i].key+'" selected>'+arr[i].value+'</option>';
                            }else {
                                str += '<option value="'+arr[i].key+'">'+arr[i].value+'</option>';
                            }
                        }
                        str += '</select>';

                        return str;
                    }},
                {label:'开始地点',name:'startsName',index:'startsName',width:80,editable: false,sortable: false},
                {label:'结束地点',name:'endsName',index:'endsName',width:80,editable: false,sortable: false},
                // {label:'任务优先级',name:'priorityName',index:'priorityName',width:80,editable: false,sortable: false},
                // {label:'任务优先级',index:'priority',width:40, editable: true, edittype: "select", editoptions:{value:{2:'常规',3:'紧急'},formatter: "select"}},
                {label:'任务优先级',name:'priority',index:'priority',width:60,sortable: true,formatter: function (a, b, c) {
                        let priorityList = c.priorityList;

                        let arr = [];
                        for (let a in priorityList) {
                            arr.push({
                                key: a,
                                value: priorityList[a]
                            })
                        }
                        let str = '';
                            str += '<select style="width: 100%;" name="priority" onchange="yxjChange('+c.id+',this)">';
                            for (let i=0; i< arr.length;i++){
                                if(i === a){
                                    str += '<option value="'+arr[i].key+'" selected>'+arr[i].value+'</option>';
                                }else {
                                    str += '<option value="'+arr[i].key+'">'+arr[i].value+'</option>';
                                }
                        }
                        str += '</select>';

                        return str;
                    }},



                // {label:'运送积分',name:'score',index:'score',width:80,editable: false,sortable: false},
                {label:'运送积分',name:'score',index:'score',width:40,sortable: true,formatter: function (a, b, c) {
                        return '<input type="number" data-url="{:url('batchSave')}" class="form-control input-sm userscore" data-id="'+c.id+'" data-old="'+a+'" value="'+a+'" />';
                    }},
                {label:'是否是病人',name:'cate',index:'cate',width:60,editable: false,sortable: false,formatter:function (a,b,c){
                        if(a == 1){
                            return '是';
                        } else{
                            return '否';
                            }
                    }},
                {label:'排序',name:'sort',index:'sort',width:40,sortable: true,formatter: function (a, b, c) {
                        return '<input type="number" data-url="{:url('changeSort')}" class="form-control input-sm usersorts" data-id="'+c.id+'" data-old="'+a+'" value="'+a+'" />';
                    }},
                {label:'状态',name:'enable',index:'enable',width:40,editable: false,sortable: false,formatter:function (a,b,c){
                    if(a == 0){
                        var url = "{:url('changeField',[],'')}/fn/enable/fv/1/id/"+c.id;
                        return '<a href="'+url+'" class="ajax-get" data-table="1"><span class="label label-danger" title="禁用">禁用</span></a>';
                    } else{
                        var url = "{:url('changeField',[],'')}/fn/enable/fv/0/id/"+c.id;
                        return '<a href="'+url+'" class="ajax-get" data-table="1"><span class="label label-primary" title="正常">正常</span></a>';
                    }
                }},
                {label:'颜色',name:'color',index:'color',width:40,editable: false,sortable: false,formatter:function (a,b,c){
                        return '<div style="width: 20px;height: 20px;background-color:'+a+' "></div>';
                    }},

                {label:'操作',width:50,sortable: false,formatter: function (a, b, c) {
                    var editurl = "{:url('add',[],'')}/id/"+c.id;
                    var delurl = "{:url('del',[],'')}/id/"+c.id;
                    var btn = '<a url="'+editurl+'" href="javascript:;" data-title="编辑{$m_name}" onclick="layer_open(this,1)"><span class="label label-primary" title="编辑">编辑</span></a>&nbsp;';
                   // btn += '<a href="'+delurl+'" class="confirm ajax-get" data-confirm="确定要删除此记录吗?" data-table="1"><span class="label label-danger" title="删除">删除</span></a>';
                    return btn;
                }},
            ],
            rowNum:10,
            rowList:[10,20,30,50,100],
            pager: '#pager',
            sortname: 'sort',
            viewrecords: true,
            autowidth:true,
            mtype: 'post',
            height: 'auto',
            emptyrecords: "暂无数据",
            sortorder: "asc",
            caption:"{$m_name}列表",
            loadComplete: function (xhr) {
                if(xhr.code==0){
                    layer.msg(xhr.msg);
                    return false;
                }
            },
        });

    });

    function batchSorts() {
        let data = [];
        $('.usersorts').each(function(){
            data.push({
                id: $(this).attr('data-id'),
                sort: $(this).val(),
            })
        });
        let url = "{:url('ConveyCate/batchSort')}";
        $.post(url,{data:JSON.stringify(data)},function (res) {
            if(res.code == 1){
                updateAlert('操作成功','alert-success');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                $("#table").trigger("reloadGrid");
            }else{
                updateAlert(data.msg,'alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
            }
        });
    }
    var yxjData = [];
    function yxjChange(id,_self){

        yxjData.push({
            id:id,
            priority:$(_self).val(),
        })

    }

    var timeData = [];
    function sjdmChange(tid,_self2){

        timeData.push({
            id:tid,
            timeId:$(_self2).val(),
        })

    }

    function batchSave(){
        let scoreData = [];
        $('.userscore').each(function(){
            scoreData.push({
                id: $(this).attr('data-id'),
                score: $(this).val(),
            })
        });
        let data = {
            yxj:yxjData,
            time:timeData,
            score:scoreData
        };

        let url = "{:url('ConveyCate/batchSave')}";
        $.post(url,{data:JSON.stringify(data)},function (res) {
            if(res.code == 1){
                updateAlert('操作成功','alert-success');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
                $("#table").trigger("reloadGrid");
            }else{
                updateAlert(data.msg,'alert-danger');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                },1500);
            }
        });
    }

</script>
{/block}