$(function () {
    initMyApprovedTable();
    initMyApprovedClick();
})


//初始化表格
function initMyApprovedTable() {
    var code = $('#searchMyApprovedCode').textbox('getValue');
    $('#MyApprovedTable').datagrid({
        //分页
        fit: true,
        fitColumns: true,
        singleSelect: true,
        url: '../../GlobalM/WorkList/GetMyApproved',
        queryParams: { Code: code },
        pagination: true,
        rownumbers: true,
        pagePosition: 'bottom',
        pageSize: 10,
        pageNumber: 1,
        pageList: [2, 10, 20, 50,100],
        toolbar: '#searchMyApprovedToolBar',
        //数据格式
        columns: [[
            //{ checkbox: true, field: 'Id', fixed: true, },
            { title: '流程履历序号', width: 35, field: 'BillflowId', hidden: true, },
            { title: '流程序号', width: 35, field: 'Id', hidden: true, },
            { title: '编号', width: 130, field: 'Code', },
            { title: '名称', width: 130, field: 'Name', },
            {
                title: '状态', width: 35, field: 'Statu', formatter: function (value, row, index) {
                    if (value == 0) {
                        return '进行中';
                    } else if (value == 1) {
                        return '已完成';
                    } else if (value == 2) {
                        //针对NG单据，NG单据，状态为1就是NG单据刚审完，进入维修。变成2就表示维修审批完
                        return '已完成';
                    } else if (value == -1) {
                        return '<span style="color:red;">已作废</span>';
                    }
                }
            },
            {
                title: '单据类型', width: 130, field: 'BillTypeId', formatter: function (value, row, index) {
                    if (value == 1) {
                        return '<span>OK单据</span>';
                    } else if (value == 2) {
                        return '<span style="color:red;font-weight:bold;">NG单据</span>';
                    } else if (value == 3) {
                        return '<span style="color:gray;">维修单</span>';
                    }
                }
            },
            {
                title: '审批时间', width: 200, field: 'CreateTime', formatter: function (value, row, index) {
                    return toDateStr(value);
                }
            },
            { title: '创建人', width: 100, field: 'CreateUserId', hidden: true, },
            { title: '创建人', width: 100, field: 'CreateUserName', },
        ]],
        loadFilter: function (data) {
            if (data.Code == 200) {
                return data;
            } else {
                alert(data.Message);
            }
        },
        onSelect: function (rowIndex, rowData) {
            GetMyApprovedInspectReck();
        },
    });
}

//初始化点击按钮、更改下拉框事件
function initMyApprovedClick() {
    //点击Search按钮
    $('#btnMyApprovedSearch').click(function () {
        reloadMyApprovedTable();//重新加载表格
    });
    //点击清除
    $('#btnMyApprovedClear').click(function () {
        $('#searchMyApprovedCode').textbox('setValue', '');
    });
}

//重新加载表格
function reloadMyApprovedTable() {
    $('#MyApprovedTable').datagrid('load', {
        Code: $('#searchMyApprovedCode').textbox('getValue'),
    });
}

function GetMyApprovedInspectReck() {
    $('#processMyApproved').empty();
    $('#detailMyApproved').empty();
    
    var rows = $('#MyApprovedTable').datagrid('getSelections');
    if (rows.length != 1) { show('查看表单只能选择一行！'); return; }
    var BookId = rows[0].BookId
    var param = { InspectBookId: BookId, ShowBtn: 0  };
    var data = ajaxSame('../../GlobalM/Bill/InspectDetail', param, 'post', 'html');
    
    $('#detailMyApproved').append(data);

    var BillId = rows[0].Id
    var param = { BillId: BillId };
    var data = ajaxSame('../../GlobalM/WorkList/GetBillProcess', param, 'post', 'json');
    if (data.Code == 200) {
        //加载履历到dialog上

        var $table = $('<table style="font-weight:bolder;width:100%;"></table>');
        var $tr = $('');
        var $td = $('');
        for (var i in data.rows) {
            //创建tr
            if (data.rows[i].ActionType == 0) {
                $tr = $('<tr style="background-color:gray;color:black;"></tr>');
            } else if (data.rows[i].ActionType == 1) {
                $tr = $('<tr style="background-color:green;color:white;"></tr>');
            } else if (data.rows[i].ActionType == -1) {
                $tr = $('<tr style="background-color:red;color:white;"></tr>');
            }
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].NodeName + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].OrderNo + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].UserNo + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].UserName + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].RoleName + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].Remark + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + (data.rows[i].AppendixUrl == "" ? '' : '<a href="' + data.rows[i].AppendixUrl + '" target="_blank">附件</a>') + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].ApproveTimeStr + '</td>');
            $tr.append($td);
            $td = $('<td style="padding:6px;text-align:center;">' + data.rows[i].ActiveTimeStr + '</td>');
            $tr.append($td);
            //将tr添加到表格
            $table.append($tr);
        }
        
        $('#processMyApproved').append($table);
    } else {
        alert(data.Message);
    }
}