PingAnYeXianSZCG_Web 前端代码

jiChuShuJu.js 7.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. var $table = $('#table');
  2. var token = $.cookie("token");
  3. //搜索功能
  4. $('.search').click(function() {
  5. initTable(token);
  6. })
  7. //==================添加功能开始================================
  8. $('.add').click(function() {
  9. $('.addModel').css('display', 'block');
  10. })
  11. //添加关闭按钮
  12. $('.addBtr').click(function() {
  13. $('.addModel').css('display', 'none');
  14. })
  15. //保存按钮
  16. $('.addCun').click(function() {
  17. if($('.add_value').val() == '' && $('.add_code').val() == '') {
  18. $('.addCode_kong').css('display', 'inline-block');
  19. $('.addValue_kong').css('display', 'inline-block');
  20. } else if($('.add_value').val() == '') {
  21. $('.addCode_kong').css('display', 'none');
  22. $('.addValue_kong').css('display', 'inline-block');
  23. } else if($('.add_code').val() == '') {
  24. $('.addValue_kong').css('display', 'none');
  25. $('.addCode_kong').css('display', 'inline-block');
  26. } else {
  27. $('.addModel').css('display', 'none');
  28. add();
  29. }
  30. })
  31. function add() {
  32. $.ajax({
  33. type: "post",
  34. url: huayi.config.callcenter_url + "SysConfig/Add",
  35. async: true,
  36. dataType: 'json',
  37. data: {
  38. token: token,
  39. value: $('.add_value').val(), //参数内容
  40. code: $('.add_code').val(), //参数名称
  41. des: $('.add_des').val() //参数描述
  42. },
  43. success: function(data) {
  44. if(data.state.toLowerCase() == "success") {
  45. layer.msg("添加成功!");
  46. $table.bootstrapTable('refresh');
  47. }
  48. }
  49. });
  50. }
  51. //******************添加功能结束*****************************
  52. var IdsName;
  53. //==================修改功能开始================================
  54. $('.change').click(function() {
  55. var ids = $.map($table.bootstrapTable('getSelections'), function(row) {
  56. return row.F_ParamId;
  57. });
  58. IdsName = ids.toString();
  59. if(ids.length <= 0) {
  60. layer.confirm('请选择要修改的行!', {
  61. btn: ['确定']
  62. });
  63. return;
  64. } else {
  65. $('.changeModel').css('display', 'block');
  66. chanGet(IdsName);
  67. }
  68. })
  69. //关闭按钮
  70. $('.changeBtr').click(function() {
  71. $('.changeModel').css('display', 'none');
  72. })
  73. //保存按钮
  74. $('.changeCun').click(function() {
  75. if($('.change_value').val() == '' && $('.change_code').val() == '') {
  76. $('.changeCode_kong').css('display', 'inline-block');
  77. $('.changeValue_kong').css('display', 'inline-block');
  78. } else if($('.change_value').val() == '') {
  79. $('.changeCode_kong').css('display', 'none');
  80. $('.changeValue_kong').css('display', 'inline-block');
  81. } else if($('.change_code').val() == '') {
  82. $('.changeValue_kong').css('display', 'none');
  83. $('.changeCode_kong').css('display', 'inline-block');
  84. } else {
  85. $('.changeModel').css('display', 'none');
  86. chanSubmit(IdsName);
  87. }
  88. })
  89. function chanGet(IdsName) {
  90. $.ajax({
  91. type: "get",
  92. url: huayi.config.callcenter_url + "SysConfig/GetModel",
  93. async: true,
  94. dataType: 'json',
  95. data: {
  96. token: token,
  97. id: IdsName,
  98. },
  99. success: function(data) {
  100. var con = data.data;
  101. if(data.state.toLowerCase() == "success") {
  102. $('.change_value').val(con.F_ParamValue), //参数内容
  103. $('.change_code').val(con.F_ParamCode), //参数名称
  104. $('.change_des').val(con.F_ParamDes) //参数描述
  105. }
  106. }
  107. });
  108. }
  109. function chanSubmit(IdsName) {
  110. $.ajax({
  111. type: "post",
  112. url: huayi.config.callcenter_url + "SysConfig/Edit",
  113. async: true,
  114. dataType: 'json',
  115. data: {
  116. token: token,
  117. id: IdsName, //参数id
  118. value: $('.change_value').val(), //参数内容
  119. code: $('.change_code').val(), //参数名称
  120. des: $('.change_des').val() //参数描述
  121. },
  122. success: function(data) {
  123. if(data.state.toLowerCase() == "success") {
  124. layer.msg("修改成功");
  125. $table.bootstrapTable('refresh');
  126. }
  127. }
  128. });
  129. }
  130. //******************修改功能结束*****************************
  131. //==================删除功能开始================================
  132. //删除按钮
  133. var idd;
  134. $('.del').click(function() {
  135. idd = $.map($table.bootstrapTable('getSelections'), function(row) {
  136. return row.F_ParamId;
  137. });
  138. if(idd.length <= 0) {
  139. layer.confirm('请选择要删除的行!', {
  140. btn: ['确定']
  141. });
  142. return;
  143. } else {
  144. $('.delModel').css('display', 'block');
  145. }
  146. })
  147. //关闭按钮
  148. $('.delBtr').click(function() {
  149. $('.delModel').css('display', 'none');
  150. })
  151. //确认按钮
  152. $('.sure').click(function() {
  153. console.log(idd);
  154. $('.delModel').css('display', 'none');
  155. del(idd);
  156. })
  157. //取消按钮
  158. $('.return').click(function() {
  159. $('.delModel').css('display', 'none');
  160. })
  161. function del(idd) {
  162. console.log(idd)
  163. $.ajax({
  164. type: "post",
  165. url: huayi.config.callcenter_url + "SysConfig/Delete",
  166. async: true,
  167. dataType: 'json',
  168. data: {
  169. token: token,
  170. ids: idd
  171. },
  172. success: function(data) {
  173. if(data.state.toLowerCase() == "success") {
  174. layer.msg("删除成功!");
  175. $table.bootstrapTable('refresh');
  176. }
  177. }
  178. });
  179. }
  180. //*****************删除功能结束****************************
  181. //右边表格
  182. initTable(token);
  183. function initTable(token) {
  184. //先销毁表格
  185. $table.bootstrapTable('destroy');
  186. //初始化表格,动态从服务器加载数据
  187. $table.bootstrapTable({
  188. method: "get", //使用get请求到服务器获取数据
  189. url: huayi.config.callcenter_url + "SysConfig/GetList", //获取数据的Servlet地址
  190. contentType: "application/x-www-form-urlencoded",striped: true,
  191. striped: true, //表格显示条纹
  192. pagination: true, //启动分页
  193. pageSize: 10, //每页显示的记录数
  194. pageNumber: 1, //当前第几页
  195. pageList: [10,15,20,30,50], //记录数可选列表
  196. search: false, //是否启用查询
  197. showColumns: false, //显示下拉框勾选要显示的列
  198. showRefresh: false, //显示刷新按钮
  199. sidePagination: "server", //表示服务端请求
  200. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  201. //设置为limit可以获取limit, offset, search, sort, order
  202. queryParamsType: "undefined",
  203. queryParams: function queryParams(params) { //设置查询参数
  204. var param = {
  205. pageindex: params.pageNumber,
  206. pagesize: params.pageSize,
  207. token: token,
  208. value: $('.sear_value').val(),
  209. code: $('.sear_code').val()
  210. };
  211. return param;
  212. },
  213. onLoadSuccess: function() { //加载成功时执行
  214. //layer.msg("加载成功");
  215. },
  216. onLoadError: function() { //加载失败时执行
  217. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  218. }
  219. });
  220. }
  221. function setCode(val, row, index) {
  222. var page = $table.bootstrapTable("getPageCode");
  223. return page.pageSize * (page.pageNumber - 1) + index + 1;
  224. }
  225. $table.on("click-row.bs.table", function(e, row, ele) {
  226. });