PingAnYeXianSZCG_Web 前端代码

shuJuZiDian.js 13KB

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