mkactivitiesfullreduction.js 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. $(function () {
  2. let flag = getQueryString("flag");
  3. if(flag != null && flag == "false"){
  4. vm.isMkactivitiesShow = false;
  5. }
  6. let mkCode = getQueryString("mkCode");
  7. if(mkCode){
  8. vm.mkCode = mkCode;
  9. }
  10. let storeId = getQueryString("storeId");
  11. console.log(storeId);
  12. if(storeId){
  13. vm.storeId = storeId;
  14. }
  15. let mkaId = getQueryString("mkaId");
  16. if(mkaId){
  17. vm.mkaId = mkaId;
  18. }
  19. $("#jqGrid").jqGrid({
  20. url: '../mkactivitiesfullreduction/list',
  21. datatype: "json",
  22. colModel: [
  23. {label: 'mafrId', name: 'mafrId', index: 'mafr_id', key: true, hidden: true},
  24. {label: '产品中文名', name: 'productName', index: 'product_name', width: 80},
  25. {label: '门店编号', name: 'shopSn', index: 'shop_sn', width: 80},
  26. {label: '商品编码', name: 'goodsSn', index: 'goods_sn', width: 80},
  27. {label: '条形码', name: 'barcode', index: 'barcode', width: 80},
  28. {label: '商品品牌', name: 'productBrand', index: 'product_brand', width: 80},
  29. {label: '商品系列', name: 'productSeries', index: 'product_series', width: 80},
  30. {label: '满足条件金额', name: 'qualifiedAmount', index: 'qualified_amount', width: 80},
  31. {label: '减扣金额', name: 'deductionAmount', index: 'deduction_amount', width: 80},
  32. {label: '营销活动编号', name: 'mkaId', index: 'mka_id', width: 80},
  33. {label: '截止日期', name: 'deadline', index: 'deadline', width: 80}],
  34. viewrecords: true,
  35. postData: {'mkaId': vm.mkaId},
  36. height: 550,
  37. rowNum: 10,
  38. rowList: [10, 30, 50],
  39. rownumbers: true,
  40. rownumWidth: 25,
  41. autowidth: true,
  42. multiselect: true,
  43. pager: "#jqGridPager",
  44. jsonReader: {
  45. root: "page.list",
  46. page: "page.currPage",
  47. total: "page.totalPage",
  48. records: "page.totalCount"
  49. },
  50. prmNames: {
  51. page: "page",
  52. rows: "limit",
  53. order: "order"
  54. },
  55. gridComplete: function () {
  56. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
  57. }
  58. });
  59. });
  60. let vm = new Vue({
  61. el: '#rrapp',
  62. data: {
  63. showList: true,
  64. title: null,
  65. mkActivitiesFullReduction: {},
  66. ruleValidate: {
  67. name: [
  68. {required: true, message: '名称不能为空', trigger: 'blur'}
  69. ]
  70. },
  71. q: {
  72. name: ''
  73. },
  74. isMkactivitiesShow: true,
  75. mkCode: '',
  76. uploadData:[],
  77. storeId : '',
  78. mkaId : ''
  79. },
  80. methods: {
  81. query: function () {
  82. vm.reload();
  83. },
  84. add: function () {
  85. vm.showList = false;
  86. vm.title = "新增";
  87. vm.mkActivitiesFullReduction = {};
  88. },
  89. update: function (event) {
  90. let mafrId = getSelectedRow();
  91. if (mafrId == null) {
  92. return;
  93. }
  94. vm.showList = false;
  95. vm.title = "修改";
  96. vm.getInfo(mafrId)
  97. },
  98. saveOrUpdate: function (event) {
  99. let url = vm.mkActivitiesFullReduction.mafrId == null ? "../mkactivitiesfullreduction/save" : "../mkactivitiesfullreduction/update";
  100. $.ajax({
  101. type: "POST",
  102. url: url,
  103. contentType: "application/json",
  104. data: JSON.stringify(vm.mkActivitiesFullReduction),
  105. success: function (r) {
  106. if (r.code === 0) {
  107. alert('操作成功', function (index) {
  108. vm.reload();
  109. });
  110. } else {
  111. alert(r.msg);
  112. }
  113. }
  114. });
  115. },
  116. del: function (event) {
  117. let mafrIds = getSelectedRows();
  118. if (mafrIds == null){
  119. return;
  120. }
  121. confirm('确定要删除选中的记录?', function () {
  122. $.ajax({
  123. type: "POST",
  124. url: "../mkactivitiesfullreduction/delete",
  125. contentType: "application/json",
  126. data: JSON.stringify(mafrIds),
  127. success: function (r) {
  128. if (r.code == 0) {
  129. alert('操作成功', function (index) {
  130. $("#jqGrid").trigger("reloadGrid");
  131. });
  132. } else {
  133. alert(r.msg);
  134. }
  135. }
  136. });
  137. });
  138. },
  139. getInfo: function(mafrId){
  140. $.get("../mkactivitiesfullreduction/info/"+mafrId, function (r) {
  141. vm.mkActivitiesFullReduction = r.mkActivitiesFullReduction;
  142. });
  143. },
  144. reloadSearch: function() {
  145. vm.q = {
  146. name: ''
  147. }
  148. vm.reload();
  149. },
  150. reload: function (event) {
  151. vm.showList = true;
  152. let page = $("#jqGrid").jqGrid('getGridParam', 'page');
  153. $("#jqGrid").jqGrid('setGridParam', {
  154. postData: {'name': vm.q.name},
  155. page: page
  156. }).trigger("reloadGrid");
  157. vm.handleReset('formValidate');
  158. },
  159. handleSubmit: function (name) {
  160. handleSubmitValidate(this, name, function () {
  161. vm.saveOrUpdate()
  162. });
  163. },
  164. handleReset: function (name) {
  165. handleResetForm(this, name);
  166. },
  167. //返回营销方式页
  168. reloadMkactivities: function () {
  169. window.location.href = "/mk/mkactivityform.html?mkCode="+vm.mkCode;
  170. },
  171. uploadExcelSuccess: function (data) {
  172. // console.log(data);
  173. if(data.code==0){
  174. alert('导入成功', function (index) {
  175. $("#jqGrid").trigger("reloadGrid");
  176. });
  177. }else{
  178. alert(data.msg);
  179. }
  180. },
  181. uploadExcelError: function () {
  182. alert('上传出现异常,请重试!');
  183. },
  184. uploadExcelFormatError: function (file) {
  185. this.$Notice.warning({
  186. title: '文件格式不正确',
  187. desc: '文件 ' + file.name + ' 格式不正确,请上传 xls 或 xlsx 格式的文件。'
  188. });
  189. },beforeUpload(){
  190. vm.uploadData = {
  191. storeId: vm.storeId,
  192. mkaId : vm.mkaId
  193. }
  194. let promise = new Promise((resolve) => {
  195. this.$nextTick(function () {
  196. resolve(true);
  197. });
  198. });
  199. return promise; //通过返回一个promis对象解决
  200. },
  201. }
  202. });