SVM-pay-add.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  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="code"><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="name"><input type="text" readonly="readonly"/></span>
  42. </li>
  43. <li>
  44. <span>付款金额</span>
  45. <span class="tel"><input type="text" placeholder="请输入付款金额" /></span>
  46. </li>
  47. <li>
  48. <span>备注</span>
  49. <span class="remark"><input type="text" placeholder="请输入备注" /></span>
  50. </li>
  51. </ul>
  52. </div>
  53. </div>
  54. <script src="../../../libs/mui.min.js"></script>
  55. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  56. <script type="text/javascript">
  57. (function($, doc) {
  58. $.plusReady(function() {
  59. var str = plus.storage.getItem('user');
  60. var user = JSON.parse(str);
  61. var token = user.Data.Token;
  62. var moneyCode = "CGFK" + Math.floor(Math.random() * 100000000);
  63. $('.name input')[0].value = moneyCode;
  64. //选择采购单号
  65. $('body').on('tap', '.code input', function() {
  66. $(this)[0].blur();
  67. //初始化popPicker组件
  68. var picker = new mui.PopPicker();
  69. //查询列表
  70. var postData = {
  71. "pageIndex": 1,
  72. "pageSize": 100,
  73. "exist": "-1", // 类型
  74. "exist_1": "-1", // 订单号
  75. }
  76. $.ajax("http://www.bosshand.cn/api/Customer/GetPurchasePageList", {
  77. headers: {
  78. authorization: token,
  79. ContentType: 'application/x-www-form-urlencoded',
  80. },
  81. type: "post",
  82. data: postData,
  83. dataType: 'json',
  84. success: function(data) {
  85. var data = data.Data.list;
  86. var html = [];
  87. for(var i = 0; i < data.length; i++) {
  88. html.push({
  89. text: data[i].PurchaseCode
  90. })
  91. };
  92. picker.setData(html);
  93. }
  94. });
  95. picker.show(function(selectItems) {
  96. $(".code input")[0].value = selectItems[0].text;
  97. });
  98. });
  99. //审批人列表
  100. $(doc.body).on('tap', '.approvalPson input', function() {
  101. $(this)[0].blur();
  102. //初始化popPicker组件
  103. var picker = new mui.PopPicker();
  104. //查询列表
  105. var postdata = {
  106. "": "-1"
  107. }
  108. $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
  109. headers: {
  110. authorization: token,
  111. ContentType: 'application/x-www-form-urlencoded',
  112. },
  113. type: "post",
  114. data: postdata,
  115. dataType: 'json',
  116. success: function(data) {
  117. var data = data.Data.list;
  118. var html = [];
  119. for(var i = 0; i < data.length; i++) {
  120. html.push({
  121. text: data[i].Name,
  122. code: data[i].Code
  123. })
  124. };
  125. picker.setData(html);
  126. }
  127. });
  128. picker.show(function(selectItems) {
  129. $(".approvalPson input")[0].value = selectItems[0].text;
  130. $(".approvalPson input")[0].id = selectItems[0].code;
  131. });
  132. });
  133. //确定
  134. $('body').on('tap', '.ca_right', function() {
  135. if($(".code input")[0].value != '' && $(".name input")[0].value != '' && $(".tel input")[0].value != '' && $(".remark input")[0].value != '') {
  136. for(var i = 0; i < $('input').length; i++) {
  137. $('input')[i].blur();
  138. }
  139. SaveInfo();
  140. } else {
  141. mui.toast('请将信息填写完整')
  142. }
  143. });
  144. /**
  145. * 增加、修改保存
  146. */
  147. function SaveInfo() {
  148. //组织post数据
  149. var postData = {
  150. Code: '',
  151. Type: 2,
  152. PurchaseSaleCode: $(".code input")[0].value,
  153. MoneyCode: $('.name input')[0].value,
  154. MoneyMode: $(".tel input")[0].value,
  155. Remark: $(".remark input")[0].value,
  156. ApprovalPson:$('.approvalPson input')[0].id,
  157. }
  158. $.ajax("http://www.bosshand.cn/api/Invoicing/AddUpdateMoneyOrder", {
  159. dataType: 'json',
  160. data: postData,
  161. type: "post",
  162. headers: {
  163. authorization: token,
  164. ContentType: 'application/x-www-form-urlencoded',
  165. },
  166. success: function(resp) {
  167. if(resp.Code == 200) {
  168. mui.toast('发布成功');
  169. var old_back = mui.back;
  170. mui.back = function() {
  171. var wobj = plus.webview.getWebviewById("../home-index-procurement/SVM-pay.html");
  172. wobj.reload(true);
  173. old_back();
  174. }
  175. mui.back();
  176. };
  177. }
  178. });
  179. }
  180. });
  181. })(mui, document)
  182. </script>
  183. </body>
  184. </html>