睢县12345_前端

jiChuShuJu.js 7.8KB

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