roleMutexList.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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/js/outdated/bootstrap.min.js"></script>
  20. <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
  21. <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
  22. <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
  23. <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
  24. <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
  25. <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
  26. <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
  27. <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
  28. <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
  29. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  30. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  31. <!-- 开发阶段使用vue.js以获取编译信息 -->
  32. <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
  33. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  34. <!-- 引入组件库 -->
  35. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  36. <link rel="stylesheet"
  37. href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
  38. <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
  39. <script
  40. src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
  41. <script
  42. src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
  43. </head>
  44. <body class="pace-done gray-bg">
  45. <div class="container-fluid">
  46. <div class="wrapper-cont" id="roleMutexListContent" v-cloak>
  47. <div class="row">
  48. <div class="col-sm-12 col-lg-12">
  49. <div class="ibox">
  50. <div class="search-content">
  51. <div class="row">
  52. <div class="col-sm-12 col-lg-12">
  53. <form id="roleMutexSearchForm" modelAttribute="roleMutexGroup" class="form-horizontal">
  54. <div class="row">
  55. <div class="col-md-4 col-sm-4">
  56. <div class="form-group">
  57. <label class="col-md-4 col-sm-4 control-label">互斥类型</label>
  58. <div class="col-md-8 col-sm-8">
  59. <select name="type" id="roleMutexType" class="form-control input-sm">
  60. <option value=""> -- 选择角色互斥类型 -- </option>
  61. <option v-for="(param, index) in roleMutexTypeDict" :key="param.id"
  62. :value="param.paramCode">{{param.paramName}}
  63. </option>
  64. <!--<form:options items="${dw:getParamList('roleMutex_type')}"
  65. itemLabel="paramName" itemValue="paramCode"
  66. htmlEscape="false" />-->
  67. </select>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="col-md-4 col-sm-4">
  72. <div class="form-group">
  73. <label class="col-md-4 col-sm-4 control-label">角色名称</label>
  74. <div class="col-md-8 col-sm-8">
  75. <input name="strRoleNames" id="strRoleNames" maxlength="32" class="form-control input-sm" placeholder="角色名称"/>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </form>
  81. </div>
  82. </div>
  83. <div class="pull-right">
  84. <button class="btn btn-primary btn-sm " id="roleMutexSearchBtn" ><i class="fa fa-search"></i> 查询</button>
  85. <button class="btn btn-primary btn-outline btn-sm " id="roleMutexResetBtn" ><i class="fa fa-refresh"></i> 重置</button>
  86. <div id="toggleSeachFormBar" align="center" style="height:10px" class="fa"></div>
  87. </div>
  88. </div>
  89. <div class="ibox-content">
  90. <div class="row">
  91. <div class="col-lg-12">
  92. <!-- 工具栏 -->
  93. <div id="roleMutexTableToolbar" class="btn-group" role="group" :data-url-prefix="backendContext + '/sys/roleMutex'" data-java-class-name="roleMutex" data-function-name-simple="角色互斥关系">
  94. <button class="btn btn-outline btn-sm btn-default addBtn" data-event-trigger="addingRoleMutex" title="新增记录">
  95. <i class="fa fa-plus"></i>新增
  96. </button>
  97. <button class="btn btn-outline btn-sm btn-default deleteBtn" data-event-trigger="deletingRoleMutex" title="删除记录">
  98. <i class="fa fa-remove"></i>删除
  99. </button>
  100. <button class="btn btn-outline btn-sm btn-default viewBtn" data-event-trigger="viewingRoleMutex" title="查看明细">
  101. <i class="fa fa-newspaper-o"></i>查看
  102. </button>
  103. <!-- <button class="btn btn-outline btn-sm btn-default exportBtn" data-event-trigger="exportingRoleMutex" title="导出">
  104. <i class="ace-icon glyphicon glyphicon-list-alt align-top bigger-125"></i>导出
  105. </button> -->
  106. </div>
  107. <!-- 表格, 设置sortName保证翻页数据正确,如需其他字段请自行修改-->
  108. <table id="roleMutexTable" data-id-field="id" data-toggle="table" data-cache="false" data-striped="true"
  109. data-side-pagination="server" data-pagination="true" data-click-to-select="true" data-page-size="5" data-page-list="[5,10,15,20]"
  110. data-show-columns="true" data-toolbar="#roleMutexTableToolbar"
  111. data-buttons-class="default btn-sm" data-minimum-count-columns="2" data-data-field="list" data-total-field="count">
  112. <thead>
  113. <tr>
  114. <!--<th data-field="version" class="hidden"></th>-->
  115. <th data-checkbox="true">选择框</th>
  116. <!-- <th data-field="id" data-align="center" data-vlign="middle" data-sortable="true"
  117. >id</th> -->
  118. <th data-field="type" data-align="center" data-vlign="middle" data-sortable="false"
  119. data-formatter="dictsFormatter"
  120. >互斥类型</th>
  121. <th data-field="displayRoleNames" data-align="center" data-vlign="middle" data-sortable="false"
  122. >角色名称</th>
  123. <th data-field="operate" data-align="center" data-vlign="middle" data-sortable="false"
  124. data-formatter="operateFormatter" data-events="operateEvents">操作</th>
  125. </tr>
  126. </thead>
  127. </table>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </body>
  137. <script src="/common-assets/js/project.config.js"></script>
  138. <script src="/common-assets/js/outdated/common.js"></script>
  139. <!-- 本页面对应JS-->
  140. <script src="../static/js/roleMutexList.js"></script>
  141. </html>