mkdailyactivities.js 5.6 KB

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