business.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  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. <div class="mui-input-row mui-search">
  22. <input id="search" type="search" class="mui-input-clear" placeholder="Search">
  23. </div>
  24. <div class="svms">
  25. <ul>
  26. </ul>
  27. </div>
  28. </div>
  29. <script src="../../../libs/mui.min.js"></script>
  30. <script src="../../../libs/href.js" type="text/javascript" charset="utf-8"></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.getElementById("search").addEventListener('input', function() {
  41. var li = $('li');
  42. for(var i = 0; i < li.length; i++) {
  43. if(li[i].childNodes[0].innerHTML.indexOf(this.value) == -1) {
  44. li[i].style.display = 'none'
  45. } else {
  46. li[i].style.display = 'block'
  47. }
  48. }
  49. });
  50. //搜索差号
  51. $(doc.body).on('tap', '.mui-icon-clear', function() {
  52. var li = $('li');
  53. for(var i = 0; i < li.length; i++) {
  54. li[i].style.display = 'block'
  55. }
  56. })
  57. //跳转
  58. $(doc.body).on('tap', 'li', function() {
  59. var exist = $(this)[0].id;
  60. $.openWindow({
  61. url: '../home-index-business/business-detail.html',
  62. waiting: {
  63. autoShow: false, //自动显示等待框,默认为true
  64. },
  65. extras: {
  66. exist: exist
  67. },
  68. show: {
  69. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  70. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  71. }
  72. })
  73. });
  74. //请求数据
  75. function getDataList() {
  76. var data = {
  77. "pageIndex": 1,
  78. "pageSize": 1000,
  79. "exist": '' //甲方、乙方名称
  80. };
  81. $.ajax("http://www.bosshand.cn/api/Invoicing/GetContractPageList",{
  82. data: data,
  83. type: "post",
  84. timeout: 1000,
  85. dataType: 'json',
  86. headers: {
  87. 'Content-Type': 'application/x-www-form-urlencoded',
  88. authorization: token
  89. },
  90. success: function(resp) {
  91. var data = resp.Data.list;
  92. var html = '';
  93. for(var i = 0; i < data.length; i++) {
  94. html += '<li id="' + data[i].Code + '">'
  95. html += '<p>'
  96. html += '<img src="http://www.bosshand.cn' + data[i].Thumbnail + '" alt="" />'
  97. html += '</p>'
  98. html += '<p>'
  99. html += '<span>' + data[i].PurchaseSaleCode + '</span>'
  100. html += '<span>' + getLocalDate(data[i].DeliveryTime) + '</span>'
  101. html += '</p>'
  102. html += '</li>'
  103. }
  104. $(".svms ul")[0].innerHTML = html;
  105. }
  106. });
  107. };
  108. //时间更改成标准格式
  109. function getLocalDate(now) {
  110. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  111. var arr = date.split(' ');
  112. //日期
  113. var arrDate = arr[0].split('-');
  114. //时间
  115. var arrTime = arr[1].split(':');
  116. return arrDate[0] + '-' + arrDate[1] + '-' + arrDate[2]
  117. };
  118. });
  119. })(mui, document)
  120. </script>
  121. </body>
  122. </html>