roleForm.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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/jquery-ztree/3.5/css/metroStyle/metroStyle.css">
  38. <script
  39. src="/common-assets/plugins/jquery-ztree/3.5/js/jquery.ztree.all.min.js"></script>
  40. <style>
  41. .input-group-btn {
  42. vertical-align: -webkit-baseline-middle;
  43. }
  44. </style>
  45. <script>
  46. var editType = "${editType}";
  47. </script>
  48. </head>
  49. <body class="pace-done white-bg">
  50. <div class="container-fluid mt15">
  51. <form id="roleForm" modelAttribute="role"
  52. :action="WEB_ROOT + '/sys/role/save'" method="post" v-cloak
  53. class="form-horizontal">
  54. <input type="hidden" name="id" id="id" v-model="entity.id"/>
  55. <table class="table table-bordered">
  56. <tbody>
  57. <tr>
  58. <td class="col-sm-2 active"><label
  59. class="control-label pull-right"><font color="red">*</font>应用名称:</label></td>
  60. <td class="col-sm-4">
  61. <select id="appId" name="appId" v-model="entity.appId"
  62. class="form-control required"
  63. :disabled="editType !== 'add'">
  64. <option value=""> -- 选择应用名称 -- </option>
  65. </select> <!--<input type="hidden" name="appId" id="appId" v-model="entity.appId"/>-->
  66. <td class="col-sm-2 active"><label
  67. class="control-label pull-right"><font color="red">*</font>角色名称:</label></td>
  68. <td class="col-sm-4"><input name="roleName" id="roleName" v-model="entity.roleName"
  69. maxlength="60" class="form-control required "
  70. :disabled="editType === 'view'" /></td>
  71. </tr>
  72. <tr>
  73. <td class="col-sm-2 active"><label
  74. class="control-label pull-right"><font color="red">*</font>角色职能类型:</label></td>
  75. <!--<td class="col-sm-4"><form:select path="roleType"
  76. disabled="${editType eq 'view'}" class="form-control required ">
  77. <form:option value=""> &#45;&#45; 选择角色类型 &#45;&#45; </form:option>
  78. <form:options items="${dw:getParamList('role_type')}"
  79. itemLabel="paramName" itemValue="paramCode" htmlEscape="false" />
  80. </form:select></td> -->
  81. <td class="col-sm-4"><select id="roleCode" name="roleCode" v-model="entity.roleCode"
  82. :disabled="editType !== 'add'" class="form-control required ">
  83. <option value=""> -- 选择角色职能类型 -- </option>
  84. <!--<form:options items="${dw:getParamList('role_code')}"
  85. itemLabel="paramName" itemValue="paramCode" htmlEscape="false" />-->
  86. <option v-for="param in roleCode" :key="param.id" :value="param.paramCode">
  87. {{param.paramName}}
  88. </option>
  89. </select></td>
  90. <td class="col-sm-2 active"><label
  91. class="control-label pull-right">角色描述:</label></td>
  92. <td class="col-sm-4"><input id="roleDesc" name="roleDesc" v-model="entity.roleDesc"
  93. maxlength="255" class="form-control "
  94. :disabled="editType === 'view'"/></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. <div class="input-group">
  101. <input type="hidden" name="orgId" id="orgId" v-model="entity.orgId"/>
  102. <input name="orgName" id="orgName" v-model="entity.orgName" maxlength="32"
  103. disabled="true" class="form-control" />
  104. <span class="input-group-btn">
  105. <button type="button" id="orgSelectBtn"
  106. :disabled="editType !== 'add'"
  107. class="btn btn-primary treebt" data-id-Key="orgId"
  108. data-name-Key="orgName"
  109. :data-url="orgTreeUrl" data-title="公司">
  110. <i class="fa fa-search"></i>
  111. </button>
  112. </span>
  113. </div>
  114. </td>
  115. <td class="col-sm-2 active"></td>
  116. <td class="col-sm-4"></td>
  117. </tr>
  118. </tbody>
  119. </table>
  120. </form>
  121. </div>
  122. </body>
  123. <script src="/common-assets/js/project.config.js"></script>
  124. <script src="/common-assets/js/outdated/common.js"></script>
  125. <!-- 本页面对应JS-->
  126. <script src="../static/js/roleForm.js"></script>
  127. </html>