<!DOCTYPE html> <html> <head> <#import "./common/common.macro.ftl" as netCommon> <@netCommon.commonStyle /> <!-- daterangepicker --> <link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.css"> <title>${I18n.admin_name}</title> </head> <body class="hold-transition skin-blue sidebar-mini <#if cookieMap?exists && cookieMap["xxljob_adminlte_settings"]?exists && "off" == cookieMap["xxljob_adminlte_settings"].value >sidebar-collapse</#if> "> <div class="wrapper"> <!-- header --> <@netCommon.commonHeader /> <!-- left --> <@netCommon.commonLeft "index" /> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1>${I18n.job_dashboard_name}</h1> <!-- <h1>运行报表<small>任务调度中心</small></h1> <ol class="breadcrumb"> <li><a><i class="fa fa-dashboard"></i>调度中心</a></li> <li class="active">使用教程</li> </ol> --> </section> <!-- Main content --> <section class="content"> <!-- 任务信息 --> <div class="row"> <#-- 任务信息 --> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="info-box bg-aqua"> <span class="info-box-icon"><i class="fa fa-flag-o"></i></span> <div class="info-box-content"> <span class="info-box-text">${I18n.job_dashboard_job_num}</span> <span class="info-box-number">${jobInfoCount}</span> <div class="progress"> <div class="progress-bar" style="width: 100%"></div> </div> <span class="progress-description">${I18n.job_dashboard_job_num_tip}</span> </div> </div> </div> <#-- 调度信息 --> <div class="col-md-4 col-sm-6 col-xs-12" > <div class="info-box bg-yellow"> <span class="info-box-icon"><i class="fa fa-calendar"></i></span> <div class="info-box-content"> <span class="info-box-text">${I18n.job_dashboard_trigger_num}</span> <span class="info-box-number">${jobLogCount}</span> <div class="progress"> <div class="progress-bar" style="width: 100%" ></div> </div> <span class="progress-description"> ${I18n.job_dashboard_trigger_num_tip} <#--<#if jobLogCount gt 0> 调度成功率:${(jobLogSuccessCount*100/jobLogCount)?string("0.00")}<small>%</small> </#if>--> </span> </div> </div> </div> <#-- 执行器 --> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="info-box bg-green"> <span class="info-box-icon"><i class="fa ion-ios-settings-strong"></i></span> <div class="info-box-content"> <span class="info-box-text">${I18n.job_dashboard_jobgroup_num}</span> <span class="info-box-number">${executorCount}</span> <div class="progress"> <div class="progress-bar" style="width: 100%"></div> </div> <span class="progress-description">${I18n.job_dashboard_jobgroup_num_tip}</span> </div> </div> </div> </div> <#-- 调度报表:时间区间筛选,左侧折线图 + 右侧饼图 --> <div class="row"> <div class="col-md-12"> <div class="box"> <div class="box-header with-border"> <h3 class="box-title">${I18n.job_dashboard_report}</h3> <#--<input type="text" class="form-control" id="filterTime" readonly >--> <!-- tools box --> <div class="pull-right box-tools"> <button type="button" class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" id="filterTime" > <i class="fa fa-calendar"></i> </button> <#--<button type="button" class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="" style="margin-right: 5px;" data-original-title="Collapse"> <i class="fa fa-minus"></i> </button>--> </div> <!-- /. tools --> </div> <div class="box-body"> <div class="row"> <#-- 左侧折线图 --> <div class="col-md-8"> <div id="lineChart" style="height: 350px;"></div> </div> <#-- 右侧饼图 --> <div class="col-md-4"> <div id="pieChart" style="height: 350px;"></div> </div> </div> </div> </div> </div> </div> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- footer --> <@netCommon.commonFooter /> </div> <@netCommon.commonScript /> <!-- daterangepicker --> <script src="${request.contextPath}/static/adminlte/bower_components/moment/moment.min.js"></script> <script src="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> <#-- echarts --> <script src="${request.contextPath}/static/plugins/echarts/echarts.common.min.js"></script> <script src="${request.contextPath}/static/js/index.js"></script> </body> </html>