orderFollow_body.html 2.7 KB

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