<?xml version="1.0" encoding="UTF-8"?>
<h:screen xmlns:h="http://www.hand-china.com/hap">
    <style>
        html, body {
            background-color: rgb(233, 236, 243);
        }
    </style>
    <script><![CDATA[
    var noticeId = ${RequestParameters.noticeId};
    viewModel = kendo.observable({
        data: {
            noticeTitle: '',
            noticeMessage: ''
        }
    });
    $.ajax({
        url: '${base.contextPath}/wechat/notice/query?noticeId=' + noticeId,
        dataType: 'json',
        async: false,
        success: function (datas) {
            debugger
            var rows = datas.rows[0]
            for (var k in rows) {
                viewModel.data.set(k, rows[k]);
            }
        }
    })

    ]]></script>
    <h1 id="title" style="text-align: center"></h1>
    <div style="margin-left: 50%;"><span id="date"></span><span id="author"></span></div>
    <div id="content"
         style="margin-left: 10%;margin-right:10%;box-shadow:3px 3px 3px rgb(204, 204, 204);background-color: white;border-radius: 5px;height: 80%;min-height: 350px;font-size: 14px;"></div>

    <script><![CDATA[
    document.getElementById("title").innerHTML = viewModel.data.noticeTitle;
    document.getElementById("content").innerHTML = viewModel.data.noticeMessage;
    document.getElementById("date").innerHTML = viewModel.data.creationDate.substring(0, 10);
    document.getElementById("author").innerHTML = " " + viewModel.data.author;
    ]]></script>
</h:screen>