{% extends "layout.html" %}

{% block content %}
<div class="main-content">
    <div class="container-fluid" style="padding-bottom:52px">
        <div class="pos-box bgw mtb15">
            <div class="tab-list" id="tabs-cut">
                <div class="tabs-item active" data-name="control">系统监控</div>
                <div class="tabs-item" data-name="daily">面板日报</div>
            </div>
        </div>
        <div class="control-content">
            <div class="control-item-block">
                <div class="safe container-fluid radius4 bgw mb15 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="controlObj.conTrolView.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="controlObj.conTrolView.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 radius4">
                                <div class="title c6 plr15 mb15 load-title">
                                    <h3 class="c-tit f16 flex-center">平均负载
																			<span title="全屏展示" class="btlink full-icon full-screen-load"></span>
																		</h3> 
                                    <div class="searcTime pull-right">
                                        <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="controlObj.conTrolView.Wday(1,'getload')">{{data['lan']['D1']}}</span><span class="gt on" onclick="controlObj.conTrolView.Wday(0,'getload')">{{data['lan']['D2']}}</span>
                                        <span class="gt" onclick="controlObj.conTrolView.Wday(7,'getload')">{{data['lan']['D3']}}</span><span class="gt" onclick="controlObj.conTrolView.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 time_range_submit" data-type="getload">{{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 radius4">
                                <div class="title c6 plr15 cpu-title">
                                    <h3 class="c-tit f16 flex-center">{{data['lan']['T1']}}
																			<span title="全屏展示" title="全屏展示" class="btlink full-icon full-screen-cpu"></span>
																		</h3>
																		
                                    <div class="searcTime pull-right">
                                        <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="controlObj.conTrolView.Wday(1,'cpu')">{{data['lan']['D1']}}</span><span class="gt on" onclick="controlObj.conTrolView.Wday(0,'cpu')">{{data['lan']['D2']}}</span>
                                        <span class="gt" onclick="controlObj.conTrolView.Wday(7,'cpu')">{{data['lan']['D3']}}</span><span class="gt" onclick="controlObj.conTrolView.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 time_range_submit" data-type="cpu">{{data['lan']['G3']}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="cpuview" 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 radius4">
                                <div class="title c6 plr15 mem-title">
                                    <h3 class="c-tit f16 flex-center">{{data['lan']['T2']}}
																			<span title="全屏展示" class="btlink full-icon full-screen-mem"></span>
																		</h3>
                                    <div class="searcTime pull-right">
                                        <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="controlObj.conTrolView.Wday(1,'mem')">{{data['lan']['D1']}}</span><span class="gt on" onclick="controlObj.conTrolView.Wday(0,'mem')">{{data['lan']['D2']}}</span>
                                        <span class="gt" onclick="controlObj.conTrolView.Wday(7,'mem')">{{data['lan']['D3']}}</span><span class="gt" onclick="controlObj.conTrolView.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 time_range_submit" data-type="mem">{{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 radius4">
                                <div class="title c6 plr15 mb15 disk-title">
                                    <h3 class="c-tit f16  flex-center">{{data['lan']['T3']}}
																			<span title="全屏展示" class="btlink full-icon full-screen-disk"></span>
																		</h3>
																		
                                    <div class="searcTime pull-right">
                                        <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="controlObj.conTrolView.Wday(1,'disk')">{{data['lan']['D1']}}</span><span class="gt on" onclick="controlObj.conTrolView.Wday(0,'disk')">{{data['lan']['D2']}}</span>
                                        <span class="gt" onclick="controlObj.conTrolView.Wday(7,'disk')">{{data['lan']['D3']}}</span><span class="gt" onclick="controlObj.conTrolView.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 time_range_submit" data-type="disk">{{data['lan']['G3']}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="position: relative;">
                                    <div id="diskview" style="width:100%; height:330px"></div>
                                    <div style="position: absolute;top: 15px;left: 6%;" class="hide">
                                        单位：
                                        <div class="bt-crontab-select-button">
                                            <div class="bt-select-full only-one disk-unit">
                                                <div class="select-picker-search">
                                                    <span class="picker-text-list">KB/s</span>
                                                    <span class="down-select-full"></span>
                                                </div>
                                                <div class="select-list-item">
                                                    <ul style="width:auto;max-height: auto;">
                                                        <li data-attr="KB/s"><span class="select-name-full">KB/s</span></li>
                                                        <li data-attr="MB/s"><span class="select-name-full">MB/s</span></li>
                                                        <li data-attr="GB/s"><span class="select-name-full">GB/s</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </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 radius4">
                                <div class="title c6 plr15 mb15 net-title">
                                    <h3 class="c-tit f16 flex-center">
																			<span class="mr5" style="vertical-align: middle;">{{data['lan']['T4']}}:</span>
																			<select class="bt-input-text hide" style="vertical-align: middle;font-size:13px;" name="network-io" >
																				<option value="all">全部</option>
																			</select>
																			<span title="全屏展示" class="btlink full-icon full-screen-net"></span>
																		</h3>
																		<div class="searcTime pull-right">
                                        <span class="tit">{{data['lan']['S1']}}</span><span class="gt" onclick="controlObj.conTrolView.Wday(1,'network')">{{data['lan']['D1']}}</span><span class="gt on" onclick="controlObj.conTrolView.Wday(0,'network')">{{data['lan']['D2']}}</span>
                                        <span class="gt" onclick="controlObj.conTrolView.Wday(7,'network')">{{data['lan']['D3']}}</span><span class="gt" onclick="controlObj.conTrolView.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 time_range_submit" data-type="network">{{data['lan']['G3']}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="position: relative;">
                                    <div id="network" style="width:100%; height:330px"></div>
                                    <div style="position: absolute;top: 15px;left: 6%;" class="hide">
                                        单位：
                                        <div class="bt-crontab-select-button">
                                            <div class="bt-select-full only-one network-unit">
                                                <div class="select-picker-search">
                                                    <span class="picker-text-list">KB/s</span>
                                                    <span class="down-select-full"></span>
                                                </div>
                                                <div class="select-list-item">
                                                    <ul style="width:auto;max-height: auto;">
                                                        <li data-attr="KB/s"><span class="select-name-full">KB/s</span></li>
                                                        <li data-attr="MB/s"><span class="select-name-full">MB/s</span></li>
                                                        <li data-attr="GB/s"><span class="select-name-full">GB/s</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="control-item-block" style="display: none;">
                <div class="mtb15 pd15 bgw daily-view radius4"></div>
            </div>
        </div>
    </div>
</div>
<style>
    /* 日报 */
    .daily-view .divtable {
        position: initial;
    }
    .daily_time_select {
        float: left;
        font-size: 14px;
    }
    .daily_time_select>span {
        display: inline-block;
        height: 40px;
        line-height: 40px;
    }
    .daily_time_select .daily_time_box{
        position: relative;
        display: inline-block;
        height: 30px;
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        font-size: 13px;
        line-height: 30px;
        margin-left:8px;
    }
    .daily_time_select .daily_box_text:after {
        content: '';
        position: absolute;
        top: 0.8pc;
        right: 5pt;
        display: block;
        width: 0;
        height: 0;
        border-color: #c2c2c2 transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        transition: transform .5s;
    }
    .daily_time_select .daily_time_box.active:after {
        transform: rotate(180deg);
    }
    .daily_time_box .daily_box_text{
        padding: 5px 35px 5px 15px;
        cursor: pointer;
    }
    .daily_time_box .daily_select_list {
        position: absolute;
        top: 32px;
        right: -1px;
        left: -1px;
        z-index: 899;
        display: none;
        box-sizing: border-box;
        padding: 5px 0;
        border: 1px solid #d2d2d2;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
        max-height: 300px;
        overflow: auto;
    }
    .daily_time_box.active .daily_select_list {
        display: block;
    }
    .daily_time_box .daily_select_list li{
        cursor: pointer;
        padding-left: 12px;
    }
    .daily_time_box .daily_select_list li.active,
    .daily_time_box .daily_select_list li:hover{
        background-color: #f2f2f2;
    }
    .daily-table .daily-title{
        font-weight:bold;
        background: #f7f7f7;
    }
    .daily-table tr td {
        border-right: 1px solid #ddd;
    }
    .daily-view{
        position: relative;
    }
    .daily_details_mask{
        position: absolute;
        box-shadow: 5px 5px 12px rgb(0 0 0 / 15%);
        z-index: 9999;
    }
    .daily_details_mask::after{
        content: '^';
        position: absolute;
        color: #cdcdcd;
        font-size: 14px;
        top: -9px;
        left: 5px;
    }
    .daily-view .daily-head{
        width: 730px;
        margin: 0 auto 30px;
        font-size: 14px;
    }
    .daily-head ul {
        overflow: hidden;
    }
    .daily-head ul.report_results li{
        width: 340px;
        height: 25px;
        line-height: 25px;
        list-style-type: disc;
        float: left;
        margin-left: 20px;
        font-weight: 600;
    }
    .daily-head ul.textRed{
        color:red;
    }
    .daily_select_list i,
    .daily-table td>i {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    .daily-table .overflow_hide {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
    }
        /* 日报介绍 */
        .daily-thumbnail{
            width: 830px;
            margin:100px auto;
        }
        .thumbnail-box{
            display: inline-block;
            width: 400px;
            text-align: center;
            cursor: pointer;
            position: relative;
        }
        .thumbnail-box.shadow_mask::after{
            content: '点击预览';
            background: rgba(0, 0, 0, .2);
            color: #fff;
            position: absolute;
            left: 0;
            width: 400px;
            height: 363px;
            font-size: 18px;
            vertical-align: bottom;
            line-height: 363px;
        }
        .thumbnail-introduce{
            display: inline-block;
            vertical-align: top;
            margin: 100px 0 0 80px;
        }
        .thumbnail-introduce span{
            font-size: 20px;
            font-weight: bold;
        }
        .thumbnail-introduce ul{
            font-size: 16px;
            line-height: 30px;
            margin: 20px 0 20px 20px;
            list-style: square;
        }
        /* 日报介绍 end */
    /* 日报 end */
    .control-item {
        display: inline-block;
        padding: 0 25px;
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
    }
    .control-item.active {
        color: #20a53a;
        font-weight: 500;
        border-bottom: #20a53a 2px solid;
    }
    .bt-crontab-select-button {
        display: inline-block;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 2px;
        font-size: 12px;
        vertical-align: middle;
    }

    .bt-crontab-select-button .select-picker-search:hover {
        background: #ebf1f5;
        cursor: pointer;
    }

    .bt-crontab-select-button .select-picker-search {
        height: 25px;
        line-height: 25px;
        border: none;
        outline: none;
    }

    .bt-crontab-select-button .select-picker-search span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .bt-crontab-select-button .picker-text-list {
        margin-right: 25px;
        padding-left: 10px;
    }

    .bt-crontab-select-button input {
        padding: 5px 10px;
        height: 35px;
        line-height: 35px;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    .bt-crontab-select-button input:focus {
        outline: none;
    }

    .bt-crontab-select-button .only-one {
        position: relative;
    }

    .bt-crontab-select-button .down-select-full {
        display: inline-block;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: #777 transparent transparent transparent;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .bt-crontab-select-button .select-list-item {
        transition: all 500ms;
        background: #fff;
        position: absolute;
        top: 28px;
        display: none;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
        border-radius: 4px;
        z-index: 9999;
    }

    .bt-crontab-select-button .select-list-item.active {
        display: block;
        z-index: 2;
    }

    .bt-crontab-select-button .select-list-item ul {
        overflow: auto;
        border-radius: 4px;
    }

    .bt-crontab-select-button .select-list-item li:hover {
        background: #20a53a;
        color: #fff;
    }

    .bt-crontab-select-button .only-one .select-list-item li.active {
        background-color: #20a53a;
        color: #fff;
    }

    .bt-crontab-select-button .select-list-item li .select-name-full {
        white-space: nowrap;
        padding: 0 23px 0 10px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        display: inline-block;
    }

    .bt-crontab-select-button .select-check-full {
        display: inline-block;
        height: 16px;
        width: 16px;
        border-radius: 1px;
        margin-right: 5px;
        cursor: pointer;
        border: 1px solid #c2c2c2;
        position: relative;
        line-height: 20px;
        transition: all 200ms;
        vertical-align: sub;
    }

    .bt-crontab-select-button .select-list-item li.active .select-check-full {
        border: none;
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        background: #5FB878;
        color: #fff;
    }

    .bt-crontab-select-button .select-list-item li.active .select-check-full:after {
        content: "\e013";
        font-size: 12px;
        transform: scale(.85);
        position: absolute;
        left: 2px;
        top: 2px;
    }

    /* .control-content{
      position: relative;
    }

    .control-item-block{
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
    } */
		
		/*全屏展示*/
		.full-icon{
			background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYuMDAwMDAwIiBoZWlnaHQ9IjE2LjAwMDAwMCIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cGF0aCBpZD0icGF0aCIgZD0iTTEwLjcxNDkgNS45ODNMMTUuMDA5IDEuNzAzNTdMMTQuOTk0MyA0LjEyODdDMTQuOTg4MyA0LjMyOTgyIDE1LjE1MSA0LjUwNzI0IDE1LjM1MjEgNC41MDEzNEwxNS42MDk0IDQuNTAxMzRDMTUuODEwNSA0LjQ5NTQgMTUuOTc5IDQuMzc3MTIgMTUuOTgyIDQuMTczMDRMMTUuOTkzOCAwLjU2MTk1OEMxNS45OTM4IDAuNTU4OTgzIDE1Ljk5OTggMC4zNjk3MiAxNS45OTk4IDAuMzY5NzJDMTYuMDAyNyAwLjI2OTE5NiAxNS45NzkgMC4xNzc0ODMgMTUuOTE0IDAuMTEyNDExQzE1Ljg0ODkgMC4wNDczNDA0IDE1Ljc2MDIgMC4wMDU5NzM4MiAxNS42NTY3IDAuMDA4OTExMTNMMTUuNDczMyAwLjAxMTg4NjZMMTEuODgzMSAyLjI4ODgyZS0wNUMxMS42ODE5IDAuMDA1OTUwOTMgMTEuNTEzNCAwLjE3MTYxNiAxMS41MTA0IDAuMzc1NjMzTDExLjUxMDQgMC42MzI5NDJDMTEuNTQwMSAwLjg3MjQ5OCAxMS43MjkzIDEuMDExNTEgMTEuOTMwNCAxLjAwNTU4TDE0LjI5MDQgMS4wMTE1MUwxMC4wMDgxIDUuMjc2MjFDOS44MTI4OCA1LjQ3MTQzIDkuODEyODggNS43ODc4MSAxMC4wMDgxIDUuOTgzQzEwLjIwMzMgNi4xODExOCAxMC41MTk3IDYuMTgxMTggMTAuNzE0OSA1Ljk4M1pNNS4zMDI4MyAxMC4wMTdMMS4wMDU3NCAxNC4yODE3TDEuMDIwNTUgMTEuODY4M0MxLjAyNjQ3IDExLjY2NzMgMC44NjM3NyAxMS40ODk5IDAuNjYyNjUxIDExLjQ5NTdMMC4zOTA2MTcgMTEuNDk1N0MwLjE4OTQ5OSAxMS41MDE2IDAuMDIwOTUwMyAxMS42MTk5IDAuMDE3OTk3NyAxMS44MjRMMC4wMDYxNTY5MiAxNS40MzgxQzAuMDA2MTU2OTIgMTUuNDQxIDAuMDAwMjQ0MTQxIDE1LjYzMDMgMC4wMDAyNDQxNDEgMTUuNjMwM0MtMC4wMDI3MzEzMiAxNS43MzA5IDAuMDIwOTczMiAxNS44MjI1IDAuMDg1OTUyOCAxNS44ODc2QzAuMTUxMDI0IDE1Ljk1MjcgMC4yMzk3NzcgMTUuOTk0IDAuMzQzMjU0IDE1Ljk5MTFMMC41MjY2MDQgMTUuOTg4MUw0LjEzMTc1IDE2QzQuMzMyNzggMTUuOTk0IDQuNTAxNDIgMTUuODI4NSA0LjUwNDM3IDE1LjYyNDRMNC41MDQzNyAxNS4zNjcxQzQuNDc0NzYgMTUuMTI3NSA0LjI4NTQ4IDE0Ljk4ODUgNC4wODQzNCAxNC45OTQ0TDEuNzI0MzMgMTQuOTg4NUw2LjAwMzY2IDEwLjcyMzlDNi4xOTg4OCAxMC41Mjg3IDYuMTk4ODggMTAuMjEyMiA2LjAwMzY2IDEwLjAxN0M1LjgxMTUyIDkuODE4ODIgNS40OTgwMyA5LjgxODgyIDUuMzAyODMgMTAuMDE3Wk0xNS45OTM5IDE1LjQzODFMMTUuOTg1IDExLjgyNEMxNS45NzkgMTEuNjIyOSAxNS44MTM0IDExLjUwMTYgMTUuNjEyMyAxMS40OTU3TDE1LjM1NTEgMTEuNDk1N0MxNS4xNTM5IDExLjQ4OTkgMTQuOTk0MyAxMS42NjczIDE0Ljk5NzEgMTEuODY4M0wxNS4wMTIgMTQuMjkzNkwxMC43MTQ5IDEwLjAxN0MxMC41MTk3IDkuODIxODEgMTAuMjAzMiA5LjgyMTgxIDEwLjAwOCAxMC4wMTdDOS44MTI4OCAxMC4yMTIyIDkuODEyODggMTAuNTI4NyAxMC4wMDggMTAuNzIzOUwxNC4yODc0IDE0Ljk4ODVMMTEuOTI3NCAxNC45OTQ0QzExLjcyNjMgMTQuOTg4NSAxMS41NCAxNS4xMzA1IDExLjUwNzQgMTUuMzY3MUwxMS41MDc0IDE1LjYyNDRDMTEuNTEzMyAxNS44MjU1IDExLjY3OSAxNS45OTQxIDExLjg4IDE2TDE1LjQ2MTUgMTUuOTg1MkwxNS42NTM3IDE1Ljk5MTFDMTUuNzU0MiAxNS45OTQxIDE1Ljg0NiAxNS45NTU3IDE1LjkxMSAxNS44ODc2QzE1Ljk3NjEgMTUuODIyNiAxNS45OTk3IDE1LjczMDkgMTUuOTk2NyAxNS42MzAzQzE1Ljk5NjcgMTUuNjMwMyAxNS45OTM5IDE1LjQ0MSAxNS45OTM5IDE1LjQzODFaTTEuNzI3NCAxLjAxMTUxTDQuMDg3MzkgMS4wMDU1OEM0LjI4ODQxIDEuMDExNTEgNC40NzQ3NCAwLjg2OTUyMiA0LjUwNzMyIDAuNjMyOTQyTDQuNTA3MzIgMC4zNzU2MUM0LjUwMTQgMC4xNzQ0ODQgNC4zMzU4MiAwLjAwNTkyODA0IDQuMTM0NyAwTDAuNTM1NTc2IDAuMDE0ODE2M0wwLjM0MzM0NiAwLjAwODg2NTM2QzAuMjQyNzI5IDAuMDA1OTEyNzggMC4xNTExMTUgMC4wNDQzMTkyIDAuMDg2MDQ0MyAwLjExMjM3M0MwLjAyMDk3MzIgMC4xNzc0NDQgLTAuMDAyNzMxMzIgMC4yNjkwNjYgMC4wMDAzMzU2OTMgMC4zNjk2ODJDMC4wMDAzMzU2OTMgMC4zNjk2ODIgMC4wMDYyNDA4NCAwLjU1ODk2IDAuMDA2MjQwODQgMC41NjE5MkwwLjAxNTA0NTIgNC4xNzU5NkMwLjAxODAyMDYgNC4zNzcwMSAwLjE4NjYzIDQuNDk4MzQgMC4zODc2NjUgNC41MDQxOEwwLjY1OTc4MiA0LjUwNDE4QzAuODYwOTAxIDQuNTEwMDkgMS4wMjA1NiA0LjMzMjY3IDEuMDE3NTkgNC4xMzE1NUwxLjAwNTc3IDEuNzE4MjNMNS4yOTk5OCA1Ljk4NTk0QzUuNDk1MDggNi4xODExNSA1LjgxMTU0IDYuMTgxMTUgNi4wMDY3MyA1Ljk4NTk0QzYuMjAxOTMgNS43OTA3MyA2LjIwMTkzIDUuNDc0MjcgNi4wMDY3MyA1LjI3OTA2TDEuNzI3NCAxLjAxMTUxWiIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=') no-repeat;
			display: inline-block;
			width: 16px;
			background-size: 90%;
			position: inherit;
			height: 16px;
			margin-left: 6px;
			margin-top: 2px;
		}
		.flex-center{
			display: inline-flex !important;
			align-items: center;
		}
</style>
{% endblock %}
{% block scripts %}
  {{ super() }}
  <script type="text/javascript" src="{{g.cdn_url}}/js/echarts.min.js?version={{g['version']}}"></script>
  <script type="text/javascript" src="{{g.cdn_url}}/js/soft.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
  <script type="text/javascript" src="{{g.cdn_url}}/js/control.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
  <script type="text/javascript" src="{{g.cdn_url}}/editor/ace.js"></script>
  <script type="text/javascript">
    var tabsCut = $('#tabs-cut'),controlType = bt.get_cookie('controlType') || 'control';
    tabsCut.on('click', '.tabs-item', function() {
        var name = $(this).data('name'),index = $(this).index();
        bt.set_cookie('controlType', name)
        $(this).addClass('active').siblings().removeClass('active');
        $('.control-content .control-item-block').eq(index).show().siblings().hide()
				switch (name) {
          case 'control':
            controlObj.conTrolView.init();
          break;
          case 'daily':
            controlObj.dailyView();
					break;
        }
    })
    controlObj.conTrolView.init()
  </script>
{% endblock %}
