finances-in-add.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  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="people"><input type="text" readonly="readonly" placeholder="请选择操作类型" /></span>
  34. </li>
  35. <li>
  36. <span>状态</span>
  37. <span class="salary"><input type="text" readonly="readonly" placeholder="请选择状态" /></span>
  38. </li>
  39. <li>
  40. <span>备注</span>
  41. <span class="ReMark"><input type="text" placeholder="备注" /></span>
  42. </li>
  43. </ul>
  44. </div>
  45. </div>
  46. <script src="../../../libs/mui.min.js"></script>
  47. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  48. <script type="text/javascript">
  49. (function($, doc) {
  50. $.plusReady(function() {
  51. var str = plus.storage.getItem('user');
  52. var user = JSON.parse(str);
  53. var token = user.Data.Token;
  54. var self = plus.webview.currentWebview();
  55. var exists = self.exists;
  56. $(doc.body).on('tap', '.people input', function() {
  57. //初始化popPicker组件
  58. var picker = new mui.PopPicker();
  59. picker.setData([{
  60. text: '定金',
  61. type: 3
  62. }, {
  63. text: '发票',
  64. type: 2
  65. }, {
  66. text: '付款',
  67. type: 1
  68. }]);
  69. picker.show(function(selectItems) {
  70. $(".people input")[0].value = selectItems[0].text;
  71. $(".people input")[0].id = selectItems[0].type;
  72. });
  73. });
  74. $(doc.body).on('tap', '.salary input', function() {
  75. if($(".people input")[0].value != '') {
  76. var data;
  77. if($(".people input")[0].value == '发票') {
  78. data = [{
  79. text: '未给发票',
  80. type: 0
  81. }, {
  82. text: '无需发票',
  83. type: 1
  84. }, {
  85. text: '已给发票',
  86. type: 3
  87. }, {
  88. text: '部分发票',
  89. type: 4
  90. }]
  91. } else if($(".people input")[0].value == '付款') {
  92. data = [{
  93. text: '未回款',
  94. type: 0
  95. }, {
  96. text: '已回款',
  97. type: 2
  98. }, {
  99. text: '部分回款',
  100. type: 3
  101. }]
  102. } else {
  103. data = [{
  104. text: '未交定金',
  105. type: 0
  106. }, {
  107. text: '无需定金',
  108. type: 1
  109. }, {
  110. text: '已交定金',
  111. type: 3
  112. }, {
  113. text: '部分定金',
  114. type: 4
  115. }]
  116. };
  117. //初始化popPicker组件
  118. var picker = new mui.PopPicker();
  119. picker.setData(data);
  120. picker.show(function(selectItems) {
  121. $('.salary input')[0].value = selectItems[0].text;
  122. $('.salary input')[0].id = selectItems[0].type;
  123. });
  124. } else {
  125. mui.toast('请先选择操作类型')
  126. }
  127. });
  128. $(doc.body).on('tap', '.ca_right', function() {
  129. if($(".people input")[0].value != '' && $(".salary input")[0].value != '' && $(".ReMark input")[0].value != '') {
  130. for(var i = 0; i < $('input').length; i++) {
  131. $('input')[i].blur();
  132. }
  133. SaveInfo();
  134. } else {
  135. mui.toast('请将信息填写完整')
  136. }
  137. });
  138. //新增数据
  139. function SaveInfo() {
  140. //组织post数据
  141. var postData = {};
  142. var type = $(".people input")[0].id;
  143. if(type == 1) {
  144. postData = {
  145. SaleCode: exists,
  146. PaymentStatus: $(".salary input")[0].id,
  147. Remark: $(".ReMark input")[0].id,
  148. UpdateType: type
  149. }
  150. } else if(type == 2) {
  151. postData = {
  152. SaleCode: exists,
  153. InvoiceStatus: $(".salary input")[0].id,
  154. Remark: $(".ReMark input")[0].id,
  155. UpdateType: type
  156. }
  157. } else if(type == 3) {
  158. postData = {
  159. SaleCode: exists,
  160. DepositStatus: $(".salary input")[0].id,
  161. Remark: $(".ReMark input")[0].id,
  162. UpdateType: type
  163. }
  164. }
  165. $.ajax('http://www.bosshand.cn/api/Invoicing/UpdatePurchaseState', {
  166. data: postData,
  167. type: 'post',
  168. dataType: 'json',
  169. timeout: 1000,
  170. headers: {
  171. 'Content-Type': 'application/x-www-form-urlencoded',
  172. authorization: token
  173. },
  174. success: function(resp) {
  175. if(resp.Code == 200) {
  176. mui.toast('发布成功');
  177. var old_back = mui.back;
  178. mui.back = function() {
  179. var wobj = plus.webview.getWebviewById("finances-in-details.html");
  180. wobj.reload(true);
  181. old_back();
  182. }
  183. mui.back();
  184. };
  185. }
  186. });
  187. };
  188. })
  189. })(mui, document)
  190. </script>
  191. </body>
  192. </html>