ZZDianXin_UI - 郑州电信 演示

shuJuZiDian.js 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476
  1. var token = $.cookie("token");
  2. var table = $('#table1');
  3. var bs;//字典标识
  4. //左边表格
  5. initTable(token);
  6. function initTable(token) {
  7. //先销毁表格
  8. table.bootstrapTable('destroy');
  9. //初始化表格,动态从服务器加载数据
  10. table.bootstrapTable({
  11. method: "get", //使用get请求到服务器获取数据
  12. url: huayi.config.callcenter_url + "Dictionary/GetList", //获取数据的Servlet地址
  13. contentType: 'application/x-www-form-urlencoded',
  14. // url: "shuJuZiDian.json", //获取数据的Servlet地址
  15. striped: true, //表格显示条纹
  16. pagination: true, //启动分页
  17. pageSize: 10, //每页显示的记录数
  18. pageNumber: 1, //当前第几页
  19. pageList: [10, 15, 20, 30, 50, 100], //记录数可选列表
  20. search: false, //是否启用查询
  21. showColumns: false, //显示下拉框勾选要显示的列
  22. showRefresh: false, //显示刷新按钮
  23. sidePagination: "server", //表示服务端请求
  24. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  25. //设置为limit可以获取limit, offset, search, sort, order
  26. queryParamsType: "undefined",
  27. queryParams: function queryParams(params) { //设置查询参数
  28. var param = {
  29. pageindex: params.pageNumber,
  30. pagesize: params.pageSize,
  31. token: token
  32. };
  33. return param;
  34. },
  35. onLoadSuccess: function () { //加载成功时执行
  36. //layer.msg("加载成功");
  37. },
  38. onLoadError: function () { //加载失败时执行
  39. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  40. }
  41. });
  42. }
  43. /*获取选中行对象*/
  44. table.on("click-row.bs.table", function (e, row, ele) {
  45. $('.success').removeClass('success');//去除之前选中的行的,选中样式
  46. $(ele).addClass('success');//添加当前选中的 success样式用于区别
  47. bs = row.flag;
  48. initTableRight(token, bs);
  49. });
  50. function oper(val, row) {
  51. return '<div class="pull-right">' +
  52. '<a class="del" title="删除" style="margin-right:5px;" onclick= SC("' + row.name + '","'+row.id+'")><i class="shanChu"></i></a>' +
  53. '<a class="xg" title="修改"><i class="xiuGai"></i></a>' +
  54. '</div>' +
  55. '<div class="pull-left">' + val + '</div>'
  56. }
  57. function setCodeLeft(val, row, index) {
  58. return index + 1;
  59. }
  60. //====================添加功能开始=============================
  61. $('.tjzd').click(function () {
  62. $('.inps1').val('');
  63. $('.addzdz').val('');
  64. $('.addModel').css('display', 'block');
  65. });
  66. //关闭按钮
  67. $('.addBtr ').click(function () {
  68. $('.addModel').css('display', 'none');
  69. });
  70. //保存按钮
  71. $('.addCunzd').click(function () {
  72. // if ($('.inps1').val() == '' || $('.addzdz').val() == '') {
  73. // layer.confirm('字典标志与值不允许为空!', {
  74. // btn: ['确定']
  75. // });
  76. // return;
  77. // } else {
  78. tjCunzd(token);
  79. // }
  80. });
  81. function tjCunzd() {
  82. if ($('.inps1').val() == '' || $('.addzdz').val() == ''){
  83. layer.msg('字典标志与值不允许为空!');
  84. return
  85. }
  86. $.ajax({
  87. type: "post",
  88. url: huayi.config.callcenter_url + "Dictionary/AddDic",
  89. async: true,
  90. dataType: "json",
  91. data: {
  92. token: token,
  93. dicflag: $('.inps1').val(),
  94. Name: $('.addzdz').val(),
  95. sort: $('.addSort').val()
  96. },
  97. success: function (data) {
  98. $('.inps1').val('');
  99. $('.addzdz').val('');
  100. $('.addSort').val('');
  101. if (data.state.toLowerCase() == 'success') {
  102. layer.msg("添加成功!");
  103. $('.addModel').css('display', 'none');
  104. table.bootstrapTable('refresh');
  105. }
  106. }
  107. });
  108. }
  109. //*****************添加功能结束==============================
  110. //=================字典删除功能开始==================================
  111. var leftId;
  112. function SC(te,id) {
  113. $('.delModel').css('display', 'block');
  114. $('.delName').html(te);
  115. leftId = id;
  116. }
  117. $('.sure').click(function () {
  118. $('.delModel').css('display', 'none');
  119. //console.log(leftId);
  120. $.ajax({
  121. type: "post",
  122. url: huayi.config.callcenter_url + "Dictionary/DelDic",
  123. async: true,
  124. dataType: 'json',
  125. data: {
  126. ids: leftId,
  127. token: token
  128. },
  129. success: function (data) {
  130. if (data.state.toLowerCase() == 'success') {
  131. layer.msg("删除成功!");
  132. bs='';
  133. // table.bootstrapTable('refresh');
  134. // initTable(token);
  135. location=location;
  136. // $('.addModel').css('display', 'none');
  137. }
  138. }
  139. });
  140. });
  141. //关闭按钮
  142. $('.delBtr').click(function () {
  143. $('.delModel').css('display', 'none');
  144. });
  145. //取消按钮
  146. $('.return').click(function () {
  147. $('.delModel').css('display', 'none');
  148. });
  149. //*********************字典删除功能结束==================================
  150. //=====================字典修改功能开始==================================
  151. window.operateEvents = {
  152. 'click .xiuGai': function (e, value, row) {
  153. $('.changeModel').css('display', 'block');
  154. $('.chanName').html(row.name);
  155. getZiDian(row.id);
  156. }
  157. }
  158. function getZiDian(id) {
  159. $.ajax({
  160. type: "get",
  161. url: huayi.config.callcenter_url + "Dictionary/GetDic",
  162. async: true,
  163. dataType: 'json',
  164. data: {
  165. id: id,
  166. token: token
  167. },
  168. success: function (data) {
  169. var con = data.data;
  170. $('.inps4id').val(con.id);
  171. $('.inps4').val(con.flag);
  172. $('.chanzdz').val(con.name);
  173. $('.changeCode').val(con.sort);
  174. }
  175. });
  176. }
  177. //关闭按钮
  178. $('.changeBtr').click(function () {
  179. $('.changeModel').css('display', 'none');
  180. });
  181. //保存按钮
  182. $('.chanCun').click(function () {
  183. cunZiDian(token);
  184. });
  185. function cunZiDian(token) {
  186. if ($('.inps4').val() == '' || $('.chanzdz').val() == ''){
  187. layer.msg('字典标志与值不允许为空!');
  188. return
  189. }
  190. $.ajax({
  191. type: "get",
  192. url: huayi.config.callcenter_url + "Dictionary/EditDic",
  193. async: true,
  194. dataType: 'json',
  195. data: {
  196. dicid: $('.inps4id').val(),
  197. dicflag: $('.inps4').val(),
  198. Name: $('.chanzdz').val(),
  199. sort: $('.changeCode').val(),
  200. token: token
  201. },
  202. success: function (data) {
  203. if (data.state.toLowerCase() == 'success') {
  204. layer.msg("修改成功!");
  205. $('.changeModel').css('display', 'none');
  206. table.bootstrapTable('refresh');
  207. $('.inps4id').val('');
  208. $('.inps4').val('');
  209. $('.chanzdz').val('');
  210. $('.changeCode').val('');
  211. bs='';
  212. }
  213. }
  214. });
  215. }
  216. //*********************字典修改功能结束==================================
  217. //右边表格
  218. var tableRight=$('#table2');
  219. initTableRight(token,bs);
  220. function initTableRight(token, bs) {
  221. //先销毁表格
  222. tableRight.bootstrapTable('destroy');
  223. //初始化表格,动态从服务器加载数据
  224. tableRight.bootstrapTable({
  225. method: "get", //使用get请求到服务器获取数据
  226. url: huayi.config.callcenter_url + "Dictionary/GetDicValueList", //获取数据的Servlet地址
  227. contentType: 'application/x-www-form-urlencoded',
  228. // url: "shuJuZiDianTBR.json", //获取数据的Servlet地址
  229. striped: true, //表格显示条纹
  230. pagination: true, //启动分页
  231. pageSize: 10, //每页显示的记录数
  232. pageNumber: 1, //当前第几页
  233. pageList: [10, 15, 20, 30, 50, 100], //记录数可选列表
  234. search: false, //是否启用查询
  235. showColumns: false, //显示下拉框勾选要显示的列
  236. showRefresh: false, //显示刷新按钮
  237. sidePagination: "server", //表示服务端请求
  238. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  239. //设置为limit可以获取limit, offset, search, sort, order
  240. queryParamsType: "undefined",
  241. queryParams: function getParams(params) { //设置查询参数
  242. var param = {
  243. pageindex: params.pageNumber,
  244. pagesize: params.pageSize,
  245. token: token,
  246. flag: $('.sear_bs').val().replace(/\ +/g,""),
  247. name: $('.sear_name').val().replace(/\ +/g,""),
  248. id: bs
  249. };
  250. return param;
  251. },
  252. onLoadSuccess: function () { //加载成功时执行
  253. //layer.msg("加载成功");
  254. },
  255. onLoadError: function () { //加载失败时执行
  256. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  257. }
  258. });
  259. }
  260. function setCodeRight(val, row, index) {
  261. return index + 1;
  262. }
  263. //========================字典列表添加功能开始==================================
  264. $('.zdl_add').click(function () {
  265. if (bs) {
  266. $('.zdlist_addModel').css('display', 'block');
  267. $('.inps5').val(bs)
  268. } else {
  269. layer.confirm('请选择要添加的类!', {
  270. btn: ['确定']
  271. });
  272. return;
  273. }
  274. });
  275. //关闭按钮
  276. $('.addListBtr').click(function () {
  277. $('.zdlist_addModel').css('display', 'none');
  278. });
  279. //保存按钮
  280. $('.addList_cun').click(function () {
  281. $('.zdlist_addModel').css('display', 'none');
  282. addList();
  283. bs='';
  284. });
  285. function addList() {
  286. $.ajax({
  287. type: "post",
  288. url: huayi.config.callcenter_url + "Dictionary/AddDicValue",
  289. async: true,
  290. dataType: 'json',
  291. data: {
  292. token: token,
  293. dicflag: $('.inps5').val(),
  294. dicvalue: $('.inps5value').val(),
  295. dicvname: $('.addList_zdz').val(),
  296. dicdes: $('.addList_remark').val(),
  297. sort: $('.addList_sort').val()
  298. },
  299. success: function (data) {
  300. if (data.state.toLowerCase() == 'success') {
  301. layer.msg("添加成功!");
  302. initTableRight(token, bs);
  303. $('.inps5').val('');
  304. $('.inps5value').val('');
  305. $('.addList_zdz').val('');
  306. $('.addList_remark').val('');
  307. $('.addList_sort').val('');
  308. }
  309. }
  310. });
  311. }
  312. //************************字典列表添加功能结束==================================
  313. //========================字典列表修改功能开始==================================
  314. var rlag;
  315. $('.zdl_change').click(function () {
  316. var rvd = $.map(tableRight.bootstrapTable('getSelections'), function (row) {
  317. return row.F_DictionaryValueId;
  318. //console.log(row.F_DictionaryValueId);
  319. });
  320. rlag = rvd.toString();
  321. if (rvd.length != 1) {
  322. layer.confirm('请选择一行进行修改!', {
  323. btn: ['确定']
  324. });
  325. return;
  326. } else {
  327. $('.zdlist_chanModel').css('display', 'block');
  328. //console.log(rlag);
  329. getzdv(token, rlag);
  330. }
  331. });
  332. //关闭按钮
  333. $('.chanListBtr').click(function () {
  334. $('.zdlist_chanModel').css('display', 'none');
  335. });
  336. function getzdv(token, rlag) {
  337. $.ajax({
  338. type: "get",
  339. url: huayi.config.callcenter_url + "Dictionary/GetDicValue",
  340. async: true,
  341. dataType: 'json',
  342. data: {
  343. token: token,
  344. dicvalueid: rlag
  345. },
  346. success: function (data) {
  347. var con = data.data;
  348. $('.inps6').val(con.dicflag);
  349. $('.inps6value').val(con.value);
  350. $('.chanList_zdz').val(con.name);
  351. $('.chanList_remark').val(con.remark);
  352. $('.chanList_sort').val(con.sort);
  353. }
  354. });
  355. }
  356. //保存按钮
  357. $('.chanList_cun').click(function () {
  358. $('.zdlist_chanModel').css('display', 'none');
  359. tjc(token, rlag);
  360. bs='';
  361. });
  362. function tjc(token, rlag) {
  363. $.ajax({
  364. type: "post",
  365. url: huayi.config.callcenter_url + "Dictionary/EditDicValue",
  366. async: true,
  367. dataType: 'json',
  368. data: {
  369. token: token,
  370. dicflag: $('.inps6').val(),
  371. dicvalue: $('.inps6value').val(),
  372. dicvid: rlag,
  373. dicvname: $('.chanList_zdz').val(),
  374. dicdes: $('.chanList_remark').val(),
  375. sort: $('.chanList_sort').val()
  376. },
  377. success: function (data) {
  378. if (data.state.toLowerCase() == 'success') {
  379. layer.msg("修改成功");
  380. initTableRight(token, bs);
  381. $('.inps6').val('');
  382. $('.inps6value').val('');
  383. $('.chanList_zdz').val('');
  384. $('.chanList_remark').val('');
  385. $('.chanList_sort').val('');
  386. }
  387. }
  388. });
  389. }
  390. //************************字典列表修改功能结束==================================
  391. //========================字典列表删除功能开始==================================
  392. var did;
  393. $('.zdl_del').click(function () {
  394. did = $.map(tableRight.bootstrapTable('getSelections'), function (row) {
  395. return row.F_DictionaryValueId;
  396. });
  397. // did=idd.toString()
  398. if (did.length <= 0) {
  399. layer.confirm('请选择一行删除!', {
  400. btn: ['确定']
  401. });
  402. return;
  403. } else {
  404. $('.zdlist_delModel').css('display', 'block');
  405. }
  406. });
  407. //关闭按钮
  408. $('.delListBtr').click(function () {
  409. $('.zdlist_delModel').css('display', 'none');
  410. });
  411. //取消按钮
  412. $('.delList_return').click(function () {
  413. $('.zdlist_delModel').css('display', 'none');
  414. });
  415. //确定按钮
  416. $('.delList_sure').click(function () {
  417. $('.zdlist_delModel').css('display', 'none');
  418. sctj(token, did);
  419. });
  420. function sctj(token, did) {
  421. // console.log(did)
  422. $.ajax({
  423. type: "post",
  424. url: huayi.config.callcenter_url + "Dictionary/DelDicValue",
  425. async: true,
  426. dataType: 'json',
  427. data: {
  428. token: token,
  429. ids: did
  430. },
  431. success: function (data) {
  432. if (data.state == "success") {
  433. layer.msg("删除成功!");
  434. initTableRight(token, bs);
  435. }
  436. }
  437. });
  438. }
  439. //************************字典列表删除功能结束==================================
  440. //搜索事件
  441. $('.sousuo').click(function () {
  442. initTableRight(token, bs);
  443. });
  444. // 回车搜索
  445. document.onkeydown = function (e) { // 回车提交表单
  446. var theEvent = window.event || e;
  447. var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
  448. if (code == 13) {
  449. initTableRight(token, bs);
  450. }
  451. }