dept.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../js/lib/jquery-1.9.1/jquery.min.js"></script>
  6. <script src="../js/lib/vue.js"></script>
  7. <script src="../js/config/base_config.js"></script>
  8. <script src="../js/lib/ajaxRedirect.js"></script>
  9. <script src="../jqueryUI/jquery-ui.js"></script>
  10. <link href="../jqueryUI/jquery-ui.css" rel="stylesheet" />
  11. <link href="../css/css01.css" rel="stylesheet" type="text/css">
  12. <link href="../ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
  13. <script src="../ztree/js/jquery.ztree.all.js"></script>
  14. <title>Title</title>
  15. </head>
  16. <body>
  17. <div>
  18. <!--内容-->
  19. <div class="content">
  20. <!--筛选-->
  21. <ul class="recommendation-screen">
  22. <li>
  23. <input class="input01" type="text" id="selectName" placeholder="请输入关键字"/>
  24. <div class="button01">
  25. <button onclick="loadPage();">查询</button>
  26. </div>
  27. </li>
  28. <li>
  29. <div class="button01">
  30. <button onclick="toAdd()" >添加一级分类</button>
  31. </div>
  32. </li>
  33. </ul>
  34. <!--zTree-->
  35. <div style="width: 20%; float: left;margin-top: 50px;">
  36. <ul id="tree" class="ztree" ></ul>
  37. </div>
  38. <!--table表格-->
  39. <div class="table" style="width: 77%; float: right;">
  40. <table>
  41. <thead>
  42. </thead>
  43. <tr>
  44. <th>模块</th>
  45. <th>分类名称</th>
  46. <th>排序</th>
  47. <th>添加子分类</th>
  48. <th>操作</th>
  49. </tr>
  50. <tbody id="deptDiv">
  51. </tbody>
  52. </table>
  53. </div>
  54. <div id="page" class="page" style="width: 100%;padding-top: 50px;">
  55. </div>
  56. </div>
  57. </div>
  58. <div id="iDeptAdd" style="display: none;">
  59. <div style="padding-bottom:0;" class="recommendation-screen">
  60. <form id="iDeptAddForm">
  61. <input type="hidden" name="id" id="iDeptAddId">
  62. <table border="0" width="100%">
  63. <tr>
  64. <td width="30%"><span >请选择应用模块:</span></td>
  65. <td width="70%" class="select01">
  66. <select name="fcode" id="iDeptAddFcode" onchange="onChangeSelect();"></select>
  67. </td>
  68. </tr>
  69. <tr id="one">
  70. <td width="30%"><span >一级分类:</span></td>
  71. <td width="70%" class="select01">
  72. <select name="scode" id="iDeptcode" onchange="onChangeSelect2();"></select>
  73. </td>
  74. </tr>
  75. <tr id="two">
  76. <td width="30%"><span >二级分类:</span></td>
  77. <td width="70%" class="select01">
  78. <select name="tcode" id="code" ></select>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td width="30%"><span >分类名称:</span></td>
  83. <td width="70%">
  84. <input type="text" id="iDeptAddName" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  85. height: 32px; padding-left: 30px; line-height: 32px;" name="name">
  86. </td>
  87. </tr>
  88. <tr>
  89. <td width="30%"><span >分类排序:</span></td>
  90. <td width="70%">
  91. <input type="text" id="iDeptAddCode" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  92. height: 32px; padding-left: 30px; line-height: 32px;" name="code">
  93. </td>
  94. </tr>
  95. </table>
  96. </form>
  97. </div>
  98. </div>
  99. </body>
  100. <script src="/html/vue/deptVue.js"></script>
  101. <script src="../js/lib/pageList.js"></script>
  102. </html>