民权县12345_前端

newRepository.html 8.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  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="css/swiper.min.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <link rel="stylesheet" href="css/newRepository.css" />
  10. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  11. <title>新版知识库</title>
  12. <style>
  13. .swiper-container {
  14. width: 100%;
  15. /*height: 300px;*/
  16. }
  17. .wrapper-content{
  18. height: 100%;
  19. }
  20. .swiper-pagination-bullet {
  21. height: 15px;
  22. width: 15px;
  23. }
  24. .inpBox{
  25. border: 1px solid #ccc;
  26. height: 32px;
  27. width: 50%;
  28. display: inline-block;
  29. position: relative;
  30. vertical-align: middle;
  31. }
  32. .inps5,.inps2 {
  33. width: 50%;
  34. background-color: #FFF;
  35. background-image: none;
  36. border: 1px solid #ccc;
  37. border-radius: 1px;
  38. color: inherit;
  39. padding: 6px 12px;
  40. outline: none;
  41. vertical-align: middle;
  42. }
  43. .box .btop{
  44. background: #00a1cb;
  45. }
  46. .inps1, .inps4 {
  47. width: 97%;
  48. height: 30px;
  49. outline: none;
  50. border: 0;
  51. border-image-width: 0;
  52. padding: 0;
  53. padding-left: 3px;
  54. }
  55. .xl {
  56. display: inline-block;
  57. background: url(../img/dropDown.png) no-repeat;
  58. height: 100%;
  59. background-position: center center;
  60. width: 20px;
  61. position: absolute;
  62. right: 0;
  63. top: 0px;
  64. cursor: pointer;
  65. }
  66. .addTree {
  67. background: #fff;
  68. position: absolute;
  69. width: 100%;
  70. border: 1px solid darkgrey;
  71. right: 0;
  72. top: 30px;
  73. display: none;
  74. }
  75. #result{
  76. min-width: 370px;
  77. min-height: 140px;
  78. }
  79. </style>
  80. </head>
  81. <body class="gray-bg">
  82. <div class="container-fluid wrapper-content animated fadeInRight">
  83. <div class="daoHang clearfix">
  84. <div class="dhLeft">
  85. <sapn>
  86. <i class="syIcon"></i>位置:
  87. <a id="ReIndex">首页</a>&gt;
  88. <a href="javaScript:;">知识库</a>&gt;
  89. <a href="" class="nowPosition">新版知识库</a>
  90. </sapn>
  91. </div>
  92. <div class="dhRight">
  93. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  94. </div>
  95. </div>
  96. <div class="reposCon clearfix" style="margin-top:5px;">
  97. <!--左侧-->
  98. <div class="conleft col-md-3">
  99. <div class="toolBar">
  100. <button class="btns add">添加</button>
  101. <button class="btns change">修改</button>
  102. <button class="btns del">删除</button>
  103. </div>
  104. <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;">服务单位列表</p>
  105. <div class="line"></div>
  106. <div class="tree">
  107. <ul id="treeDemo" class="ztree">
  108. <!--类名为ztree是必须的-->
  109. </ul>
  110. </div>
  111. <!--<div class="siderCon">
  112. <div class="swiper-container">
  113. <div class="swiper-wrapper">
  114. </div>
  115. <div class="swiper-pagination"></div>
  116. </div>
  117. </div>-->
  118. </div>
  119. <!--添加弹出内容-->
  120. <div class="model addModel">
  121. <div class="box">
  122. <div class="btop clearfix">
  123. <p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;知识库</p>
  124. <p class="btr addBtr" title="关闭">X</p>
  125. </div>
  126. <div class="boxCon">
  127. <div>所属分类:
  128. <div class="inpBox">
  129. <input type="text" class="inps inps1" />
  130. <i class="xl xl_one"></i>
  131. <div class="addTree xlAdd">
  132. <ul id="addTreeDemo" class="ztree">
  133. </ul>
  134. </div>
  135. </div>
  136. </div>
  137. <div>分类名称:<input class="inps inps2" type="text" /></div>
  138. <!--<div>排列序号:<input class="inps inps3" type="text" /></div>-->
  139. <div><button class="btns addCun">保存</button></div>
  140. </div>
  141. </div>
  142. </div>
  143. <!--删除弹出内容-->
  144. <div class="model delModel">
  145. <div class="box">
  146. <div class="btop clearfix">
  147. <p class="btl"><span>删除提示</span></p>
  148. <p class="btr delBtr" title="关闭">X</p>
  149. </div>
  150. <div class="boxCon" style="height: 150px;">
  151. 您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
  152. <p style="margin-top: 30px;"><button class="btns sure">确定</button>
  153. <button class="btns return">取消</button></p>
  154. <p style="color: red;">注:若该分类下包含知识库内容会一并删除</p>
  155. </div>
  156. </div>
  157. </div>
  158. <!--修改弹出内容-->
  159. <div class="model changeModel">
  160. <div class="box">
  161. <div class="btop clearfix">
  162. <p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;知识库</p>
  163. <p class="btr changeBtr" title="关闭">X</p>
  164. </div>
  165. <div class="boxCon">
  166. <div>所属分类:
  167. <div class="inpBox">
  168. <input type="text" class="inps inps4" />
  169. <i class="xl xl_two"></i>
  170. <div class="addTree xlChange">
  171. <ul id="changeTreeDemo" class="ztree">
  172. </ul>
  173. </div>
  174. </div>
  175. </div>
  176. <div>分类名称:<input class="inps inps5" type="text" /></div>
  177. <!--<div>排列序号:<input class="inps inps6" type="text" /></div>-->
  178. <div><button class="btns changeCun">保存</button></div>
  179. </div>
  180. </div>
  181. </div>
  182. <!--右侧-->
  183. <div class="conRight col-md-9">
  184. <div class="search clearfix">
  185. <div class="secon clearfix" style="width: 80%; float:left;">
  186. <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon rightSearchKey" /></p><button href="javaScript:;" class="stb" id="rightSearch"></button>
  187. </div>
  188. <button class="btns addTo" style="float: right;">添加</button>
  189. </div>
  190. <!--<ul class="keyList clearfix" style="height: 38px;">
  191. <li>市民反馈问题 </li>
  192. <li>车辆管理条例 </li>
  193. <li>市长重要讲话 </li>
  194. <li>社保资料 </li>
  195. <li> 投诉 </li>
  196. <li> 建议 </li>
  197. <li>鹤壁政要 </li>
  198. <li>鹤壁政府 </li>
  199. <li>公积金 </li>
  200. <li>市长热线 </li>
  201. <li>鹤壁政府 </li>
  202. </ul>-->
  203. <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;" class="rightTabKey"></p>
  204. <div class="line"></div>
  205. <div class="tableBox">
  206. <table id="table1" data-row-style="rowStyle" data-classes="table table-no-bordered" data-query-params="queryParams">
  207. <thead>
  208. <tr>
  209. <th data-field="F_Title" data-align="center">事件名称</th>
  210. <th data-field="DeptName" data-align="center">单位名称</th>
  211. <th data-field="F_CreateTime" data-align="center">时间</th>
  212. <th data-field="UserName" data-align="center">创建人</th>
  213. <th data-formatter="CZ" data-align="center">操作</th>
  214. </tr>
  215. </thead>
  216. </table>
  217. </div>
  218. </div>
  219. <input type="hidden" id="depID" />
  220. </div>
  221. </div>
  222. <script src="js/swiper.min.js"></script>
  223. <script src="../js/zTree/jquery.ztree.core.js"></script>
  224. <script src="js/newRepository.js"></script>
  225. </body>
  226. </html>