12345市长热线标准版-前端

newRepository.html 25KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730
  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/init.css" />
  8. <link rel="stylesheet" href="css/newRepository.css" />
  9. <title>新版知识库</title>
  10. </head>
  11. <body class="gray-bg">
  12. <div class="container-fluid wrapper-content animated fadeInRight">
  13. <div class="daoHang clearfix">
  14. <div class="dhLeft">
  15. <sapn><i class="syIcon"></i>位置:
  16. <a id="ReIndex">首页</a>&gt;
  17. <a href="javaScript:;">知识库</a>&gt;
  18. <a href="" class="nowPosition">知识库主界面</a>
  19. </sapn>
  20. </div>
  21. <div class="dhRight">
  22. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  23. </div>
  24. </div>
  25. <div class="reposCon clearfix">
  26. <!--左侧-->
  27. <div class="conleft col-md-3">
  28. <div class="search ">
  29. <div class="secon clearfix">
  30. <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon" /></p><button href="javaScript:;" class="stb"></button></div>
  31. </div>
  32. <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;">服务单位列表</p>
  33. <div class="line"></div>
  34. <div class="siderCon">
  35. <div class="unitListBox clearfix">
  36. <div class="unitListCon">
  37. <ul class="unitList clearfix">
  38. <li data-id="31" class="active">
  39. <a href="javaScript:;" title="市教育体育局">
  40. <i></i>
  41. <div>市教育体育局</div>
  42. </a>
  43. </li>
  44. <li data-id="32">
  45. <a href="javaScript:;" title="市民政局">
  46. <i class="smzj"></i>
  47. <div>市民政局</div>
  48. </a>
  49. </li>
  50. <li data-id="59">
  51. <a href="javaScript:;" title="市公安消防支队">
  52. <i class="sgaxf"></i>
  53. <div>市公安消防支队</div>
  54. </a>
  55. </li>
  56. <li data-id="68">
  57. <a href="javaScript:;" title="中国人民银行商丘市中心支行">
  58. <i class="chinaBank"></i>
  59. <div>中国人民银行商丘市中心支行</div>
  60. </a>
  61. </li>
  62. <li data-id="73">
  63. <a href="javaScript:;" title="商丘市新奥燃气有限公司">
  64. <i class="newAustrianGas"></i>
  65. <div>商丘市新奥燃气有限公司</div>
  66. </a>
  67. </li>
  68. <li data-id="75">
  69. <a href="javaScript:;" title="中国移动商丘市分公司">
  70. <i class="chinaMobile"></i>
  71. <div>中国移动商丘市分公司</div>
  72. </a>
  73. </li>
  74. <li data-id="77">
  75. <a href="javaScript:;" title="郑州铁路局商丘车站">
  76. <i class="railwayBureau"></i>
  77. <div>郑州铁路局商丘车站</div>
  78. </a>
  79. </li>
  80. <li data-id="87">
  81. <a href="javaScript:;" title="商丘市残联">
  82. <i class="cityCDPF"></i>
  83. <div>商丘市残联</div>
  84. </a>
  85. </li>
  86. <li data-id="104">
  87. <a href="javaScript:;" title="商丘公共交通有限公司">
  88. <i class="publicTransit"></i>
  89. <div>商丘公共交通有限公司</div>
  90. </a>
  91. </li>
  92. <li data-id="39">
  93. <a href="javaScript:;" title="市环保局">
  94. <i class="cityEnvironmentalAgency"></i>
  95. <div>市环保局</div>
  96. </a>
  97. </li>
  98. <li data-id="55">
  99. <a href="javaScript:;" title="市城市管理局">
  100. <i class="cityAuthority"></i>
  101. <div>市城市管理局</div>
  102. </a>
  103. </li>
  104. <li data-id="29">
  105. <a href="javaScript:;" title="市公安局">
  106. <i class="publicSecurityBureau"></i>
  107. <div>市公安局</div>
  108. </a>
  109. </li>
  110. <li data-id="76">
  111. <a href="javaScript:;"title="中国联通商丘市分公司">
  112. <i class="chinaUnicom"></i>
  113. <div>中国联通商丘市分公司</div>
  114. </a>
  115. </li>
  116. <li data-id="38">
  117. <a href="javaScript:;" title="市水利局">
  118. <i class="waterConservancyBureau"></i>
  119. <div>市水利局</div>
  120. </a>
  121. </li>
  122. <li data-id="65">
  123. <a href="javaScript:;" title="市地方税务局">
  124. <i class="inlandRevenue"></i>
  125. <div>市地方税务局</div>
  126. </a>
  127. </li>
  128. <li data-id="82">
  129. <a href="javaScript:;" title="城乡一体化示范区管委会">
  130. <i class="demonstrationArea"></i>
  131. <div>城乡一体化示范区管委会</div>
  132. </a>
  133. </li>
  134. <li data-id="45">
  135. <a href="javaScript:;" title="市住建局">
  136. <i class="housingAuthority"></i>
  137. <div>市住建局</div>
  138. </a>
  139. </li>
  140. <li data-id="40">
  141. <a href="javaScript:;" title="市城乡规划管理局">
  142. <i class="urbanRuralPlanning"></i>
  143. <div>市城乡规划管理局</div>
  144. </a>
  145. </li>
  146. <li data-id="71">
  147. <a href="javaScript:;" title="商丘市水务集团">
  148. <i class="waterGroup"></i>
  149. <div>商丘市水务集团</div>
  150. </a>
  151. </li>
  152. <li data-id="72">
  153. <a href="javaScript:;" title="商丘供电公司">
  154. <i class="powerCompany"></i>
  155. <div>商丘供电公司</div>
  156. </a>
  157. </li>
  158. <li data-id="44">
  159. <a href="javaScript:;" title="市商务局">
  160. <i class="sswj"></i>
  161. <div>市商务局</div>
  162. </a>
  163. </li>
  164. <li data-id="57">
  165. <a href="javaScript:;" title="市住房公积金管理中心">
  166. <i class="cityHousingFund"></i>
  167. <div>市住房公积金管理中心</div>
  168. </a>
  169. </li>
  170. <li data-id="47">
  171. <a href="javaScript:;" title="市人力资源和社会保障局">
  172. <i class="humanResource"></i>
  173. <div>市人力资源和社会保障局</div>
  174. </a>
  175. </li>
  176. <li data-id="46">
  177. <a href="javaScript:;" title="市卫生计生委">
  178. <i class="familyPlanning"></i>
  179. <div>市卫生计生委</div>
  180. </a>
  181. </li>
  182. <li data-id="42">
  183. <a href="javaScript:;" title="市国土资源局">
  184. <i class="sgtzyj"></i>
  185. <div>市国土资源局</div>
  186. </a>
  187. </li>
  188. <li data-id="34">
  189. <a href="javaScript:;" title="市交通运输局">
  190. <i class="transportation"></i>
  191. <div>市交通运输局</div>
  192. </a>
  193. </li>
  194. <li data-id="54">
  195. <a href="javaScript:;" title="市工业和信息化委">
  196. <i class="industryInformation"></i>
  197. <div>市工业和信息化委</div>
  198. </a>
  199. </li>
  200. </ul>
  201. </div>
  202. <div class="unitListCon">
  203. <ul class="unitList clearfix">
  204. <li data-id="88">
  205. <a href="javaScript:;" title="河南煤矿安全监察局豫东分局">
  206. <i class="coalMineSafety"></i>
  207. <div>河南煤矿安全监察局豫东分局</div>
  208. </a>
  209. </li>
  210. <li data-id="89">
  211. <a href="javaScript:;" title="郑州海关商丘办事处">
  212. <i class="customsOffice"></i>
  213. <div>郑州海关商丘办事处</div>
  214. </a>
  215. </li>
  216. <li data-id="90">
  217. <a href="javaScript:;" title="商丘市无线电管理局">
  218. <i class="radioManagement"></i>
  219. <div>商丘市无线电管理局</div>
  220. </a>
  221. </li>
  222. <li data-id="91">
  223. <a href="javaScript:;" title="市民宗委">
  224. <i class="publicCommittee"></i>
  225. <div>市民宗委</div>
  226. </a>
  227. </li>
  228. <li data-id="92">
  229. <a href="javaScript:;" title="市工商局">
  230. <i class="cityOfIndustry"></i>
  231. <div>市工商局</div>
  232. </a>
  233. </li>
  234. <li data-id="93">
  235. <a href="javaScript:;" title="市科学技术局">
  236. <i class="scienceTechnology"></i>
  237. <div>市科学技术局</div>
  238. </a>
  239. </li>
  240. <li data-id="98">
  241. <a href="javaScript:;" title="客服">
  242. <i class="customerService"></i>
  243. <div>客服</div>
  244. </a>
  245. </li>
  246. <li data-id="105">
  247. <a href="javaScript:;" title="市妇联">
  248. <i class="womenFederation"></i>
  249. <div>市妇联</div>
  250. </a>
  251. </li>
  252. <li data-id="74">
  253. <a href="javaScript:;" title="中国电信商丘市分公司">
  254. <i class="chinaTelecom"></i>
  255. <div>中国电信商丘市分公司</div>
  256. </a>
  257. </li>
  258. <li data-id="84">
  259. <a href="javaScript:;" title="市档案局">
  260. <i class="cityArchives"></i>
  261. <div>市档案局</div>
  262. </a>
  263. </li>
  264. <li data-id="85">
  265. <a href="javaScript:;" title="商丘广电总台">
  266. <i class="broadcastingStation"></i>
  267. <div>商丘广电总台</div>
  268. </a>
  269. </li>
  270. <li data-id="99">
  271. <a href="javaScript:;" title="派单组">
  272. <i class="sendSingle"></i>
  273. <div>派单组</div>
  274. </a>
  275. </li>
  276. <li data-id="69">
  277. <a href="javaScript:;" title="商丘市银监分局">
  278. <i class="bankSupervisor"></i>
  279. <div>商丘市银监分局</div>
  280. </a>
  281. </li>
  282. <li data-id="70">
  283. <a href="javaScript:;" title="市邮政管理局">
  284. <i class="postManagement"></i>
  285. <div>市邮政管理局</div>
  286. </a>
  287. </li>
  288. <li data-id="35">
  289. <a href="javaScript:;" title="市农业局">
  290. <i class="agricultureBureau"></i>
  291. <div>市农业局</div>
  292. </a>
  293. </li>
  294. <li data-id="86">
  295. <a href="javaScript:;" title="市气象局">
  296. <i class="weatherBureau"></i>
  297. <div>市气象局</div>
  298. </a>
  299. </li>
  300. <li data-id="81">
  301. <a href="javaScript:;" title="市供销社">
  302. <i class="supplyMarketing"></i>
  303. <div>市供销社</div>
  304. </a>
  305. </li>
  306. <li data-id="78">
  307. <a href="javaScript:;" title="商丘日报报业集团">
  308. <i class="dailyNewspaper"></i>
  309. <div>商丘日报报业集团</div>
  310. </a>
  311. </li>
  312. <li data-id="36">
  313. <a href="javaScript:;" title="市审计局">
  314. <i class="auditOffice"></i>
  315. <div>市审计局</div>
  316. </a>
  317. </li>
  318. <li data-id="37">
  319. <a href="javaScript:;" title="市粮食局">
  320. <i class="foodBureau"></i>
  321. <div>市粮食局</div>
  322. </a>
  323. </li>
  324. <li data-id="30">
  325. <a href="javaScript:;" title="市发改委">
  326. <i class="developmentReformCommission"></i>
  327. <div>市发改委</div>
  328. </a>
  329. </li>
  330. <li data-id="26">
  331. <a href="javaScript:;" title="市畜牧局">
  332. <i class="animalHusbandryBureau"></i>
  333. <div>市畜牧局</div>
  334. </a>
  335. </li>
  336. <li data-id="28">
  337. <a href="javaScript:;" title="市国资委">
  338. <i class="citySASAC"></i>
  339. <div>市国资委</div>
  340. </a>
  341. </li>
  342. <li data-id="43">
  343. <a href="javaScript:;" title="市文化广播新闻出版局">
  344. <i class="culturalBroadcasting"></i>
  345. <div>市文化广播新闻出版局</div>
  346. </a>
  347. </li>
  348. <li data-id="41">
  349. <a href="javaScript:;" title="市安监局">
  350. <i class="safetySupervisionBureau"></i>
  351. <div>市安监局</div>
  352. </a>
  353. </li>
  354. <li data-id="33">
  355. <a href="javaScript:;" title="市财政局">
  356. <i class="financeBureau"></i>
  357. <div>市财政局</div>
  358. </a>
  359. </li>
  360. <li data-id="50">
  361. <a href="javaScript:;" title="市统计局">
  362. <i class="statisticsBureau"></i>
  363. <div>市统计局</div>
  364. </a>
  365. </li>
  366. </ul>
  367. </div>
  368. <div class="unitListCon">
  369. <ul class="unitList clearfix">
  370. <li data-id="51">
  371. <a href="javaScript:;" title="市地震局">
  372. <i class="seismologicalBureau"></i>
  373. <div>市地震局</div>
  374. </a>
  375. </li>
  376. <li data-id="52">
  377. <a href="javaScript:;" title="市林业局">
  378. <i class="forestryBureau"></i>
  379. <div>市林业局</div>
  380. </a>
  381. </li>
  382. <li data-id="53">
  383. <a href="javaScript:;" title="市司法局">
  384. <i class="justiceBureau"></i>
  385. <div>市司法局</div>
  386. </a>
  387. </li>
  388. <li data-id="56">
  389. <a href="javaScript:;" title="市农机局">
  390. <i class="agriculturalBureau"></i>
  391. <div>市农机局</div>
  392. </a>
  393. </li>
  394. <li data-id="48">
  395. <a href="javaScript:;" title="市旅游局">
  396. <i class="tourism"></i>
  397. <div>市旅游局</div>
  398. </a>
  399. </li>
  400. <li data-id="66">
  401. <a href="javaScript:;" title="市技术质量监督局">
  402. <i class="technicalQuality"></i>
  403. <div>市技术质量监督局</div>
  404. </a>
  405. </li>
  406. <li data-id="67">
  407. <a href="javaScript:;" title="市食品药品监督管理局">
  408. <i class="foodDrugSupervision"></i>
  409. <div>市食品药品监督管理局</div>
  410. </a>
  411. </li>
  412. <li data-id="60">
  413. <a href="javaScript:;" title="市公路局">
  414. <i class="highwayBureau"></i>
  415. <div>市公路局</div>
  416. </a>
  417. </li>
  418. <li data-id="61">
  419. <a href="javaScript:;" title="商丘出入境检验检疫局">
  420. <i class="exitInspection"></i>
  421. <div>商丘出入境检验检疫局</div>
  422. </a>
  423. </li>
  424. <li data-id="62">
  425. <a href="javaScript:;" title="市盐业管理局">
  426. <i class="saltIndustryAuthority"></i>
  427. <div>市盐业管理局</div>
  428. </a>
  429. </li>
  430. <li data-id="58">
  431. <a href="javaScript:;" title="市人防办">
  432. <i class="airDefenseOffice"></i>
  433. <div>市人防办</div>
  434. </a>
  435. </li>
  436. <li data-id="64">
  437. <a href="javaScript:;" title="市国家税务局">
  438. <i class="stateRevenue"></i>
  439. <div>市国家税务局</div>
  440. </a>
  441. </li>
  442. <li data-id="63">
  443. <a href="javaScript:;" title="市总工会">
  444. <i class="generalUnion"></i>
  445. <div>市总工会</div>
  446. </a>
  447. </li>
  448. <li data-id="100">
  449. <a href="javaScript:;" title="睢县县政府">
  450. <i class="cityGovernment"></i>
  451. <div>睢县县政府</div>
  452. </a>
  453. </li>
  454. <li data-id="94">
  455. <a href="javaScript:;" title="梁园区区政府">
  456. <i class="cityGovernment"></i>
  457. <div>梁园区区政府</div>
  458. </a>
  459. </li>
  460. <li data-id="97">
  461. <a href="javaScript:;" title="民权县县政府">
  462. <i class="cityGovernment"></i>
  463. <div>民权县县政府</div>
  464. </a>
  465. </li>
  466. <li data-id="96">
  467. <a href="javaScript:;" title="夏邑县县政府">
  468. <i class="cityGovernment"></i>
  469. <div>夏邑县县政府</div>
  470. </a>
  471. </li>
  472. <li data-id="79">
  473. <a href="javaScript:;" title="柘城县县政府">
  474. <i class="cityGovernment"></i>
  475. <div>柘城县县政府</div>
  476. </a>
  477. </li>
  478. <li data-id="83">
  479. <a href="javaScript:;" title="睢阳区区政府">
  480. <i class="cityGovernment"></i>
  481. <div>睢阳区区政府</div>
  482. </a>
  483. </li>
  484. <li data-id="80">
  485. <a href="javaScript:;" title="虞城县县政府">
  486. <i class="cityGovernment"></i>
  487. <div>虞城县县政府</div>
  488. </a>
  489. </li>
  490. <li data-id="95">
  491. <a href="javaScript:;" title="宁陵县县政府">
  492. <i class="cityGovernment"></i>
  493. <div>宁陵县县政府</div>
  494. </a>
  495. </li>
  496. </ul>
  497. </div>
  498. </div>
  499. </div>
  500. <ul class="tab_circle clearfix">
  501. <li class="active"></li>
  502. <li></li>
  503. <li></li>
  504. </ul>
  505. </div>
  506. <!--右侧-->
  507. <div class="conRight col-md-9">
  508. <div class="search clearfix">
  509. <div class="secon clearfix" style="width: 80%; float:left;">
  510. <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon rightSearchKey" /></p><button href="javaScript:;" class="stb" id="rightSearch"></button></div>
  511. <button class="btns addTo" style="float: right;">添加</button>
  512. </div>
  513. <!--<ul class="keyList clearfix" style="height: 38px;">
  514. <li>市民反馈问题 </li>
  515. <li>车辆管理条例 </li>
  516. <li>市长重要讲话 </li>
  517. <li>社保资料 </li>
  518. <li> 投诉 </li>
  519. <li> 建议 </li>
  520. <li>鹤壁政要 </li>
  521. <li>鹤壁政府 </li>
  522. <li>公积金 </li>
  523. <li>市长热线 </li>
  524. <li>鹤壁政府 </li>
  525. </ul>-->
  526. <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;" class="rightTabKey">市教育体育局</p>
  527. <div class="line"></div>
  528. <div class="tableBox">
  529. <table id="table1" data-row-style="rowStyle" data-classes="table table-no-bordered" data-query-params="queryParams">
  530. <thead>
  531. <tr>
  532. <th data-field="F_Title" data-align="center">事件名称</th>
  533. <th data-field="DeptName" data-align="center">单位名称</th>
  534. <th data-field="F_CreateTime" data-align="center">时间</th>
  535. <th data-formatter="CZ" data-align="center">操作</th>
  536. </tr>
  537. </thead>
  538. </table>
  539. </div>
  540. </div>
  541. <input type="hidden" id="depID"/>
  542. </div>
  543. </div>
  544. <script>
  545. var token = $.cookie("token");
  546. var table = $('#table1');
  547. var _index=0;
  548. var unitListGroup=$('.unitListCon') ;
  549. $('#depID').val(31);
  550. $(document).ready(function(){
  551. // $('#firstOne').trigger("click");
  552. //右侧搜索事件
  553. initTable($('#depID').val());
  554. $('#rightSearch').click(function(){
  555. initTable($('#depID').val());
  556. })
  557. function initTable(ids) {
  558. //先销毁表格
  559. table.bootstrapTable('destroy');
  560. //初始化表格,动态从服务器加载数据
  561. table.bootstrapTable({
  562. method: "get", //使用get请求到服务器获取数据
  563. url: huayi.config.callcenter_url + "Repository/GetList", //获取数据的Servlet地址
  564. contentType: "application/x-www-form-urlencoded", striped: true,
  565. striped: true, //表格显示条纹
  566. pagination: true, //启动分页
  567. pageSize: 10, //每页显示的记录数
  568. pageNumber: 1, //当前第几页
  569. pageList: [10, 15, 25], //记录数可选列表
  570. search: false, //是否启用查询
  571. showColumns: false, //显示下拉框勾选要显示的列
  572. showRefresh: false, //显示刷新按钮
  573. sidePagination: "server", //表示服务端请求
  574. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  575. //设置为limit可以获取limit, offset, search, sort, order
  576. queryParamsType: "undefined",
  577. queryParams: function queryParams(params) { //设置查询参数
  578. var param = {
  579. pageindex: params.pageNumber,
  580. pagesize: params.pageSize,
  581. token: token,
  582. deptid:ids,
  583. key:$('.rightSearchKey').val(),
  584. // starttime: 否 string 开始时间 (2017-01-09)
  585. // endtime:
  586. };
  587. return param;
  588. },
  589. onLoadSuccess: function () { //加载成功时执行
  590. //layer.msg("加载成功");
  591. },
  592. onLoadError: function () { //加载失败时执行
  593. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  594. }
  595. });
  596. }
  597. //轮播按钮圆点
  598. $('.tab_circle li').click(function(){
  599. var index=$(this).index();
  600. $(this).addClass('active').siblings().removeClass('active');
  601. sider(index)
  602. })
  603. var sideWidth=$('.unitListBox .unitList').eq(0).width();
  604. function sider(num){
  605. $(".unitListBox").animate({
  606. left: -num * sideWidth,
  607. }, 1000, function() {
  608. //检查是否到最后一张
  609. if (_index == unitListGroup.length - 1) {
  610. _index %= 3;
  611. $(".unitListBox").css("left", "0px");
  612. $(".tab_circle li").eq(0).addClass("active").siblings().removeClass("active");
  613. }
  614. })
  615. }
  616. $('.unitList li').click(function(){
  617. $('.unitList li').removeClass('active')
  618. $(this).addClass('active');
  619. var depId=$(this).attr('data-id');
  620. var keyWord=$(this).find('div').html();
  621. $('.rightTabKey').html(keyWord);
  622. $('#depID').val(depId);
  623. initTable(depId);
  624. })
  625. //左侧单位鼠标移入效果
  626. $('.unitList li').hover(function(){
  627. $(this).addClass('acs');
  628. },function(){
  629. $(this).removeClass('acs');
  630. })
  631. //右侧关键字鼠标移入效果
  632. $('.keyList li').hover(function(){
  633. $('.keyList li').removeClass('active')
  634. $(this).addClass('active');
  635. },function(){
  636. $(this).removeClass('active');
  637. })
  638. $('.addTo').click(function(){
  639. var depid=$('#depID').val();
  640. goAdd(depid)
  641. })
  642. function goAdd(ids){
  643. //iframe窗
  644. layer.open({
  645. type: 2,
  646. title: '查看知识库详情',
  647. shadeClose: true, //是否开启点击遮罩关闭
  648. shade: 0.4, //遮罩
  649. maxmin: true, //开启最大化最小化按钮
  650. id: 'LAY_layuipro',//防止重复弹出
  651. moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
  652. moveOut: true, //拖拽到窗口外
  653. resize: true,//是否允许拉伸
  654. area: ['70%', '60%'],
  655. content: 'newRepositoryAdd.html?depId='+ ids +''
  656. });
  657. }
  658. })
  659. function CZ(val,row){
  660. return '<div>'+
  661. '<a class="xg" onclick="goDetail(' + row.F_Id + ')" title="点击查看详情">查看</a>'+
  662. '<a class="xg" onclick="goEdit(' + row.F_Id + ')" title="点击编辑">编辑</a>'+
  663. '</div>'
  664. }
  665. function goDetail(ids){
  666. //iframe窗
  667. layer.open({
  668. type: 2,
  669. title: '查看知识库详情',
  670. shadeClose: true, //是否开启点击遮罩关闭
  671. shade: 0.4, //遮罩
  672. maxmin: true, //开启最大化最小化按钮
  673. id: 'LAY_layuipro',//防止重复弹出
  674. moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
  675. moveOut: true, //拖拽到窗口外
  676. //resize: true,//是否允许拉伸
  677. area: ['70%', '60%'],
  678. content: 'newRepositoryDetail.html?ids='+ ids +''
  679. });
  680. }
  681. function goEdit(ids){
  682. //iframe窗
  683. layer.open({
  684. type: 2,
  685. title: '编辑知识库',
  686. shadeClose: true, //是否开启点击遮罩关闭
  687. shade: 0.4, //遮罩
  688. maxmin: true, //开启最大化最小化按钮
  689. id: 'LAY_layuipro',//防止重复弹出
  690. moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
  691. moveOut: true, //拖拽到窗口外
  692. resize: true,//是否允许拉伸
  693. area: ['70%', '60%'],
  694. content: 'newRepositoryAdd.html?ids='+ ids +'&depId='+$('#depID').val()
  695. });
  696. }
  697. </script>
  698. </body>
  699. </html>