| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link rel="stylesheet" href="css/swiper.min.css" />
- <link rel="stylesheet" href="../css/init.css" />
- <link rel="stylesheet" href="css/newRepository.css" />
- <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
- <title>新版知识库</title>
- <style>
- .swiper-container {
- width: 100%;
- /*height: 300px;*/
- }
- .wrapper-content{
- height: 100%;
- }
- .swiper-pagination-bullet {
- height: 15px;
- width: 15px;
- }
- .inpBox{
- border: 1px solid #ccc;
- height: 32px;
- width: 50%;
- display: inline-block;
- position: relative;
- vertical-align: middle;
- }
- .inps5,.inps2 {
- width: 50%;
- background-color: #FFF;
- background-image: none;
- border: 1px solid #ccc;
- border-radius: 1px;
- color: inherit;
- padding: 6px 12px;
- outline: none;
- vertical-align: middle;
- }
- .box .btop{
- background: #00a1cb;
- }
- .inps1, .inps4 {
- width: 97%;
- height: 30px;
- outline: none;
- border: 0;
- border-image-width: 0;
- padding: 0;
- padding-left: 3px;
- }
- .xl {
- display: inline-block;
- background: url(../img/dropDown.png) no-repeat;
- height: 100%;
- background-position: center center;
- width: 20px;
- position: absolute;
- right: 0;
- top: 0px;
- cursor: pointer;
- }
- .addTree {
- background: #fff;
- position: absolute;
- width: 100%;
- border: 1px solid darkgrey;
- right: 0;
- top: 30px;
- display: none;
- }
- #result{
- min-width: 370px;
- min-height: 140px;
- }
- </style>
- </head>
- <body class="gray-bg">
- <div class="container-fluid wrapper-content animated fadeInRight">
- <div class="daoHang clearfix">
- <div class="dhLeft">
- <sapn>
- <i class="syIcon"></i>位置:
- <a id="ReIndex">首页</a>>
- <a href="javaScript:;">知识库</a>>
- <a href="" class="nowPosition">新版知识库</a>
- </sapn>
- </div>
- <div class="dhRight">
- <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
- </div>
- </div>
- <div class="reposCon clearfix" style="margin-top:5px;">
- <!--左侧-->
- <div class="conleft col-md-3">
- <div class="toolBar">
- <button class="btns add">添加</button>
- <button class="btns change">修改</button>
- <button class="btns del">删除</button>
- </div>
- <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;">服务单位列表</p>
- <div class="line"></div>
- <div class="tree">
- <ul id="treeDemo" class="ztree">
- <!--类名为ztree是必须的-->
- </ul>
- </div>
- <!--<div class="siderCon">
- <div class="swiper-container">
- <div class="swiper-wrapper">
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </div>-->
- </div>
- <!--添加弹出内容-->
- <div class="model addModel">
- <div class="box">
- <div class="btop clearfix">
- <p class="btl"><span>添加</span> ⌊ <span class="tps" style="color: red;"></span> ⌉ 知识库</p>
- <p class="btr addBtr" title="关闭">X</p>
- </div>
- <div class="boxCon">
- <div>所属分类:
- <div class="inpBox">
- <input type="text" class="inps inps1" />
- <i class="xl xl_one"></i>
- <div class="addTree xlAdd">
- <ul id="addTreeDemo" class="ztree">
-
- </ul>
- </div>
- </div>
- </div>
- <div>分类名称:<input class="inps inps2" type="text" /></div>
- <!--<div>排列序号:<input class="inps inps3" type="text" /></div>-->
- <div><button class="btns addCun">保存</button></div>
- </div>
- </div>
- </div>
- <!--删除弹出内容-->
- <div class="model delModel">
- <div class="box">
- <div class="btop clearfix">
- <p class="btl"><span>删除提示</span></p>
- <p class="btr delBtr" title="关闭">X</p>
- </div>
- <div class="boxCon" style="height: 150px;">
- 您确定删除 ⌊ <span class="delName" style="color: red;"></span> ⌉ ?
-
- <p style="margin-top: 30px;"><button class="btns sure">确定</button>
- <button class="btns return">取消</button></p>
- <p style="color: red;">注:若该分类下包含知识库内容会一并删除</p>
- </div>
-
- </div>
-
- </div>
- <!--修改弹出内容-->
- <div class="model changeModel">
- <div class="box">
- <div class="btop clearfix">
- <p class="btl"><span>修改</span> ⌊ <span class="tps chtps" style="color: red;"></span> ⌉ 知识库</p>
- <p class="btr changeBtr" title="关闭">X</p>
- </div>
- <div class="boxCon">
- <div>所属分类:
- <div class="inpBox">
- <input type="text" class="inps inps4" />
- <i class="xl xl_two"></i>
- <div class="addTree xlChange">
- <ul id="changeTreeDemo" class="ztree">
-
- </ul>
- </div>
- </div>
- </div>
- <div>分类名称:<input class="inps inps5" type="text" /></div>
- <!--<div>排列序号:<input class="inps inps6" type="text" /></div>-->
- <div><button class="btns changeCun">保存</button></div>
- </div>
- </div>
-
- </div>
- <!--右侧-->
- <div class="conRight col-md-9">
- <div class="search clearfix">
- <div class="secon clearfix" style="width: 80%; float:left;">
- <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon rightSearchKey" /></p><button href="javaScript:;" class="stb" id="rightSearch"></button>
- </div>
- <button class="btns addTo" style="float: right;">添加</button>
- </div>
- <!--<ul class="keyList clearfix" style="height: 38px;">
- <li>市民反馈问题 </li>
- <li>车辆管理条例 </li>
- <li>市长重要讲话 </li>
- <li>社保资料 </li>
- <li> 投诉 </li>
- <li> 建议 </li>
- <li>鹤壁政要 </li>
- <li>鹤壁政府 </li>
- <li>公积金 </li>
- <li>市长热线 </li>
- <li>鹤壁政府 </li>
- </ul>-->
- <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;" class="rightTabKey"></p>
- <div class="line"></div>
- <div class="tableBox">
- <table id="table1" data-row-style="rowStyle" data-classes="table table-no-bordered" data-query-params="queryParams">
- <thead>
- <tr>
- <th data-field="F_Title" data-align="center">事件名称</th>
- <th data-field="DeptName" data-align="center">单位名称</th>
- <th data-field="F_CreateTime" data-align="center">时间</th>
- <th data-field="UserName" data-align="center">创建人</th>
- <th data-formatter="CZ" data-align="center">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <input type="hidden" id="depID" />
- </div>
- </div>
- <script src="js/swiper.min.js"></script>
- <script src="../js/zTree/jquery.ztree.core.js"></script>
- <script src="js/newRepository.js"></script>
- </body>
- </html>
|