鑫苑新版本前端代码

jiChuShuJu.js 7.1KB

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