finances-in-details.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  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" href="../../../css/common/common.css">
  11. <link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/procurement-details.css" />
  12. </head>
  13. <body>
  14. <header id="header" class="mui-bar mui-bar-nav">
  15. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  16. <span class="back">返回</span>
  17. </a>
  18. <h1 class="mui-title">采购付款详情</h1>
  19. <a class="right ca_right">
  20. 操作
  21. </a>
  22. </header>
  23. <div class="mui-content">
  24. <div class="svm-details">
  25. <div class="svm-nav">
  26. <span></span>
  27. <span>基本信息</span>
  28. </div>
  29. <ul class="svm-con">
  30. <li>
  31. <span>采购编号</span>
  32. <span class="PurchaseSaleCode"></span>
  33. </li>
  34. <li>
  35. <span>采购联系人</span>
  36. <span class="Person"></span>
  37. </li>
  38. <li>
  39. <span>联系人方式</span>
  40. <span class="Tell"></span>
  41. </li>
  42. <li>
  43. <span>付款单号</span>
  44. <span class="MoneyCode"></span>
  45. </li>
  46. <li>
  47. <span>付款金额</span>
  48. <span class="MoneyMode"></span>
  49. </li>
  50. <li>
  51. <span>付款状态</span>
  52. <span class="PaymentStatus"></span>
  53. </li>
  54. <li>
  55. <span>发票状态</span>
  56. <span class="InvoiceStatus"></span>
  57. </li>
  58. <li>
  59. <span>定金状态</span>
  60. <span class="DepositStatus"></span>
  61. </li>
  62. <li>
  63. <span>付款发起人</span>
  64. <span class="CreateUser"></span>
  65. </li>
  66. <li>
  67. <span>操作时间</span>
  68. <span class="UpdateTime"></span>
  69. </li>
  70. </ul>
  71. </div>
  72. </div>
  73. <script src="../../../libs/mui.min.js"></script>
  74. <script type="text/javascript">
  75. (function($, doc) {
  76. $.plusReady(function() {
  77. var str = plus.storage.getItem('user');
  78. var user = JSON.parse(str);
  79. var token = user.Data.Token;
  80. var self = plus.webview.currentWebview();
  81. var exist = self.exist;
  82. GetdataList();
  83. //跳转
  84. $(doc.body).on('tap', '.ca_right', function() {
  85. var exists = $('.PurchaseSaleCode')[0].innerHTML;
  86. $.openWindow({
  87. url: 'finances-in-add.html',
  88. waiting: {
  89. autoShow: false, //自动显示等待框,默认为true
  90. },
  91. extras: {
  92. exists: exists
  93. },
  94. show: {
  95. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  96. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  97. aniShow: 'slide-in-bottom',
  98. }
  99. })
  100. });
  101. function GetdataList() {
  102. var postData = {
  103. "pageIndex": 1,
  104. "pageSize": 100,
  105. "exist": "2", // 模版名称
  106. "exist_1": exist, // 模版名称
  107. "exist_2": "-1", // 模版名称
  108. "exist_3": "-1",
  109. }
  110. $.ajax('http://www.bosshand.cn/api/Invoicing/GetMoneyOrderPageList', {
  111. data: postData,
  112. type: 'post',
  113. dataType: 'json',
  114. timeout: 1000,
  115. headers: {
  116. 'Content-Type': 'application/x-www-form-urlencoded',
  117. authorization: token
  118. },
  119. success: function(resp) {
  120. var data = resp.Data.list;
  121. var html = '';
  122. $('.PurchaseSaleCode')[0].innerHTML = data[0].PurchaseSaleCode;
  123. $('.Person')[0].innerHTML = data[0].Person;
  124. $('.Tell')[0].innerHTML = data[0].Tell;
  125. $('.MoneyCode')[0].innerHTML = data[0].MoneyCode;
  126. $('.MoneyMode')[0].innerHTML = data[0].MoneyMode;
  127. //回款状态
  128. if(data[0].PaymentStatus == "2") {
  129. $('.PaymentStatus')[0].innerHTML = "已付款";
  130. } else if(data[0].PaymentStatus == "3") {
  131. $('.PaymentStatus')[0].innerHTML = "部分付款";
  132. } else {
  133. $('.PaymentStatus')[0].innerHTML = "未付款";
  134. }
  135. //发票状态
  136. if(data[0].InvoiceStatus == "1") {
  137. $('.InvoiceStatus')[0].innerHTML = "无需发票";
  138. } else if(data[0].InvoiceStatus == "3") {
  139. $('.InvoiceStatus')[0].innerHTML = "已给发票";
  140. } else if(data[0].InvoiceStatus == "4") {
  141. $('.InvoiceStatus')[0].innerHTML = "已给部分发票";
  142. } else {
  143. $('.InvoiceStatus')[0].innerHTML = "未给发票";
  144. }
  145. if(data[0].DepositStatus == "1") {
  146. $('.DepositStatus')[0].innerHTML = "无需定金";
  147. } else if(data[0].DepositStatus == "3") {
  148. $('.DepositStatus')[0].innerHTML = "已给定金";
  149. } else if(data[0].DepositStatus == "4") {
  150. $('.DepositStatus')[0].innerHTML = "已给部分定金";
  151. } else {
  152. $('.DepositStatus')[0].innerHTML = "未交定金";
  153. }
  154. $('.CreateUser')[0].innerHTML = data[0].CreateUser;
  155. $('.UpdateTime')[0].innerHTML = getLocalDate(data[0].UpdateTime);
  156. }
  157. });
  158. };
  159. function getLocalDate(now) {
  160. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  161. var arr = date.split(' ');
  162. //日期
  163. var arrDate = arr[0].split('-');
  164. //时间
  165. var arrTime = arr[1].split(':');
  166. return arrDate[0] + '-' + arrDate[1] + '-' + arrDate[2] + '' + ' ' + arrTime[0] + ':' + arrTime[1];
  167. };
  168. })
  169. })(mui, document)
  170. </script>
  171. </body>
  172. </html>