index.html 7.4 KB

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