暫無描述

addOrEditMenus.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加或修改菜单</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="../../js/laydate/theme/default/laydate.css" />
  8. <script src="../../Script/Common/huayi.load.js"></script>
  9. <script src="../../Script/Common/huayi.config.js"></script>
  10. <link rel="stylesheet" href="../../js/select2/css/select2.min.css" />
  11. <link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  12. <link rel="stylesheet" type="text/css" href="../../js/bootstrap-treeview/bootstrap-treeview.min.css" />
  13. <link rel="stylesheet" href="../../css/templateHtmlCss/uerManagement.css" />
  14. <style>
  15. @font-face {
  16. font-family: "iconfont";
  17. src: url('../../fonts/iconfont.eot');
  18. /* IE9*/
  19. src: url('../../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  20. url('../../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  21. url('../../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  22. url('../../fonts/iconfont.svg#iconfont') format('svg');
  23. /* iOS 4.1- */
  24. }
  25. .iconfont {
  26. font-family: "iconfont" !important;
  27. font-size: 16px;
  28. font-style: normal;
  29. -webkit-font-smoothing: antialiased;
  30. -webkit-text-stroke-width: 0.2px;
  31. -moz-osx-font-smoothing: grayscale;
  32. }
  33. .icon-color {
  34. color: #1aaad0;
  35. padding-right: 5px;
  36. vertical-align: middle;
  37. font-size: 30px;
  38. }
  39. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  40. background-color: rgba(0, 0, 0, .5)!important;
  41. }
  42. .drop_down {
  43. position: relative;
  44. }
  45. .drop_down .caret {
  46. position: absolute;
  47. right: 24px;
  48. top: 15px;
  49. }
  50. .form-group {
  51. margin-bottom: 5px;
  52. }
  53. #menusTreeView {
  54. position: absolute;
  55. background-color: #fff;
  56. z-index: 2;
  57. width: 94%;
  58. max-height: 256px;
  59. overflow-y: auto;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div class="container">
  65. <ul class="project_items form-horizontal showtabs">
  66. <li class="form-group drop_down">
  67. <label for="menus" class="col-md-3">父级分类:</label>
  68. <div class="col-md-5">
  69. <input type="text" class="form-control" id="menus" data-id="0" placeholder="请选择菜单默认是顶级分类" />
  70. <span class="caret"></span>
  71. <div id="menusTreeView" class="hidden"></div>
  72. </div>
  73. </li>
  74. <li class="form-group">
  75. <label for="menusName" class="col-md-3">菜单名称:</label>
  76. <div class="col-md-5">
  77. <input id="menusName" class="form-control" type="text" autocomplete="off" />
  78. </div>
  79. </li>
  80. <li class="form-group">
  81. <label for="menusCode" class="col-md-3">菜单代码:</label>
  82. <div class="col-md-5">
  83. <input id="menusCode" class="form-control" type="text" autocomplete="off" />
  84. </div>
  85. </li>
  86. <li class="form-group">
  87. <label for="menusUrl" class="col-md-3">菜单链接地址:</label>
  88. <div class="col-md-5">
  89. <input id="menusUrl" class="form-control" type="text" autocomplete="off" />
  90. </div>
  91. </li>
  92. <li class="form-group">
  93. <label for="menusSort" class="col-md-3">排序编码:</label>
  94. <div class="col-md-5">
  95. <input id="menusSort" value="1" class="form-control" type="text" autocomplete="off" />
  96. </div>
  97. </li>
  98. <li class="form-group">
  99. <label for="menusType" class="col-md-3">菜单类型:</label>
  100. <div class="col-md-5">
  101. <select id="menusType" class="form-control selectpicker">
  102. <option value="iframe">框架页</option>
  103. <option value="expand">无页面</option>
  104. <option value="open">弹出页</option>
  105. <option value="blank">新窗口</option>
  106. </select>
  107. </div>
  108. </li>
  109. <li class="form-group">
  110. <label for="menusIcons" class="col-md-3">图标管理:</label>
  111. <div class="col-md-5">
  112. <select id="menusIcons" class="form-control"></select>
  113. </div>
  114. </li>
  115. <li class="form-group">
  116. <label for="menusEabled" class="col-md-3">是否启用:</label>
  117. <div class="col-md-5" id="menusEabled">
  118. <label class="radio-inline">
  119. <input type="radio" name="recommends" value="0"> 不启用
  120. </label>
  121. <label class="radio-inline">
  122. <input type="radio" name="recommends" value="true" checked="1"> 启用
  123. </label>
  124. </div>
  125. </li>
  126. <li class="form-group">
  127. <label for="menusRemark" class="col-md-3">备 注:</label>
  128. <div class="col-md-5">
  129. <textarea id="menusRemark" class="form-control" rows="3"></textarea>
  130. </div>
  131. </li>
  132. </ul>
  133. <div class="form-group clearfix">
  134. <div class="text-center">
  135. <button class="project_save btn btn-primary" id="save_btns" type="button">保存</button>
  136. </div>
  137. </div>
  138. </div>
  139. <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
  140. <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  141. <script src="../../js/select2/js/select2.min.js"></script>
  142. <script src="../../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
  143. <script src="../../Script/Common/regexs.js"></script>
  144. <script src="../../js/autosize/autosize.min.js"></script>
  145. <script src="../js/addOrEditMenus.js"></script>
  146. </body>
  147. </html>