@{
    ViewBag.Title = "MessageDeatil";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}

<style>
    .message-title {
        font-size: 16px;
        font-weight: bold;
        padding: 1rem 1rem;
        width: 855px;
        word-wrap: break-word;
    }

    .message-detail {
        font-size: 14px;
        padding: 1rem 1rem;
    }

        .message-detail p {
            width: 855px;
            word-wrap: break-word;
        }

    .message-person {
        font-size: 15px;
        font-weight: bold;
        padding: 0 1rem;
        color: #5840a0;
    }

    .message-attachment {
        font-size: 15px;
        font-weight: bold;
        color: royalblue;
    }
</style>

<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'south',border:false" style="height:50px;text-align:right; padding:5px">
        @*<a href="#"  onclick="" class="easyui-linkbutton c1">
                <i class="fa fa-check-square"></i> 确定
            </a>*@
        <a href="#" id="btnClose" class="easyui-linkbutton c5">
            <i class="fa fa-power-off"></i>
            关闭
        </a>
    </div>
    <div data-options="region:'center',border:false">
        <div class="message-title" id="title">

        </div>
        <div class="message-person" id="Person">

        </div>
        <div class="message-detail" id="Detail">

        </div>
        <div class="message-detail" id="Attachment">

        </div>
    </div>
</div>

<script>
    $(function () {
        $.post('/Home/GetMessageDeatilById/@ViewBag.ID', function (data) {
            $("#title").html(data[0].标题);
            $("#Person").html(data[0].添加人 + "-" + data[0].发布时间);
            $("#Detail").html(data[0].内容);
            if (data[0].附件ID != null) {
                $("#Attachment").html('<a href="#" class="message-attachment" onclick="downloadfile(' + data[0].附件ID + ')">下载附件</a>');
            }
        })
    })


    $("#btnClose").bind("click", function () {
        ZLPMS.CloseTopWindow();
    })

    //下载附件文件
    function downloadfile(id) {
        window.open('/Problem/ViewProblemImage?id=' + id);
    }
</script>