roleMutexForm.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  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. <style type="text/css">
  44. #roleToChose{
  45. border: solid 1px grey;
  46. height:250px;
  47. }
  48. #roleChosen{
  49. border: solid 1px grey;
  50. height:250px;
  51. }
  52. #operation{
  53. text-align: center;
  54. padding-top:50px;
  55. }
  56. #operation button{
  57. display: block;
  58. width:100%;
  59. margin-top: 50px;
  60. }
  61. </style>
  62. </head>
  63. <body class="pace-done gray-bg">
  64. <form id="roleMutexForm" modelAttribute="roleMutexGroup"
  65. :action="WEB_ROOT + '/sys/roleMutex/save'" method="post" v-cloak
  66. class="form-horizontal">
  67. <input type="hidden" name="id" id="id" v-model="entity.id"/>
  68. <table class="table table-bordered">
  69. <tbody>
  70. <tr>
  71. <td class="col-sm-2 active"><label
  72. class="control-label pull-right">互斥类型</label></td>
  73. <td class="col-sm-4">
  74. <div class="input-group">
  75. <select id="type" name="type" v-model="entity.type"
  76. :disabled="editType !== 'add'" class="form-control required ">
  77. <option value=""> -- 选择角色互斥类型 -- </option>
  78. <option v-for="param in roleMutexTypeDict" :key="param.id" :value="param.paramCode">
  79. {{param.paramName}}
  80. </option>
  81. <!--<form:options items="${dw:getParamList('roleMutex_type')}"
  82. itemLabel="paramName" itemValue="paramCode" htmlEscape="false" />-->
  83. </select>
  84. </div>
  85. </td>
  86. <td class="col-sm-2 active"><label
  87. class="control-label pull-right">子系统名称</label></td>
  88. <td class="col-sm-4">
  89. <!--<input type="hidden" name="appId" id="appId" v-model="entity.appId"/>-->
  90. <select id="appId" name="appId" class="form-control required" v-model="entity.appId"
  91. :disabled="editType !== 'add'">
  92. <option value=""> -- 选择子系统名称 -- </option>
  93. </select>
  94. </td>
  95. </tr>
  96. <tr>
  97. <td class="col-sm-2 active"><label
  98. class="control-label pull-right">互斥分组描述</label></td>
  99. <td class="col-sm-4">
  100. <input name="groupDesc" id="groupDesc" v-model="entity.groupDesc"
  101. maxlength="60" class="form-control required "
  102. :disabled="editType === 'view'" />
  103. </td>
  104. <td class="col-sm-2 active"></td>
  105. <td class="col-sm-4"></td>
  106. </tr>
  107. <!-- <tr>
  108. <td class="col-sm-2 active"><label
  109. class="control-label pull-right">互斥角色</label></td>
  110. <td class="col-sm-10">
  111. <div class="ibox float-e-margins">
  112. <div class="ibox-title ">
  113. <h5>角色选择</h5>
  114. <div class="ibox-tools">
  115. <select id="select_appId"></select> <a class="collapse-link">
  116. <i class="fa fa-chevron-up"></i>
  117. </a>
  118. </div>
  119. </div>
  120. <div class="ibox-content" id="assignRoleIbox">
  121. <div class="row">
  122. <div class="col-sm-5">
  123. <h3>可选角色:</h3>
  124. <div id="roleToChose">
  125. </div>
  126. </div>
  127. <div id="operation" class="col-sm-2">
  128. <button>Add &gt;</button>
  129. <button>&lt; Remove</button>
  130. </div>
  131. <div class="col-sm-5">
  132. <h3>已选角色:</h3>
  133. <div id="roleChosen">
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </td>
  140. </tr> -->
  141. </tbody>
  142. </table>
  143. </form>
  144. </body>
  145. <script src="/common-assets/js/project.config.js"></script>
  146. <script src="/common-assets/js/outdated/common.js"></script>
  147. <!-- 本页面对应JS-->
  148. <script src="../static/js/roleMutexForm.js"></script>
  149. </html>