PingAnYeXianSZCG_Web 前端代码

zhiShiKuManger.js 9.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
  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. initTable(token, id, keyWord);
  160. }
  161. }
  162. });
  163. }
  164. //***********************添加功能结束=============================
  165. //=======================修改功能开始==============================
  166. var chanId,//修改弹出框内 下拉框当前节点ID
  167. changeName,//修改弹出框内 下拉框当前节点name
  168. changeGetid,
  169. chanCunId;
  170. // JSON.stringify($table.bootstrapTable('getSelections'));
  171. $('.change').click(function(){
  172. var changes = $.map( $('#table1').bootstrapTable('getSelections'), function(row) {
  173. return row.F_RepositoryId;
  174. });
  175. if(changes.length <= 0) {
  176. layer.confirm('请选择一行修改!', {
  177. btn: ['确定']
  178. });
  179. return;
  180. }else{
  181. $('.changeModel').css('display', 'block');
  182. }
  183. changeGetid=changes;
  184. getChangeTree();
  185. getChangeBox(changeGetid);
  186. })
  187. $('.changeBtr').click(function(){
  188. $('.changeModel').css('display', 'none');
  189. })
  190. $('.inps4').focus(function() {
  191. $('.xlChange').css('display', 'block')
  192. })
  193. //下拉按钮功能
  194. $('.xl_two').click(function() {
  195. if($('.xlChange').css('display') == 'block') {
  196. $('.xlChange').css('display', 'none')
  197. } else {
  198. $('.xlChange').css('display', 'block')
  199. }
  200. })
  201. //修改弹出框内 下拉树形图参数配置项
  202. var setting3= {
  203. data: {
  204. key: {
  205. name: "text"
  206. },
  207. simpleData: {
  208. enable: true,
  209. idKey: "id",
  210. rootPId: 0
  211. }
  212. },
  213. callback: {
  214. onClick: changeTreeClick
  215. }
  216. }
  217. function changeTreeClick(event, treeId, treeNode) {
  218. chanId = treeNode.id;
  219. changeName = treeNode.text;
  220. $('.inps4').val(changeName);
  221. chanCunId=chanId;
  222. };
  223. function getChangeTree(){
  224. $.get(huayi.config.callcenter_url+'KnowledgeClass/GetList', {
  225. "token": $.cookie("token"),
  226. "pid":pid
  227. }, function(result) {
  228. result = $.parseJSON(result);
  229. $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  230. });
  231. }
  232. var cunId;
  233. function getChangeBox(changeGetid){
  234. $.ajax({
  235. type: "post",
  236. url: huayi.config.callcenter_url+"Knowledge/GetInfo",
  237. async: true,
  238. dataType:'json',
  239. data: {
  240. infoid:changeGetid,
  241. token:token
  242. },
  243. success: function(data) {
  244. var con=data.data;
  245. $('.inps4').val(con.F_Expand1);
  246. $('.changeTitle').val(con.F_Title);
  247. $('.changeKey').val(con.F_KeyWords);
  248. changeEditor.html(con.F_Content);
  249. cunId=con.F_CategoryId;
  250. chanCunId=cunId;
  251. }
  252. });
  253. }
  254. function changeBaoCunAjax(changeGetid,chanCunId){
  255. $.ajax({
  256. type:"post",
  257. url:huayi.config.callcenter_url+"Knowledge/EditInfo",
  258. async:true,
  259. dataType:'json',
  260. data:{
  261. infoid:changeGetid,
  262. title:$('.changeTitle').val(),
  263. key:$('.changeKey').val(),
  264. con:encodeURIComponent(changeEditor.html()),
  265. pid:chanCunId,
  266. token:token
  267. },
  268. success:function(data){
  269. if(data.state == "success"){
  270. layer.msg("修改成功!");
  271. initTable(token,id,keyWord);
  272. }
  273. }
  274. });
  275. }
  276. $('.changeCun').click(function(){
  277. console.log(chanCunId)
  278. changeBaoCunAjax(changeGetid,chanCunId);
  279. $('.changeModel').css('display', 'none');
  280. })
  281. //***********************修改功能结束=============================
  282. //=======================删除功能开始==============================
  283. var F_RepositoryId;
  284. $('.del').click(function() {
  285. var ids = $.map( $('#table1').bootstrapTable('getSelections'), function(row) {
  286. return row.F_RepositoryId;
  287. });
  288. if(ids.length <= 0) {
  289. layer.confirm('请选择一行删除!', {
  290. btn: ['确定']
  291. });
  292. return;
  293. }else{
  294. $('.delModel').css('display', 'block');
  295. }
  296. console.log(ids);
  297. F_RepositoryId=ids;
  298. })
  299. //关闭按钮
  300. $('.delBtr').click(function() {
  301. $('.delModel').css('display', 'none');
  302. })
  303. //确定删除按钮
  304. $('.sure').click(function() {
  305. $.ajax({
  306. type: "post",
  307. url: huayi.config.callcenter_url+"Knowledge/DelInfos",
  308. async: true,
  309. dataType:'json',
  310. data: {
  311. ids: F_RepositoryId,
  312. token:token
  313. },
  314. success: function(data) {
  315. if(data.state == "success"){
  316. layer.msg("删除成功!");
  317. initTable(token,id,keyWord);
  318. }
  319. }
  320. });
  321. $('.delModel').css('display', 'none');
  322. })
  323. //取消删除按钮
  324. $('.return').click(function() {
  325. $('.delModel').css('display', 'none');
  326. })
  327. //***********************删除功能结束==============================
  328. initTable(token,id,keyWord);
  329. function initTable(token,id,keyWord) {
  330. //先销毁表格
  331. table.bootstrapTable('destroy');
  332. //初始化表格,动态从服务器加载数据
  333. table.bootstrapTable({
  334. method: "get", //使用get请求到服务器获取数据
  335. url: huayi.config.callcenter_url+"Knowledge/GetList", //获取数据的Servlet地址
  336. striped: true, //表格显示条纹
  337. pagination: true, //启动分页
  338. pageSize:10, //每页显示的记录数
  339. pageNumber: 1, //当前第几页
  340. pageList: [10, 15,20,50, 100], //记录数可选列表
  341. search: false, //是否启用查询
  342. showColumns: false, //显示下拉框勾选要显示的列
  343. showRefresh: false, //显示刷新按钮
  344. sidePagination: "server", //表示服务端请求
  345. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  346. //设置为limit可以获取limit, offset, search, sort, order
  347. queryParamsType: "undefined",
  348. queryParams: function queryParams(params) { //设置查询参数
  349. var param = {
  350. page: params.pageNumber,
  351. pagesize: params.pageSize,
  352. token: token,
  353. pid: id,
  354. keywords: $('.searCon').val()
  355. };
  356. return param;
  357. },
  358. onLoadSuccess: function() { //加载成功时执行
  359. //layer.msg("加载成功");
  360. },
  361. onLoadError: function() { //加载失败时执行
  362. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  363. }
  364. });
  365. }
  366. function oper(val,row) {
  367. return '<div class="content">'+row.F_Content +'</div>'
  368. }
  369. function setCode(val,row,index){
  370. var page = table.bootstrapTable("getPageCode");
  371. return page.pageSize * (page.pageNumber - 1) + index + 1;
  372. }