b2b_order_info.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. <body>
  20. <div id="app" v-cloak>
  21. <div class="pageView dingdanxiangqing">
  22. <ul>
  23. <li class="flex col" v-for="order in detailList">
  24. <div class="title flex jlr a-center">{{ order.orderid }}</div>
  25. <div class="center flex a-center">
  26. <p>{{ order.material }}</p>
  27. <p>{{ order.brand }}</p>
  28. </div>
  29. <div class="center flex a-center">
  30. <p>数量:{{ order.orderstock}}</p>
  31. </div>
  32. <div class="center flex a-center">
  33. <p>运输单号:{{order.transpotid}}</p>
  34. </div>
  35. </li>
  36. </ul>
  37. </div>
  38. </div>
  39. </body>
  40. <link rel="stylesheet" href="./mescroll/mescroll.min.css">
  41. <script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
  42. <script type="text/javascript" src="../script/api.js"></script>
  43. <script type="text/javascript" src="../script/httpRequest.js"></script>
  44. <script type="text/javascript" src="../script/vue_plugins.js"></script>
  45. <script type="text/javascript">
  46. apiready = function() {
  47. var ordernumber = api.pageParam.ordernumber,
  48. deliverynumber = api.pageParam.deliverynumber,
  49. shippingdoc = api.pageParam.shippingdoc,
  50. shipdate = api.pageParam.shipdate;
  51. new Vue({
  52. el: '#app',
  53. data: {
  54. list: [],
  55. token: '',
  56. orderInfo: {},
  57. detailList: [],
  58. zt: {},
  59. ordernumber : ordernumber,
  60. deliverynumber : deliverynumber,
  61. shippingdoc : shippingdoc,
  62. shipdate : shipdate
  63. },
  64. methods: {
  65. init: function() {
  66. this.token = $api.getStorage('token');
  67. this.getOrderInfo();
  68. },
  69. // 获取订单xiangqing
  70. getOrderInfo: function() {
  71. var data = {
  72. "token": this.token,
  73. "ordernumber": this.ordernumber,
  74. "deliverynumber": this.deliverynumber,
  75. "shippingdoc": this.shippingdoc,
  76. "shipdate": this.shipdate,
  77. "url": "json",
  78. "type": "body"
  79. },
  80. _this = this,
  81. url = "getB2bOrderInfoU";
  82. this.$post(url, data, function(ret) {
  83. if (ret.code == 0 || ret.code == '0') {
  84. if (ret.bizOrderCheckDetailReturnDto.data != null) {
  85. _this.zt = ret.bizOrderCheckDetailReturnDto.data.statustips;
  86. _this.detailList = ret.bizOrderCheckDetailReturnDto.data.detaillist;
  87. }
  88. }
  89. })
  90. }
  91. },
  92. mounted: function() {
  93. this.init();
  94. }
  95. })
  96. }
  97. </script>
  98. </html>