| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- <!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>
|
