orderInfo_body.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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: 0.5rem
  22. }
  23. .dingdangenzong {
  24. padding-top: 1.6rem;
  25. }
  26. </style>
  27. <body>
  28. <div id="app" v-cloak>
  29. <div class="pageView dingdanxiangqing">
  30. <ul>
  31. <li class="flex col" v-for="order in orderInfo">
  32. <!-- <div class="chuxiao"></div> -->
  33. <div class="title flex jlr a-center">{{ order.maktx }}</div>
  34. <div class="center flex a-center">
  35. <p>{{ order.brand }}</p>
  36. <p>{{ order.spec }}</p>
  37. <p>{{ order.pattern }}</p>
  38. </div>
  39. <div class="bottom flex a-center j-end">
  40. 共 {{ order.qty }} 条
  41. </div>
  42. </li>
  43. </ul>
  44. </div>
  45. </div>
  46. </body>
  47. <script type="text/javascript" src="../script/api.js"></script>
  48. <script type="text/javascript" src="../script/httpRequest.js"></script>
  49. <script type="text/javascript" src="../script/vue_plugins.js"></script>
  50. <script type="text/javascript">
  51. apiready = function() {
  52. var id = api.pageParam.id;
  53. new Vue({
  54. el: '#app',
  55. data: {
  56. list: [],
  57. id: id,
  58. userId: '',
  59. orderInfo: {},
  60. },
  61. methods: {
  62. /**
  63. * 配置页面
  64. */
  65. init: function() {
  66. this.userId = $api.getStorage('userid');
  67. this.getOrderInfo();
  68. },
  69. /**
  70. * 获取订单详情
  71. */
  72. getOrderInfo: function() {
  73. var data = {
  74. "orderId": this.id,
  75. "url": "json",
  76. "type": "body"
  77. },
  78. _this = this,
  79. url = "getOrderInfoU";
  80. this.$post(url, data, function(ret) {
  81. if (ret.code == 0 || ret.code == '0') {
  82. _this.orderInfo = ret.data == null ? {} : ret.data;
  83. }
  84. })
  85. }
  86. },
  87. mounted: function() {
  88. this.init();
  89. }
  90. })
  91. }
  92. </script>
  93. </html>