index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>定时任务</title>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  8. <!--bootstrap-->
  9. <link rel="stylesheet" href="/statics/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="/statics/css/font-awesome.min.css">
  11. <!--main-->
  12. <link rel="stylesheet" href="/statics/css/main.css">
  13. <link rel="stylesheet" href="/statics/css/iview.css">
  14. <link rel="stylesheet" href="/statics/css/style.css">
  15. <!--jqgrid-->
  16. <link rel="stylesheet" href="/statics/plugins/jqgrid/ui.jqgrid-bootstrap.css">
  17. <link rel="stylesheet" href="/statics/plugins/ztree/css/metroStyle/metroStyle.css">
  18. <!--treegrid-->
  19. <link rel="stylesheet" href="/statics/plugins/treegrid/jquery.treegrid.css">
  20. <!--jquery-->
  21. <script src="/statics/libs/jquery.min.js"></script>
  22. <!--layer-->
  23. <script src="/statics/plugins/layer/layer.js"></script>
  24. <!--bootstrap-->
  25. <script src="/statics/libs/bootstrap.min.js"></script>
  26. <!--vue-->
  27. <script src="/statics/libs/vue.min.js"></script>
  28. <script src="/statics/libs/iview.min.js"></script>
  29. <!-- print -->
  30. <script src="/statics/jquery.print.js"></script>
  31. <!--jqgrid-->
  32. <script src="/statics/plugins/jqgrid/grid.locale-cn.js"></script>
  33. <script src="/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
  34. <!--ztree-->
  35. <script src="/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
  36. <!--treegrid-->
  37. <script src="/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
  38. <script src="/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
  39. <script src="/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
  40. <script src="/statics/plugins/treegrid/tree.table.js"></script>
  41. <script src="/statics/libs/jquery-extend.js"></script>
  42. <script src="/statics/libs/iNotify.js"></script>
  43. <script src="/js/common.js"></script>
  44. </head>
  45. <body>
  46. <div id="rrapp" v-cloak>
  47. <div v-show="showList">
  48. <Row :gutter="16">
  49. <i-col span="4">
  50. <i-input v-model="q.methodName" @on-enter="query" placeholder="方法名称"/>
  51. </i-col>
  52. <i-button @click="query">查询</i-button>
  53. <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
  54. <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
  55. <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
  56. <i-button type="dashed" @click="pause"><i class="fa fa-pause"></i>&nbsp;暂停</i-button>
  57. <i-button type="primary" @click="resume"><i class="fa fa-play"></i>&nbsp;恢复</i-button>
  58. <i-button type="warning" @click="runOnce"><i class="fa fa-arrow-circle-right"></i>&nbsp;立即执行</i-button>
  59. <a class="btn btn-primary" style="float:right;" href="schedule_log.html">日志列表</a>
  60. </Row>
  61. <table id="jqGrid"></table>
  62. <div id="jqGridPager"></div>
  63. </div>
  64. <Row :gutter="16" v-show="!showList">
  65. <i-col span="12">
  66. <Card>
  67. <p slot="title">{{title}}</p>
  68. <i-form ref="formValidate" :model="schedule" :rules="ruleValidate" :label-width="100">
  69. <Form-item label="bean名称" prop="beanName">
  70. <i-input v-model="schedule.beanName" placeholder="spring bean名称,如:testTask"/>
  71. </Form-item>
  72. <Form-item label="方法名称" prop="methodName">
  73. <i-input v-model="schedule.methodName" placeholder="方法名称"/>
  74. </Form-item>
  75. <Form-item label="参数" prop="params">
  76. <i-input v-model="schedule.params" placeholder="参数"/>
  77. </Form-item>
  78. <Form-item label="cron表达式" prop="cronExpression">
  79. <i-input v-model="schedule.cronExpression" placeholder="如:0 0 12 * * ?"/>
  80. </Form-item>
  81. <Form-item label="备注" prop="remark">
  82. <i-input type="textarea" v-model="schedule.remark" placeholder="备注"/>
  83. </Form-item>
  84. <Form-item>
  85. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  86. <i-button type="warning" @click="reload" style="margin-left: 8px">返回</i-button>
  87. <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置
  88. </i-button>
  89. </Form-item>
  90. </i-form>
  91. </Card>
  92. </i-col>
  93. <i-col span="12">
  94. <Card>
  95. <p slot="title" style="text-align: center">常用Cron表达式</p>
  96. <div class="panel-body">
  97. <div class="col-sm-4 control-label">0 15 10 * * ? *</div>
  98. <div class="col-sm-8 control-label">每天10点15分触发</div>
  99. <div class="col-sm-4 control-label">0 15 10 * * ? 2017</div>
  100. <div class="col-sm-8 control-label">2017年每天10点15分触发</div>
  101. <div class="col-sm-4 control-label">0 * 14 * * ?</div>
  102. <div class="col-sm-8 control-label">每天下午的 2点到2点59分每分触发</div>
  103. <div class="col-sm-4 control-label">0 0/5 14 * * ?</div>
  104. <div class="col-sm-8 control-label">每天下午的 2点到2点59分(整点开始,每隔5分触发)</div>
  105. <div class="col-sm-4 control-label">0 0/5 14,18 * * ?</div>
  106. <div class="col-sm-8 control-label">每天下午的 2点到2点59分、18点到18点59分(整点开始,每隔5分触发)</div>
  107. <div class="col-sm-4 control-label">0 0-5 14 * * ?</div>
  108. <div class="col-sm-8 control-label">每天下午的 2点到2点05分每分触发</div>
  109. <div class="col-sm-4 control-label">0 15 10 ? * 6L</div>
  110. <div class="col-sm-8 control-label">每月最后一周的星期五的10点15分触发</div>
  111. <div class="col-sm-4 control-label">0 15 10 ? * 6#3</div>
  112. <div class="col-sm-8 control-label">每月的第三周的星期五开始触发</div>
  113. </div>
  114. </Card>
  115. </i-col>
  116. </Row>
  117. </div>
  118. <script src="/js/sys/schedule.js"></script>
  119. </body>
  120. </html>