SVM-order-add.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
  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="approvalPson"><input type="text" readonly="readonly" placeholder="请选择审批人" /></span>
  34. </li>
  35. <li>
  36. <span>供应商名称</span>
  37. <span class="Manufactor"><input type="text" readonly="readonly" placeholder="请选择供应商" /></span>
  38. </li>
  39. <li>
  40. <span>采购金额</span>
  41. <span class="SumMoney"><input type="number" placeholder="请输入采购金额" /></span>
  42. </li>
  43. <li>
  44. <span>采购日期</span>
  45. <span class="PurchaseDate"><input type="text" placeholder="请输入日期,如:2000-01-01" /></span>
  46. </li>
  47. <li>
  48. <span>送货日期</span>
  49. <span class="DeliveryDate"><input type="text" placeholder="请输入日期,如:2000-01-01" /></span>
  50. </li>
  51. <li>
  52. <span>采购人</span>
  53. <span class="PurchasePerson"><input type="text" readonly="readonly" placeholder="请选择采购人" /></span>
  54. </li>
  55. <li>
  56. <span>发票类型</span>
  57. <span class="invoiceType"><input type="text" placeholder="请输入发票类型" /></span>
  58. </li>
  59. <li>
  60. <span>银行账号</span>
  61. <span class="CardNumber"><input type="number" placeholder="请输入银行账号" /></span>
  62. </li>
  63. <li>
  64. <span>付款方式</span>
  65. <span class="Mode"><input type="text" placeholder="请输入付款方式" /></span>
  66. </li>
  67. <li>
  68. <span>运费</span>
  69. <span class="Freight"><input type="number" placeholder="请输入运费" /></span>
  70. </li>
  71. <li>
  72. <span>备注</span>
  73. <span class="purchaseRemark"><input type="text" placeholder="请输入备注" /></span>
  74. </li>
  75. </ul>
  76. <!-- 选择产品 -->
  77. <div class="svm-nav ca_top">
  78. <span></span>
  79. <span>选择产品</span>
  80. <span class="mui-icon mui-icon-arrowright ca_float_right"></span>
  81. </div>
  82. <div class="svms">
  83. <ul>
  84. </ul>
  85. </div>
  86. </div>
  87. </div>
  88. <script src="../../../libs/mui.min.js"></script>
  89. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  90. <script type="text/javascript">
  91. (function($, doc) {
  92. $.plusReady(function() {
  93. var str = plus.storage.getItem('user');
  94. var user = JSON.parse(str);
  95. var token = user.Data.Token;
  96. //审批人列表
  97. $(doc.body).on('tap', '.approvalPson input', function() {
  98. $(this)[0].blur();
  99. //初始化popPicker组件
  100. var picker = new mui.PopPicker();
  101. //查询列表
  102. var postdata = {
  103. "": "-1"
  104. }
  105. $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
  106. headers: {
  107. authorization: token,
  108. ContentType: 'application/x-www-form-urlencoded',
  109. },
  110. type: "post",
  111. data: postdata,
  112. dataType: 'json',
  113. success: function(data) {
  114. var data = data.Data.list;
  115. var html = [];
  116. for(var i = 0; i < data.length; i++) {
  117. html.push({
  118. text: data[i].Name,
  119. code: data[i].Code
  120. })
  121. };
  122. picker.setData(html);
  123. }
  124. });
  125. picker.show(function(selectItems) {
  126. $(".approvalPson input")[0].value = selectItems[0].text;
  127. $(".approvalPson input")[0].id = selectItems[0].code;
  128. });
  129. });
  130. //采购人
  131. $(doc.body).on('tap', '.PurchasePerson input', function() {
  132. $(this)[0].blur();
  133. //初始化popPicker组件
  134. var picker = new mui.PopPicker();
  135. //查询列表
  136. var postdata = {
  137. "": "-1"
  138. }
  139. $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
  140. headers: {
  141. authorization: token,
  142. ContentType: 'application/x-www-form-urlencoded',
  143. },
  144. type: "post",
  145. data: postdata,
  146. dataType: 'json',
  147. success: function(data) {
  148. var data = data.Data.list;
  149. var html = [];
  150. for(var i = 0; i < data.length; i++) {
  151. html.push({
  152. text: data[i].Name,
  153. code: data[i].Code
  154. })
  155. };
  156. picker.setData(html);
  157. }
  158. });
  159. picker.show(function(selectItems) {
  160. $(".PurchasePerson input")[0].value = selectItems[0].text;
  161. $(".PurchasePerson input")[0].id = selectItems[0].code;
  162. });
  163. });
  164. //查询供应商
  165. $('body').on('tap', '.Manufactor input', function() {
  166. $(this)[0].blur();
  167. //初始化popPicker组件
  168. var picker = new mui.PopPicker();
  169. //查询列表
  170. var postData = {
  171. "pageIndex": 1,
  172. "pageSize": 100,
  173. "exist": "", // 类型
  174. }
  175. $.ajax("http://www.bosshand.cn/api/Invoicing/GetSupplierPageList", {
  176. headers: {
  177. authorization: token,
  178. ContentType: 'application/x-www-form-urlencoded',
  179. },
  180. type: "post",
  181. data: postData,
  182. dataType: 'json',
  183. success: function(data) {
  184. var data = data.Data.list;
  185. var html = [];
  186. for(var i = 0; i < data.length; i++) {
  187. html.push({
  188. text: data[i].SupplierName,
  189. code: data[i].Code
  190. })
  191. };
  192. picker.setData(html);
  193. }
  194. });
  195. picker.show(function(selectItems) {
  196. $(".Manufactor input")[0].value = selectItems[0].text;
  197. $(".Manufactor input")[0].id = selectItems[0].code;
  198. ProductSKUList(selectItems[0].code)
  199. });
  200. });
  201. function ProductSKUList(exist) {
  202. var postdata = {
  203. "spulierCode": exist,
  204. }
  205. $.ajax("http://www.bosshand.cn/api/Invoicing/GetSupplierProductList", {
  206. data: postdata,
  207. type: 'post',
  208. dataType: 'json',
  209. timeout: 10000,
  210. headers: {
  211. 'Content-Type': 'application/x-www-form-urlencoded',
  212. authorization: token
  213. },
  214. success: function(resp) {
  215. if(resp.Code == 200) {
  216. var data = resp.Data.list;
  217. console.log(JSON.stringify(data));
  218. var html = '';
  219. for(var i = 0; i < data.length; i++) {
  220. html += '<li>'
  221. html += '<div class="mui-input-row mui-checkbox mui-left ca_float_left">'
  222. html += '<label class="sm-mo-word"></label>'
  223. html += '<input class="checked ' + data[i].Code + '" name="checkbox" type="checkbox" value="">'
  224. html += '</div>'
  225. html += '<div id="' + data[i].Code + ',' + data[i].Price + '" class="ca_div">'
  226. html += '<p class="ca_p">'
  227. html += '<img src="http://www.bosshand.cn/' + data[i].Img + '"/>'
  228. html += '</p>'
  229. html += '<p>'
  230. html += '<span>' + data[i].ProductName + '</span>'
  231. html += '<span>' + data[i].Describe + '</span>'
  232. html += '</p>'
  233. html += '</div>'
  234. html += '</li>'
  235. }
  236. $('.svms ul')[0].innerHTML = html;
  237. };
  238. }
  239. });
  240. };
  241. //跳转
  242. $(doc.body).on('tap', '.ca_div', function() {
  243. var exist = $(this)[0].id
  244. $.openWindow({
  245. url: 'SVM-order-add-popup.html',
  246. waiting: {
  247. autoShow: false, //自动显示等待框,默认为true
  248. },
  249. extras: {
  250. exist: exist
  251. },
  252. show: {
  253. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  254. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  255. }
  256. });
  257. });
  258. //
  259. window.addEventListener('sendValue', function(event) {
  260. $('.' + event.detail.arr[0])[0].value = event.detail.arr;
  261. });
  262. //确认修改
  263. $(doc.body).on('tap', '.ca_right', function() {
  264. if($(".PurchaseDate input")[0].value != '' &&
  265. $(".DeliveryDate input")[0].value != '' &&
  266. $(".SumMoney input")[0].value != '' &&
  267. $(".PurchasePerson input")[0].value != '' &&
  268. $(".Freight input")[0].value != '' &&
  269. $(".Mode input")[0].value != '' &&
  270. $(".purchaseRemark input")[0].value != '' &&
  271. $(".Manufactor input")[0].value != '' &&
  272. $(".approvalPson input")[0].value != '' &&
  273. $(".CardNumber input")[0].value != '' &&
  274. $(".invoiceType input")[0].value != '') {
  275. for(var i = 0; i < $('input').length; i++) {
  276. $('input')[i].blur();
  277. }
  278. var check = mui('.checked');
  279. var ApprovalPeople = [];
  280. for(var i = 0; i < check.length; i++) {
  281. if(mui('.checked')[i].checked) {
  282. ApprovalPeople.push(mui('.checked')[i].value);
  283. }
  284. };
  285. var isAdd = true;
  286. for(var i = 0; i < ApprovalPeople.length; i++) {
  287. if(ApprovalPeople[i] == '') {
  288. $.toast('请点击产品完善订单');
  289. isAdd = false;
  290. break;
  291. }
  292. }
  293. if(isAdd) {
  294. AddOrder(ApprovalPeople)
  295. }
  296. } else {
  297. mui.toast('请将信息填写完整')
  298. }
  299. });
  300. /**
  301. *添加采购单
  302. */
  303. function AddOrder(ApprovalPeople) {
  304. //采购日期
  305. var PurchaseDate = $('.PurchaseDate input')[0].value;
  306. //送货
  307. var DeliveryDate = $('.DeliveryDate input')[0].value;
  308. //采购金额
  309. var SumMoney = $('.SumMoney input')[0].value;
  310. //采购人
  311. var PurchasePerson = $('.PurchasePerson input')[0].id;
  312. //运费
  313. var Freight = $('.Freight input')[0].value;
  314. //付款方式
  315. var Mode = $('.Mode input')[0].value;
  316. //采购单备注
  317. var purchaseRemark = $('.purchaseRemark input')[0].value;
  318. //供应商编码
  319. var spulierCode = $('.Manufactor input')[0].id;
  320. //审批人编码
  321. var approvalPson = $('.approvalPson input')[0].id;
  322. //银行卡号
  323. var cardNumber = $('.CardNumber input')[0].value;
  324. //发票类型
  325. var invoiceType = $('.invoiceType input')[0].value;
  326. //采购明细模型
  327. var AppProductCode = '';
  328. var AppPurchaseNumber = '';
  329. var AppPrice = '';
  330. var AppMoney = '';
  331. var AppRemark = '';
  332. for(var i = 0; i < ApprovalPeople.length; i++) {
  333. AppProductCode += ApprovalPeople[i].split(',')[0] + ',';
  334. AppPurchaseNumber += ApprovalPeople[i].split(',')[1] + ',';
  335. AppPrice += ApprovalPeople[i].split(',')[2] + ',';
  336. AppMoney += ApprovalPeople[i].split(',')[3] + ',';
  337. AppRemark += ApprovalPeople[i].split(',')[4] + ',';
  338. }
  339. //采购模型
  340. var model = {
  341. DeliveryDate: DeliveryDate,
  342. Mode: Mode,
  343. PurchaseDate: PurchaseDate,
  344. PurchasePerson: PurchasePerson,
  345. Freight: Freight,
  346. SumMoney: SumMoney,
  347. Remark: purchaseRemark,
  348. SupplierCode: spulierCode,
  349. ApprovalPson: approvalPson,
  350. CardNumber: cardNumber,
  351. InvoiceType: invoiceType,
  352. AppProductCode: AppProductCode.substring(0, AppProductCode.length - 1),
  353. AppPurchaseNumber: AppPurchaseNumber.substring(0, AppPurchaseNumber.length - 1),
  354. AppPrice: AppPrice.substring(0, AppPrice.length - 1),
  355. AppMoney: AppMoney.substring(0, AppMoney.length - 1),
  356. AppRemark: AppRemark.substring(0, AppRemark.length - 1),
  357. };
  358. $.ajax("http://www.bosshand.cn/api/Customer/AddUpdatePurchaseApp", {
  359. headers: {
  360. authorization: token,
  361. ContentType: 'application/x-www-form-urlencoded',
  362. },
  363. type: "post",
  364. data: model,
  365. dataType: 'json',
  366. success: function(resp) {
  367. if(resp.Code == 200) {
  368. mui.toast('发布成功');
  369. var old_back = mui.back;
  370. mui.back = function() {
  371. var wobj = plus.webview.getWebviewById("../home-index-procurement/SVM-order.html");
  372. wobj.reload(true);
  373. old_back();
  374. }
  375. mui.back();
  376. };
  377. }
  378. });
  379. }
  380. });
  381. })(mui, document)
  382. </script>
  383. </body>
  384. </html>