logClassList.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>日志分类管理</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <meta charset="utf-8"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  8. <link rel="stylesheet" href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
  9. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
  10. <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
  11. <link rel="stylesheet" href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
  12. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
  13. <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
  14. <script src='/common-assets/js/jquery-2.1.1.js'></script>
  15. <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
  16. <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
  17. <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
  18. <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
  19. <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
  20. <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
  21. <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
  22. <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
  23. <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
  24. <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
  25. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  26. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  27. <!-- 开发阶段使用vue.js以获取编译信息 -->
  28. <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
  29. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  30. <!-- 引入组件库 -->
  31. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  32. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
  33. <link rel="stylesheet" href="/common-assets/plugins/jquery-ztree/3.5/css/metroStyle/metroStyle.css">
  34. <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
  35. <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
  36. <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
  37. <script src="/common-assets/plugins/jquery-ztree/3.5/js/jquery.ztree.all.min.js"></script>
  38. </head>
  39. <body class="pace-done gray-bg">
  40. <div class="container-fluid">
  41. <div class="wrapper-cont" id="logClassListContent">
  42. <div class="row">
  43. <div class="col-sm-3 col-lg-3">
  44. <div class="ibox float-e-margins">
  45. <div class="ibox-title ">
  46. <h5>日志分类树</h5>
  47. <div class="ibox-tools">
  48. <a class="collapse-link"> <i class="fa fa-chevron-up"></i>
  49. </a>
  50. </div>
  51. </div>
  52. <div class="ibox-content" id="logClassTreeIbox">
  53. <div class="row">
  54. <div class="col-sm-12 col-lg-12">
  55. <div class="input-group">
  56. <input id="logClassSearchName" name="日志分类树" type="text"
  57. class="form-control input-sm"/>
  58. <div class="input-group-btn">
  59. <button type="button" id="logClassTreeSearchBtn"
  60. class="btn btn-primary btn-sm">
  61. <i class="fa fa-search"></i>
  62. </button>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="ml-10">
  68. <ul id="logClassTree" class="ztree"></ul>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="col-sm-9 col-lg-9">
  74. <div class="ibox ml-15">
  75. <div class="search-content">
  76. <div class="row">
  77. <div class="col-sm-12 col-lg-12">
  78. <form id="logClassSearchForm" modelAttribute="logClass"
  79. class="form-horizontal">
  80. <div class="row">
  81. <div class="col-md-4 col-sm-4">
  82. <div class="form-group">
  83. <label class="col-md-4 col-sm-4 control-label">类型名称</label>
  84. <div class="col-md-8 col-sm-8">
  85. <input name="className" id="className" htmlEscape="false"
  86. maxlength="100" class="form-control input-sm"
  87. placeholder="类型名称"/>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="col-md-4 col-sm-4">
  92. <div class="form-group">
  93. <label class="col-md-4 col-sm-4 control-label">类型代码</label>
  94. <div class="col-md-8 col-sm-8">
  95. <input name="classCode" id="classCode" htmlEscape="false"
  96. maxlength="100" class="form-control input-sm"
  97. placeholder="类型代码"/>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="col-md-4 col-sm-4">
  102. <div class="form-group">
  103. <label class="col-md-4 col-sm-4 control-label">启用类型</label>
  104. <div class="col-md-8 col-sm-8">
  105. <select name="enableType" id="enableType"
  106. class="form-control input-sm">
  107. <option value=""> --选择启用类型 --</option>
  108. <option v-for="param in enableTypeDict"
  109. :key="param.id"
  110. :value="param.paramCode">{{param.paramName}}
  111. </option>
  112. </select>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </form>
  118. </div>
  119. </div>
  120. <div class="pull-right">
  121. <button class="btn btn-primary btn-sm " id="logClassSearchBtn">
  122. <i class="fa fa-search"></i> 查询
  123. </button>
  124. <button class="btn btn-primary btn-outline btn-sm "
  125. id="logClassResetBtn">
  126. <i class="fa fa-refresh"></i> 重置
  127. </button>
  128. </div>
  129. </div>
  130. <div class="ibox-content">
  131. <div class="row">
  132. <div class="col-md-12 col-sm-12">
  133. <!-- 工具栏 -->
  134. <div id="logClassTableToolbar" class="btn-group" role="group"
  135. :data-url-prefix="backendContext + '/sys/logClass'"
  136. data-java-class-name="logClass"
  137. data-function-name-simple="日志管理">
  138. <button class="btn btn-default btn-outline btn-sm"
  139. id="addLogClassBtn" title="新增记录">
  140. <i class="fa fa-plus"></i> 新增
  141. </button>
  142. </div>
  143. <!-- 表格, 设置sortName保证翻页数据正确,如需其他字段请自行修改-->
  144. <table id="logClassTable" data-id-field="id"
  145. data-toggle="table" data-cache="false" data-striped="true"
  146. data-side-pagination="server" data-pagination="true"
  147. data-click-to-select="true" data-page-size="5"
  148. data-page-list="[5,10,15,20]" data-show-columns="true"
  149. data-data-field="list" data-total-field="count"
  150. data-toolbar="#logClassTableToolbar" data-single-select="true"
  151. data-buttons-class="default btn-outline btn-sm" data-minimum-count-columns="2">
  152. <thead>
  153. <tr>
  154. <th data-checkbox="true"></th>
  155. <th data-field="id" data-align="left" data-vlign="middle"
  156. data-sortable="false" data-visible="false">主键
  157. </th>
  158. <th data-field="className" data-align="left"
  159. data-vlign="middle" data-sortable="true"
  160. data-formatter="viewFormatter" data-events="viewEvents">类型名称
  161. </th>
  162. <th data-field="classCode" data-align="left"
  163. data-vlign="middle" data-sortable="true">类型代码
  164. </th>
  165. <th data-field="enableType" data-align="left"
  166. data-vlign="middle" data-sortable="true"
  167. data-formatter="dictsFormatter">启用类型
  168. </th>
  169. <th data-field="operate" data-align="left"
  170. data-vlign="middle" data-sortable="false"
  171. data-formatter="operateFormatter"
  172. data-events="operateEvents">操 作
  173. </th>
  174. </tr>
  175. </thead>
  176. </table>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </body>
  186. <script src="/common-assets/js/project.config.js"></script>
  187. <script src="/common-assets/js/outdated/common.js"></script>
  188. <!-- 本页面对应JS-->
  189. <script src="../static/js/logClassList.js"></script>
  190. </html>