| 提交 | 用户 | 时间 | ||
| e7c126 | 1 | <!DOCTYPE html> |
| H | 2 | <html> |
| 3 | <head> | |
| 4 | <#import "./common/common.macro.ftl" as netCommon> | |
| 5 | <@netCommon.commonStyle /> | |
| 6 | <!-- daterangepicker --> | |
| 7 | <link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.css"> | |
| 8 | <title>${I18n.admin_name}</title> | |
| 9 | </head> | |
| 10 | <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> "> | |
| 11 | <div class="wrapper"> | |
| 12 | <!-- header --> | |
| 13 | <@netCommon.commonHeader /> | |
| 14 | <!-- left --> | |
| 15 | <@netCommon.commonLeft "index" /> | |
| 16 | ||
| 17 | <!-- Content Wrapper. Contains page content --> | |
| 18 | <div class="content-wrapper"> | |
| 19 | <!-- Content Header (Page header) --> | |
| 20 | <section class="content-header"> | |
| 21 | <h1>${I18n.job_dashboard_name}</h1> | |
| 22 | <!-- | |
| 23 | <h1>运行报表<small>任务调度中心</small></h1> | |
| 24 | <ol class="breadcrumb"> | |
| 25 | <li><a><i class="fa fa-dashboard"></i>调度中心</a></li> | |
| 26 | <li class="active">使用教程</li> | |
| 27 | </ol> | |
| 28 | --> | |
| 29 | </section> | |
| 30 | ||
| 31 | <!-- Main content --> | |
| 32 | <section class="content"> | |
| 33 | ||
| 34 | <!-- 任务信息 --> | |
| 35 | <div class="row"> | |
| 36 | ||
| 37 | <#-- 任务信息 --> | |
| 38 | <div class="col-md-4 col-sm-6 col-xs-12"> | |
| 39 | <div class="info-box bg-aqua"> | |
| 40 | <span class="info-box-icon"><i class="fa fa-flag-o"></i></span> | |
| 41 | ||
| 42 | <div class="info-box-content"> | |
| 43 | <span class="info-box-text">${I18n.job_dashboard_job_num}</span> | |
| 325d2f | 44 | <span class="info-box-number">${jobInfoCount?number?string(',##0')}</span> |
| e7c126 | 45 | |
| H | 46 | <div class="progress"> |
| 47 | <div class="progress-bar" style="width: 100%"></div> | |
| 48 | </div> | |
| 49 | <span class="progress-description">${I18n.job_dashboard_job_num_tip}</span> | |
| 50 | </div> | |
| 51 | </div> | |
| 52 | </div> | |
| 53 | ||
| 54 | <#-- 调度信息 --> | |
| 55 | <div class="col-md-4 col-sm-6 col-xs-12" > | |
| 56 | <div class="info-box bg-yellow"> | |
| 57 | <span class="info-box-icon"><i class="fa fa-calendar"></i></span> | |
| 58 | ||
| 59 | <div class="info-box-content"> | |
| 60 | <span class="info-box-text">${I18n.job_dashboard_trigger_num}</span> | |
| 325d2f | 61 | <span class="info-box-number">${jobLogCount?number?string(',##0')}</span> |
| e7c126 | 62 | |
| H | 63 | <div class="progress"> |
| 64 | <div class="progress-bar" style="width: 100%" ></div> | |
| 65 | </div> | |
| 66 | <span class="progress-description"> | |
| 67 | ${I18n.job_dashboard_trigger_num_tip} | |
| 68 | <#--<#if jobLogCount gt 0> | |
| 69 | 调度成功率：${(jobLogSuccessCount*100/jobLogCount)?string("0.00")}<small>%</small> | |
| 70 | </#if>--> | |
| 71 | </span> | |
| 72 | </div> | |
| 73 | </div> | |
| 74 | </div> | |
| 75 | ||
| 76 | <#-- 执行器 --> | |
| 77 | <div class="col-md-4 col-sm-6 col-xs-12"> | |
| 78 | <div class="info-box bg-green"> | |
| 79 | <span class="info-box-icon"><i class="fa ion-ios-settings-strong"></i></span> | |
| 80 | ||
| 81 | <div class="info-box-content"> | |
| 82 | <span class="info-box-text">${I18n.job_dashboard_jobgroup_num}</span> | |
| 325d2f | 83 | <span class="info-box-number">${executorCount?number?string(',##0')}</span> |
| e7c126 | 84 | |
| H | 85 | <div class="progress"> |
| 86 | <div class="progress-bar" style="width: 100%"></div> | |
| 87 | </div> | |
| 88 | <span class="progress-description">${I18n.job_dashboard_jobgroup_num_tip}</span> | |
| 89 | </div> | |
| 90 | </div> | |
| 91 | </div> | |
| 92 | ||
| 93 | </div> | |
| 94 | ||
| 95 | <#-- 调度报表：时间区间筛选，左侧折线图 + 右侧饼图 --> | |
| 96 | <div class="row"> | |
| 97 | <div class="col-md-12"> | |
| 98 | <div class="box"> | |
| 99 | <div class="box-header with-border"> | |
| 100 | <h3 class="box-title">${I18n.job_dashboard_report}</h3> | |
| 101 | <#--<input type="text" class="form-control" id="filterTime" readonly >--> | |
| 102 | ||
| 103 | <!-- tools box --> | |
| 104 | <div class="pull-right box-tools"> | |
| 105 | <button type="button" class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" id="filterTime" > | |
| 106 | <i class="fa fa-calendar"></i> | |
| 107 | </button> | |
| 108 | <#--<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"> | |
| 109 | <i class="fa fa-minus"></i> | |
| 110 | </button>--> | |
| 111 | </div> | |
| 112 | <!-- /. tools --> | |
| 113 | ||
| 114 | </div> | |
| 115 | <div class="box-body"> | |
| 116 | <div class="row"> | |
| 117 | <#-- 左侧折线图 --> | |
| 118 | <div class="col-md-8"> | |
| 119 | <div id="lineChart" style="height: 350px;"></div> | |
| 120 | </div> | |
| 121 | <#-- 右侧饼图 --> | |
| 122 | <div class="col-md-4"> | |
| 123 | <div id="pieChart" style="height: 350px;"></div> | |
| 124 | </div> | |
| 125 | </div> | |
| 126 | </div> | |
| 127 | </div> | |
| 128 | </div> | |
| 129 | </div> | |
| 130 | ||
| 131 | </section> | |
| 132 | <!-- /.content --> | |
| 133 | </div> | |
| 134 | <!-- /.content-wrapper --> | |
| 135 | ||
| 136 | <!-- footer --> | |
| 137 | <@netCommon.commonFooter /> | |
| 138 | </div> | |
| 139 | <@netCommon.commonScript /> | |
| 140 | <!-- daterangepicker --> | |
| 141 | <script src="${request.contextPath}/static/adminlte/bower_components/moment/moment.min.js"></script> | |
| 142 | <script src="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> | |
| 143 | <#-- echarts --> | |
| 144 | <script src="${request.contextPath}/static/plugins/echarts/echarts.common.min.js"></script> | |
| 145 | <script src="${request.contextPath}/static/js/index.js"></script> | |
| 146 | </body> | |
| 147 | </html> | |
