1
0

mkactivitiesscore.js 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  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: '../mkactivitiesscore/list',
  21. datatype: "json",
  22. colModel: [
  23. {label: 'id', name: 'id', index: 'id', key: true, hidden: true},
  24. {label: '商品条码', name: 'prodBarcode', index: 'prod_barcode', width: 150},
  25. {label: 'sku', name: 'sku', index: 'sku', width: 150},
  26. {label: '门店id', name: 'storeId', index: 'store_id', width: 80},
  27. {label: '抵扣比例', name: 'scoreLimit', index: 'score_limit', width: 80},
  28. {label: '营销活动编号', name: 'mkaId', index: 'mka_id', width: 100},
  29. {label: '截止日期', name: 'deadline', index: 'deadline', width: 200,
  30. formatter: function (value) {
  31. return transDate(value, 'yyyy-MM-dd hh:mm:ss');
  32. }}
  33. // {label: '创建时间', name: 'createTime', index: 'create_time', width: 200,
  34. // formatter: function (value) {
  35. // return transDate(value, 'yyyy-MM-dd hh:mm:ss');
  36. // }},
  37. // {label: '创建人编号', name: 'createrSn', index: 'creater_sn', width: 100},
  38. // {label: '修改人编号', name: 'moderSn', index: 'moder_sn', width: 80},
  39. // {label: '修改时间', name: 'updateTime', index: 'update_time', width: 200,
  40. // formatter: function (value) {
  41. // return transDate(value, 'yyyy-MM-dd hh:mm:ss');
  42. // }}
  43. ],
  44. viewrecords: true,
  45. postData: {'mkaId': vm.mkaId},
  46. height: 550,
  47. rowNum: 10,
  48. rowList: [10, 30, 50],
  49. rownumbers: true,
  50. rownumWidth: 25,
  51. autowidth: true,
  52. multiselect: true,
  53. shrinkToFit: true,
  54. autoScroll: true,
  55. pager: "#jqGridPager",
  56. jsonReader: {
  57. root: "page.list",
  58. page: "page.currPage",
  59. total: "page.totalPage",
  60. records: "page.totalCount"
  61. },
  62. prmNames: {
  63. page: "page",
  64. rows: "limit",
  65. order: "order"
  66. },
  67. gridComplete: function () {
  68. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  69. $("#jqGrid").setGridWidth($(window).width());
  70. }
  71. });
  72. });
  73. let vm = new Vue({
  74. el: '#rrapp',
  75. data: {
  76. showList: true,
  77. title: null,
  78. mkActivitiesScore: {},
  79. ruleValidate: {
  80. sku: [
  81. {required: true, message: 'sku不能为空', trigger: 'blur'},
  82. {max: 32, message: 'sku长度不能超过32', trigger: 'blur'}
  83. ],
  84. prodBarcode: [
  85. {required: true, message: '商品条码不能为空', trigger: 'blur'},
  86. {max: 32, message: '商品条码长度不能超过32', trigger: 'blur'}
  87. ],
  88. scoreLimit: [
  89. {required: true, message: '抵扣比例不能为空', trigger: 'blur'}
  90. ],
  91. deadLine: [
  92. {required: true, message: '截止日期不能为空', trigger: 'blur'}
  93. ]
  94. },
  95. q: {
  96. name: '',
  97. prodBarcode: ''
  98. },
  99. isMkactivitiesShow: true,
  100. mkCode: '',
  101. uploadData:[],
  102. storeId : '',
  103. mkaId : ''
  104. },
  105. methods: {
  106. query: function () {
  107. vm.reload();
  108. },
  109. add: function () {
  110. vm.showList = false;
  111. vm.title = "新增";
  112. vm.mkActivitiesScore = {};
  113. },
  114. update: function (event) {
  115. let id = getSelectedRow();
  116. if (id == null) {
  117. return;
  118. }
  119. vm.showList = false;
  120. vm.title = "修改";
  121. vm.getInfo(id)
  122. },
  123. saveOrUpdate: function (event) {
  124. let url = vm.mkActivitiesScore.id == null ? "../mkactivitiesscore/save" : "../mkactivitiesscore/update";
  125. //添加上层的门店编号与营销方式编号
  126. vm.mkActivitiesScore.storeId = vm.storeId;
  127. vm.mkActivitiesScore.mkaId = vm.mkaId;
  128. $.ajax({
  129. type: "POST",
  130. url: url,
  131. contentType: "application/json",
  132. data: JSON.stringify(vm.mkActivitiesScore),
  133. success: function (r) {
  134. if (r.code === 0) {
  135. alert('操作成功', function (index) {
  136. vm.reload();
  137. });
  138. } else {
  139. alert(r.msg);
  140. }
  141. }
  142. });
  143. },
  144. del: function (event) {
  145. let ids = getSelectedRows();
  146. if (ids == null){
  147. return;
  148. }
  149. confirm('确定要删除选中的记录?', function () {
  150. $.ajax({
  151. type: "POST",
  152. url: "../mkactivitiesscore/delete",
  153. contentType: "application/json",
  154. data: JSON.stringify(ids),
  155. success: function (r) {
  156. if (r.code == 0) {
  157. alert('操作成功', function (index) {
  158. $("#jqGrid").trigger("reloadGrid");
  159. });
  160. } else {
  161. alert(r.msg);
  162. }
  163. }
  164. });
  165. });
  166. },
  167. getInfo: function(id){
  168. $.get("../mkactivitiesscore/info/"+id, function (r) {
  169. vm.mkActivitiesScore = r.mkActivitiesScore;
  170. });
  171. },
  172. reloadSearch: function() {
  173. vm.q = {
  174. name: '',
  175. prodBarcode: ''
  176. }
  177. vm.reload();
  178. },
  179. reload: function (event) {
  180. vm.showList = true;
  181. let page = $("#jqGrid").jqGrid('getGridParam', 'page');
  182. $("#jqGrid").jqGrid('setGridParam', {
  183. postData: {'name': vm.q.name, 'prodBarcode': vm.q.prodBarcode},
  184. page: page
  185. }).trigger("reloadGrid");
  186. vm.handleReset('formValidate');
  187. },
  188. handleSubmit: function (name) {
  189. handleSubmitValidate(this, name, function () {
  190. vm.saveOrUpdate()
  191. });
  192. },
  193. handleReset: function (name) {
  194. handleResetForm(this, name);
  195. },
  196. //返回营销方式页
  197. reloadMkactivities: function () {
  198. window.location.href = "/mk/mkactivityform.html?mkCode="+vm.mkCode;
  199. },
  200. uploadExcelSuccess: function (data) {
  201. if(data.code==0){
  202. alert('导入成功', function (index) {
  203. $("#jqGrid").trigger("reloadGrid");
  204. });
  205. }else{
  206. alert(data.msg);
  207. }
  208. },
  209. uploadExcelError: function () {
  210. alert('上传出现异常,请重试!');
  211. },
  212. uploadExcelFormatError: function (file) {
  213. this.$Notice.warning({
  214. title: '文件格式不正确',
  215. desc: '文件 ' + file.name + ' 格式不正确,请上传 xls 或 xlsx 格式的文件。'
  216. });
  217. },beforeUpload(){
  218. vm.uploadData = {
  219. storeId: vm.storeId,
  220. mkaId : vm.mkaId
  221. }
  222. let promise = new Promise((resolve) => {
  223. this.$nextTick(function () {
  224. resolve(true);
  225. });
  226. });
  227. return promise; //通过返回一个promis对象解决
  228. },
  229. // 获取时间
  230. getDeadLine: function (e) {
  231. vm.mkActivitiesScore.deadLine = e;
  232. }
  233. }
  234. });