orderList_body1.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html class="">
  3. <!--STATUS OK-->
  4. <head>
  5. <meta name="referrer" content="always" />
  6. <meta charset='utf-8' />
  7. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="x-dns-prefetch-control" content="on">
  9. <meta name="description" content="">
  10. <meta name="format-detection" content="telephone=no" />
  11. <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
  12. <link rel="stylesheet" type="text/css" href="css/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="css/main.css" />
  14. <script src="js/vue.js"></script>
  15. <script src="js/vant-ui.js"></script>
  16. <script src="js/main.js"></script>
  17. <title></title>
  18. </head>
  19. <style>
  20. .dingdangenzong .dingdanSearch {
  21. top : .1rem
  22. }
  23. .dingdangenzong {
  24. padding-top : 1.2rem;
  25. }
  26. .dingdangenzong .dingdangenzongContainer .item {
  27. height : 2.5rem
  28. }
  29. </style>
  30. <body>
  31. <div id="app">
  32. <div class="pageView dingdangenzong" style="">
  33. <div class="dingdanSearch flex a-center j-center">
  34. <div class="search_box flex a-center">
  35. <input type="text" placeholder="请输入详细地址">
  36. <div class="fgx"></div>
  37. <div class="search_btn flex a-center">
  38. 订单状态 <i class="iconfont icon-xia"></i>
  39. </div>
  40. <van-icon name="search" size="0.32rem"/>
  41. </div>
  42. </div>
  43. <div class="dingdangenzongContainer" id="mescroll">
  44. <div class="item" v-for="item in agentList" v-on:click="lookOrderInfo">
  45. <div class="title flex a-center jlr">
  46. <div class="flex a-center">
  47. 订单号:{{ item. }} <b></b>
  48. </div>
  49. <h2>已接收</h2>
  50. </div>
  51. <div class="cont">
  52. <!-- <p>
  53. 交货单号:2156464654545
  54. </p>
  55. <p>
  56. 交货日期:2020-03-28
  57. </p> -->
  58. <p>
  59. 送货地址:山东省青岛市市北区橡胶谷门店12-54
  60. </p>
  61. </div>
  62. <div class="foot flex">
  63. <div class="btn flex a-center j-center">
  64. 拒单
  65. </div>
  66. <div class="btn flex a-center j-center on">
  67. 接单
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </body>
  75. <link rel="stylesheet" href="./mescroll/mescroll.min.css">
  76. <script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
  77. <script type="text/javascript" src="../script/api.js"></script>
  78. <script type="text/javascript" src="../script/httpRequest.js"></script>
  79. <script type="text/javascript" src="../script/vue_plugins.js"></script>
  80. <script type="text/javascript">
  81. apiready = function() {
  82. new Vue({
  83. el : '#app',
  84. data : {
  85. kunnr : '', // 经销商code
  86. agentList : [], // 门店订单列表
  87. },
  88. methods : {
  89. init : function(){
  90. var _this = this;
  91. this.kunnr = $api.getStorage('kunnr');
  92. this.getAgentListM();
  93. this.configDownAndPull("mescroll", function(mescroll) {
  94. _this.current = 1;
  95. _this.getStoreList(mescroll);
  96. }, function(mescroll) {
  97. if (_this.current < _this.totalPages) {
  98. _this.current = _this.current + 1;
  99. _this.getStoreList(mescroll, 1);
  100. } else {
  101. mescroll.endSuccess(_this.size, false);
  102. }
  103. })
  104. },
  105. // 获取门店订单列表
  106. getAgentListM : function(){
  107. var data = {
  108. "agentCode": this.kunnr
  109. },_this = this;
  110. this.$post('getAgentList',data,function(ret){
  111. // alertJson(ret);
  112. _this.agentList = ret;
  113. })
  114. },
  115. // 查看订单详情
  116. lookOrderInfo : function(){
  117. this.goWin('orderInfo_win', 'orderInfo_win.html', '');
  118. }
  119. },
  120. mounted : function() {
  121. this.init();
  122. }
  123. })
  124. }
  125. </script>
  126. </html>