Bez popisu

zhiShiKuManger.js 9.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421
  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. initTable(token, id);
  13. })
  14. tree();
  15. function tree() {
  16. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  17. "token": $.cookie("token"),
  18. "pid": pid
  19. }, function(result) {
  20. result = $.parseJSON(result);
  21. $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
  22. });
  23. }
  24. var setting1 = {
  25. data: {
  26. key: {
  27. name: "text"
  28. },
  29. simpleData: {
  30. enable: true,
  31. idKey: "id",
  32. rootPId: 0
  33. }
  34. },
  35. callback: {
  36. onClick: zTreeOnClick
  37. }
  38. };
  39. function zTreeOnClick(event, treeId, treeNode) {
  40. id = treeNode.id;
  41. name = treeNode.text;
  42. var pidnode = treeNode.getParentNode();
  43. if(pidnode) {
  44. pidName = pidnode.text;
  45. pid = pidnode.id;
  46. //console.log(pid);
  47. } else {
  48. pidName = "顶级分类";
  49. pid == 0;
  50. //console.log(pid);
  51. }
  52. keyWord = $('.searCon').val();
  53. initTable(token, id, keyWord);
  54. };
  55. var setting2 = {
  56. data: {
  57. key: {
  58. name: "text"
  59. },
  60. simpleData: {
  61. enable: true,
  62. idKey: "id",
  63. rootPId: 0
  64. }
  65. },
  66. callback: {
  67. onClick: addTreeClick
  68. }
  69. };
  70. function addTreeClick(event, treeId, treeNode) {
  71. addPid = treeNode.id;
  72. //console.log(addPid);
  73. xlName = treeNode.text;
  74. $('.inps1').val(xlName);
  75. };
  76. //编辑器配置
  77. KindEditor.ready(function(K) {
  78. window.editor = K.create('#addEditor'); //添加弹出框编辑器
  79. window.changeEditor = K.create('#changeEditor'); //修改弹出框编辑器
  80. });
  81. function getTree() {
  82. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  83. "token": $.cookie("token"),
  84. "pid": pid
  85. }, function(result) {
  86. result = $.parseJSON(result);
  87. $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  88. });
  89. }
  90. //===============添加功能开始=============================
  91. //添加按钮
  92. $('.add').click(function() {
  93. $('.addModel').css('display', 'block');
  94. // console.log(pidName);
  95. if(name) {
  96. $('.inps1').val(name);
  97. addPid = id;
  98. } else {
  99. $('.inps1').val("顶级分类");
  100. addPid = 0
  101. //console.log(addPid);
  102. }
  103. getTree();
  104. })
  105. $('.addBtr').click(function() {
  106. $('.addModel').css('display', 'none');
  107. })
  108. //添加内容下拉
  109. $('.inps1').focus(function() {
  110. $('.xlAdd').css('display', 'block');
  111. })
  112. $('.xl_one').click(function() {
  113. if($('.xlAdd').css('display') == 'block') {
  114. $('.xlAdd').css('display', 'none')
  115. } else {
  116. $('.xlAdd').css('display', 'block')
  117. }
  118. })
  119. $('.addTree').mouseleave(function() {
  120. $(this).css('display', 'none')
  121. })
  122. //保存添加按钮
  123. var addPid, addTitle, addKey, addCon, addDes;
  124. $('.addCun').click(function() {
  125. console.log(addPid);
  126. if($('.inps1').val() == "" || $('.addTitle').val() == "") {
  127. layer.confirm('所添加内容不允许为空!', {
  128. btn: ['确定']
  129. });
  130. return;
  131. } else {
  132. addTitle = $('.addTitle').val();
  133. addKey = $('.addKey').val();
  134. addCon = encodeURIComponent(editor.html());
  135. //console.log(addCon);
  136. $('.addModel').css('display', 'none');
  137. addCunTree(addPid, addTitle, addKey, addCon);
  138. }
  139. })
  140. function addCunTree(addPid, addTitle, addKey, addCon) {
  141. $.ajax({
  142. type: "post",
  143. url: huayi.config.callcenter_url + "Knowledge/AddInfo",
  144. dataType: 'json',
  145. async: true,
  146. data: {
  147. title: addTitle,
  148. key: addKey,
  149. con: addCon,
  150. pid: addPid,
  151. token: token
  152. },
  153. success: function(data) {
  154. console.log(data)
  155. console.log(data.state);
  156. if(data.state == "success") {
  157. layer.msg("添加成功!");
  158. // tree();
  159. getTree();
  160. initTable(token, id, keyWord);
  161. }
  162. }
  163. });
  164. }
  165. //***********************添加功能结束=============================
  166. //=======================修改功能开始==============================
  167. var chanId, //修改弹出框内 下拉框当前节点ID
  168. changeName, //修改弹出框内 下拉框当前节点name
  169. changeGetid,
  170. chanCunId;
  171. // JSON.stringify($table.bootstrapTable('getSelections'));
  172. $('.change').click(function() {
  173. var changes = $.map($('#table1').bootstrapTable('getSelections'), function(row) {
  174. return row.F_RepositoryId;
  175. });
  176. if(changes.length <= 0) {
  177. layer.confirm('请选择一行修改!', {
  178. btn: ['确定']
  179. });
  180. return;
  181. } else {
  182. $('.changeModel').css('display', 'block');
  183. }
  184. changeGetid = changes;
  185. getChangeTree();
  186. getChangeBox(changeGetid);
  187. })
  188. $('.changeBtr').click(function() {
  189. $('.changeModel').css('display', 'none');
  190. })
  191. $('.inps4').focus(function() {
  192. $('.xlChange').css('display', 'block')
  193. })
  194. //下拉按钮功能
  195. $('.xl_two').click(function() {
  196. if($('.xlChange').css('display') == 'block') {
  197. $('.xlChange').css('display', 'none')
  198. } else {
  199. $('.xlChange').css('display', 'block')
  200. }
  201. })
  202. //修改弹出框内 下拉树形图参数配置项
  203. var setting3 = {
  204. data: {
  205. key: {
  206. name: "text"
  207. },
  208. simpleData: {
  209. enable: true,
  210. idKey: "id",
  211. rootPId: 0
  212. }
  213. },
  214. callback: {
  215. onClick: changeTreeClick
  216. }
  217. }
  218. function changeTreeClick(event, treeId, treeNode) {
  219. chanId = treeNode.id;
  220. changeName = treeNode.text;
  221. $('.inps4').val(changeName);
  222. chanCunId = chanId;
  223. };
  224. function getChangeTree() {
  225. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  226. "token": $.cookie("token"),
  227. "pid": pid
  228. }, function(result) {
  229. result = $.parseJSON(result);
  230. $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  231. });
  232. }
  233. var cunId;
  234. function getChangeBox(changeGetid) {
  235. $.ajax({
  236. type: "post",
  237. url: huayi.config.callcenter_url + "Knowledge/GetInfo",
  238. async: true,
  239. dataType: 'json',
  240. data: {
  241. infoid: changeGetid,
  242. token: token
  243. },
  244. success: function(data) {
  245. var con = data.data;
  246. $('.inps4').val(con.F_Expand1);
  247. $('.changeTitle').val(con.F_Title);
  248. $('.changeKey').val(con.F_KeyWords);
  249. changeEditor.html(con.F_Content);
  250. cunId = con.F_CategoryId;
  251. chanCunId = cunId;
  252. }
  253. });
  254. }
  255. function changeBaoCunAjax(changeGetid, chanCunId) {
  256. $.ajax({
  257. type: "post",
  258. url: huayi.config.callcenter_url + "Knowledge/EditInfo",
  259. async: true,
  260. dataType: 'json',
  261. data: {
  262. infoid: changeGetid,
  263. title: $('.changeTitle').val(),
  264. key: $('.changeKey').val(),
  265. con: encodeURIComponent(changeEditor.html()),
  266. pid: chanCunId,
  267. token: token
  268. },
  269. success: function(data) {
  270. if(data.state == "success") {
  271. layer.msg("修改成功!");
  272. initTable(token, id, keyWord);
  273. }
  274. }
  275. });
  276. }
  277. $('.changeCun').click(function() {
  278. console.log(chanCunId)
  279. changeBaoCunAjax(changeGetid, chanCunId);
  280. $('.changeModel').css('display', 'none');
  281. })
  282. //***********************修改功能结束=============================
  283. //=======================删除功能开始==============================
  284. var F_RepositoryId;
  285. $('.del').click(function() {
  286. var ids = $.map($('#table1').bootstrapTable('getSelections'), function(row) {
  287. return row.F_RepositoryId;
  288. });
  289. if(ids.length <= 0) {
  290. layer.confirm('请选择一行删除!', {
  291. btn: ['确定']
  292. });
  293. return;
  294. } else {
  295. $('.delModel').css('display', 'block');
  296. }
  297. console.log(ids);
  298. F_RepositoryId = ids;
  299. })
  300. //关闭按钮
  301. $('.delBtr').click(function() {
  302. $('.delModel').css('display', 'none');
  303. })
  304. //确定删除按钮
  305. $('.sure').click(function() {
  306. $.ajax({
  307. type: "post",
  308. url: huayi.config.callcenter_url + "Knowledge/DelInfos",
  309. async: true,
  310. dataType: 'json',
  311. data: {
  312. ids: F_RepositoryId,
  313. token: token
  314. },
  315. success: function(data) {
  316. if(data.state == "success") {
  317. layer.msg("删除成功!");
  318. initTable(token, id, keyWord);
  319. }
  320. }
  321. });
  322. $('.delModel').css('display', 'none');
  323. })
  324. //取消删除按钮
  325. $('.return').click(function() {
  326. $('.delModel').css('display', 'none');
  327. })
  328. //***********************删除功能结束==============================
  329. initTable(token, id, keyWord);
  330. function initTable(token, id, keyWord) {
  331. //先销毁表格
  332. table.bootstrapTable('destroy');
  333. //初始化表格,动态从服务器加载数据
  334. table.bootstrapTable({
  335. method: "get", //使用get请求到服务器获取数据
  336. url: huayi.config.callcenter_url + "Knowledge/GetList", //获取数据的Servlet地址
  337. contentType: "application/x-www-form-urlencoded",
  338. striped: true, //表格显示条纹
  339. pagination: true, //启动分页
  340. pageSize: 10, //每页显示的记录数
  341. pageNumber: 1, //当前第几页
  342. pageList: [10, 15, 20, 50, 100], //记录数可选列表
  343. search: false, //是否启用查询
  344. showColumns: false, //显示下拉框勾选要显示的列
  345. showRefresh: false, //显示刷新按钮
  346. sidePagination: "server", //表示服务端请求
  347. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  348. //设置为limit可以获取limit, offset, search, sort, order
  349. queryParamsType: "undefined",
  350. queryParams: function queryParams(params) { //设置查询参数
  351. var param = {
  352. page: params.pageNumber,
  353. pagesize: params.pageSize,
  354. token: token,
  355. pid: id,
  356. keywords: $('.searCon').val()
  357. };
  358. return param;
  359. },
  360. onLoadSuccess: function() { //加载成功时执行
  361. //layer.msg("加载成功");
  362. },
  363. onLoadError: function() { //加载失败时执行
  364. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  365. }
  366. });
  367. }
  368. function formatterTitle(val, row){
  369. if(val.length > 15){
  370. val = val.substring(0,15) + "...";
  371. }
  372. return val;
  373. }
  374. function oper(val, row) {
  375. if(val.length > 20){
  376. val = val.substring(0,20) + "...";
  377. }
  378. return val;
  379. }
  380. function formatterKey(val, row) {
  381. if(val.length > 10){
  382. val = val.substring(0,10) + "...";
  383. }
  384. return val;
  385. }
  386. function setCode(val, row, index) {
  387. var page = table.bootstrapTable("getPageCode");
  388. return page.pageSize * (page.pageNumber - 1) + index + 1;
  389. }