control.html 9.42 KB
Newer Older
jose's avatar
jose committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143
{% extends "layout.html" %}

{% block content %}
<div class="main-content">
    <div class="container-fluid" style="padding-bottom: 50px;">
        <div class="pos-box bgw mtb15">
            <div class="position f14 c9 pull-left">
                <a class="plr10 c4" href="/">{{data['lan']['H1']}}</a>/<span class="plr10 c4">{{data['lan']['H2']}}</span>
            </div>
        </div>
        <div class="safe container-fluid  bgw mtb15 pd15" style="overflow: hidden;">
            <div class="mr50 pull-left">
                <div class="ss-text pull-left">
                    <em>{{data['lan']['C1']}}</em>
                    <div class='ssh-item' id="openJK">
                    </div>
                </div>
            </div>
            <div class="mr50 pull-left">
                <div class="ss-text pull-left">
                    <em>{{data['lan']['C2']}}</em>
                    <input class="bt-input-text" id="saveDay" value="" type="number">
                </div>
                <div class="ss-text pull-left" style="margin-left:10px">
                    <button class="btn btn-default btn-sm" type="button" onclick="SetControl(true);">{{data['lan']['C3']}}</button>
                </div>
            </div>
            <div class="mr50 pull-left" style="padding-left:50px; border-left:#ccc 1px solid; margin-right:0">
                <button class="btn btn-default btn-sm" type="button" onclick="CloseControl()">{{data['lan']['C4']}}</button>
            </div>
        </div>
        <div class="control">
            <div class="col-xs-12 col-sm-12 col-md-12 pull-left pd0 view0">
                <div class="mb15">
                    <div class="bgw pb15">
                        <div class="title c6 plr15 mb15">
                            <h3 class="c-tit f16">{{data['lan']['LOAD_BALANCE']}}</h3>
                            <div class="searcTime pull-right">
                                <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="Wday(1,'getload')">{{data['lan']['D1']}}</span><span class="gt on" onclick="Wday(0,'getload')">{{data['lan']['D2']}}</span><span class="gt" onclick="Wday(7,'getload')">{{data['lan']['D3']}}</span><span class="gt" onclick="Wday(30,'getload')">{{data['lan']['D4']}}</span>
                                <div class="ss">
                                    <span class="st">{{data['lan']['S2']}}</span>
                                    <div class="time">
                                        <span class="bt">{{data['lan']['G1']}}<input class="btime" type="text" value="2017/1/10 00:00:00"></span>
                                        <span class="et">{{data['lan']['G2']}}<input class="etime" type="text" value="2017/1/13 00:00:00"></span>
                                        <div class="sbtn loadbtn">{{data['lan']['G3']}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="getloadview" style="width:100%; height:330px"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0 view1">
                <div class="pr8">
                    <div class="bgw pb15">
                        <div class="title c6 plr15">
                            <h3 class="c-tit f16">{{data['lan']['T1']}}</h3>
                            <div class="searcTime pull-right">
                                <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="Wday(1,'cpu')">{{data['lan']['D1']}}</span><span class="gt on" onclick="Wday(0,'cpu')">{{data['lan']['D2']}}</span><span class="gt" onclick="Wday(7,'cpu')">{{data['lan']['D3']}}</span><span class="gt" onclick="Wday(30,'cpu')">{{data['lan']['D4']}}</span>
                                <div class="ss">
                                    <span class="st">{{data['lan']['S2']}}</span>
                                    <div class="time">
                                        <span class="bt">{{data['lan']['G1']}}<input class="btime" type="text" value="2017/1/10 00:00:00"></span>
                                        <span class="et">{{data['lan']['G2']}}<input class="etime" type="text" value="2017/1/13 00:00:00"></span>
                                        <div class="sbtn cpubtn">{{data['lan']['G3']}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="cupview" style="width:100%; height:330px"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0 view2">
                <div class="pl7">
                    <div class="bgw pb15">
                        <div class="title c6 plr15">
                            <h3 class="c-tit f16">{{data['lan']['T2']}}</h3>
                            <div class="searcTime pull-right">
                                <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="Wday(1,'mem')">{{data['lan']['D1']}}</span><span class="gt on" onclick="Wday(0,'mem')">{{data['lan']['D2']}}</span><span class="gt" onclick="Wday(7,'mem')">{{data['lan']['D3']}}</span><span class="gt" onclick="Wday(30,'mem')">{{data['lan']['D4']}}</span>
                                <div class="ss">
                                    <span class="st">{{data['lan']['S2']}}</span>
                                    <div class="time">
                                        <span class="bt">{{data['lan']['G1']}}<input class="btime" type="text" value="2017/1/10 00:00:00"></span>
                                        <span class="et">{{data['lan']['G2']}}<input class="etime" type="text" value="2017/1/13 00:00:00"></span>
                                        <div class="sbtn membtn">{{data['lan']['G3']}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="memview" style="width:100%; height:330px"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0 view1">
                <div class="pr8">
                    <div class="bgw pb15">
                        <div class="title c6 plr15 mb15">
                            <h3 class="c-tit f16">{{data['lan']['T3']}}</h3>
                            <div class="searcTime pull-right">
                                <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="Wday(1,'disk')">{{data['lan']['D1']}}</span><span class="gt on" onclick="Wday(0,'disk')">{{data['lan']['D2']}}</span><span class="gt" onclick="Wday(7,'disk')">{{data['lan']['D3']}}</span><span class="gt" onclick="Wday(30,'disk')">{{data['lan']['D4']}}</span>
                                <div class="ss">
                                    <span class="st">{{data['lan']['S2']}}</span>
                                    <div class="time">
                                        <span class="bt">{{data['lan']['G1']}}<input class="btime" type="text" value="2017/1/10 00:00:00"></span>
                                        <span class="et">{{data['lan']['G2']}}<input class="etime" type="text" value="2017/1/13 00:00:00"></span>
                                        <div class="sbtn diskbtn">{{data['lan']['G3']}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="diskview" style="width:100%; height:330px"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0 view2">
                <div class="pl7">
                    <div class="bgw pb15">
                        <div class="title c6 plr15 mb15">
                            <h3 class="c-tit f16">{{data['lan']['T4']}}</h3>
                            <div class="searcTime pull-right">
                                <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="Wday(1,'network')">{{data['lan']['D1']}}</span><span class="gt on" onclick="Wday(0,'network')">{{data['lan']['D2']}}</span><span class="gt" onclick="Wday(7,'network')">{{data['lan']['D3']}}</span><span class="gt" onclick="Wday(30,'network')">{{data['lan']['D4']}}</span>
                                <div class="ss">
                                    <span class="st">{{data['lan']['S2']}}</span>
                                    <div class="time">
                                        <span class="bt">{{data['lan']['G1']}}<input class="btime" type="text" value="2017/1/10 00:00:00"></span>
                                        <span class="et">{{data['lan']['G2']}}<input class="etime" type="text" value="2017/1/13 00:00:00"></span>
                                        <div class="sbtn networkbtn">{{data['lan']['G3']}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="network" style="width:100%; height:330px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/js/echarts.min.js"></script>
<script src="/static/js/control.js?date={{g['version']}}"></script>
{% endblock %}