flow-c.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="../../../libs/echarts.min.js" type="text/javascript" charset="utf-8"></script>
  6. <title>采购流程</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
  11. <link rel="stylesheet" href="../../../css/common/common.css">
  12. <link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/svm.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. </header>
  21. <div class="mui-content">
  22. <!--搜索框-->
  23. <div class="mui-input-row mui-search">
  24. <input id="search" type="search" class="mui-input-clear" placeholder="Search">
  25. </div>
  26. <div class="svm">
  27. <ul>
  28. </ul>
  29. </div>
  30. </div>
  31. <script src="../../../libs/mui.min.js"></script>
  32. <script type="text/javascript">
  33. (function($, doc) {
  34. $.plusReady(function() {
  35. var str = plus.storage.getItem('user');
  36. var user = JSON.parse(str);
  37. var token = user.Data.Token;
  38. //查询采购流程
  39. GetdataList();
  40. //跳转
  41. $(doc.body).on('tap', 'li', function() {
  42. var exist = $(this)[0].id
  43. $.openWindow({
  44. url: 'flow-c-details.html',
  45. waiting: {
  46. autoShow: false, //自动显示等待框,默认为true
  47. },
  48. extras: {
  49. exist: exist
  50. },
  51. show: {
  52. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  53. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  54. }
  55. })
  56. });
  57. //搜索
  58. doc.getElementById("search").addEventListener('input', function() {
  59. var li = $('li');
  60. for(var i = 0; i < li.length; i++) {
  61. if(li[i].childNodes[0].innerHTML.indexOf(this.value) == -1) {
  62. li[i].style.display = 'none'
  63. } else {
  64. li[i].style.display = 'block'
  65. }
  66. }
  67. });
  68. //搜索差号
  69. $(doc.body).on('tap', '.mui-icon-clear', function() {
  70. var li = $('li');
  71. for(var i = 0; i < li.length; i++) {
  72. li[i].style.display = 'block'
  73. }
  74. })
  75. function GetdataList() {
  76. //查询参数值
  77. var postData = {
  78. "pageIndex": 1,
  79. "pageSize": 100,
  80. "exist": '',
  81. }
  82. $.ajax('http://www.bosshand.cn/api/Customer/GetPurchaseProcess', {
  83. data: postData,
  84. type: 'post',
  85. dataType: 'json',
  86. timeout: 1000,
  87. headers: {
  88. 'Content-Type': 'application/x-www-form-urlencoded',
  89. authorization: token
  90. },
  91. success: function(resp) {
  92. if(resp.Code == 200) {
  93. var data = resp.Data.list;
  94. var html = '';
  95. for(var i = 0; i < data.length; i++) {
  96. html += '<li id="' + data[i].FlowNumber + '">'
  97. html += '<span>' + data[i].FlowNumber + '</span>'
  98. html += '<span>' + data[i].CreateUser + '</span>'
  99. html += '</li>'
  100. }
  101. $('ul')[0].innerHTML = html;
  102. };
  103. }
  104. });
  105. };
  106. function FormatDate(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>