$(function() {
    $('#complaintAndSuggest').click(function() {
        if ($('#leaveMsgContainer').length) {
            $('#leaveMsgContainer').dialog({
                resizable : false,
                width : 570,
                height : 250,
                modal : true
            });
        } else {
            $.post('/work/leaveMsg', {
                type : 'ajax'
            }, function(data) {
                $('body').append(data);
                $('#leaveMsgContainer').dialog({
                    resizable : false,
                    width : 570,
                    height : 250,
                    modal : true
                });
                $('#lm_title').val('');
                $('#lm_content').val('');
                $('#infoContent').hide();
            }, 'html');
        }
        $('#infoContent').hide();
    });

    $('#publishMsg').click(function() {
        var mobile = $('#lm_mobile').val();
        var title = $('#lm_title').val();
        var lyType = $('#lm_type').val();
        var content = $('#lm_content').val();
        $('#infoContent').hide();

        var temp = true;
        // 验证内容是否为空
        var empty = /^.+$/;
        if (!empty.test(content)) {
            $('#infoMsg').text('请填写留言内容！');
            temp = false;
        }
        // 验证手机号，密码，内容（是否为空）
        var check = /^((\+86)|(86))?(1)\d{10}$/;
        if (!check.test(mobile)) {
            $('#infoMsg').text('手机格式不正确');
            temp = false;
        }
        if (temp) {
            $.post('/ajax/saveUsermessage', {
                'mobile' : mobile,
                'title' : title,
                'lyType' : lyType,
                'content' : content
            }, function(data) {
                if (data.success) {
                    // 保存成功后
                    alert("保存成功。");
                    $('#lm_title').val("");
                    $('#lm_content').val("");
                    $('#infoContent').hide();
                    $("#leaveMsgContainer").dialog('close');
                }else{
                    alert(data.msg);
                }
            }, 'json');
        }else {
            alert('您输入的内容包含特殊字符！');
        }
    });

    $('#cancelPublish').click(function() {
        $("#leaveMsgContainer").dialog('close');
    });
    

    $('[id=see]').click(function() {
        // 点击按钮：根据手机号查询用户类型：是游客就查出它的所有留言，否就让其登录到用户中心查看
        var mobile = $('#lm_mobile').val();
        if (mobile != '') {
            $('#pagination').pagination('/ajax/findMsgByMobile', {
                pageSize : 4,
                pageSizeName : 'pageSize',
                pageNumberName : 'pageNo',
                loadingPlace : $('#msgList'),
                parameters : {
                    'mobile' : mobile
                },
                showPrevAlways : false,
                showNextAlways : false,
                callback : function(data) {
                    if (data.success) {
                        if (!data.msg) {
                            // 拼界面
                            var tbody = $('#msgList tbody');
                            tbody.find('tr[id!=pageDiv]').empty();
                            $.each(data.usermessages, function(index, msg) {
                                var type = null;
                                switch (msg.type) {
                                case 2:
                                    type = '询问';
                                    break;
                                case 3:
                                    type = '投诉';
                                    break;
                                case 4:
                                    type = '建议';
                                    break;
                                }
                                var tr = $('<tr>').appendTo(tbody).insertBefore($('#pageDiv'));
                                var td = $('<td>',{'title':'[' + type + ']' + ' ' + msg.title}).css({
                                    'background' : '#FFFFFF'
                                }).appendTo(tr);
                                	$('<div>').css({'text-overflow':'ellipsis','white-space':'nowrap','overflow':'hidden','width':'150'})
                                	.text('[' + type + ']' + ' ' + msg.title).appendTo(td);
                                
                                
                                $('<td>').css({
                                    'background' : '#FFFFFF'
                                }).text(msg.useralias).appendTo(tr);
                                $('<td>').css({
                                    'background' : '#FFFFFF'
                                }).text($.dateFormat(msg.createtime, 'yyyy-MM-dd')).appendTo(tr);
                                td = $('<td>',{'title':msg.content}).css({
                                    'background' : '#FFFFFF'
                                }).appendTo(tr);
                                	$('<div>').css({'text-overflow':'ellipsis','white-space':'nowrap','overflow':'hidden','width':'150'})
                                	.text(msg.content).appendTo(td);

                                var tr = $('<tr>').insertAfter(tr);
                                if (data.sons['m_' + msg.id].length > 0) {
                                    $('<td>').text('').css({
                                        'background' : '#FFFFFF',
                                        'height' : '5'
                                    }).appendTo(tr);
                                    $('<td>', {
                                        'colspan' : '3'
                                    }).text('').css({
                                        'background' : '#E2E2E2',
                                        'height' : '5'
                                    }).appendTo(tr);
                                } else {
                                    $('<td>', {
                                        'colspan' : '4'
                                    }).text('').css({
                                        'background' : '#E2E2E2',
                                        'height' : '5'
                                    }).appendTo(tr);
                                }

                                $.each(data.sons['m_' + msg.id], function(index, son) {
                                    var br = $('<br>').after(tr);
                                    var tr_son = $('<tr>', {
                                        'id' : 'son_tr'
                                    }).appendTo(tbody).insertBefore($('#pageDiv'));
                                    $('<td>').css({
                                        'background' : '#FFFFFF'
                                    }).text('').appendTo(tr_son);
                                    $('<td>').css({
                                        'background' : '#FFFFFF'
                                    }).text(son.useralias).appendTo(tr_son);
                                    $('<td>').css({
                                        'background' : '#FFFFFF'
                                    }).text($.dateFormat(msg.createtime, 'yyyy-MM-dd')).appendTo(tr_son);
                                    var td = $('<td>',{'title':son.content}).css({
                                        'background' : '#FFFFFF'
                                    }).appendTo(tr_son);
                                    	$('<div>').css({'text-overflow':'ellipsis','white-space':'nowrap','overflow':'hidden','width':'150'})
                                    	.text(son.content).appendTo(td);
                                    var tr = $('<tr>').insertAfter(tr_son);
                                    if (data.sons['m_' + msg.id].length - 1 != index) {
                                        $('<td>').text('').css({
                                            'background' : '#FFFFFF',
                                            'height' : '5'
                                        }).appendTo(tr);
                                        $('<td>', {
                                            'colspan' : '3'
                                        }).text('').css({
                                            'background' : '#E2E2E2',
                                            'height' : '5'
                                        }).appendTo(tr);
                                    } else {
                                        $('<td>', {
                                            'colspan' : '4'
                                        }).text('').css({
                                            'background' : '#E2E2E2',
                                            'height' : '5'
                                        }).appendTo(tr);
                                    }
                                });
                            });
                            $('#leaveMsgContainer').height('430');
                            $('#infoContent').slideDown("fast");
                        } else {
                            alert(data.msg);
                        }
                    } else {
                        alert(data.msg);
                        $('#infoContent').hide();
                        $('#leaveMsgContainer').height('200');
                    }
                }
            });
        }
    });
});