1
0

mk2memberbirthday.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. $(function () {
  2. $("#jqGrid").jqGrid({
  3. url: '../mk2memberbirthday/list',
  4. datatype: "json",
  5. colModel: [
  6. {label: 'mmbId', name: 'mmbId', index: 'mmb_id', key: true, hidden: true},
  7. {label: '活动名称', name: 'topicName', index: 'topic_name', width: 280},
  8. {label: '优惠类型', name: 'topicType', index: 'topic_type', width: 180,align: 'center',
  9. formatter: function (value) {
  10. if (value == '00') {
  11. return '按比例';
  12. } else if (value == '10') {
  13. return '按金额';
  14. }
  15. return '-';
  16. }},
  17. {label: '优惠金额', name: 'topicPrice', index: 'topic_price', align: 'right',width: 180},
  18. {label: '优惠比例', name: 'topicProportion', index: 'topic_proportion',align: 'right', width: 180},
  19. {label: '是否有效', name: 'isValid', index: 'is_valid', width: 120,align: 'center',
  20. formatter: function (value) {
  21. if (value == '是') {
  22. return '<span class="label label-success">是</span>';
  23. }
  24. return '<span class="label label-danger">否</span>';
  25. }},
  26. {label: '创建人编号', name: 'createrSn', index: 'creater_sn', width: 180},
  27. {label: '创建时间', name: 'createTime', index: 'create_time', width: 180,align: 'center',formatter: function (value) {
  28. return transDate(value,'yyyy-MM-dd hh:mm:ss');
  29. }},
  30. {label: '修改人编号', name: 'moderSn', index: 'moder_sn', width: 180},
  31. {label: '修改时间', name: 'modTime', index: 'mod_time', width: 180,align: 'center',formatter: function (value) {
  32. return transDate(value,'yyyy-MM-dd hh:mm:ss');
  33. }}],
  34. viewrecords: true,
  35. height: 550,
  36. rowNum: 10,
  37. rowList: [10, 30, 50],
  38. rownumbers: true,
  39. rownumWidth: 25,
  40. autowidth: true,
  41. shrinkToFit: false,
  42. autoScroll: true, //开启水平滚动条
  43. width: 1500,
  44. multiselect: true,
  45. pager: "#jqGridPager",
  46. jsonReader: {
  47. root: "page.list",
  48. page: "page.currPage",
  49. total: "page.totalPage",
  50. records: "page.totalCount"
  51. },
  52. prmNames: {
  53. page: "page",
  54. rows: "limit",
  55. order: "order"
  56. },
  57. beforeSelectRow: function(rowid, e){
  58. jQuery("#jqGrid").jqGrid('resetSelection');
  59. return(true);
  60. },
  61. gridComplete: function () {
  62. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  63. }
  64. });
  65. var myGrid = $("#jqGrid");
  66. $("#cb_"+myGrid[0].id).hide();
  67. });
  68. let vm = new Vue({
  69. el: '#rrapp',
  70. data: {
  71. showList: true,
  72. title: null,
  73. mk2MemberBirthday: {},
  74. ruleValidate: {
  75. topicName:[{required: true, message: '活动名称不能为空', trigger: 'blur'}],
  76. topicType:[{required: true, message: '优惠类型不能为空', trigger: 'blur'}],
  77. topicProportion:[{required: true, message: '优惠比例不能为空', trigger: 'blur'}]
  78. },
  79. q: {
  80. topicName: ''
  81. }
  82. },
  83. methods: {
  84. query: function () {
  85. vm.reload();
  86. },
  87. add: function () {
  88. vm.showList = false;
  89. vm.title = "新增";
  90. vm.mk2MemberBirthday = {};
  91. },
  92. update: function (event) {
  93. let mmbId = getSelectedRow();
  94. if (mmbId == null) {
  95. return;
  96. }
  97. vm.showList = false;
  98. vm.title = "修改";
  99. vm.getInfo(mmbId)
  100. },
  101. saveOrUpdate: function (event) {
  102. let url = vm.mk2MemberBirthday.mmbId == null ? "../mk2memberbirthday/save" : "../mk2memberbirthday/update";
  103. $.ajax({
  104. type: "POST",
  105. url: url,
  106. contentType: "application/json",
  107. data: JSON.stringify(vm.mk2MemberBirthday),
  108. success: function (r) {
  109. if (r.code === 0) {
  110. alert('操作成功', function (index) {
  111. vm.reload();
  112. });
  113. } else {
  114. alert(r.msg);
  115. }
  116. }
  117. });
  118. },
  119. del: function (event) {
  120. let mmbIds = getSelectedRows();
  121. if (mmbIds == null){
  122. return;
  123. }
  124. confirm('确定要删除选中的记录?', function () {
  125. $.ajax({
  126. type: "POST",
  127. url: "../mk2memberbirthday/delete",
  128. contentType: "application/json",
  129. data: JSON.stringify(mmbIds),
  130. success: function (r) {
  131. if (r.code == 0) {
  132. alert('操作成功', function (index) {
  133. $("#jqGrid").trigger("reloadGrid");
  134. });
  135. } else {
  136. alert(r.msg);
  137. }
  138. }
  139. });
  140. });
  141. },
  142. getInfo: function(mmbId){
  143. $.get("../mk2memberbirthday/info/"+mmbId, function (r) {
  144. vm.mk2MemberBirthday = r.mk2MemberBirthday;
  145. });
  146. },
  147. reloadSearch: function() {
  148. vm.q = {
  149. topicName: ''
  150. }
  151. vm.reload();
  152. },
  153. reload: function (event) {
  154. vm.showList = true;
  155. let page = $("#jqGrid").jqGrid('getGridParam', 'page');
  156. $("#jqGrid").jqGrid('setGridParam', {
  157. postData: {'topicName': vm.q.topicName},
  158. page: page
  159. }).trigger("reloadGrid");
  160. vm.handleReset('formValidate');
  161. },
  162. handleSubmit: function (name) {
  163. handleSubmitValidate(this, name, function () {
  164. vm.saveOrUpdate()
  165. });
  166. },
  167. handleReset: function (name) {
  168. handleResetForm(this, name);
  169. }
  170. }
  171. });