createMenuList.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport"
  6. content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  7. <link rel="stylesheet"
  8. href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
  9. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
  10. <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
  11. <link rel="stylesheet"
  12. href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
  13. <link rel="stylesheet"
  14. href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
  15. <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
  16. <script src='/common-assets/js/jquery-2.1.1.js'></script>
  17. <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
  18. <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
  19. <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
  20. <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
  21. <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
  22. <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
  23. <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
  24. <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
  25. <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
  26. <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
  27. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  28. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  29. <!-- 开发阶段使用vue.js以获取编译信息 -->
  30. <script src="/common-assets/plugins/vue/2.5.17/vue.js"></script>
  31. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  32. <!-- 基础依赖-->
  33. <link rel="stylesheet"
  34. href="/common-assets/plugins/outdated/select2/select2.min.css">
  35. <script src="/common-assets/plugins/outdated/select2/select2.full.min.js"></script>
  36. <title>菜单创建</title>
  37. </head>
  38. <body class="pace-done white-bg">
  39. <div class="container-fluid mt15">
  40. <form id="resourceForm" :action="saveUrl" method="post" class="form-horizontal">
  41. <input type="hidden" id="id" name="id" v-model="entity.id"/>
  42. <table class="table table-bordered">
  43. <tbody>
  44. <tr>
  45. <td class="width-15 active"><label
  46. class="pull-right control-label">
  47. <span style="color: red; ">*</span>代码分类:</label></td>
  48. <td class="width-85" colspan=3>
  49. <select id="schemeSelection" class="required form-control">
  50. <option v-for="item in showList" :key="item.id" :value="item.id">
  51. {{item.label}}
  52. </option>
  53. </select></td>
  54. </tr>
  55. <tr>
  56. <!--<td class="col-sm-2 active"><label-->
  57. <!--class="pull-right control-label">系统名称:</label></td>-->
  58. <!--<td class="col-sm-4">-->
  59. <!--<select name="appId" v-model="entity.appId"-->
  60. <!--class="form-control required select_chosen" id="selectAppId">-->
  61. <!--</select>-->
  62. <!--</td>-->
  63. <input type="hidden" id="appId" name="appId" v-model="entity.appId"/>
  64. <td class="col-sm-2 active"><label
  65. class="pull-right control-label">父菜单名称:</label></td>
  66. <td class="col-sm-4">
  67. <div class="input-group">
  68. <input id="parentResName" name="parentResName" v-model="entity.parentResName"
  69. maxlength="32" class="form-control " disabled="disabled"/>
  70. <input type="hidden" id="parentId" name="parentId" v-model="entity.parentId">
  71. <span class="input-group-btn">
  72. <button type="button" id="resource"
  73. class="btn btn-primary treebt" data-name-key="parentResName"
  74. data-id-key="parentId"
  75. :data-url="resourceTreeUrl"
  76. data-title="父菜单名称">
  77. <i class="fa fa-search"></i>
  78. </button>
  79. </span>
  80. </div>
  81. </td>
  82. <td class="col-sm-2 active"><label
  83. class="pull-right control-label"><span style="color: red; ">*</span>资源类型:</label></td>
  84. <td class="col-sm-4">
  85. <select id="resType" name="resType" v-model="entity.resType"
  86. class="form-control required " @change="handleResTypeChange">
  87. <option v-for="param in resTypeDict" :key="param.id" :value="param.paramCode">
  88. {{param.paramName}}
  89. </option>
  90. </select>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td class="col-sm-2 active"><label
  95. class="pull-right control-label"><span style="color: red; ">*</span>资源名称:</label></td>
  96. <td class="col-sm-4">
  97. <input id="resName" name="resName" v-model="entity.resName"
  98. maxlength="60" class="form-control required "/>
  99. </td>
  100. <td class="col-sm-2 active">
  101. <label class="control-label pull-right">
  102. <span v-show="entity.resType === '1'" style="color: red; ">*</span>菜单类型:</label>
  103. </td>
  104. <td class="col-sm-4">
  105. <select :disabled="entity.resType !== '1'" id="menuType" name="menuType" v-model="entity.menuType"
  106. :class="['form-control', entity.resType === '1' ? 'required' : ''] ">
  107. <option v-for="param in menuTypeDict" :key="param.id" :value="param.paramCode">
  108. {{param.paramName}}
  109. </option>
  110. </select>
  111. </td>
  112. </tr>
  113. <tr>
  114. <td class="col-sm-2 active"><label
  115. class="pull-right control-label"><span style="color: red; ">*</span>菜单排序:</label></td>
  116. <td class="col-sm-4">
  117. <input id="menuOrder" name="menuOrder" v-model="entity.menuOrder"
  118. class="form-control required digits"/>
  119. </td>
  120. <td class="col-sm-2 active"><label
  121. class="pull-right control-label">icon:</label></td>
  122. <td class="col-sm-4">
  123. <div class="row">
  124. <div class="pull-left col-sm-8 control-label">
  125. <span> <i id="menu-icon" :class="['fa', resource.menuIcon]"></i>
  126. </span> <span id="menu-label">{{resource.menuIcon}}</span>
  127. </div>
  128. <input type="hidden" name="menuIcon" v-model="entity.menuIcon" id="menu-value"/>
  129. <div class="pull-right col-sm-4">
  130. <div class="input-group-btn">
  131. <button type="button" class="btn btn-default" id="selectMenu">
  132. <i class="fa fa-search"></i>
  133. </button>
  134. <button type="button" class="btn btn-default" id="clearMenu">
  135. <i class="fa fa-eraser"></i>
  136. </button>
  137. </div>
  138. </div>
  139. </div>
  140. </tr>
  141. <tr>
  142. <td class="col-sm-2 active"><label
  143. class="pull-right control-label"><span style="color: red; ">*</span>是否显示:</label></td>
  144. <td class="col-sm-4">
  145. <select id="visiable" name="visiable" v-model="entity.visiable"
  146. class="form-control required ">
  147. <option v-for="param in visiableDict" :key="param.id" :value="param.paramCode">
  148. {{param.paramName}}
  149. </option>
  150. </select>
  151. </td>
  152. <td class="col-sm-2 active"><label
  153. class="pull-right control-label"><span style="color: red; ">*</span>是否使用:</label></td>
  154. <td class="col-sm-4">
  155. <select id="useTag" name="useTag" v-model="entity.useTag"
  156. class="form-control required ">
  157. <option v-for="param in useTagDict" :key="param.id" :value="param.paramCode">
  158. {{param.paramName}}
  159. </option>
  160. </select>
  161. </td>
  162. </tr>
  163. <tr>
  164. <td class="col-sm-2 active"><label
  165. class="pull-right control-label">权限:</label></td>
  166. <td class="col-sm-4">
  167. <input id="permission" name="permission" v-model="entity.permission"
  168. class="form-control "/>
  169. </td>
  170. <td class="col-sm-2 active"><label
  171. class="pull-right control-label">地址:</label></td>
  172. <td class="col-sm-4">
  173. <input id="target" name="target" v-model="entity.target"
  174. class="form-control "/>
  175. </td>
  176. </tr>
  177. <tr>
  178. <td class="col-sm-2 active"><label
  179. class="control-label pull-right"><span style="color: red; ">*</span>资源职能类别:</label></td>
  180. <td class="col-sm-4">
  181. <select id="resCode" name="resCode" v-model="entity.resCode"
  182. class="form-control required ">
  183. <option value=""> -- 选择职能类别 --</option>
  184. <option v-for="param in resCodeDict" :key="param.id" :value="param.paramCode">
  185. {{param.paramName}}
  186. </option>
  187. </select>
  188. </td>
  189. <td class="col-sm-2 active"></td>
  190. <td class="col-sm-4"></td>
  191. </tr>
  192. </tbody>
  193. </table>
  194. </form>
  195. </div>
  196. </body>
  197. <script src="/common-assets/js/project.config.js"></script>
  198. <script src="../static/config.js"></script>
  199. <script src="/common-assets/js/outdated/common.js"></script>
  200. <script src="../static/js/createMenuList.js"></script>
  201. </html>