虞城12345_前端

zhiShiKuFenLei.html 4.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  6. <link href="../css/bootstrap.min.css" />
  7. <link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
  8. <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  9. <link href="../css/animate.min.css" rel="stylesheet">
  10. <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
  11. <link href="../css/layer/need/layer.css" />
  12. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  13. <link rel="stylesheet" href="../css/init.css" />
  14. <link rel="stylesheet" href="./css/zhiShiKuFenLei.css" />
  15. <title>知识库目录管理</title>
  16. <style>
  17. .daoHang{
  18. border-bottom:0;
  19. }
  20. .inpBox{
  21. border: 1px solid #ccc;
  22. height: 32px;
  23. width: 50%;
  24. display: inline-block;
  25. position: relative;
  26. vertical-align: middle;
  27. }
  28. .inps5,.inps2 {
  29. width: 50%;
  30. background-color: #FFF;
  31. background-image: none;
  32. border: 1px solid #ccc;
  33. border-radius: 1px;
  34. color: inherit;
  35. padding: 6px 12px;
  36. outline: none;
  37. vertical-align: middle;
  38. }
  39. .box .btop{
  40. background: #00a1cb;
  41. }
  42. </style>
  43. </head>
  44. <body class="gray-bg">
  45. <div class="container-fluid wrapper-content animated fadeInRight">
  46. <div class="daoHang clearfix">
  47. <div class="dhLeft">
  48. <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">分类管理</a></sapn>
  49. </div>
  50. <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
  51. </div>
  52. <div class="toolBar">
  53. <button class="btns add">添加</button>
  54. <button class="btns change">修改</button>
  55. <button class="btns del">删除</button>
  56. </div>
  57. <div class="tree">
  58. <ul id="treeDemo" class="ztree">
  59. <!--类名为ztree是必须的-->
  60. </ul>
  61. </div>
  62. <!--添加弹出内容-->
  63. <div class="model addModel">
  64. <div class="box">
  65. <div class="btop clearfix">
  66. <p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;知识库</p>
  67. <p class="btr addBtr" title="关闭">X</p>
  68. </div>
  69. <div class="boxCon">
  70. <div>所属分类:
  71. <div class="inpBox">
  72. <input type="text" class="inps inps1" />
  73. <i class="xl xl_one"></i>
  74. <div class="addTree xlAdd">
  75. <ul id="addTreeDemo" class="ztree">
  76. </ul>
  77. </div>
  78. </div>
  79. </div>
  80. <div>分类名称:<input class="inps inps2" type="text" /></div>
  81. <!--<div>排列序号:<input class="inps inps3" type="text" /></div>-->
  82. <div><button class="btns addCun">保存</button></div>
  83. </div>
  84. </div>
  85. </div>
  86. <!--删除弹出内容-->
  87. <div class="model delModel">
  88. <div class="box">
  89. <div class="btop clearfix">
  90. <p class="btl"><span>删除提示</span></p>
  91. <p class="btr delBtr" title="关闭">X</p>
  92. </div>
  93. <div class="boxCon" style="height: 150px;">
  94. 您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
  95. <p style="margin-top: 30px;"><button class="btns sure">确定</button>
  96. <button class="btns return">取消</button></p>
  97. <p style="color: red;">注:若该分类下包含知识库内容会一并删除</p>
  98. </div>
  99. </div>
  100. </div>
  101. <!--修改弹出内容-->
  102. <div class="model changeModel">
  103. <div class="box">
  104. <div class="btop clearfix">
  105. <p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;知识库</p>
  106. <p class="btr changeBtr" title="关闭">X</p>
  107. </div>
  108. <div class="boxCon">
  109. <div>所属分类:
  110. <div class="inpBox">
  111. <input type="text" class="inps inps4" />
  112. <i class="xl xl_two"></i>
  113. <div class="addTree xlChange">
  114. <ul id="changeTreeDemo" class="ztree">
  115. </ul>
  116. </div>
  117. </div>
  118. </div>
  119. <div>分类名称:<input class="inps inps5" type="text" /></div>
  120. <!--<div>排列序号:<input class="inps inps6" type="text" /></div>-->
  121. <div><button class="btns changeCun">保存</button></div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <script src="../js/jquery.min.js?v=2.1.4"></script>
  127. <script src="../js/jquery.cookie.js"></script>
  128. <script src="../js/bootstrap.min.js"></script>
  129. <script src="../css/layer/layer.js"></script>
  130. <script src="../Script/Common/huayi.load.js"></script>
  131. <script src="../Script/Common/huayi.config.js"></script>
  132. <script src="../js/zTree/jquery.ztree.core.js"></script>
  133. <script src="./js/zhiShiKuFenLei.js"></script>
  134. </body>
  135. </html>