finances-reimbursement-add.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  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="AccountTitle"><input type="text" placeholder="记账标题" /></span>
  34. </li>
  35. <li>
  36. <span>记账类型</span>
  37. <span class="AccountType"><input type="text" readonly="" placeholder="记账类型" /></span>
  38. </li>
  39. <li>
  40. <span>记账金额</span>
  41. <span class="AccountMoney"><input type="number" placeholder="记账金额" /></span>
  42. </li>
  43. <li>
  44. <span>公司账户</span>
  45. <span class="CreditCardCode"><input type="text" readonly="readonly" placeholder="公司账户" /></span>
  46. </li>
  47. <li>
  48. <span>备注</span>
  49. <span class="AccountRemark"><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. //新增账户类型
  63. $(doc.body).on('tap', '.AccountType input', function() {
  64. //初始化popPicker组件
  65. var picker = new mui.PopPicker();
  66. //查询列表
  67. picker.setData([{
  68. text: '进账',
  69. code: '1'
  70. }, {
  71. text: '出账',
  72. code: '2'
  73. }, {
  74. text: '日常账务',
  75. code: '3'
  76. }]);
  77. picker.show(function(selectItems) {
  78. $(".AccountType input")[0].value = selectItems[0].text;
  79. $(".AccountType input")[0].id = selectItems[0].code;
  80. });
  81. });
  82. //获取银行卡号
  83. $(doc.body).on('tap', '.CreditCardCode input', function() {
  84. var picker = new mui.PopPicker();
  85. $.ajax('http://www.bosshand.cn/api/Customer/GetCreditCardList', {
  86. data: {},
  87. type: 'post',
  88. dataType: 'json',
  89. timeout: 1000,
  90. headers: {
  91. 'Content-Type': 'application/x-www-form-urlencoded',
  92. authorization: token
  93. },
  94. success: function(resp) {
  95. if(resp.Code == 200) {
  96. var data = resp.Data.list
  97. var html = []
  98. for(var i = 0; i < data.length; i++) {
  99. html.push({
  100. text: data[i].CardNumber,
  101. code: data[i].Code
  102. })
  103. };
  104. picker.setData(html)
  105. };
  106. }
  107. });
  108. picker.show(function(selectItems) {
  109. $(".CreditCardCode input")[0].value = selectItems[0].text;
  110. $(".CreditCardCode input")[0].id = selectItems[0].code;
  111. });
  112. });
  113. //触发事件
  114. $(doc.body).on('tap', '.ca_right', function() {
  115. if($(".CreditCardCode input")[0].value != '' && $(".AccountType input")[0].value != '' && $(".AccountTitle input")[0].value != '' && $(".AccountMoney input")[0].value != '' && $(".AccountRemark input")[0].value != '') {
  116. for(var i = 0; i < $('input').length; i++) {
  117. $('input')[i].blur();
  118. }
  119. SaveInfo();
  120. } else {
  121. mui.toast('请将信息填写完整')
  122. }
  123. });
  124. //新增数据
  125. function SaveInfo() {
  126. var postData = {
  127. Code: '',
  128. CreditCardCode: $(".CreditCardCode input")[0].id,
  129. AccountType: $(".AccountType input")[0].id,
  130. AccountTitle: $(".AccountTitle input")[0].value,
  131. AccountMoney: $(".AccountMoney input")[0].value,
  132. AccountRemark: $(".AccountRemark input")[0].value,
  133. }
  134. $.ajax('http://www.bosshand.cn/api/Customer/AddAccount', {
  135. data: postData,
  136. type: 'post',
  137. dataType: 'json',
  138. timeout: 1000,
  139. headers: {
  140. 'Content-Type': 'application/x-www-form-urlencoded',
  141. authorization: token
  142. },
  143. success: function(resp) {
  144. if(resp.Code == 200) {
  145. mui.toast('新增成功');
  146. var old_back = mui.back;
  147. mui.back = function() {
  148. var wobj = plus.webview.getWebviewById("../home-index-finances/finances-reimbursement.html");
  149. wobj.reload(true);
  150. old_back();
  151. }
  152. mui.back();
  153. };
  154. },
  155. error: function(err, e) {
  156. }
  157. });
  158. };
  159. })
  160. })(mui, document)
  161. </script>
  162. </body>
  163. </html>