mall2memberpoints.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. $(function () {
  2. $("#jqGrid").jqGrid({
  3. url: '../mall2memberpoints/list',
  4. datatype: "json",
  5. colModel: [
  6. {label: 'mmpId', name: 'mmpId', index: 'mmp_id',align:'center', key: true, hidden: true},
  7. {label: '用户id', name: 'userId', index: 'user_id',align:'center', width: 140},
  8. {label: '用户名', name: 'userName', index: 'userName' ,width: 280},
  9. {label: '积分数', name: 'points', index: 'points',align:'center', width: 140},
  10. {label: '积分到期时间', name: 'pointsExpireDate', index: 'points_expire_date',align:'center', width: 180,formatter:function(value){
  11. return '-';
  12. }},
  13. ],
  14. viewrecords: true,
  15. height: 550,
  16. rowNum: 10,
  17. rowList: [10, 30, 50],
  18. rownumbers: true,
  19. rownumWidth: 25,
  20. autowidth: true,
  21. shrinkToFit: false,
  22. autoScroll: true, //开启水平滚动条
  23. width: 1500,
  24. multiselect: true,
  25. pager: "#jqGridPager",
  26. jsonReader: {
  27. root: "page.list",
  28. page: "page.currPage",
  29. total: "page.totalPage",
  30. records: "page.totalCount"
  31. },
  32. prmNames: {
  33. page: "page",
  34. rows: "limit",
  35. order: "order"
  36. },
  37. gridComplete: function () {
  38. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  39. }
  40. });
  41. });
  42. let vm = new Vue({
  43. el: '#rrapp',
  44. data: {
  45. showList: true,
  46. title: null,
  47. mall2MemberPoints: {},
  48. ruleValidate: {
  49. name: [
  50. {required: true, message: '名称不能为空', trigger: 'blur'}
  51. ]
  52. },
  53. q: {
  54. userId: ''
  55. }
  56. },
  57. methods: {
  58. query: function () {
  59. vm.reload(1);
  60. },
  61. add: function () {
  62. vm.showList = false;
  63. vm.title = "新增";
  64. vm.mall2MemberPoints = {};
  65. },
  66. update: function (event) {
  67. let mmpId = getSelectedRow();
  68. if (mmpId == null) {
  69. return;
  70. }
  71. vm.showList = false;
  72. vm.title = "修改";
  73. vm.getInfo(mmpId)
  74. },
  75. saveOrUpdate: function (event) {
  76. let url = vm.mall2MemberPoints.mmpId == null ? "../mall2memberpoints/save" : "../mall2memberpoints/update";
  77. $.ajax({
  78. type: "POST",
  79. url: url,
  80. contentType: "application/json",
  81. data: JSON.stringify(vm.mall2MemberPoints),
  82. success: function (r) {
  83. if (r.code === 0) {
  84. alert('操作成功', function (index) {
  85. vm.reload();
  86. });
  87. } else {
  88. alert(r.msg);
  89. }
  90. }
  91. });
  92. },
  93. del: function (event) {
  94. let mmpIds = getSelectedRows();
  95. if (mmpIds == null){
  96. return;
  97. }
  98. confirm('确定要删除选中的记录?', function () {
  99. $.ajax({
  100. type: "POST",
  101. url: "../mall2memberpoints/delete",
  102. contentType: "application/json",
  103. data: JSON.stringify(mmpIds),
  104. success: function (r) {
  105. if (r.code == 0) {
  106. alert('操作成功', function (index) {
  107. $("#jqGrid").trigger("reloadGrid");
  108. });
  109. } else {
  110. alert(r.msg);
  111. }
  112. }
  113. });
  114. });
  115. },
  116. getInfo: function(mmpId){
  117. $.get("../mall2memberpoints/info/"+mmpId, function (r) {
  118. vm.mall2MemberPoints = r.mall2MemberPoints;
  119. });
  120. },
  121. reloadSearch: function() {
  122. vm.q = {
  123. userId: ''
  124. }
  125. vm.reload();
  126. },
  127. reload: function (event) {
  128. vm.showList = true;
  129. let page = event;
  130. if (event != 1) {
  131. page = $("#jqGrid").jqGrid('getGridParam', 'page');
  132. }
  133. $("#jqGrid").jqGrid('setGridParam', {
  134. postData: {'userId': vm.q.userId},
  135. page: page
  136. }).trigger("reloadGrid");
  137. vm.handleReset('formValidate');
  138. },
  139. handleSubmit: function (name) {
  140. handleSubmitValidate(this, name, function () {
  141. vm.saveOrUpdate()
  142. });
  143. },
  144. handleReset: function (name) {
  145. handleResetForm(this, name);
  146. }
  147. }
  148. });