resourceForm.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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. </head>
  37. <body class="pace-done white-bg">
  38. <div class="container-fluid mt15">
  39. <form id="resourceForm" :action="WEB_ROOT + '/sys/resource/save'" v-cloak method="post" class="form-horizontal">
  40. <input type="hidden" name="id" id="id" v-model="entity.id"/>
  41. <table class="table table-bordered">
  42. <tbody>
  43. <tr>
  44. <td class="col-sm-2 active"><label
  45. class="control-label pull-right">系统名称:</label></td>
  46. <td class="col-sm-4">
  47. <input name="appName" id="appName" v-model="entity.appName"
  48. class="form-control " disabled/>
  49. <input type="hidden" name="appId" id="appId" v-model="entity.appId"/></td>
  50. <td class="col-sm-2 active"><label
  51. class="control-label pull-right">父菜单名称:</label></td>
  52. <td class="col-sm-4">
  53. <input name="parentResName" id="parentResName" v-model="entity.parentResName"
  54. maxlength="32" class="form-control " disabled/>
  55. <input type="hidden" name="parentId" id="parentId" v-model="entity.parentId"/></td>
  56. </tr>
  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. <input name="resName" id="resName" v-model="entity.resName"
  62. htmlEscape="false" maxlength="60" class="form-control required "
  63. :disabled="editType === 'view'"/></td>
  64. <td class="col-sm-2 active"><label
  65. class="control-label pull-right"><font color="red">*</font>资源类型:</label></td>
  66. <td class="col-sm-4">
  67. <select name="resType" id="resType" v-model="entity.resType"
  68. :disabled="editType === 'view'" class="form-control required " @change="handleResTypeChange">
  69. <option value=""> -- 选择资源类型 --</option>
  70. <option v-for="param in resTypeDict" :key="param.id" :value="param.paramCode">
  71. {{param.paramName}}
  72. </option>
  73. </select></td>
  74. </tr>
  75. <tr>
  76. <td class="col-sm-2 active"><label
  77. class="control-label pull-right"><font color="red">*</font>菜单排序:</label></td>
  78. <td class="col-sm-4">
  79. <input name="menuOrder" id="menuOrder" v-model="entity.menuOrder"
  80. class="form-control required digits"
  81. :disabled="editType === 'view'" /></td>
  82. <td class="col-sm-2 active">
  83. <label class="control-label pull-right">
  84. <span v-show="entity.resType === '1'" style="color: red; ">*</span>菜单类型:</label>
  85. </td>
  86. <td class="col-sm-4">
  87. <select :disabled="entity.resType !== '1' || editType === 'view'" id="menuType" name="menuType" v-model="entity.menuType"
  88. :class="['form-control', entity.resType === '1' ? 'required' : ''] ">
  89. <option v-for="param in menuTypeDict" :key="param.id" :value="param.paramCode">
  90. {{param.paramName}}
  91. </option>
  92. </select>
  93. </td>
  94. </tr>
  95. <tr>
  96. <td class="col-sm-2 active"><label
  97. class="control-label pull-right">icon:</label></td>
  98. <td class="col-sm-4">
  99. <div class="row">
  100. <span class="col-sm-2"><i id="menu-icon"
  101. :class="['fa ', entity.menuIcon]"></i></span> <span class="col-sm-6"
  102. id="menu-label">{{entity.menuIcon}}</span>
  103. <!--<form:hidden path="menuIcon" id="menu-value" />-->
  104. <input type="hidden" name="menuIcon" id="menu-value" v-model="entity.menuIcon"/>
  105. <div class="input-group" v-show="editType !== 'view'">
  106. <div class="input-group-btn">
  107. <button type="button" class="btn btn-default" id="selectMenu">
  108. <i class="fa fa-search"></i>
  109. </button>
  110. <button type="button" class="btn btn-default" id="clearMenu">
  111. <i class="fa fa-eraser"></i>
  112. </button>
  113. </div>
  114. </div>
  115. </div>
  116. </td>
  117. <td class="col-sm-2 active"><label
  118. class="control-label pull-right">地址:</label></td>
  119. <td class="col-sm-4">
  120. <input name="target" id="target" v-model="entity.target"
  121. class="form-control "
  122. :disabled="editType === 'view'" /></td>
  123. </tr>
  124. <tr>
  125. <td class="col-sm-2 active"><label
  126. class="control-label pull-right">权限:</label></td>
  127. <td class="col-sm-4">
  128. <input name="permission" id="permission" v-model="entity.permission"
  129. class="form-control "
  130. :disabled="editType === 'view'" /></td>
  131. <td class="col-sm-2 active"><label
  132. class="control-label pull-right"><font color="red">*</font>资源职能类别:</label></td>
  133. <td class="col-sm-4">
  134. <select name="resCode" id="resCode" v-model="entity.resCode"
  135. :disabled="editType === 'view'" class="form-control required ">
  136. <option value=""> -- 选择资源职能类别 --</option>
  137. <option v-for="param in resCodeDict" :key="param.id" :value="param.paramCode">
  138. {{param.paramName}}
  139. </option>
  140. </select></td>
  141. </tr>
  142. <tr>
  143. <td class="col-sm-2 active"><label
  144. class="control-label pull-right"><font color="red">*</font>是否显示:</label></td>
  145. <td class="col-sm-4">
  146. <select name="visiable" id="visiable" v-model="entity.visiable"
  147. :disabled="editType === 'view'" class="form-control required ">
  148. <option value=""> -- 选择是否显示 --</option>
  149. <option v-for="param in enTimeLimitDict" :key="param.id" :value="param.paramCode">
  150. {{param.paramName}}
  151. </option>
  152. </select></td>
  153. <td class="col-sm-2 active"><label
  154. class="control-label pull-right"><font color="red">*</font>是否使用:</label></td>
  155. <td class="col-sm-4">
  156. <select name="useTag" id="useTag" v-model="entity.useTag"
  157. :disabled="editType === 'view'" class="form-control required ">
  158. <option value=""> -- 选择是否使用 --</option>
  159. <option v-for="param in enTimeLimitDict" :key="param.id" :value="param.paramCode">
  160. {{param.paramName}}
  161. </option>
  162. </select></td>
  163. </tr>
  164. </tbody>
  165. </table>
  166. </form>
  167. </div>
  168. </body>
  169. <script src="/common-assets/js/project.config.js"></script>
  170. <script src="/common-assets/js/outdated/common.js"></script>
  171. <!-- 本页面对应JS-->
  172. <script src="../static/js/resourceForm.js"></script>
  173. </html>