mkdailyactivities.js 5.7 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: '../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, align: 'center'},
  25. {label: '日常价', name: 'dailyPrice', index: 'daily_price', width: 80, align: 'center'},
  26. {label: '活动价格', name: 'activityPrice', index: 'activity_price', width: 80, align: 'center'},
  27. {label: '商品编码', name: 'goodsSn', index: 'goods_sn', width: 80, align: 'center'},
  28. {label: '条形码', name: 'barcode', index: 'barcode', width: 80, align: 'center'},
  29. {label: '商品品牌', name: 'productBrand', index: 'product_brand', width: 80, align: 'center'},
  30. {label: '商品系列', name: 'productSeries', index: 'product_series', width: 80, align: 'center'}],
  31. viewrecords: true,
  32. postData: {'mkaId': vm.mkaId},
  33. height: 550,
  34. rowNum: 10,
  35. rowList: [10, 30, 50],
  36. rownumbers: true,
  37. rownumWidth: 25,
  38. autowidth: true,
  39. multiselect: true,
  40. pager: "#jqGridPager",
  41. jsonReader: {
  42. root: "page.list",
  43. page: "page.currPage",
  44. total: "page.totalPage",
  45. records: "page.totalCount"
  46. },
  47. prmNames: {
  48. page: "page",
  49. rows: "limit",
  50. order: "order"
  51. },
  52. gridComplete: function () {
  53. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
  54. }
  55. });
  56. });
  57. let vm = new Vue({
  58. el: '#rrapp',
  59. data: {
  60. showList: true,
  61. title: null,
  62. mkDailyActivities: {},
  63. ruleValidate: {
  64. name: [
  65. {required: true, message: '名称不能为空', trigger: 'blur'}
  66. ]
  67. },
  68. q: {
  69. name: ''
  70. },
  71. isMkactivitiesShow: true,
  72. mkCode: '',
  73. uploadData:[],
  74. storeId : '',
  75. mkaId : ''
  76. },
  77. methods: {
  78. query: function () {
  79. vm.reload();
  80. },
  81. add: function () {
  82. vm.showList = false;
  83. vm.title = "新增";
  84. vm.mkDailyActivities = {};
  85. },
  86. update: function (event) {
  87. let mdaId = getSelectedRow();
  88. if (mdaId == null) {
  89. return;
  90. }
  91. vm.showList = false;
  92. vm.title = "修改";
  93. vm.getInfo(mdaId)
  94. },
  95. saveOrUpdate: function (event) {
  96. let url = vm.mkDailyActivities.mdaId == null ? "../mkdailyactivities/save" : "../mkdailyactivities/update";
  97. //添加上层的门店编号与营销方式编号
  98. vm.mkDailyActivities.shopSn = vm.storeId;
  99. vm.mkDailyActivities.mkaId = vm.mkaId;
  100. $.ajax({
  101. type: "POST",
  102. url: url,
  103. contentType: "application/json",
  104. data: JSON.stringify(vm.mkDailyActivities),
  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 mdaIds = getSelectedRows();
  118. if (mdaIds == null){
  119. return;
  120. }
  121. confirm('确定要删除选中的记录?', function () {
  122. $.ajax({
  123. type: "POST",
  124. url: "../mkdailyactivities/delete",
  125. contentType: "application/json",
  126. data: JSON.stringify(mdaIds),
  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(mdaId){
  140. $.get("../mkdailyactivities/info/"+mdaId, function (r) {
  141. vm.mkDailyActivities = r.mkDailyActivities;
  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. });