roleList.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  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"
  8. content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  9. <link rel="stylesheet"
  10. href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
  11. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
  12. <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
  13. <link rel="stylesheet"
  14. href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
  15. <link rel="stylesheet"
  16. href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
  17. <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
  18. <!-- <script src='/common-assets/js/jquery-2.1.1.js'></script>-->
  19. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  20. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  21. <!-- 开发阶段使用vue.js以获取编译信息 -->
  22. <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
  23. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  24. <!-- 引入组件库 -->
  25. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  26. <link rel="stylesheet"
  27. href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
  28. <link rel="stylesheet"
  29. href="/common-assets/plugins/jquery-ztree/3.5/css/metroStyle/metroStyle.css">
  30. <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
  31. </head>
  32. <body class="pace-done gray-bg">
  33. <div class="container-fluid">
  34. <div class="wrapper-cont" id="roleListContent" v-cloak>
  35. <div class="row">
  36. <div class="col-sm-12 col-lg-12">
  37. <div class="ibox">
  38. <div class="search-content">
  39. <div class="row">
  40. <div class="col-sm-12 col-lg-12">
  41. <form id="roleSearchForm" style="background-color: #fff"
  42. class="form-horizontal">
  43. <div class="row">
  44. <div class="col-md-4 col-sm-4">
  45. <div class="form-group">
  46. <label class="col-md-4 col-sm-4 control-label">角色名称</label>
  47. <div class="col-md-8 col-sm-8">
  48. <input name="roleName" id="roleName"
  49. maxlength="60" class="form-control input-sm"
  50. placeholder="角色名称"/>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="col-md-4 col-sm-4">
  55. <div class="form-group">
  56. <label class="col-md-4 col-sm-4 control-label">角色描述</label>
  57. <div class="col-md-8 col-sm-8">
  58. <input name="roleDesc" id="roleDesc"
  59. maxlength="255" class="form-control input-sm"
  60. placeholder="角色描述"/>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="col-md-4 col-sm-4">
  65. <!--<div class="form-group">
  66. <label class="col-md-4 col-sm-4 control-label">角色类型</label>
  67. <div class="col-md-8 col-sm-8">
  68. <select path="roleType" class="form-control input-sm">
  69. <form:option value=""> &#45;&#45; 选择角色类型 &#45;&#45; </form:option>
  70. <form:options items="${dw:getParamList('role_type')}"
  71. itemLabel="paramName" itemValue="paramCode"
  72. htmlEscape="false" />
  73. </form:select>
  74. </div>
  75. </div>-->
  76. <div class="form-group">
  77. <label class="col-md-4 col-sm-4 control-label">角色职能类型</label>
  78. <div class="col-md-8 col-sm-8">
  79. <select name="roleCode" id="roleCode" class="form-control input-sm">
  80. <option value=""> -- 选择角色职能类型 --</option>
  81. <option v-for="(param, index) in roleCodeDict" :key="param.id"
  82. :value="param.paramCode">{{param.paramName}}
  83. </option>
  84. <!--<form:options items="${dw:getParamList('role_code')}"
  85. itemLabel="paramName" itemValue="paramCode"
  86. htmlEscape="false" />-->
  87. </select>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="row">
  93. <div class="col-md-4 col-sm-4">
  94. <div class="form-group">
  95. <label class="col-md-4 col-sm-4 control-label">单位</label>
  96. <div class="col-md-8 col-sm-8">
  97. <input name="orgName" id="orgName"
  98. maxlength="32" class="form-control input-sm"
  99. placeholder="单位"/>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="col-md-4 col-sm-4">
  104. <div class="form-group">
  105. <label class="col-md-4 col-sm-4 control-label">子系统</label>
  106. <div class="col-md-8 col-sm-8">
  107. <!-- <form:input path="appName" htmlEscape="false"
  108. maxlength="32" class="form-control input-sm"
  109. placeholder="子系统" /> -->
  110. <select name="appName" id="appName" class="form-control input-sm">
  111. <option value=""> -- 选择子系统 --</option>
  112. <!--<option v-for="(param, index) in childSysDict" :key="param.id"
  113. :value="param.paramCode">{{param.paramName}}
  114. </option>-->
  115. </select>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </form>
  121. </div>
  122. </div>
  123. <div class="pull-right">
  124. <div id="toggleSeachFormBar" align="center" style="height: 10px"
  125. class="fa"></div>
  126. <button class="btn btn-primary btn-sm " id="roleSearchBtn">
  127. <i class="fa fa-search"></i> 查询
  128. </button>
  129. <button class="btn btn-primary btn-outline btn-sm "
  130. id="roleResetBtn">
  131. <i class="fa fa-refresh"></i> 重置
  132. </button>
  133. </div>
  134. </div>
  135. <div class="ibox-content" id="roleFormIbox">
  136. <div class="row">
  137. <div class="col-sm-12">
  138. <!-- 工具栏 -->
  139. <div id="roleTableToolbar" class="btn-group-sm" role="group"
  140. :data-url-prefix="backendContext + '/sys/role'" data-java-class-name="role"
  141. data-function-name-simple="角色管理" v-if="editType !== 'view'">
  142. <button class="btn btn-sm btn-default btn-outline addRoleBtn"
  143. data-event-trigger="addingRole" title="新增记录">
  144. <i class="fa fa-plus"></i> 新增
  145. </button>
  146. <button class="btn btn-sm btn-default btn-outline deleteBtn"
  147. data-event-trigger="deletingRole" title="删除记录">
  148. <i class="fa fa-remove"></i> 删除
  149. </button>
  150. </div>
  151. <!-- 表格, 设置sortName保证翻页数据正确,如需其他字段请自行修改-->
  152. <table id="roleTable" data-id-field="id" data-toggle="table"
  153. data-cache="false" data-striped="true"
  154. data-side-pagination="server" data-pagination="true"
  155. data-click-to-select="true" data-page-size="5"
  156. data-single-select="false" data-page-list="[5,10,15,20]"
  157. :data-show-columns="editType !== 'view'" data-show-refresh="true"
  158. data-toolbar="#roleTableToolbar"
  159. data-buttons-class="default btn-outline btn-sm"
  160. data-minimum-count-columns="2">
  161. <thead>
  162. <tr>
  163. <th data-checkbox="true"></th>
  164. <th data-field="roleName" data-align="left"
  165. data-sort-name="a.role_name" data-vlign="middle"
  166. data-events="operateEvents" data-sortable="true"
  167. data-formatter="viewFormatter">角色名称
  168. </th>
  169. <th data-field="roleDesc" data-align="left"
  170. data-vlign="middle" data-sortable="true">角色描述
  171. </th>
  172. <!--<th data-field="roleType" data-align="left"
  173. data-vlign="middle" data-sortable="true"
  174. data-formatter="dictsFormatter"
  175. data-dict-data='${dw:getParamJson("role_type")}'>角色类型</th> -->
  176. <th data-field="roleCode" data-align="left"
  177. data-vlign="middle" data-sortable="true"
  178. :data-visible="editType !== 'view'"
  179. data-formatter="dictsFormatter">角色职能类型
  180. </th>
  181. <th data-field="orgName" data-align="left"
  182. data-vlign="middle" data-sortable="true">单位
  183. </th>
  184. <th data-field="appName" data-align="left"
  185. data-vlign="middle" data-sortable="true">子系统
  186. </th>
  187. <th data-field="operate" data-align="left"
  188. data-vlign="middle" data-sortable="false"
  189. data-events="operateEvents"
  190. data-formatter="operateFormatter">操作
  191. </th>
  192. </tr>
  193. </thead>
  194. </table>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </body>
  204. <script src="/common-assets/js/project.config.js"></script>
  205. <script src="/common-assets/js/direwolf-library.js"></script>
  206. <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
  207. <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
  208. <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
  209. <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
  210. <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
  211. <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
  212. <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
  213. <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
  214. <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
  215. <script
  216. src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
  217. <script
  218. src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
  219. <script src="/common-assets/js/outdated/common.js"></script>
  220. <!-- 本页面对应JS-->
  221. <script src="../static/js/roleList.js"></script>
  222. </html>