{include file="header.tpl" title='用户中心' hostname=$c['网站名称']}

  		{include file="alert.tpl"}
<div class="wrapper">
            <div class="container-fluid">
                <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="btn-group pull-right">
                                <ol class="breadcrumb hide-phone p-0 m-0">
                                    <li class="breadcrumb-item"><a href="#">欢迎回来</a></li>
                                    <li class="breadcrumb-item active">{$s['登陆用户名']}</li>
                                </ol>
                            </div>
                            <h4 class="page-title">仪表盘</h4>
                        </div>
                    </div>
                </div>
                <!-- end page title end breadcrumb -->
                <div class="row">
                    <!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round">
                                            <i class="mdi mdi-webcam"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10">
                                            <h7 class="mt-0 round-inner">{$s['登陆用户名']}</h7>
                                            <p class="mb-0 text-muted">您的账户</p>                                                                 
                                        </div>
                                    </div>
                                    <div class="col-6 text-center align-self-center">
                                        <h6 class="m-0 float-right text-center text-danger"> </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round">
                                            <i class="mdi mdi-webcam"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10">
                                            <h7 class="mt-0 round-inner">{$s['登陆邮箱']}</h7>
                                            <p class="mb-0 text-muted">您的邮箱</p>                                                                 
                                        </div>
                                    </div>
                                    <div class="col-6 text-center align-self-center">
                                        <h6 class="m-0 float-right text-center text-danger"> </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round ">
                                            <i class="mdi mdi-basket"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10 ">
                                             <h7 class="mt-0 round-inner">{$s['登陆预存款']}</h7>
                                            <p class="mb-0 text-muted">您的余额</p>
                                        </div>
                                    </div>
                                    <div class="col-3 align-self-end align-self-center">
                                        <h6 class="m-0 float-right text-center text-danger"> </h6>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round">
                                            <i class="mdi mdi-rocket"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10">
                                             <h7 class="mt-0 round-inner"> {$s['登陆邮编']} </h7>
                                            <p class="mb-0 text-muted">您的QQ</p>
                                        </div>
                                    </div>
                                    <div class="col-3 align-self-end align-self-center">
                                        <h6 class="m-0 float-right text-center text-success"> </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
  <!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round">
                                            <i class="mdi mdi-rocket"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10">
                                             <h7 class="mt-0 round-inner">3258176964</h7>
                                            <p class="mb-0 text-muted">客服QQ</p>
                                        </div>
                                    </div>
                                    <div class="col-3 align-self-end align-self-center">
                                        <h6 class="m-0 float-right text-center text-success"> </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->

 <!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round ">
                                            <i class="mdi mdi-basket"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10 ">
                                             <h7 class="mt-0 round-inner">{$s['登陆国家']}</h7>
                                            <p class="mb-0 text-muted">您在国家</p>
                                        </div>
                                    </div>
                                    <div class="col-3 align-self-end align-self-center">
                                        <h6 class="m-0 float-right text-center text-danger"> </h6>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->

<!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round">
                                            <i class="mdi mdi-webcam"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10">
                                            <h7 class="mt-0 round-inner">
<a class="javascript:void(0);">

<span id="sitetime"></span>
<script language=javascript>
    function siteTime(){
        window.setTimeout("siteTime()", 1000);
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;
        var years = days * 365;
        var today = new Date();
        var todayYear = today.getFullYear();
        var todayMonth = today.getMonth()+1;
        var todayDate = today.getDate();
        var todayHour = today.getHours();
        var todayMinute = today.getMinutes();
        var todaySecond = today.getSeconds();
        
        var t1 = Date.UTC(2019,6,16,00,00,00); //北京时间2019-3-29 00:00:00
        var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
        var diff = t2-t1;
        var diffYears = Math.floor(diff/years);
        var diffDays = Math.floor((diff/days)-diffYears*365);
        var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
        var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
        var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
        document.getElementById("sitetime").innerHTML="已运行"+diffDays+"天";
    }
    siteTime();
</script>
</a></h7>
                                            <p class="mb-0 text-muted">本站运行时间</p>                                                                 
                                        </div>
                                    </div>
                                    <div class="col-6 text-center align-self-center">
                                        <h6 class="m-0 float-right text-center text-danger"> </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->

<!-- Column -->
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <div class="d-flex flex-row">
                                    <div class="col-3 align-self-center">
                                        <div class="round ">
                                            <i class="mdi mdi-basket"></i>
                                        </div>
                                    </div>
                                    <div class="col-6 align-self-center text-center">
                                        <div class="m-l-10 ">
                                             <h7 class="mt-0 round-inner">{$s['登陆姓名']}</h7>
                                            <p class="mb-0 text-muted">您的登录姓名</p>
                                        </div>
                                    </div>
                                    <div class="col-3 align-self-end align-self-center">
                                        <h6 class="m-0 float-right text-center text-danger"> </h6>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->





                </div>
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-xl-8">
                        <div class="card m-b-30">
                            <div class="card-body">
                                <h5 class="header-title pb-3 mt-0">节点情况</h5>
                                <div id="multi-line-chart" style="height:400px;"></div>
                            </div>
                        </div>
                    </div>



              
                                          
                                          
                    <div class="col-md-12 col-lg-6 col-xl-4">
                        <div class="card bg-white m-b-30">
                            <div class="card-body new-user">
                                
                                <div class="row text-center">
                                    <div class="col-6">
                                        <h5><i class="mdi mdi-database mr-2 text-primary font-20"></i>52.4M</h5>
                                        <h6 class="text-lightdark">节点宽带</h6>
                                        <span class="text-muted"> <small>最高可达</small></span>
                                    </div>
                                    <div class="col-6">
                                        <h5><i class="mdi mdi-download mr-2 text-success font-20"></i>43.2M</h5>
                                        <h6 class="text-lightdark">节点宽带</h6>
                                        <span class="text-muted"> <small>最高可达</small></span>
                                    </div>
                                </div>
                                <div id="morris-area-chart" style="height: 310px"></div>
                            </div>
                        </div>
                    </div>
                                            
                </div>

            </div> <!-- end container -->
        </div>
        <!-- end wrapper -->


      {include file="footer.tpl"}