finances-in.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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/svm.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. </header>
  20. <div class="mui-content">
  21. <!--搜索框-->
  22. <div class="mui-input-row mui-search">
  23. <input id="search" type="search" class="mui-input-clear" placeholder="Search">
  24. </div>
  25. <div class="svm">
  26. <ul>
  27. </ul>
  28. </div>
  29. </div>
  30. <script src="../../../libs/mui.min.js"></script>
  31. <script type="text/javascript">
  32. (function($, doc) {
  33. $.plusReady(function() {
  34. var str = plus.storage.getItem('user');
  35. var user = JSON.parse(str);
  36. var token = user.Data.Token;
  37. //查询
  38. GetdataList();
  39. //跳转
  40. $(doc.body).on('tap', 'li', function() {
  41. var exist = $(this)[0].childNodes[0].innerHTML
  42. $.openWindow({
  43. url: 'finances-in-details.html',
  44. waiting: {
  45. autoShow: false, //自动显示等待框,默认为true
  46. },
  47. extras: {
  48. exist: exist
  49. },
  50. show: {
  51. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  52. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  53. }
  54. })
  55. });
  56. //搜索
  57. doc.getElementById("search").addEventListener('input', function() {
  58. var li = $('li');
  59. for(var i = 0; i < li.length; i++) {
  60. if(li[i].childNodes[0].innerHTML.indexOf(this.value) == -1) {
  61. li[i].style.display = 'none'
  62. } else {
  63. li[i].style.display = 'block'
  64. }
  65. }
  66. });
  67. //搜索差号
  68. $(doc.body).on('tap', '.mui-icon-clear', function() {
  69. var li = $('li');
  70. for(var i = 0; i < li.length; i++) {
  71. li[i].style.display = 'block'
  72. }
  73. })
  74. function GetdataList() {
  75. var postData = {
  76. "pageIndex": 1,
  77. "pageSize": 100,
  78. "exist": "2", // 模版名称
  79. "exist_1": "-1", // 模版名称
  80. "exist_2": "-1", // 模版名称
  81. "exist_3": "-1",
  82. }
  83. $.ajax('http://www.bosshand.cn/api/Invoicing/GetMoneyOrderPageList', {
  84. data: postData,
  85. type: 'post',
  86. dataType: 'json',
  87. timeout: 1000,
  88. headers: {
  89. 'Content-Type': 'application/x-www-form-urlencoded',
  90. authorization: token
  91. },
  92. success: function(resp) {
  93. if(resp.Code == 200) {
  94. var data = resp.Data.list;
  95. var html = '';
  96. for(var i = 0; i < data.length; i++) {
  97. html += '<li><span>' + data[i].PurchaseSaleCode + '</span><span>' + getLocalDate(data[i].UpdateTime) + '</span></li>'
  98. }
  99. $('.svm ul')[0].innerHTML = html;
  100. }
  101. },
  102. error: function(err, e) {
  103. }
  104. });
  105. };
  106. function getLocalDate(now) {
  107. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  108. var arr = date.split(' ');
  109. //日期
  110. var arrDate = arr[0].split('-');
  111. //时间
  112. var arrTime = arr[1].split(':');
  113. return arrDate[0] + '-' + arrDate[1] + '-' + arrDate[2]
  114. };
  115. });
  116. })(mui, document)
  117. </script>
  118. </body>
  119. </html>