sell-out-add.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>添加销售出库订单</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
  11. <link rel="stylesheet" href="../../../css/common/common.css">
  12. <link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/procurement-details.css" />
  13. </head>
  14. <body>
  15. <header id="header" class="mui-bar mui-bar-nav">
  16. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  17. <span class="back">返回</span>
  18. </a>
  19. <h1 class="mui-title">添加销售出库订单</h1>
  20. <a class="right ca_right">
  21. 确定
  22. </a>
  23. </header>
  24. <div class="mui-content">
  25. <div class="svm-details">
  26. <div class="svm-nav">
  27. <span></span>
  28. <span>基本信息</span>
  29. </div>
  30. <ul class="svm-con">
  31. <li>
  32. <span>销售单号</span>
  33. <span class="PurchaseSaleCode"><input type="text" readonly="readonly" placeholder="请选择销售单号" /></span>
  34. </li>
  35. <li>
  36. <span>审批人</span>
  37. <span class="approvalPson"><input type="text" readonly="readonly" placeholder="请选择审批人" /></span>
  38. </li>
  39. <li>
  40. <span>出库单号</span>
  41. <span class="StorageLibraryCode"><input type="text" readonly="readonly"/></span>
  42. </li>
  43. <li>
  44. <span>出库日期</span>
  45. <span class="StorageLibraryDate"><input type="text" placeholder="请填写出库日期,如:2000-01-01" /></span>
  46. </li>
  47. <li>
  48. <span>发票单号</span>
  49. <span class="InvoiceCode"><input type="text" placeholder="请输入发票单号" /></span>
  50. </li>
  51. <li>
  52. <span>备注</span>
  53. <span class="Remark"><input type="text" placeholder="请输入备注" /></span>
  54. </li>
  55. </ul>
  56. <!-- 选择产品 -->
  57. <div class="svm-nav ca_top" id="sell-order-add-popup.html">
  58. <span></span>
  59. <span>选择产品</span>
  60. <span class="mui-icon mui-icon-arrowright ca_float_right"></span>
  61. </div>
  62. <div class="svms">
  63. <ul>
  64. </ul>
  65. </div>
  66. </div>
  67. </div>
  68. <script src="../../../libs/mui.min.js"></script>
  69. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  70. <script type="text/javascript">
  71. (function($, doc) {
  72. $.plusReady(function() {
  73. var str = plus.storage.getItem('user');
  74. var user = JSON.parse(str);
  75. var token = user.Data.Token;
  76. //自动生成出库单号
  77. var storageCode = "XSCK" + Math.floor(Math.random() * 100000000);
  78. $(".StorageLibraryCode input")[0].value = storageCode;
  79. //审批人列表
  80. $(doc.body).on('tap', '.approvalPson input', function() {
  81. $(this)[0].blur();
  82. //初始化popPicker组件
  83. var picker = new mui.PopPicker();
  84. //查询列表
  85. var postdata = {
  86. "": "-1"
  87. }
  88. $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
  89. headers: {
  90. authorization: token,
  91. ContentType: 'application/x-www-form-urlencoded',
  92. },
  93. type: "post",
  94. data: postdata,
  95. dataType: 'json',
  96. success: function(data) {
  97. var data = data.Data.list;
  98. var html = [];
  99. for(var i = 0; i < data.length; i++) {
  100. html.push({
  101. text: data[i].Name,
  102. code: data[i].Code
  103. })
  104. };
  105. picker.setData(html);
  106. }
  107. });
  108. picker.show(function(selectItems) {
  109. $(".approvalPson input")[0].value = selectItems[0].text;
  110. $(".approvalPson input")[0].id = selectItems[0].code;
  111. });
  112. });
  113. //销售单号
  114. $(doc.body).on('tap', '.PurchaseSaleCode input', function() {
  115. //初始化popPicker组件
  116. var picker = new mui.PopPicker();
  117. var postData = {
  118. "pageIndex": 1,
  119. "pageSize": 100,
  120. "exist": "", // 类型
  121. }
  122. $.ajax('http://www.bosshand.cn/api/Customer/GetSalePageList', {
  123. data: postData,
  124. type: 'post',
  125. dataType: 'json',
  126. timeout: 1000,
  127. headers: {
  128. 'Content-Type': 'application/x-www-form-urlencoded',
  129. authorization: token
  130. },
  131. success: function(resp) {
  132. var data = resp.Data.list;
  133. var html = [];
  134. for(var i = 0; i < data.length; i++) {
  135. html.push({
  136. text: data[i].SaleCode
  137. })
  138. };
  139. picker.setData(html);
  140. }
  141. });
  142. picker.show(function(selectItems) {
  143. $(".PurchaseSaleCode input")[0].value = selectItems[0].text;
  144. SaleProductList(selectItems[0].text)
  145. });
  146. });
  147. /**
  148. *销售单明细列表
  149. */
  150. function SaleProductList(saleCode) {
  151. var postdata = {
  152. "saleCode": saleCode,
  153. }
  154. $.ajax("http://www.bosshand.cn/api/Customer/GetSaleInfoList", {
  155. headers: {
  156. authorization: token
  157. },
  158. type: "post",
  159. data: postdata,
  160. success: function(resp) {
  161. if(resp.Code == 200) {
  162. var data = resp.Data.list;
  163. var html = '';
  164. for(var i = 0; i < data.length; i++) {
  165. html += '<li>'
  166. html += '<div class="mui-input-row mui-checkbox mui-left ca_float_lefts">'
  167. html += '<label class="sm-mo-word"></label>'
  168. html += '<input class="checked ' + data[i].Code + '" name="checkbox" type="checkbox" value="">'
  169. html += '</div>'
  170. html += '<div id="' + data[i].Code + '" class="ca_div ca_divs">'
  171. html += '<p>'
  172. html += '<span>' + data[i].ProductName + '</span>'
  173. html += '<span> </span>'
  174. html += '</p>'
  175. html += '</div>'
  176. html += '</li>'
  177. }
  178. $('.svms ul')[0].innerHTML = html;
  179. }
  180. }
  181. });
  182. };
  183. //跳转
  184. $(doc.body).on('tap', '.ca_div', function() {
  185. var exist = $(this)[0].id
  186. $.openWindow({
  187. url: 'sell-out-popup.html',
  188. waiting: {
  189. autoShow: false, //自动显示等待框,默认为true
  190. },
  191. extras: {
  192. exist: exist
  193. },
  194. show: {
  195. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  196. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  197. }
  198. });
  199. });
  200. window.addEventListener('sendValue', function(event) {
  201. $('.' + event.detail.arr[0])[0].value = event.detail.arr;
  202. });
  203. //确认修改
  204. $(doc.body).on('tap', '.ca_right', function() {
  205. if($(".PurchaseSaleCode input")[0].value != '' &&
  206. $(".StorageLibraryCode input")[0].value != '' &&
  207. $(".StorageLibraryDate input")[0].value != '' &&
  208. $(".InvoiceCode input")[0].value != '' &&
  209. $(".Remark input")[0].value != '') {
  210. for(var i = 0; i < $('input').length; i++) {
  211. $('input')[i].blur();
  212. }
  213. var check = mui('.checked');
  214. var ApprovalPeople = [];
  215. for(var i = 0; i < check.length; i++) {
  216. if(mui('.checked')[i].checked) {
  217. ApprovalPeople.push(mui('.checked')[i].value);
  218. }
  219. };
  220. var isAdd = true;
  221. for(var i = 0; i < ApprovalPeople.length; i++) {
  222. if(ApprovalPeople[i] == '') {
  223. $.toast('请点击产品完善订单');
  224. isAdd = false;
  225. break;
  226. }
  227. }
  228. if(isAdd) {
  229. AddOrder(ApprovalPeople)
  230. }
  231. } else {
  232. mui.toast('请将信息填写完整')
  233. }
  234. });
  235. /**
  236. *添加采购单
  237. */
  238. function AddOrder(ApprovalPeople) {
  239. var PurchaseSaleCode = $('.PurchaseSaleCode input')[0].value;
  240. var StorageLibraryCode = $('.StorageLibraryCode input')[0].value;
  241. var StorageLibraryDate = $('.StorageLibraryDate input')[0].value;
  242. var InvoiceCode = $('.InvoiceCode input')[0].value;
  243. var Remark = $('.Remark input')[0].value;
  244. //采购明细模型
  245. var AppProductCode = '';
  246. var AppDueNumber = '';
  247. var AppPrice = '';
  248. var AppMoney = '';
  249. var AppRemark = '';
  250. for(var i = 0; i < ApprovalPeople.length; i++) {
  251. AppProductCode += ApprovalPeople[i].split(',')[0] + ',';
  252. AppDueNumber += ApprovalPeople[i].split(',')[1] + ',';
  253. AppPrice += ApprovalPeople[i].split(',')[2] + ',';
  254. AppMoney += ApprovalPeople[i].split(',')[3] + ',';
  255. AppRemark += ApprovalPeople[i].split(',')[4] + ',';
  256. }
  257. console.log($('.approvalPson input')[0].id);
  258. //采购模型
  259. var model = {
  260. PurchaseSaleCode: PurchaseSaleCode,
  261. StorageLibraryCode: StorageLibraryCode,
  262. StorageLibraryDate: StorageLibraryDate,
  263. InvoiceCode: InvoiceCode,
  264. ApprovalPson:$('.approvalPson input')[0].id,
  265. Remark: Remark,
  266. Type: 1,
  267. AppProductCode: AppProductCode.substring(0, AppProductCode.length - 1),
  268. AppDueNumber: AppDueNumber.substring(0, AppDueNumber.length - 1),
  269. AppPrice:AppPrice.substring(0, AppPrice.length - 1),
  270. AppMoney: AppMoney.substring(0, AppMoney.length - 1),
  271. AppRemark: AppRemark.substring(0, AppRemark.length - 1),
  272. AppType: 1
  273. };
  274. $.ajax("http://www.bosshand.cn/api/Invoicing/AddUpdateStoragelibraryApp", {
  275. headers: {
  276. authorization: token,
  277. ContentType: 'application/x-www-form-urlencoded',
  278. },
  279. type: "post",
  280. data: model,
  281. dataType: 'json',
  282. success: function(resp) {
  283. if(resp.Code == 200) {
  284. mui.toast('发布成功');
  285. var old_back = mui.back;
  286. mui.back = function() {
  287. var wobj = plus.webview.getWebviewById("../home-index-sell/sell-out.html");
  288. wobj.reload(true);
  289. old_back();
  290. }
  291. mui.back();
  292. };
  293. }
  294. });
  295. };
  296. });
  297. })(mui, document)
  298. </script>
  299. </body>
  300. </html>