We_Relese/OnlineApp/Relese/Content/Js/scene-path.js

function FormatterScenePath(data) {
    $.metPageCss('/Content/Css/path.min.css', 'path-css');
    var str = '';
    if (data && data.length) {
        str += '<div class="path-box">';
        str += '<div id="scene-path-carousel" class="carousel slide" data-ride="carousel" data-pause="false" data-interval="30000" style="width: 100%; height: 100%;position: relative;">';
        var str1 = '';
        for (var i = 0; i < data.length; i++) {
            var v = data[i];
            var active = i === 0 ? "active" : "";
            str1 += '<div class="carousel-item {0}" style="height: 100%" data-id="{1}">{2}</div>'.format(active, v.i, FormatterSingleScenePath(v,false));
        }
        str += '<div class="carousel-inner">{0}</div>'.format(str1);
        str +=
            '<a class="carousel-control carousel-control-prev" href="#scene-path-carousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span></a>';

        str +=
            '<a class="carousel-control carousel-control-next" href="#scene-path-carousel" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span></a>';
        str += '</div>';
        str += '</div>';
    }
    return str;
}


function FormatterSingleScenePath(data, css) {
    var str = '';
    css = css === undefined ? true : css;
    if (css) {
        $.metPageCss('/Content/Css/path.min.css', 'path-css');
        str += '<div class="path-box">';
    }
    if (data) {
        //str += '<div class="round-box"><div class="line-v"></div><div class="round-node start-node">{0}</div></div>'.format(data.name);
        str += FormatterScenePathRound(data.ch);
       // str += '<div class="round-box"><div class="round-node">END</div></div>';
    }
    if (css) {
        str += '</div>';
    }

    return str;
}

function FormatterScenePathRound(data) {
    var str = '';
    if (data && data.length > 0) {
        data.forEach(function (v) {
            if (v.r) {
                var end = v.re ? "end" : "";
                str += '<div class="round-box {0} start">'.format(end);

                str += '<div class="line-v"></div>';

                var block = v.ch
                    ? v.ch.find(function (v) {
                        return v.r && v.bt === 1;
                    })
                    : undefined;
                //var name = block ? block.name + '(' + block.path + ')' : "";
                var flowInfo = block ? block.ch : undefined;
                str += '<div class="left sfb-box">';
                str += '<div class="sfb-title">客观情景块</div>';
                str += '<div class="sbf-body"> {0}</div>'.format(FormatterScenePathFlow(flowInfo));
                str += '</div>';

                str += '<div class="round-node">{0}</div>'.format(v.ri);

                block = v.ch
                    ? v.ch.find(function (v) {
                        return v.r && v.bt === 2;
                    })
                    : undefined;
                //name = block ? block.name + '(' + block.path + ')' : "";
                flowInfo = block ? block.ch : undefined;
                str += '<div class="right sfb-box">';
                str += '<div class="sfb-title">演化情景块</div>';
                str += '<div class="sbf-body"> {0}</div>'.format(FormatterScenePathFlow(flowInfo));
                str += '</div>';

                str += '</div>';
            }
            
        });

    }
    return str;
}

function FormatterScenePathFlow(data) {
    var str = '';
    if (data && data.length > 0) {
        data.forEach(function(v) {
            if (v.r) {
                var end = v.re ? "end" : "";
                str += '<div class="sf-box {0}">'.format(end);
                str += '<div class="sf-name">{0}</div>'.format(v.nm);
                var startChild = v.ch ? v.ch.find(function (v) {
                    return v.r;
                }) : undefined;
                str += '<div class="fn-box">{0}</div>'.format(FormatterScenePathNode(startChild));
                str += '</div>';
            }

        });

    }

    return str;
}
function FormatterScenePathNode(data,arrow) {
    var str = '';
    if (data) {
        var end = data.re ? "end" : "";
        if (arrow) {
            str += '<div class="arrow {0}"></div>'.format(end);
        }
        str += '<div class="node {0}" title="情景节点"></div>'.format(end);
       
        var startChild = data.ch ? data.ch.find(function(v) {
            return v.r;
        }) : undefined;
        if (startChild) {
            str += FormatterScenePathNode(startChild,true);
        }
    }

    return str;
}