商丘12345 前端

jiChuShuJu.js 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  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. }
  120. }
  121. });
  122. }
  123. //******************添加功能结束*****************************
  124. var IdsName;
  125. //==================修改功能开始================================
  126. function chanGet(IdsName) {
  127. $.ajax({
  128. type: "get",
  129. url: huayi.config.callcenter_url + "SysConfig/GetModel",
  130. async: true,
  131. dataType: 'json',
  132. data: {
  133. token: token,
  134. id: IdsName,
  135. },
  136. success: function (data) {
  137. var con = data.data;
  138. if (data.state.toLowerCase() == "success") {
  139. $('.change_value').val(con.F_ParamValue), //参数内容
  140. $('.change_code').val(con.F_ParamCode), //参数名称
  141. $('.change_des').val(con.F_ParamDes) //参数描述
  142. }
  143. }
  144. });
  145. }
  146. function chanSubmit(IdsName) {
  147. $.ajax({
  148. type: "post",
  149. url: huayi.config.callcenter_url + "SysConfig/Edit",
  150. async: true,
  151. dataType: 'json',
  152. data: {
  153. token: token,
  154. id: IdsName, //参数id
  155. value: $('.change_value').val(), //参数内容
  156. code: $('.change_code').val(), //参数名称
  157. des: $('.change_des').val() //参数描述
  158. },
  159. success: function (data) {
  160. if (data.state.toLowerCase() == "success") {
  161. layer.msg("修改成功");
  162. $table.bootstrapTable('refresh');
  163. }
  164. }
  165. });
  166. }
  167. //******************修改功能结束*****************************
  168. //==================删除功能开始================================
  169. //删除按钮
  170. var idd;
  171. function del(idd) {
  172. console.log(idd)
  173. $.ajax({
  174. type: "post",
  175. url: huayi.config.callcenter_url + "SysConfig/Delete",
  176. async: true,
  177. dataType: 'json',
  178. data: {
  179. token: token,
  180. ids: idd
  181. },
  182. success: function (data) {
  183. if (data.state.toLowerCase() == "success") {
  184. layer.msg("删除成功!");
  185. $table.bootstrapTable('refresh');
  186. }
  187. }
  188. });
  189. }
  190. //*****************删除功能结束****************************
  191. function initTable(token) {
  192. //先销毁表格
  193. $table.bootstrapTable('destroy');
  194. //初始化表格,动态从服务器加载数据
  195. $table.bootstrapTable({
  196. method: "get", //使用get请求到服务器获取数据
  197. url: huayi.config.callcenter_url + "SysConfig/GetList", //获取数据的Servlet地址
  198. contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
  199. pagination: true, //启动分页
  200. pageSize: 10, //每页显示的记录数
  201. pageNumber: 1, //当前第几页
  202. pageList: [10, 20, 50, 100], //记录数可选列表
  203. search: false, //是否启用查询
  204. showColumns: false, //显示下拉框勾选要显示的列
  205. showRefresh: false, //显示刷新按钮
  206. sidePagination: "server", //表示服务端请求
  207. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  208. //设置为limit可以获取limit, offset, search, sort, order
  209. queryParamsType: "undefined",
  210. queryParams: function queryParams(params) { //设置查询参数
  211. var param = {
  212. page: params.pageNumber,
  213. pagesize: params.pageSize,
  214. token: token,
  215. value: $('.sear_value').val(),
  216. code: $('.sear_code').val()
  217. };
  218. return param;
  219. },
  220. onLoadSuccess: function () { //加载成功时执行
  221. //layer.msg("加载成功");
  222. },
  223. onLoadError: function () { //加载失败时执行
  224. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  225. }
  226. });
  227. }
  228. function setCode(val, row, index) {
  229. return index + 1;
  230. }
  231. //跳转
  232. document.onkeydown = function(e) {
  233. var theEvent = window.event || e;
  234. var code = theEvent.keyCode || theEvent.which;
  235. if(code == 13) {
  236. $('#table').bootstrapTable('selectPage', $(".JumpPage").val());
  237. }
  238. }