虞城12345_前端

FunctionManage.html 7.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <link rel="stylesheet" href="./css/CaiDanGuanli.css" />
  10. <title></title>
  11. <style>
  12. .pname {
  13. width: 170px;
  14. height: 24px;
  15. border-image-source: initial;
  16. border-image-slice: initial;
  17. border-image-outset: initial;
  18. border-image-repeat: initial;
  19. border-image-width: 0;
  20. outline: none;
  21. border-width: 0px;
  22. border-style: initial;
  23. border-color: initial;
  24. padding: 0px 0px 0px 3px;
  25. }
  26. </style>
  27. </head>
  28. <body class="gray-bg">
  29. <div class="daoHang clearfix">
  30. <div class="dhLeft">
  31. <sapn>
  32. <i class="syIcon"></i>位置:
  33. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  34. <a href="javaScript:;">系统管理</a>&gt;
  35. <a href="" class="nowPosition">菜单管理</a>
  36. </sapn>
  37. </div>
  38. <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
  39. </div>
  40. <div class="wrapper wrapper-content">
  41. <!--<div class="toolBar clearfix">
  42. <div class="toolLeft">
  43. <button class="btns add">新增功能</button>
  44. <button class="btns addcd">新增菜单</button>
  45. <button class="btns change">修改</button>
  46. <button class="btns del">删除</button>
  47. </div>
  48. </div>-->
  49. <div class="th-top clearfix">
  50. <div class="form-inline th-bar clearfix">
  51. <div class="form-group tool_bars pull-right">
  52. <button class="btns add">新增功能</button>
  53. <button class="btns addcd">新增菜单</button>
  54. <button class="btns change">修改</button>
  55. <button class="btns del">删除</button>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="treeTable clearfix">
  60. <div class="tree col-md-3">
  61. <div class="trTitle"> 功能模块</div>
  62. <div class="treeCon">
  63. <ul id="treeDemo" class="ztree">
  64. <!--类名为ztree是必须的-->
  65. </ul>
  66. </div>
  67. </div>
  68. <div class="tableCon col-md-9">
  69. <div class="trTitle"> 功能详情</div>
  70. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  71. <thead>
  72. <tr>
  73. <th data-field="F_FunctionName" data-align="center">菜单名称</th>
  74. <th data-field="F_FunctionCode" data-align="center">菜单代码</th>
  75. <th data-field="F_Sort" data-align="center">排序序号</th>
  76. <th data-field="F_OptUrl" data-align="center">菜单地址</th>
  77. <th data-field="F_State" data-align="center" data-formatter="States">菜单状态</th>
  78. <th data-field="F_Remark" data-align="center">备注</th>
  79. </tr>
  80. </thead>
  81. </table>
  82. </div>
  83. </div>
  84. <!--添加一级菜单-->
  85. <div class="model addModel">
  86. <div class="box">
  87. <div class="btop clearfix">
  88. <p class="btl">添加菜单信息</p>
  89. <p class="btr addBtr" title="关闭">X</p>
  90. </div>
  91. <div class="boxCon">
  92. <table>
  93. <tbody>
  94. <tr class="parent">
  95. <th style="color: darkred;">父菜单名称:</th>
  96. <td><input type="text" class="pname" /><input type="hidden" class="pid" /></td>
  97. </tr>
  98. <tr>
  99. <th style="color: darkred;">菜单名称:</th>
  100. <td><input type="text" class="name" /><input type="hidden" class="id" /></td>
  101. </tr>
  102. <tr>
  103. <th style="color: darkred;">菜单代码:</th>
  104. <td><input type="text" class="code" /></td>
  105. </tr>
  106. <tr>
  107. <th>菜单序号:</th>
  108. <td>
  109. <input type="text" class="sort" />
  110. </td>
  111. </tr>
  112. <tr>
  113. <th>菜单状态:</th>
  114. <td class="state">
  115. <label class="radio-inline">
  116. <input type="radio" checked="checked" name="state" value="1" style="vertical-align: middle;display: inline-block;">启用
  117. </label>
  118. <label class="radio-inline">
  119. <input type="radio" name="state" value="0" style="vertical-align: middle;display: inline-block;">不启用
  120. </label>
  121. </td>
  122. </tr>
  123. <tr>
  124. <th>菜单地址:</th>
  125. <td>
  126. <input type="text" class="url" />
  127. </td>
  128. </tr>
  129. <tr>
  130. <th>图片地址:</th>
  131. <td>
  132. <input type="text" class="img" />
  133. </td>
  134. </tr>
  135. <tr>
  136. <th>备注:</th>
  137. <td colspan="3">
  138. <textarea data-adaptheight class="remark" style="width: 100%;height: 50px;"></textarea>
  139. </td>
  140. </tr>
  141. </tbody>
  142. </table>
  143. <div style="text-align: center;"><button class="btns save">保存</button></div>
  144. </div>
  145. </div>
  146. </div>
  147. <!--删除弹出内容-->
  148. <div class="model delModel">
  149. <div class="box">
  150. <div class="btop clearfix">
  151. <p class="btl"><span>删除提示</span></p>
  152. <p class="btr delBtr" title="关闭">X</p>
  153. </div>
  154. <div class="boxCon" style="height: 150px;">
  155. 您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
  156. <p style="margin-top: 30px;">
  157. <button class="btns sure">确定</button>
  158. <button class="btns return">取消</button>
  159. </p>
  160. <p style="color: red;">注:该级别下的部门会一并删除</p>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <script src="../js/zTree/jquery.ztree.core.js"></script>
  166. <script src="../css/laydate/laydate.js"></script>
  167. <script src="../css/layer/layer.js"></script>
  168. <script src="./js/CaiDanGuanli.js"></script>
  169. <script src="../js/adjustHeight.js" ></script>
  170. </body>
  171. </html>