| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730 |
- <!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/init.css" />
- <link rel="stylesheet" href="css/newRepository.css" />
- <title>新版知识库</title>
- </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">
- <!--左侧-->
- <div class="conleft col-md-3">
- <div class="search ">
- <div class="secon clearfix">
- <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon" /></p><button href="javaScript:;" class="stb"></button></div>
- </div>
- <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;">服务单位列表</p>
- <div class="line"></div>
- <div class="siderCon">
- <div class="unitListBox clearfix">
- <div class="unitListCon">
- <ul class="unitList clearfix">
- <li data-id="31" class="active">
- <a href="javaScript:;" title="市教育体育局">
- <i></i>
- <div>市教育体育局</div>
- </a>
- </li>
- <li data-id="32">
- <a href="javaScript:;" title="市民政局">
- <i class="smzj"></i>
- <div>市民政局</div>
- </a>
- </li>
- <li data-id="59">
- <a href="javaScript:;" title="市公安消防支队">
- <i class="sgaxf"></i>
- <div>市公安消防支队</div>
- </a>
- </li>
- <li data-id="68">
- <a href="javaScript:;" title="中国人民银行商丘市中心支行">
- <i class="chinaBank"></i>
- <div>中国人民银行商丘市中心支行</div>
- </a>
- </li>
- <li data-id="73">
- <a href="javaScript:;" title="商丘市新奥燃气有限公司">
- <i class="newAustrianGas"></i>
- <div>商丘市新奥燃气有限公司</div>
- </a>
- </li>
- <li data-id="75">
- <a href="javaScript:;" title="中国移动商丘市分公司">
- <i class="chinaMobile"></i>
- <div>中国移动商丘市分公司</div>
- </a>
- </li>
- <li data-id="77">
- <a href="javaScript:;" title="郑州铁路局商丘车站">
- <i class="railwayBureau"></i>
- <div>郑州铁路局商丘车站</div>
- </a>
- </li>
- <li data-id="87">
- <a href="javaScript:;" title="商丘市残联">
- <i class="cityCDPF"></i>
- <div>商丘市残联</div>
- </a>
- </li>
- <li data-id="104">
- <a href="javaScript:;" title="商丘公共交通有限公司">
- <i class="publicTransit"></i>
- <div>商丘公共交通有限公司</div>
- </a>
- </li>
- <li data-id="39">
- <a href="javaScript:;" title="市环保局">
- <i class="cityEnvironmentalAgency"></i>
- <div>市环保局</div>
- </a>
- </li>
- <li data-id="55">
- <a href="javaScript:;" title="市城市管理局">
- <i class="cityAuthority"></i>
- <div>市城市管理局</div>
- </a>
- </li>
- <li data-id="29">
- <a href="javaScript:;" title="市公安局">
- <i class="publicSecurityBureau"></i>
- <div>市公安局</div>
- </a>
- </li>
- <li data-id="76">
- <a href="javaScript:;"title="中国联通商丘市分公司">
- <i class="chinaUnicom"></i>
- <div>中国联通商丘市分公司</div>
- </a>
- </li>
- <li data-id="38">
- <a href="javaScript:;" title="市水利局">
- <i class="waterConservancyBureau"></i>
- <div>市水利局</div>
- </a>
- </li>
- <li data-id="65">
- <a href="javaScript:;" title="市地方税务局">
- <i class="inlandRevenue"></i>
- <div>市地方税务局</div>
- </a>
- </li>
-
- <li data-id="82">
- <a href="javaScript:;" title="城乡一体化示范区管委会">
- <i class="demonstrationArea"></i>
- <div>城乡一体化示范区管委会</div>
- </a>
- </li>
-
- <li data-id="45">
- <a href="javaScript:;" title="市住建局">
- <i class="housingAuthority"></i>
- <div>市住建局</div>
- </a>
- </li>
- <li data-id="40">
- <a href="javaScript:;" title="市城乡规划管理局">
- <i class="urbanRuralPlanning"></i>
- <div>市城乡规划管理局</div>
- </a>
- </li>
-
- <li data-id="71">
- <a href="javaScript:;" title="商丘市水务集团">
- <i class="waterGroup"></i>
- <div>商丘市水务集团</div>
- </a>
- </li>
-
- <li data-id="72">
- <a href="javaScript:;" title="商丘供电公司">
- <i class="powerCompany"></i>
- <div>商丘供电公司</div>
- </a>
- </li>
- <li data-id="44">
- <a href="javaScript:;" title="市商务局">
- <i class="sswj"></i>
- <div>市商务局</div>
- </a>
- </li>
- <li data-id="57">
- <a href="javaScript:;" title="市住房公积金管理中心">
- <i class="cityHousingFund"></i>
- <div>市住房公积金管理中心</div>
- </a>
- </li>
-
- <li data-id="47">
- <a href="javaScript:;" title="市人力资源和社会保障局">
- <i class="humanResource"></i>
- <div>市人力资源和社会保障局</div>
- </a>
- </li>
- <li data-id="46">
- <a href="javaScript:;" title="市卫生计生委">
- <i class="familyPlanning"></i>
- <div>市卫生计生委</div>
- </a>
- </li>
- <li data-id="42">
- <a href="javaScript:;" title="市国土资源局">
- <i class="sgtzyj"></i>
- <div>市国土资源局</div>
- </a>
- </li>
- <li data-id="34">
- <a href="javaScript:;" title="市交通运输局">
- <i class="transportation"></i>
- <div>市交通运输局</div>
- </a>
- </li>
- <li data-id="54">
- <a href="javaScript:;" title="市工业和信息化委">
- <i class="industryInformation"></i>
- <div>市工业和信息化委</div>
- </a>
- </li>
-
- </ul>
- </div>
- <div class="unitListCon">
- <ul class="unitList clearfix">
- <li data-id="88">
- <a href="javaScript:;" title="河南煤矿安全监察局豫东分局">
- <i class="coalMineSafety"></i>
- <div>河南煤矿安全监察局豫东分局</div>
- </a>
- </li>
-
- <li data-id="89">
- <a href="javaScript:;" title="郑州海关商丘办事处">
- <i class="customsOffice"></i>
- <div>郑州海关商丘办事处</div>
- </a>
- </li>
- <li data-id="90">
- <a href="javaScript:;" title="商丘市无线电管理局">
- <i class="radioManagement"></i>
- <div>商丘市无线电管理局</div>
- </a>
- </li>
-
- <li data-id="91">
- <a href="javaScript:;" title="市民宗委">
- <i class="publicCommittee"></i>
- <div>市民宗委</div>
- </a>
- </li>
- <li data-id="92">
- <a href="javaScript:;" title="市工商局">
- <i class="cityOfIndustry"></i>
- <div>市工商局</div>
- </a>
- </li>
-
- <li data-id="93">
- <a href="javaScript:;" title="市科学技术局">
- <i class="scienceTechnology"></i>
- <div>市科学技术局</div>
- </a>
- </li>
- <li data-id="98">
- <a href="javaScript:;" title="客服">
- <i class="customerService"></i>
- <div>客服</div>
- </a>
- </li>
- <li data-id="105">
- <a href="javaScript:;" title="市妇联">
- <i class="womenFederation"></i>
- <div>市妇联</div>
- </a>
- </li>
- <li data-id="74">
- <a href="javaScript:;" title="中国电信商丘市分公司">
- <i class="chinaTelecom"></i>
- <div>中国电信商丘市分公司</div>
- </a>
- </li>
- <li data-id="84">
- <a href="javaScript:;" title="市档案局">
- <i class="cityArchives"></i>
- <div>市档案局</div>
- </a>
- </li>
- <li data-id="85">
- <a href="javaScript:;" title="商丘广电总台">
- <i class="broadcastingStation"></i>
- <div>商丘广电总台</div>
- </a>
- </li>
- <li data-id="99">
- <a href="javaScript:;" title="派单组">
- <i class="sendSingle"></i>
- <div>派单组</div>
- </a>
- </li>
- <li data-id="69">
- <a href="javaScript:;" title="商丘市银监分局">
- <i class="bankSupervisor"></i>
- <div>商丘市银监分局</div>
- </a>
- </li>
- <li data-id="70">
- <a href="javaScript:;" title="市邮政管理局">
- <i class="postManagement"></i>
- <div>市邮政管理局</div>
- </a>
- </li>
- <li data-id="35">
- <a href="javaScript:;" title="市农业局">
- <i class="agricultureBureau"></i>
- <div>市农业局</div>
- </a>
- </li>
- <li data-id="86">
- <a href="javaScript:;" title="市气象局">
- <i class="weatherBureau"></i>
- <div>市气象局</div>
- </a>
- </li>
- <li data-id="81">
- <a href="javaScript:;" title="市供销社">
- <i class="supplyMarketing"></i>
- <div>市供销社</div>
- </a>
- </li>
- <li data-id="78">
- <a href="javaScript:;" title="商丘日报报业集团">
- <i class="dailyNewspaper"></i>
- <div>商丘日报报业集团</div>
- </a>
- </li>
- <li data-id="36">
- <a href="javaScript:;" title="市审计局">
- <i class="auditOffice"></i>
- <div>市审计局</div>
- </a>
- </li>
- <li data-id="37">
- <a href="javaScript:;" title="市粮食局">
- <i class="foodBureau"></i>
- <div>市粮食局</div>
- </a>
- </li>
- <li data-id="30">
- <a href="javaScript:;" title="市发改委">
- <i class="developmentReformCommission"></i>
- <div>市发改委</div>
- </a>
- </li>
- <li data-id="26">
- <a href="javaScript:;" title="市畜牧局">
- <i class="animalHusbandryBureau"></i>
- <div>市畜牧局</div>
- </a>
- </li>
- <li data-id="28">
- <a href="javaScript:;" title="市国资委">
- <i class="citySASAC"></i>
- <div>市国资委</div>
- </a>
- </li>
- <li data-id="43">
- <a href="javaScript:;" title="市文化广播新闻出版局">
- <i class="culturalBroadcasting"></i>
- <div>市文化广播新闻出版局</div>
- </a>
- </li>
- <li data-id="41">
- <a href="javaScript:;" title="市安监局">
- <i class="safetySupervisionBureau"></i>
- <div>市安监局</div>
- </a>
- </li>
- <li data-id="33">
- <a href="javaScript:;" title="市财政局">
- <i class="financeBureau"></i>
- <div>市财政局</div>
- </a>
- </li>
- <li data-id="50">
- <a href="javaScript:;" title="市统计局">
- <i class="statisticsBureau"></i>
- <div>市统计局</div>
- </a>
- </li>
-
- </ul>
- </div>
- <div class="unitListCon">
- <ul class="unitList clearfix">
- <li data-id="51">
- <a href="javaScript:;" title="市地震局">
- <i class="seismologicalBureau"></i>
- <div>市地震局</div>
- </a>
- </li>
- <li data-id="52">
- <a href="javaScript:;" title="市林业局">
- <i class="forestryBureau"></i>
- <div>市林业局</div>
- </a>
- </li>
- <li data-id="53">
- <a href="javaScript:;" title="市司法局">
- <i class="justiceBureau"></i>
- <div>市司法局</div>
- </a>
- </li>
- <li data-id="56">
- <a href="javaScript:;" title="市农机局">
- <i class="agriculturalBureau"></i>
- <div>市农机局</div>
- </a>
- </li>
- <li data-id="48">
- <a href="javaScript:;" title="市旅游局">
- <i class="tourism"></i>
- <div>市旅游局</div>
- </a>
- </li>
- <li data-id="66">
- <a href="javaScript:;" title="市技术质量监督局">
- <i class="technicalQuality"></i>
- <div>市技术质量监督局</div>
- </a>
- </li>
- <li data-id="67">
- <a href="javaScript:;" title="市食品药品监督管理局">
- <i class="foodDrugSupervision"></i>
- <div>市食品药品监督管理局</div>
- </a>
- </li>
- <li data-id="60">
- <a href="javaScript:;" title="市公路局">
- <i class="highwayBureau"></i>
- <div>市公路局</div>
- </a>
- </li>
- <li data-id="61">
- <a href="javaScript:;" title="商丘出入境检验检疫局">
- <i class="exitInspection"></i>
- <div>商丘出入境检验检疫局</div>
- </a>
- </li>
- <li data-id="62">
- <a href="javaScript:;" title="市盐业管理局">
- <i class="saltIndustryAuthority"></i>
- <div>市盐业管理局</div>
- </a>
- </li>
- <li data-id="58">
- <a href="javaScript:;" title="市人防办">
- <i class="airDefenseOffice"></i>
- <div>市人防办</div>
- </a>
- </li>
- <li data-id="64">
- <a href="javaScript:;" title="市国家税务局">
- <i class="stateRevenue"></i>
- <div>市国家税务局</div>
- </a>
- </li>
- <li data-id="63">
- <a href="javaScript:;" title="市总工会">
- <i class="generalUnion"></i>
- <div>市总工会</div>
- </a>
- </li>
- <li data-id="100">
- <a href="javaScript:;" title="睢县县政府">
- <i class="cityGovernment"></i>
- <div>睢县县政府</div>
- </a>
- </li>
- <li data-id="94">
- <a href="javaScript:;" title="梁园区区政府">
- <i class="cityGovernment"></i>
- <div>梁园区区政府</div>
- </a>
- </li>
- <li data-id="97">
- <a href="javaScript:;" title="民权县县政府">
- <i class="cityGovernment"></i>
- <div>民权县县政府</div>
- </a>
- </li>
- <li data-id="96">
- <a href="javaScript:;" title="夏邑县县政府">
- <i class="cityGovernment"></i>
- <div>夏邑县县政府</div>
- </a>
- </li>
- <li data-id="79">
- <a href="javaScript:;" title="柘城县县政府">
- <i class="cityGovernment"></i>
- <div>柘城县县政府</div>
- </a>
- </li>
- <li data-id="83">
- <a href="javaScript:;" title="睢阳区区政府">
- <i class="cityGovernment"></i>
- <div>睢阳区区政府</div>
- </a>
- </li>
- <li data-id="80">
- <a href="javaScript:;" title="虞城县县政府">
- <i class="cityGovernment"></i>
- <div>虞城县县政府</div>
- </a>
- </li>
- <li data-id="95">
- <a href="javaScript:;" title="宁陵县县政府">
- <i class="cityGovernment"></i>
- <div>宁陵县县政府</div>
- </a>
- </li>
-
- </ul>
- </div>
- </div>
- </div>
- <ul class="tab_circle clearfix">
- <li class="active"></li>
- <li></li>
- <li></li>
- </ul>
- </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-formatter="CZ" data-align="center">操作</th>
- </tr>
- </thead>
- </table>
- </div>
-
- </div>
- <input type="hidden" id="depID"/>
- </div>
- </div>
- <script>
- var token = $.cookie("token");
- var table = $('#table1');
- var _index=0;
- var unitListGroup=$('.unitListCon') ;
- $('#depID').val(31);
- $(document).ready(function(){
- // $('#firstOne').trigger("click");
- //右侧搜索事件
- initTable($('#depID').val());
- $('#rightSearch').click(function(){
- initTable($('#depID').val());
- })
-
-
- function initTable(ids) {
- //先销毁表格
- table.bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- table.bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "Repository/GetList", //获取数据的Servlet地址
- contentType: "application/x-www-form-urlencoded", striped: true,
- striped: true, //表格显示条纹
- pagination: true, //启动分页
- pageSize: 10, //每页显示的记录数
- pageNumber: 1, //当前第几页
- pageList: [10, 15, 25], //记录数可选列表
- search: false, //是否启用查询
- showColumns: false, //显示下拉框勾选要显示的列
- showRefresh: false, //显示刷新按钮
- sidePagination: "server", //表示服务端请求
- //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
- //设置为limit可以获取limit, offset, search, sort, order
- queryParamsType: "undefined",
- queryParams: function queryParams(params) { //设置查询参数
- var param = {
- pageindex: params.pageNumber,
- pagesize: params.pageSize,
- token: token,
- deptid:ids,
- key:$('.rightSearchKey').val(),
- // starttime: 否 string 开始时间 (2017-01-09)
- // endtime:
- };
- return param;
- },
- onLoadSuccess: function () { //加载成功时执行
- //layer.msg("加载成功");
- },
- onLoadError: function () { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
-
- //轮播按钮圆点
- $('.tab_circle li').click(function(){
- var index=$(this).index();
- $(this).addClass('active').siblings().removeClass('active');
- sider(index)
- })
-
- var sideWidth=$('.unitListBox .unitList').eq(0).width();
- function sider(num){
- $(".unitListBox").animate({
- left: -num * sideWidth,
- }, 1000, function() {
- //检查是否到最后一张
- if (_index == unitListGroup.length - 1) {
- _index %= 3;
- $(".unitListBox").css("left", "0px");
- $(".tab_circle li").eq(0).addClass("active").siblings().removeClass("active");
- }
- })
- }
-
- $('.unitList li').click(function(){
- $('.unitList li').removeClass('active')
- $(this).addClass('active');
- var depId=$(this).attr('data-id');
- var keyWord=$(this).find('div').html();
- $('.rightTabKey').html(keyWord);
- $('#depID').val(depId);
- initTable(depId);
- })
-
- //左侧单位鼠标移入效果
- $('.unitList li').hover(function(){
- $(this).addClass('acs');
-
- },function(){
- $(this).removeClass('acs');
- })
- //右侧关键字鼠标移入效果
- $('.keyList li').hover(function(){
- $('.keyList li').removeClass('active')
- $(this).addClass('active');
-
- },function(){
- $(this).removeClass('active');
- })
- $('.addTo').click(function(){
- var depid=$('#depID').val();
- goAdd(depid)
-
- })
- function goAdd(ids){
- //iframe窗
- layer.open({
- type: 2,
- title: '查看知识库详情',
- shadeClose: true, //是否开启点击遮罩关闭
- shade: 0.4, //遮罩
- maxmin: true, //开启最大化最小化按钮
- id: 'LAY_layuipro',//防止重复弹出
- moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
- moveOut: true, //拖拽到窗口外
- resize: true,//是否允许拉伸
- area: ['70%', '60%'],
- content: 'newRepositoryAdd.html?depId='+ ids +''
- });
- }
- })
-
- function CZ(val,row){
- return '<div>'+
- '<a class="xg" onclick="goDetail(' + row.F_Id + ')" title="点击查看详情">查看</a>'+
- '<a class="xg" onclick="goEdit(' + row.F_Id + ')" title="点击编辑">编辑</a>'+
- '</div>'
- }
-
- function goDetail(ids){
- //iframe窗
- layer.open({
- type: 2,
- title: '查看知识库详情',
- shadeClose: true, //是否开启点击遮罩关闭
- shade: 0.4, //遮罩
- maxmin: true, //开启最大化最小化按钮
- id: 'LAY_layuipro',//防止重复弹出
- moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
- moveOut: true, //拖拽到窗口外
- //resize: true,//是否允许拉伸
- area: ['70%', '60%'],
- content: 'newRepositoryDetail.html?ids='+ ids +''
- });
-
- }
-
- function goEdit(ids){
- //iframe窗
- layer.open({
- type: 2,
- title: '编辑知识库',
- shadeClose: true, //是否开启点击遮罩关闭
- shade: 0.4, //遮罩
- maxmin: true, //开启最大化最小化按钮
- id: 'LAY_layuipro',//防止重复弹出
- moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
- moveOut: true, //拖拽到窗口外
- resize: true,//是否允许拉伸
- area: ['70%', '60%'],
- content: 'newRepositoryAdd.html?ids='+ ids +'&depId='+$('#depID').val()
- });
- }
-
- </script>
- </body>
- </html>
|