goodscrash.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. $(function () {
  2. $("#jqGrid").jqGrid({
  3. url: '../goodscrash/list',
  4. datatype: "json",
  5. colModel: [
  6. {label: 'id', name: 'id', index: 'id', key: true, hidden: true},
  7. {label: '商品', name: 'goodsName', index: 'goods_id', width: 80},
  8. {label: '搭配商品', name: 'goodsCrashName', index: 'goods_crash_id', width: 80},
  9. {label: '搭配产品', name: 'goodsSpecificationValue', index: 'product_crash_id', width: 80},
  10. {label: '搭配商品价格,需要小于原始价格', name: 'retailCrashPrice', index: 'retail_crash_price', width: 80}],
  11. viewrecords: true,
  12. height: 550,
  13. rowNum: 10,
  14. rowList: [10, 30, 50],
  15. rownumbers: true,
  16. rownumWidth: 25,
  17. autowidth: true,
  18. multiselect: true,
  19. pager: "#jqGridPager",
  20. jsonReader: {
  21. root: "page.list",
  22. page: "page.currPage",
  23. total: "page.totalPage",
  24. records: "page.totalCount"
  25. },
  26. prmNames: {
  27. page: "page",
  28. rows: "limit",
  29. order: "order"
  30. },
  31. gridComplete: function () {
  32. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
  33. }
  34. });
  35. });
  36. var vm = new Vue({
  37. el: '#rrapp',
  38. data: {
  39. showList: true,
  40. title: null,
  41. goodsCrash: {},
  42. ruleValidate: {
  43. name: [
  44. {required: true, message: '名称不能为空', trigger: 'blur'}
  45. ]
  46. },
  47. q: {
  48. goodsName: ''
  49. },
  50. goodss: [],
  51. products: []
  52. },
  53. methods: {
  54. changeGoodsCrash: function (opt) {
  55. var goodsId = opt.value;
  56. $.get("../product/queryByGoodsId/" + goodsId, function (r) {
  57. vm.products = r.list;
  58. });
  59. },
  60. query: function () {
  61. vm.reload();
  62. },
  63. add: function () {
  64. vm.showList = false;
  65. vm.title = "新增";
  66. vm.goodsCrash = {};
  67. vm.getGoodss();
  68. },
  69. update: function (event) {
  70. var id = getSelectedRow();
  71. if (id == null) {
  72. return;
  73. }
  74. vm.showList = false;
  75. vm.title = "修改";
  76. vm.getInfo(id)
  77. vm.getGoodss();
  78. },
  79. saveOrUpdate: function (event) {
  80. var url = vm.goodsCrash.id == null ? "../goodscrash/save" : "../goodscrash/update";
  81. $.ajax({
  82. type: "POST",
  83. url: url,
  84. contentType: "application/json",
  85. data: JSON.stringify(vm.goodsCrash),
  86. success: function (r) {
  87. if (r.code === 0) {
  88. alert('操作成功', function (index) {
  89. vm.reload();
  90. });
  91. } else {
  92. alert(r.msg);
  93. }
  94. }
  95. });
  96. },
  97. del: function (event) {
  98. var ids = getSelectedRows();
  99. if (ids == null) {
  100. return;
  101. }
  102. confirm('确定要删除选中的记录?', function () {
  103. $.ajax({
  104. type: "POST",
  105. url: "../goodscrash/delete",
  106. contentType: "application/json",
  107. data: JSON.stringify(ids),
  108. success: function (r) {
  109. if (r.code == 0) {
  110. alert('操作成功', function (index) {
  111. $("#jqGrid").trigger("reloadGrid");
  112. });
  113. } else {
  114. alert(r.msg);
  115. }
  116. }
  117. });
  118. });
  119. },
  120. getInfo: function (id) {
  121. $.get("../goodscrash/info/" + id, function (r) {
  122. vm.goodsCrash = r.goodsCrash;
  123. });
  124. },
  125. reload: function (event) {
  126. vm.showList = true;
  127. var page = $("#jqGrid").jqGrid('getGridParam', 'page');
  128. $("#jqGrid").jqGrid('setGridParam', {
  129. postData: {'goodsName': vm.q.goodsName},
  130. page: page
  131. }).trigger("reloadGrid");
  132. vm.handleReset('formValidate');
  133. },
  134. handleSubmit: function (name) {
  135. handleSubmitValidate(this, name, function () {
  136. vm.saveOrUpdate()
  137. });
  138. },
  139. handleReset: function (name) {
  140. handleResetForm(this, name);
  141. },
  142. getGoodss: function () {
  143. $.get("../goods/queryAll/", function (r) {
  144. vm.goodss = r.list;
  145. });
  146. }
  147. }
  148. });