商丘市柘城县——前端

zhiShiKu.html 4.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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/layer/need/layer.css" />-->
  8. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <title>知识库主界面</title>
  11. <style>
  12. .treeTable {
  13. height: 400px;
  14. /*overflow-y: auto;*/
  15. }
  16. .tree {
  17. height: 100%;
  18. }
  19. .trTitle {
  20. width: 100%;
  21. height: 34px;
  22. line-height: 34px;
  23. border-bottom: 1px solid #ebebeb;
  24. color: red;
  25. font-weight: 700;
  26. margin-bottom: 15px;
  27. }
  28. .treeCon {
  29. border: 1px solid #ebebeb;
  30. overflow-y: auto;
  31. }
  32. .ztree li {
  33. width: 100%;
  34. overflow: hidden;
  35. white-space: nowrap;
  36. text-overflow: ellipsis;
  37. }
  38. .content {
  39. width: 270px;
  40. height: 100%;
  41. overflow: hidden;
  42. white-space: nowrap;
  43. text-overflow: ellipsis;
  44. text-align: left;
  45. cursor: pointer;
  46. }
  47. </style>
  48. </head>
  49. <body class="gray-bg">
  50. <div class="container-fluid wrapper-content animated fadeInRight">
  51. <div class="daoHang clearfix">
  52. <div class="dhLeft">
  53. <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">知识库主界面</a></sapn>
  54. </div>
  55. <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
  56. </div>
  57. <div class="toolBar clearfix">
  58. <!--<div class="toolLeft">
  59. <button class="btns add">添加</button>
  60. </div>-->
  61. <div class="toolRight">
  62. <span>搜索内容:<input type="text" class="searCon input_" placeholder="请输入要搜索的关键字" style="width: 175px;height: 32px; border: 1px solid #ccc;" /></span>
  63. <span>是否审核通过:<select name="" id="isPass" class="select_">
  64. <option value="" selected="selected">全部</option>
  65. <option value="0">未审核</option>
  66. <option value="1">通过审核</option>
  67. <option value="-1">未通过</option>
  68. </select>
  69. </span>
  70. <span>是否提交审核:<select name="" id="isSub" class="select_">
  71. <option value="" selected="selected">全部</option>
  72. <option value="0">否</option>
  73. <option value="1">是</option>
  74. </select>
  75. </span>
  76. <button class="btns searchGo">搜索</button>
  77. <button class="btns addCon">知识条目添加</button>
  78. </div>
  79. </div>
  80. <div class="treeTable clearfix">
  81. <div class="tree col-md-3">
  82. <div class="trTitle">知识库目录</div>
  83. <div class="treeCon">
  84. <ul id="treeDemo" class="ztree">
  85. <!--类名为ztree是必须的-->
  86. </ul>
  87. </div>
  88. </div>
  89. <div class="tableCon col-md-9">
  90. <div class="trTitle"> 知识库列表</div>
  91. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  92. <thead>
  93. <tr>
  94. <th data-field="state" data-checkbox="true" data-align="center"></th>
  95. <th data-align="center" data-formatter="setCode">编号</th>
  96. <th data-align="center" data-field="F_Title" data-formatter="detail">标题</th>
  97. <th data-field="F_Description" data-align="center" data-formatter="detail">内容</th>
  98. <th data-align="center" data-formatter="operationBtns">操作</th>
  99. </tr>
  100. </thead>
  101. <tbody id="tbody"></tbody>
  102. </table>
  103. <p style="margin-top: 20px;"><button class="btns allDel">批量删除</button></p>
  104. </div>
  105. </div>
  106. </div>
  107. <script src="../css/layer/layer.js"></script>
  108. <script src="../js/zTree/jquery.ztree.core.js"></script>
  109. <script src="../js/kindeditor/kindeditor-all-min.js"></script>
  110. <script src="../js/kindeditor/lang/zh-CN.js"></script>
  111. <script src="./js/zhiShiKu.js"></script>
  112. </body>
  113. </html>