flow-t.html 3.8 KB

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