VisualInspection/VisualInspection/fwq/js/task/add.js

var selectedData = { cols: [], array: [] };
var checkusersselect = null;
var checkuserlist = null;
var tabledatagride = null;
$(document).ready(function() {
    $.jeDate("#month_date", {
        isinitVal: true,
        format: 'YYYY/MM' // 分隔符可以任意定义，该例子表示只显示年月
    });
    var checked_dept = null;
    if (roleContains("SERVICEAREA")) {
        checked_dept = getCurrentUser().organid;
    }
    setSASelecttemp("#fwq", checked_dept);

    inittAreaable($("#month_date").val(), 89);

    initselecttable();

    laydate.render({
        elem: '#starttime',
        type: 'time'
    });
    laydate.render({
        elem: '#endtime',
        type: 'time'
    });




});

var arealist = null;
var stimemonth = null;

function initselecttable() {
    selectedData = { cols: [], array: [], cache: false };
    selectedData.cols.push({ width: 0.3, name: "time", label: '时间', style: { 'text-align': 'center', 'line-height': '34px' } });
    selectedData.cols.push({ width: 0.2, name: "dept_name", label: '部门', style: { 'text-align': 'center', 'line-height': '34px' } });
    selectedData.cols.push({ width: 0.2, name: "area_name", label: '区域', style: { 'text-align': 'center', 'line-height': '34px' } });
    selectedData.cols.push({ width: 0.3, name: "option", label: '操作', html: true, style: { 'text-align': 'center', 'line-height': '34px' } });
    reloadtable();

}

function reloadtable() {

    $('#selected_table').datagrid({
        dataSource: selectedData,
        states: { fixedTopUntil: 0 },
        rowDefaultHeight: 50,
        height: 200,
    });

}
var layindex = null;

function inittAreaable(time, dept) {

    layindex = layer.load(0, { shade: false });
    var t = time.replace("/", "-") + "";
    var endtime = moment(t + "-25T23:00:00", "YYYY-MM-DD HH:mm:ss");
    var starttime = moment(moment(t + "-25T23:00:00", "YYYY-MM-DD HH:mm:ss").subtract(1, 'month'));

    var param = { "dept_id": dept };
    post_common_service('/f/area/getall', param, function(redata) {

        console.log(redata)

        layer.close(layer.index);
        var data = redata.areas;
        checkuserlist = redata.checkusers;

        var datac = { cols: [], array: [] };

        var days = endtime.diff(starttime, 'days');

        datac.cols.push({ width: 120, name: 'type', label: "", });

        for (var i = 1; i <= days; i++) {
            var temp = moment(moment(t + "-25T23:00:00", "YYYY-MM-DD HH:mm:ss").subtract(1, 'month'));
            var currentday = temp.add(i, "day");
            var day = currentday.date();
            datac.cols.push({ width: 80, name: "day_" + i, label: currentday.format("MM-DD"), html: true });
        }
        arealist = data;
        stimemonth = time;

        for (var index in data) {
            var area = data[index];
            var data_table = {};
            data_table.type = area.name;
            for (var i = 1; i <= days; i++) {
                //内容
                var temphtml = '<div class="btn-group" data-toggle="buttons">' +
                    '<label class="btn btn-info2">' +
                    '<input type="checkbox" name="options" onchange="selectedTask(this)" id="' + area.id + '_' + i + '"> 待稽查' +
                    '</label>';
                if (i % 3 == 0) {
                    temphtml = '<div class="btn-group" data-toggle="buttons">' +
                        '<label class="btn btn-danger disabled">' +
                        '<input type="checkbox" name="options" id="' + area.id + '_' + i + '"> 已稽查' +
                        '</label>';
                }
                if (i % 4 == 0) {
                    temphtml = '<div class="btn-group" data-toggle="buttons">' +
                        '<label class="btn btn-warning disabled">' +
                        '<input type="checkbox" name="options" id="' + area.id + '_' + i + '"> 无效' +
                        '</label>';
                }

                data_table["day_" + i] = temphtml;
            }
            datac.array.push(data_table);
        }

        if (tabledatagride != null) {
            tabledatagride.dataSource.data = null;
            tabledatagride.setDataSource(datac);
            tabledatagride.setPager(1, datac.array.length, datac.array.length);
            tabledatagride.render();
        } else {
            $('#table_s').datagrid({
                dataSource: datac,
                states: { fixedLeftUntil: 1, fixedTopUntil: 0 },
                showRowIndex: false,
                rowDefaultHeight: 50,
                configs: {
                    C1: { className: "datagrid-cell-index", style: { 'text-align': 'center', 'line-height': '34px' } },
                    R0: { style: { 'text-align': 'center' } }
                }
            });
            tabledatagride = $('#table_s').data('zui.datagrid');
        }




        for (var index in checkuserlist) {
            var p = checkuserlist[index];
            p.title = p.truename;
        }


        if (checkusersselect != null) {
            reset();
        } else {
            checkusersselect = $('#check_users').comboTree({
                source: checkuserlist,
                isMultiple: true
            });
        }

    });
}

