@using WeApp.Helpers
@model WeApp.Views.Exercise.ScreenModel
@{
    string id = "scene-path";
    string id2 = $"{id}_{Model.GroupNo}";

}
<style>
    .path-box {
        max-width: 800px;
        margin: 0 auto;
    }

        .path-box .round-box {
            --fs: 12px;
            --pt: 3px;
            --minW: 70px;
        }

            .path-box .round-box.start {
                --color: var(--mc);
            }

            .path-box .round-box.end {
                --color: #ff7c63
            }
</style>

@Html.Partial("_Run/_AreaBox", $"情景路径#{id2}")

@using (Html.BeginScripts())
{
    <script src="~/Content/Js/scene-path2.js"></script>
    <script id="path-script">
        function GetScenePath(no) {
            $.iwbAjax5({
                url: abp.appUrl + 'Query/GetGroupRunningInfo?no='+no,
                success: function(res) {
                    var str = FormatterSingleScenePath(res);
                    $(`#@(id)_${no} .box-body`).html(str);
                    window.Scroll2Bottom($(`#@(id)_${no} .box-body`).closest('.scroll-box'));
                }
            });
        }

        iwbHub.client.getRunningChange = function(msg) {
            console.log('getRunningChange: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if ( @(Model.Type) == 2 ||data.no == '@Model.GroupNo') {
                        GetScenePath(data.no);
                    }
                } catch (e) {
                    console.log('getRunningChange: ', e);
                }
            }
        };
    </script>
}