maintenance/public/assets/js/backend/teacher/task.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            $('.btn-add').data('area',['85%','85%']);
            $('.btn-edit,.btn-editone').data('area',['85%','85%']);
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'teacher/task/index' + location.search,
                    add_url: 'teacher/task/add',
                    edit_url: 'teacher/task/edit',
                    del_url: 'teacher/task/del',
                    multi_url: 'teacher/task/multi',
                    import_url: 'teacher/task/import',
                    table: 'teacher_task',
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'task_id',
                sortName: 'task_id',
                fixedColumns: true,
                fixedRightNumber: 1,
                searchFormVisible:true,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'task_id', title: __('Task_id')},
                        {field: 'sim_type', title: __('Sim_type'),searchList:{"0001":"FZD04B型侦毒器","0002":"FZB006型毒剂报警器","0003":"防化兵用毒剂报警器"},formatter: Table.api.formatter.simtype},
                        {field: 'task_type', title: __('Task_type'),operate: false,formatter: function (value, row, index) {
                                return '教师创建';
                            }
                        },
                        {field: 'name', title: __('Name'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},
                        {field: 'xianxiang_count', title: __('故障现象数量')},
                        {field: 'buwei_count', title: __('故障部位数量')},
                        {field: 'create_by', title: __('Create_by'), operate: 'LIKE'},
                        {field: 'createtime', title: __('Create_time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false,formatter: Table.api.formatter.datetime},
                        // {field: 'update_by', title: __('Update_by'), operate: 'LIKE'},
                        // {field: 'update_time', title: __('Update_time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false},
                        // {field: 'remark', title: __('Remark'), operate: false, table: table, class: 'autocontent'},
                        {field: 'operate', title: __('Operate'), table: table,
                            events: Table.api.events.operate,
                            // formatter: Table.api.formatter.operate,
                            formatter: Table.api.formatter.buttons,
                            buttons: [
                                {
                                    name: 'dispatch',
                                    text: '',
                                    icon: 'fa fa-pencil',
                                    title: '编辑',
                                    classname: 'btn btn-success btn-xs btn-magic btn-dialog',
                                    extend: 'data-area=\'["85%","85%"]\'',
                                    url: 'teacher/task/edit',
                                },{
                                    name: 'dispatch',
                                    text: '',
                                    icon: 'fa fa-trash',
                                    title: '删除',
                                    classname: 'btn btn-danger btn-xs btn-magic btn-ajax',
                                    url: 'teacher/task/del',
                                    confirm: '确定要删除吗？',
                                    success: function (data, ret) {
                                        $(".btn-refresh").trigger("click");
                                    },
                                    error: function (data, ret) {
                                        Layer.alert(ret.msg);
                                        return false;
                                    }
                                }
                            ],
                        }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                $('select[name="row[sim_type]"]').change(function () {
                    $(".fault_ids").val('');
                    console.log($(this).val());
                    console.log( $(this).find("option:selected").text())
                    var xinghao = $(this).find("option:selected").text();
                    $.ajax({
                        url: "fault/getdatalist",
                        type: 'post',
                        data: {
                            simtype: $(this).val(),
                        },
                        success: function (data) {
                            if(data.code==1){
                                var task_tr = '';
                                var ret = data.data;
                                for (var i = 0; i < ret.length; i++) {
                                    if(ret[0].sim_type == '0001'){
                                        task_tr += '<tr>';
                                        if(i==0){
                                            task_tr += '    <td rowspan="11">'+xinghao+'</td>';
                                        }
                                        if(i<4){
                                            task_tr += '    <td rowspan="2">'+ret[i].name+'</td>';
                                        }else{
                                            task_tr += '    <td rowspan="1">'+ret[i].name+'</td>';
                                        }
                                        for (var j = 0; j < ret[i].children.length; j++) {
                                            var ret1 = ret[i].children;
                                            if(j>0){
                                                task_tr += '    </tr><tr><td>'+ret1[j].name+'</td>';
                                                task_tr += '    <td><input type="checkbox" name="checkbox" value="'+ret1[j].fault_id+'"></td>';
                                            }else{
                                                task_tr += '    <td>'+ret1[j].name+'</td>';
                                                task_tr += '    <td><input type="checkbox" name="checkbox" value="'+ret1[j].fault_id+'"></td>';
                                            }
                                        }
                                        task_tr += '</tr>';
                                    }else if(ret[0].sim_type == '0002'){
                                        task_tr += '<tr>';
                                        if(i==0){
                                            task_tr += '    <td rowspan="15">'+xinghao+'</td>';
                                        }
                                        if(i<5){
                                            task_tr += '    <td rowspan="2">'+ret[i].name+'</td>';
                                        }else{
                                            task_tr += '    <td rowspan="1">'+ret[i].name+'</td>';
                                        }
                                        for (var j = 0; j < ret[i].children.length; j++) {
                                            var ret1 = ret[i].children;
                                            if(j>0){
                                                task_tr += '    </tr><tr><td>'+ret1[j].name+'</td>';
                                                task_tr += '    <td><input type="checkbox" name="checkbox" value="'+ret1[j].fault_id+'"></td>';
                                            }else{
                                                task_tr += '    <td>'+ret1[j].name+'</td>';
                                                task_tr += '    <td><input type="checkbox"  name="checkbox" value="'+ret1[j].fault_id+'"></td>';
                                            }
                                        }
                                    }else if(ret[0].sim_type == '0003'){

                                    }
                                }
                                $(".task_list").html(task_tr);
                            }
                        }
                    });
                });

                var rel_Ids = [];
                $(document).on('click', "input[type='checkbox']", function () {
                    // console.log($(this).val());
                    if ($(this).attr("checked")) {
                        $(this).removeAttr("checked");
                        var index = rel_Ids.indexOf($(this).val());
                        if (index > -1) {
                            rel_Ids.splice(index, 1);
                        }
                        $(".fault_ids").val(rel_Ids.join(','));
                    } else {
                        $(this).attr("checked", "true");
                        rel_Ids.push($(this).val());
                       $(".fault_ids").val(rel_Ids.join())
                   }
                });


                // 选中全部
                $(document).on('click', ".btnselectall", function () {
                    rel_Ids = [];
                    $("input[name='checkbox']").each(function (){
                        $(this).attr( "checked" , "true");
                        // console.log(rel_Ids+'####')
                        // if(!$.inArray($(this).val(),rel_Ids)){
                        //     var index = rel_Ids.indexOf($(this).val());
                        //     if (index > -1) {
                        //         rel_Ids.splice(index, 1);
                        //     }
                        //     // $(".fault_ids").val(rel_Ids.join(','));
                        //     // rel_Ids = arr;
                        // }else{
                        //     rel_Ids.push($(this).val());
                        // }
                        // //
                        rel_Ids.push($(this).val());
                        $(".fault_ids").val(rel_Ids);
                    });
                });
                //取消选择
                $(document).on('click', ".cancelselectall", function () {
                    $("input[name='checkbox']").each(function (){
                        var index = rel_Ids.indexOf($(this).val());
                        if (index > -1) {
                            rel_Ids.splice(index, 1);
                        }
                        $(".fault_ids").val(rel_Ids.join(','));
                        $(this).removeAttr("checked");
                    });
                });

                // $(".btnselectall").click(function () {
                //     $("input[name='checkbox']").each(function (){
                //         console.log( $( this ).val());
                //         // if ($( this ).attr( "checked" )) {
                //         //     $(this).removeAttr( "checked" );
                //         // } else {
                //             $(this).attr( "checked" , "true" );
                //             $(".fault_ids").val($(this).val()+','+$(".fault_ids").val());
                //         // }
                //     });
                // });
                // //取消选择
                // $(".cancelselectall").click(function () {
                //     $("input[name='checkbox']").each(function (){
                //         console.log( $( this ).val());
                //         if ($( this ).attr( "checked" )) {
                //              $(this).removeAttr( "checked" );
                //             $(".fault_ids").val('');
                //         }
                //     });
                // });


                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});