高新区管委会,以5.0标准版为基准,从双汇项目拷贝

zhiShiKuManger.js 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  1. var token = $.cookie("token");
  2. var zNodes = [];
  3. var id; //当前节点id
  4. var pid; //当前父节点ID
  5. var name = ''; //选择的name
  6. var pidName; //父节点name
  7. var keyWord = $('.searCon').val(); //关键字
  8. var xlName; //添加下拉框节点name
  9. var table = $('#table1'); //右边表格
  10. //搜索按钮
  11. $('.searchGo').click(function() {
  12. keyWord = $('.searCon').val();
  13. //console.log(keyWord);
  14. //if(keyWord){
  15. initTable(token, id, keyWord);
  16. //}else{
  17. // layer.msg("请输入搜索内容!");
  18. //}
  19. })
  20. $('.searCon').bind('keypress', function (event) {
  21. if (event.keyCode == "13") {
  22. keyWord = $('.searCon').val();
  23. initTable(token, id, keyWord);
  24. return false;
  25. }
  26. });
  27. tree();
  28. function tree() {
  29. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  30. "token": $.cookie("token"),
  31. "pid": pid
  32. }, function(result) {
  33. result = $.parseJSON(result);
  34. $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
  35. });
  36. }
  37. var setting1 = {
  38. data: {
  39. key: {
  40. name: "text"
  41. },
  42. simpleData: {
  43. enable: true,
  44. idKey: "id",
  45. rootPId: 0
  46. }
  47. },
  48. callback: {
  49. onClick: zTreeOnClick
  50. }
  51. };
  52. function zTreeOnClick(event, treeId, treeNode) {
  53. id = treeNode.id;
  54. name = treeNode.text;
  55. var pidnode = treeNode.getParentNode();
  56. if(pidnode) {
  57. pidName = pidnode.text;
  58. pid = pidnode.id;
  59. //console.log(pid);
  60. } else {
  61. pidName = "顶级分类";
  62. pid == 0;
  63. //console.log(pid);
  64. }
  65. keyWord = $('.searCon').val();
  66. initTable(token, id, keyWord);
  67. };
  68. var setting2 = {
  69. data: {
  70. key: {
  71. name: "text"
  72. },
  73. simpleData: {
  74. enable: true,
  75. idKey: "id",
  76. rootPId: 0
  77. }
  78. },
  79. callback: {
  80. onClick: addTreeClick
  81. }
  82. };
  83. function addTreeClick(event, treeId, treeNode) {
  84. addPid = treeNode.id;
  85. //console.log(addPid);
  86. xlName = treeNode.text;
  87. $('.inps1').val(xlName);
  88. };
  89. //编辑器配置
  90. KindEditor.ready(function(K) {
  91. window.editor = K.create('#addEditor'); //添加弹出框编辑器
  92. window.changeEditor = K.create('#changeEditor'); //修改弹出框编辑器
  93. });
  94. function getTree() {
  95. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  96. "token": $.cookie("token"),
  97. // "pid":pid
  98. }, function(result) {
  99. result = $.parseJSON(result);
  100. $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  101. });
  102. }
  103. //===============添加功能开始=============================
  104. // 清空输入框
  105. function emptyInput() {
  106. $('.addTitle').val('');
  107. $('.addKey').val('');
  108. editor.html('');
  109. // $('#addEditor').val('');
  110. }
  111. //添加按钮
  112. $('.add').click(function() {
  113. $('.addModel').css('display', 'block');
  114. // console.log(pidName);
  115. if(name) {
  116. $('.inps1').val(name);
  117. addPid = id;
  118. } else {
  119. $('.inps1').val("顶级分类");
  120. addPid = 0
  121. //console.log(addPid);
  122. }
  123. $('.inps3').val('顶级分类');
  124. did = 0;
  125. getTree();
  126. adddep();
  127. })
  128. $('.addBtr').click(function() {
  129. $('.addModel').css('display', 'none');
  130. emptyInput();
  131. })
  132. //添加内容下拉
  133. $('.inps1').focus(function() {
  134. $('.xlAdd').css('display', 'block');
  135. })
  136. $('.xl_one').click(function() {
  137. if($('.xlAdd').css('display') == 'block') {
  138. $('.xlAdd').css('display', 'none')
  139. } else {
  140. $('.xlAdd').css('display', 'block')
  141. }
  142. })
  143. $('.inps3').focus(function() {
  144. $('.xlAddDep').css('display', 'block');
  145. })
  146. $('.xl_three').click(function() {
  147. if($('.xlAddDep').css('display') == 'block') {
  148. $('.xlAddDep').css('display', 'none')
  149. } else {
  150. $('.xlAddDep').css('display', 'block')
  151. }
  152. })
  153. $('.addTree').mouseleave(function() {
  154. $(this).css('display', 'none')
  155. })
  156. //保存添加按钮
  157. var addPid, addTitle, addKey, addCon, addDes;
  158. $('.addCun').click(function() {
  159. if($('.inps1').val() == "" || $('.addTitle').val() == "") {
  160. layer.confirm('请输入标题!', {
  161. btn: ['确定']
  162. });
  163. return;
  164. } else if (addPid === 0) {
  165. layer.confirm('请选择分类!', {
  166. btn: ['确定']
  167. });
  168. return;
  169. } else if (encodeURIComponent(editor.html()) == '') {
  170. layer.confirm('请输入内容!', {
  171. btn: ['确定']
  172. });
  173. return;
  174. } else {
  175. addTitle = $('.addTitle').val();
  176. addKey = $('.addKey').val();
  177. addCon = encodeURIComponent(editor.html());
  178. addindividualBusiness = $('.addIndividualBusiness input[name="individualBusinessInput"]:checked').val();
  179. $('.addModel').css('display', 'none');
  180. addCunTree(addPid, addTitle, addKey, addCon, addindividualBusiness);
  181. }
  182. emptyInput();
  183. })
  184. function addCunTree(addPid, addTitle, addKey, addCon, addindividualBusiness) {
  185. $.ajax({
  186. type: "post",
  187. url: huayi.config.callcenter_url + "Knowledge/AddInfo",
  188. dataType: 'json',
  189. async: true,
  190. data: {
  191. title: addTitle,
  192. key: addKey,
  193. con: addCon,
  194. pid: addPid,
  195. visibleDeptId: did,
  196. isorPerson: addindividualBusiness,
  197. token: token
  198. },
  199. success: function(data) {
  200. console.log(data)
  201. console.log(data.state);
  202. if(data.state == "success") {
  203. layer.msg("添加成功!");
  204. // tree();
  205. getTree()
  206. initTable(token, id, keyWord);
  207. }
  208. }
  209. });
  210. }
  211. //***********************添加功能结束=============================
  212. //=======================修改功能开始==============================
  213. var chanId, //修改弹出框内 下拉框当前节点ID
  214. changeName, //修改弹出框内 下拉框当前节点name
  215. changeGetid,
  216. chanCunId;
  217. // JSON.stringify($table.bootstrapTable('getSelections'));
  218. $('.change').click(function() {
  219. var changes = $.map($('#table1').bootstrapTable('getSelections'), function(row) {
  220. return row.F_RepositoryId;
  221. });
  222. if(changes.length !== 1) {
  223. layer.confirm('请选择一行修改!', {
  224. btn: ['确定']
  225. });
  226. return;
  227. } else {
  228. $('.changeModel').css('display', 'block');
  229. }
  230. changeGetid = changes;
  231. getChangeTree();
  232. chanGetDep()
  233. getChangeBox(changeGetid);
  234. })
  235. $('.changeBtr').click(function() {
  236. $('.changeModel').css('display', 'none');
  237. })
  238. $('.inps4').focus(function() {
  239. $('.xlChange').css('display', 'block')
  240. })
  241. //下拉按钮功能
  242. $('.xl_two').click(function() {
  243. if($('.xlChange').css('display') == 'block') {
  244. $('.xlChange').css('display', 'none')
  245. } else {
  246. $('.xlChange').css('display', 'block')
  247. }
  248. })
  249. $('.inps5').focus(function() {
  250. $('.xlChangeDep').css('display', 'block')
  251. })
  252. //下拉按钮功能
  253. $('.xl_five').click(function() {
  254. if($('.xlChangeDep').css('display') == 'block') {
  255. $('.xlChangeDep').css('display', 'none')
  256. } else {
  257. $('.xlChangeDep').css('display', 'block')
  258. }
  259. })
  260. //修改弹出框内 下拉树形图参数配置项
  261. var setting4 = {
  262. data: {
  263. key: {
  264. name: "text"
  265. },
  266. simpleData: {
  267. enable: true,
  268. idKey: "id",
  269. rootPId: 0
  270. }
  271. },
  272. callback: {
  273. onClick: changeTreeClick
  274. }
  275. }
  276. function changeTreeClick(event, treeId, treeNode) {
  277. chanId = treeNode.id;
  278. changeName = treeNode.text;
  279. $('.inps4').val(changeName);
  280. chanCunId = chanId;
  281. };
  282. function getChangeTree() {
  283. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  284. "token": $.cookie("token"),
  285. "pid": pid
  286. }, function(result) {
  287. result = $.parseJSON(result);
  288. $.fn.zTree.init($("#changeTreeDemo"), setting4, result.data); //实例化树形图
  289. });
  290. }
  291. var cunId;
  292. function getChangeBox(changeGetid) {
  293. $.ajax({
  294. type: "post",
  295. url: huayi.config.callcenter_url + "Knowledge/GetInfo",
  296. async: true,
  297. dataType: 'json',
  298. data: {
  299. infoid: changeGetid,
  300. token: token
  301. },
  302. success: function(data) {
  303. var con = data.data;
  304. $('.inps4').val(con.F_Expand1);
  305. $('.changeTitle').val(con.F_Title);
  306. $('.changeKey').val(con.F_KeyWords);
  307. // $('.editIndividualBusiness input[name="individualBusinessInputEdit"]').prop(con.F_KeyWords)
  308. changeEditor.html(con.F_Content);
  309. cunId = con.F_CategoryId;
  310. chanCunId = cunId;
  311. chanDid = F_visibleDeptId;
  312. }
  313. });
  314. }
  315. function changeBaoCunAjax(changeGetid, chanCunId) {
  316. $.ajax({
  317. type: "post",
  318. url: huayi.config.callcenter_url + "Knowledge/EditInfo",
  319. async: true,
  320. dataType: 'json',
  321. data: {
  322. infoid: changeGetid[0],
  323. title: $('.changeTitle').val(),
  324. key: $('.changeKey').val(),
  325. con: encodeURIComponent(changeEditor.html()), //内容
  326. pid: chanCunId,
  327. visibleDeptId: chanDid,
  328. isorPerson: $('.editIndividualBusiness input[name="individualBusinessInputEdit"]:checked').val(),
  329. token: token,
  330. },
  331. success: function(data) {
  332. if(data.state == "success") {
  333. layer.msg("修改成功!");
  334. initTable(token, id, keyWord);
  335. }
  336. }
  337. });
  338. }
  339. $('.changeCun').click(function() {
  340. console.log(chanCunId)
  341. if($('.changeTitle').val() == "") {
  342. layer.confirm('请输入标题!', {
  343. btn: ['确定']
  344. });
  345. return;
  346. } else if (chanCunId === 0) {
  347. layer.confirm('请选择分类!', {
  348. btn: ['确定']
  349. });
  350. return;
  351. } else if (encodeURIComponent(changeEditor.html()) == '') {
  352. layer.confirm('请输入内容!', {
  353. btn: ['确定']
  354. });
  355. return;
  356. }
  357. changeBaoCunAjax(changeGetid, chanCunId);
  358. $('.changeModel').css('display', 'none');
  359. })
  360. //***********************修改功能结束=============================
  361. //=======================删除功能开始==============================
  362. var F_RepositoryId;
  363. $('.del').click(function() {
  364. var ids = $.map($('#table1').bootstrapTable('getSelections'), function(row) {
  365. return row.F_RepositoryId;
  366. });
  367. if(ids.length <= 0) {
  368. layer.confirm('请选择一行删除!', {
  369. btn: ['确定']
  370. });
  371. return;
  372. } else {
  373. $('.delModel').css('display', 'block');
  374. }
  375. console.log(ids);
  376. F_RepositoryId = ids;
  377. })
  378. //关闭按钮
  379. $('.delBtr').click(function() {
  380. $('.delModel').css('display', 'none');
  381. })
  382. //确定删除按钮
  383. $('.sure').click(function() {
  384. $.ajax({
  385. type: "post",
  386. url: huayi.config.callcenter_url + "Knowledge/DelInfos",
  387. async: true,
  388. dataType: 'json',
  389. data: {
  390. ids: F_RepositoryId,
  391. token: token
  392. },
  393. success: function(data) {
  394. if(data.state == "success") {
  395. layer.msg("删除成功!");
  396. initTable(token, id, keyWord);
  397. }
  398. }
  399. });
  400. $('.delModel').css('display', 'none');
  401. })
  402. //取消删除按钮
  403. $('.return').click(function() {
  404. $('.delModel').css('display', 'none');
  405. })
  406. //***********************删除功能结束==============================
  407. initTable(token, id, keyWord);
  408. function initTable(token, id, keyWord) {
  409. //先销毁表格
  410. table.bootstrapTable('destroy');
  411. //初始化表格,动态从服务器加载数据
  412. table.bootstrapTable({
  413. method: "get", //使用get请求到服务器获取数据
  414. url: huayi.config.callcenter_url + "Knowledge/GetList", //获取数据的Servlet地址
  415. contentType: 'application/x-www-form-urlencoded',
  416. striped: true, //表格显示条纹
  417. pagination: true, //启动分页
  418. pageSize: 10, //每页显示的记录数
  419. pageNumber: 1, //当前第几页
  420. pageList: [10, 15, 20, 50, 100], //记录数可选列表
  421. search: false, //是否启用查询
  422. showColumns: false, //显示下拉框勾选要显示的列
  423. showRefresh: false, //显示刷新按钮
  424. sidePagination: "server", //表示服务端请求
  425. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  426. //设置为limit可以获取limit, offset, search, sort, order
  427. queryParamsType: "undefined",
  428. queryParams: function queryParams(params) { //设置查询参数
  429. var param = {
  430. page: params.pageNumber,
  431. pagesize: params.pageSize,
  432. token: token,
  433. pid: id,
  434. keywords: keyWord
  435. };
  436. return param;
  437. },
  438. onLoadSuccess: function() { //加载成功时执行
  439. //layer.msg("加载成功");
  440. },
  441. onLoadError: function() { //加载失败时执行
  442. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  443. }
  444. });
  445. }
  446. function formatterTitle(val, row){
  447. if(val.length > 15){
  448. val = val.substring(0,15) + "...";
  449. }
  450. return '<div onclick="btn_detail('+ row.F_RepositoryId +')" class="content">' + val + '</div>'
  451. }
  452. function oper(val, row) {
  453. if(val.length > 20){
  454. val = val.substring(0,20) + "...";
  455. }
  456. return '<div onclick="btn_detail('+ row.F_RepositoryId +')" class="content">' + val + '</div>'
  457. }
  458. function formatterKey(val, row) {
  459. if(val.length > 10){
  460. val = val.substring(0,10) + "...";
  461. }
  462. return val;
  463. }
  464. function setCode(val, row, index) {
  465. var page = table.bootstrapTable("getPageCode");
  466. return page.pageSize * (page.pageNumber - 1) + index + 1;
  467. }
  468. //点击标题 内容查看详情
  469. function btn_detail(seeid) {
  470. layer.open({
  471. type: 2,
  472. title: '查看知识库',
  473. shadeClose: true, //是否开启点击遮罩关闭
  474. shade: 0.4, //遮罩
  475. maxmin: true, //开启最大化最小化按钮
  476. id: 'LAY_layuipro', //防止重复弹出
  477. moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
  478. moveOut: true, //拖拽到窗口外
  479. //resize: true,//是否允许拉伸
  480. area: ['70%', '50%'],
  481. content: 'addModel.html?changeGetid=' + seeid + ''
  482. });
  483. }
  484. //所属部门
  485. var setting3 = {
  486. data: {
  487. key: {
  488. name: "text"
  489. },
  490. simpleData: {
  491. enable: true,
  492. idKey: "id",
  493. rootPId: 0
  494. }
  495. },
  496. callback: {
  497. onClick: ztreeDep
  498. }
  499. };
  500. var did; //部门id
  501. var dname; //部门name
  502. function ztreeDep(event, treeId, treeNode) {
  503. did = treeNode.id;
  504. dname = treeNode.text;
  505. $('.inps3').val(dname);
  506. };
  507. function adddep() {
  508. $.get(huayi.config.callcenter_url + "Department/GetDeptList", {
  509. "token": $.cookie("token"),
  510. "pid": pid
  511. }, function(result) {
  512. result = $.parseJSON(result);
  513. $.fn.zTree.init($("#xlAdd_depTree"), setting3, result.data); //实例化树形图
  514. });
  515. }
  516. //获取所属部门
  517. var setting5 = {
  518. data: {
  519. key: {
  520. name: "text"
  521. },
  522. simpleData: {
  523. enable: true,
  524. idKey: "id",
  525. rootPId: 0
  526. }
  527. },
  528. callback: {
  529. onClick: chanaDep
  530. }
  531. };
  532. var chanDid = 0; //部门id
  533. var chanDname; //部门name
  534. function chanaDep(event, treeId, treeNode) {
  535. chanDid = treeNode.id;
  536. chanDname = treeNode.text;
  537. $('.inps5').val(chanDname);
  538. };
  539. function chanGetDep() {
  540. $.get(huayi.config.callcenter_url + "Department/GetDeptList", {
  541. "token": $.cookie("token"),
  542. "pid": pid
  543. }, function(result) {
  544. result = $.parseJSON(result);
  545. $.fn.zTree.init($("#xlChange_depTree"), setting5, result.data); //实例化树形图
  546. });
  547. }