We_Relese/App/Relese/Views/Play/__/_Log.cshtml

@using WeApp.Helpers
@model WeApp.TrainingCamp.Dto.CampDto
@{
    string id = "log-info";
    string body = "<div class=\"log-box-body\"></div>";
}
@Html.Partial("__/_AreaBox", $"日志信息#{id}#{body}")

@using (Html.BeginScripts())
{
    <script id="log-script">
        $(function () {
            GetLogs('@(Model.Id)');
        });
    function GetLogs(no) {
        $.iwbAjax5({
            url: abp.appUrl + 'Query/GetCampLogs?no='+no,
            success: res => {
                var str = '';
                if (res && res.length) {
                    res.forEach(v => {str+= FormatterLog(v); });
                }
                if (str) {
                    $(`#@(id) .log-box-body`).append(str);
                    window.Scroll2Bottom($(`#@(id) .log-box-body`).closest('.scroll-box'));
                }
            }
        });
    }

        function FormatterLog(data) {
            var str = "";
            if (data) {
                 str = `<div class="px-6 log-info">
                        <span>${data.name ? data.name + ":" : ""}<span>${data.msg}</span></span>
                        <span>${new Date(data.date).format("yyyy:MM:dd hh:mm:ss")}</span>
                    </div>`;

            }
            return str;
        }
        iwbHub.client.getSysLog = function(msg) {
            console.log('getSysLog: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    var str = FormatterLog(data);
                    $(`#@(id) .log-box-body`).append(str);
                    window.Scroll2Bottom($(`#@(id) .log-box-body`).closest('.scroll-box'));
                } catch (e) {
                    console.log('getSysLog: ', e);
                }
            }
        };
    </script>
}