scannShop.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. $(function () {
  2. $("#jqGrid").jqGrid(
  3. {
  4. datatype : "local",
  5. height : 600,
  6. shrinkToFit: false,
  7. autowidth: true,
  8. autoScroll: true, //开启水平滚动条
  9. width: 1500,
  10. rownumbers: true,
  11. colNames : [ 'ID', '产品条码','门店', 'SKU', '名称', '零售价格','数量','库存', '商品图'],
  12. colModel : [
  13. {name : 'id',index : 'id',width : 60,sorttype : "int",hidden: true, key: true},
  14. {name : 'prodBarcode',index : 'prodBarcode',width : 180, align: 'center'},
  15. {name : 'storeName',index : 'storeName',width : 180, align: 'center'},
  16. {name: 'sku', index: 'sku', width: 180, align: 'center'},
  17. {name: 'goodsName', index: 'name', width: 160, align: 'center'},
  18. {name: 'storeRetailPrice', index: 'storeRetailPrice', width: 120, align: 'right'},
  19. {name: 'number', index: 'nums', width: 100, align: 'center'},
  20. {name: 'stockNum', index: 'stockNum', width: 100, align: 'center'},
  21. {name: 'listPicUrl', index: 'listPicUrl', width: 100, align: 'center'}
  22. ],
  23. multiselect : true,
  24. gridComplete: function () {
  25. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  26. }
  27. });
  28. // $("#jqGrid").jqGrid({
  29. // url: '../goods/scannInfo',
  30. // datatype: "json",
  31. // colModel: [
  32. // {label: 'ID', name: 'id', index: 'id', hidden: true, key: true},
  33. // {label: '商品编码', name: 'goodsSn',index: 'goods_Sn', width: 60, align: 'center'},
  34. // {label: '门店', name: 'storeName', index: 'storeName', width: 60, align: 'center'},
  35. // {label: 'SKU', name: 'sku', index: 'sku', width: 80, align: 'center'},
  36. // {label: '名称', name: 'goodsName', index: 'goodsName', width: 160, align: 'center'},
  37. // {label: '零售价格', name: 'storeRetailPrice', index: 'retail_price', width: 80, align: 'center'},
  38. // {label: '数量', name: 'number', index: 'number', width: 80, align: 'center'},
  39. // {label: '库存', name: 'stockNum', index: 'stockNum', width: 80, align: 'center'},
  40. // {
  41. // label: '商品图', name: 'listPicUrl', index: 'list_pic_url', width: 80, align: 'center',
  42. // formatter: function (value) {
  43. // return transImg(value);
  44. // }
  45. // }
  46. // ],
  47. // viewrecords: true,
  48. // height: 550,
  49. // rownumbers: true,
  50. // rownumWidth: 25,
  51. // autowidth: true,
  52. // multiselect: true,
  53. // jsonReader: {
  54. // root: "cartEntityList"
  55. // },
  56. // prmNames: {
  57. // page: "page",
  58. // rows: "limit",
  59. // order: "order"
  60. // },
  61. // gridComplete: function () {
  62. // $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
  63. // }
  64. // });
  65. });
  66. var ztree;
  67. var setting = {
  68. data: {
  69. simpleData: {
  70. enable: true,
  71. idKey: "id",
  72. pIdKey: "parentId",
  73. rootPId: -1
  74. },
  75. key: {
  76. url: "nourl"
  77. }
  78. }
  79. };
  80. var vm = new Vue({
  81. el: '#rrapp',
  82. data: {
  83. showList: true,
  84. title: null,
  85. uploadList: [],
  86. offlineCartList: [{'id': '', 'prodBarcode': '', 'storeName': '', 'SKU': '', 'goodsName': '', 'storeRetailPrice':'', 'number':'','stockNum':'','listPicUrl':''}],
  87. offlineCart:{'id': '', 'prodBarcode': '', 'storeName': '', 'SKU': '', 'goodsName': '', 'storeRetailPrice':'', 'number':'','stockNum':'','listPicUrl':''},
  88. imgName: '',
  89. visible: false,
  90. ruleValidate: {
  91. },
  92. q: {prodBarcode: ''},
  93. goodsTotalPrice:0,
  94. applyPrice:0,
  95. idList:[],
  96. count:0
  97. },
  98. methods: {
  99. reloadSearch: function () {
  100. vm.q = {
  101. prodBarcode: ''
  102. }
  103. },
  104. query: function () {
  105. vm.reload(1);
  106. },
  107. getInfo: function (event) {
  108. var ids = getSelectedRows();
  109. if (ids == null) {
  110. return;
  111. }
  112. vm.offlineCartList = [];
  113. var totalPrice =0;
  114. for(var i = 0;i < ids.length ;i ++) {
  115. var rowData = $("#jqGrid").jqGrid('getRowData', ids[i]);
  116. vm.offlineCartList.push(rowData);
  117. totalPrice = (rowData.number * rowData.storeRetailPrice)+totalPrice;
  118. }
  119. totalPrice = totalPrice.toFixed(2);
  120. vm.goodsTotalPrice = totalPrice;
  121. vm.applyPrice = totalPrice;
  122. console.log('合计后的总和:'+vm.goodsTotalPrice);
  123. for(var i = 0;i < vm.offlineCartList.length ;i ++) {
  124. vm.offlineCartList[i].listPicUrl ='';
  125. }
  126. $.ajax({
  127. type: "POST",
  128. url: "../offlinecart/infoList",
  129. dataType: "json",
  130. contentType: "application/json",
  131. data: JSON.stringify(vm.offlineCartList),
  132. success: function (r) {
  133. if (r.code == 0) {
  134. vm.offlineCartList = r.list;
  135. vm.showList = false;
  136. } else {
  137. alert(r.msg);
  138. }
  139. }
  140. });
  141. // vm.showList = false;
  142. vm.title = "预订单生成";
  143. },
  144. reload: function (event) {
  145. vm.showList = true;
  146. // let page = event;
  147. // if (event != 1) {
  148. // page = $("#jqGrid").jqGrid('getGridParam', 'page');
  149. // }
  150. // $("#jqGrid").jqGrid('setGridParam', {
  151. // postData: {
  152. // 'goodsSn': vm.q.goodsSn
  153. // }
  154. // }).trigger("reloadGrid");
  155. $.get("../goods/scannInfo/" + vm.q.prodBarcode, function (r) {
  156. if (r.code === 0) {
  157. vm.goods = r.goods;
  158. var mydata = {id : vm.goods.id,prodBarcode : vm.goods.prodBarcode,storeName:vm.goods.storeName,sku : vm.goods.sku,goodsName : vm.goods.name,
  159. storeRetailPrice : vm.goods.storeRetailPrice,number:1,stockNum : vm.goods.stockNum,listPicUrl : transImg(vm.goods.listPicUrl)};
  160. vm.count = vm.count+1;
  161. // var ids = $("#jqGrid").jqGrid('getDataIDs');
  162. // if(ids!=""){
  163. // vm.idList = ids.split(",");
  164. // ids = vm.idList[vm.idList.length];
  165. // console.log("ids2:"+ids);
  166. // }
  167. // console.log("ids4:"+ids);
  168. var rowid = parseInt(vm.count);
  169. $("#jqGrid").jqGrid('addRowData', rowid, mydata, "last");
  170. vm.q = {
  171. prodBarcode: ''
  172. };
  173. } else {
  174. alert(r.msg);
  175. }
  176. });
  177. },
  178. back: function (event) {
  179. vm.showList = true;
  180. $.ajax({
  181. type: "POST",
  182. url: "../offlinecart/deleteByUserId",
  183. contentType: "application/json",
  184. success: function (r) {
  185. if (r.code == 0) {
  186. vm.q = {
  187. prodBarcode: ''
  188. };
  189. jQuery("#jqGrid").jqGrid("clearGridData");
  190. $("#cb_jqGrid").click();
  191. }
  192. }
  193. });
  194. },
  195. orderSubmit: function (event) {
  196. var url = "../order/orderSubmit";
  197. $.ajax({
  198. type: "POST",
  199. url: url,
  200. dataType: "json",
  201. contentType: "application/json",
  202. data: JSON.stringify(vm.offlineCartList),
  203. success: function (r) {
  204. if (r.code === 0) {
  205. alert('订单生成成功,请到线下订单页面中操作待付款单', function (index) {
  206. vm.showList = true;
  207. vm.q = {
  208. prodBarcode: ''
  209. };
  210. jQuery("#jqGrid").jqGrid("clearGridData");
  211. $("#cb_jqGrid").click();
  212. });
  213. } else {
  214. alert(r.msg);
  215. }
  216. }
  217. });
  218. },
  219. handleSubmit: function (name) {
  220. vm.orderSubmit();
  221. },
  222. removeData: function () {
  223. // var ids = getSelectedRows();
  224. // if (ids == null) {
  225. // return;
  226. // }
  227. // confirm('确定要删除选中的记录?', function () {
  228. // $.ajax({
  229. // type: "POST",
  230. // url: "../offlinecart/delete",
  231. // contentType: "application/json",
  232. // data: JSON.stringify(ids),
  233. // success: function (r) {
  234. // if (r.code == 0) {
  235. // alert('操作成功', function (index) {
  236. // vm.q = {
  237. // goodsSn: ''
  238. // }
  239. // $("#jqGrid").jqGrid('setGridParam', {
  240. // postData: {
  241. // 'goodsSn': ''
  242. // }
  243. // }).trigger("reloadGrid");
  244. // });
  245. // } else {
  246. // alert(r.msg);
  247. // }
  248. // }
  249. // });
  250. // });
  251. var selectedRowIds = $("#jqGrid").jqGrid("getGridParam","selarrrow");
  252. if(!selectedRowIds){
  253. alert("请选择要删除的行");
  254. return;
  255. }else{
  256. var len = selectedRowIds.length;
  257. for(var i = 0;i < len ;i ++) {
  258. $("#jqGrid").jqGrid("delRowData", selectedRowIds[0]);
  259. }
  260. }
  261. },
  262. getTotal:function () {
  263. $("#cb_jqGrid").click();
  264. // var totalPrice =0;
  265. // var ids = $("#jqGrid").jqGrid('getGridParam', 'selarrrow');//获取 多行数据
  266. // for(var i = 0;i < ids.length ;i ++) {
  267. // var rowData = $("#jqGrid").jqGrid('getRowData', ids[i]);
  268. // totalPrice = (rowData.nums * rowData.storeRetailPrice)+totalPrice;
  269. // }
  270. // vm.goodsTotalPrice = totalPrice;
  271. // vm.applyPrice = totalPrice;
  272. }
  273. },
  274. mounted() {
  275. // $.get("../store/queryAll", function (r) {
  276. // vm.stores = r.list;
  277. // });
  278. }
  279. });