function reset() {
    initselecttable();
    var myDataGrid = $('#selected_table').data('zui.datagrid');
    myDataGrid.dataSource.data = null;
    myDataGrid.setDataSource(selectedData);
    myDataGrid.setPager(1, selectedData.array.length, selectedData.array.length);
    myDataGrid.render();

    if (checkusersselect != null) {
        $("#check_users").val("");
        checkusersselect.unbind();
        checkusersselect.closeDropDownMenu();
        checkusersselect.bindings();
        $(".ComboTreeItemChlid").find("input").prop('checked', false);


    }
    $("#starttime").val("");
    $("#endtime").val("");



}


function selectedTask(obj) {
    changeListItem(obj.id);

}

function removeListItem(obj) {
    var ids = obj.id.split("delete_");

    $("#" + ids[1]).parent().removeClass("active");
    $("#" + ids[1]).prop("checked", false);
    changeListItem(ids[1]);

}

function changeListItem(id) {
    var tempids = id.split("_");
    var t = stimemonth.replace("/", "-") + "";
    var starttime = moment(moment(t + "-25T23:00:00", "YYYY-MM-DD HH:mm:ss").subtract(1, 'month'));
    var ctime = starttime.add(tempids[1], "day");
    var carea = null;
    for (var i in arealist) {
        var a = arealist[i];
        if (a.id == tempids[0]) {
            carea = a;
        }
    }


    if ($("#" + id).prop('checked')) {
        addlisttable(carea, ctime, id);
    } else {
        removelisttable(carea, ctime);
    }
}


function addlisttable(area, time, id) {
    var feeList = $.zui.store.get("cache_sa_station_list");
    var dept_info = null;
    for (var index in feeList) {
        var dept = feeList[index];
        if (area.dept_id == dept.deptid) {
            dept_info = dept;
        }
    }
    id = trim(id);
    var btn = '<button class="btn btn-primary" type="button" onclick="removeListItem(this)" id="delete_' + id + '">删除</button>';
    selectedData.array.push({ "time": time.format("YYYY-MM-DD"), "dept_name": dept_info.name, "area_name": area.name, "option": btn, area_info: area, dept: dept_info });

    var myDataGrid = $('#selected_table').data('zui.datagrid');
    myDataGrid.dataSource.data = null;
    myDataGrid.setDataSource(selectedData);
    myDataGrid.setPager(1, selectedData.array.length, selectedData.array.length);
    myDataGrid.render();

    // $('#selected_table').data('zui.datagrid').setDataSource(selectedData);
    // $('#selected_table').data('zui.datagrid').renderData();
}

function removelisttable(area, time) {
    for (var index in selectedData.array) {
        var o = selectedData.array[index];
        if (o != null && o.area_info.id == area.id && time.format("YYYY-MM-DD") == o.time) {
            selectedData.array.splice(index, 1);
        }
    }
    var myDataGrid = $('#selected_table').data('zui.datagrid');
    myDataGrid.dataSource.data = null;
    myDataGrid.setDataSource(selectedData);
    myDataGrid.setPager(1, selectedData.array.length, selectedData.array.length);

    myDataGrid.render();
    //reloadtable();
}



function search() {
    inittAreaable($("#month_date").val(), $("#fwq").val());

}