b2b_order_trans.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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. <style>
  19. .dingdanzhuizong .dingdanzhuizongbox{
  20. top : .1rem
  21. }
  22. .dingdanzhuizong {
  23. padding-top : 1.2rem;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="app">
  29. <div class="pageView dingdanzhuizong">
  30. <!-- <div class="header flex a-center j-center">
  31. <i class="iconfont icon-back" onclick="history.go(-1)"></i>
  32. 订单追踪
  33. <div class="toobla flex a-center">
  34. <div class="icon3"></div>
  35. </div>
  36. </div> -->
  37. <div class="dingdanzhuizongbox">
  38. <div class="stepList flex a-center jlr">
  39. <div class="item flex a-center j-center disabled">
  40. 订单<br/>处理
  41. <p>03/28</p>
  42. </div>
  43. <i class="iconfont icon-youjiantou"></i>
  44. <div class="item flex a-center j-center disabled">
  45. 订单<br/>确认
  46. <p>03/28</p>
  47. </div>
  48. <i class="iconfont icon-youjiantou"></i>
  49. <div class="item flex a-center j-center disabled">
  50. 装运<br/>安排
  51. <p>03/28</p>
  52. </div>
  53. <i class="iconfont icon-youjiantou"></i>
  54. <div class="item flex a-center j-center active">
  55. 货运<br/>运输
  56. <p>进行中</p>
  57. </div>
  58. <i class="iconfont icon-youjiantou on"></i>
  59. <div class="item flex a-center j-center">
  60. 客户<br/>签收
  61. </div>
  62. </div>
  63. <div class="songdaInfo flex a-center jlr">
  64. <p>送达方:青岛市北区郑州路45号</p>
  65. <p>请求交货日期:2020-03-28</p>
  66. </div>
  67. <div class="subListTitles1 flex a-center">
  68. <b></b>
  69. 订购物料列表
  70. </div>
  71. <ul class="dingdanLists">
  72. <li v-for="item in list">
  73. <div class="title flex a-center jlr">
  74. <span>195/65R15 91V DH12 BGRX</span>
  75. <h4>正品</h4>
  76. </div>
  77. <div class="subTitle">
  78. <p>SAILUN <span>可用库存100条</span></p>
  79. </div>
  80. <div class="count">
  81. <div class="flex a-center"><em>订购(¥293.0/条)</em><span>共10条</span></div>
  82. <div class="flex a-center"><em>包装(¥2/条)</em><span>共10条</span></div>
  83. </div>
  84. <div class="foots flex j-end a-end">
  85. 总计:<h4>¥2950</h4>
  86. </div>
  87. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. </body>
  93. <script>
  94. new Vue({
  95. el: '#app',
  96. data: {
  97. list:['1','2']
  98. },
  99. mounted: function() {
  100. }
  101. })
  102. </script>
  103. </html>