orderInfo_body.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  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/css/vant-ui.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../../../css/css/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="../../../../../css/css/main.css" />
  14. <script src="../../../../../script/js/vue.js"></script>
  15. <script src="../../../../../script/js/vue-i18n.js"></script>
  16. <script src="../../../../../script/js/vant-ui.js"></script>
  17. <script src="../../../../../script/js/main.js"></script>
  18. <title></title>
  19. </head>
  20. <style>
  21. .dingdangenzong .dingdanSearch {
  22. top : 0.5rem
  23. }
  24. .dingdangenzong {
  25. padding-top : 1.6rem;
  26. }
  27. .auditBtn {
  28. display: flex;
  29. display: -webkit-flex;
  30. position: fixed;
  31. width: 100%;
  32. height: 1rem;
  33. bottom: 0;
  34. left: 0;
  35. }
  36. .auditBtn div {
  37. flex: 1;
  38. font-size: 0.3rem;
  39. text-align: center;
  40. line-height: 1rem;
  41. color: #fff;
  42. }
  43. </style>
  44. <body>
  45. <div id="app">
  46. <div class="pageView dingdanxiangqing">
  47. <ul>
  48. <li class="flex col" v-for="order in orderInfo">
  49. <!-- <div class="chuxiao"></div> -->
  50. <div class="title flex jlr a-center">{{ order.maktx }}</div>
  51. <div class="center flex a-center">
  52. <p>{{ order.brand }}</p>
  53. <p>{{ order.spec }}</p>
  54. <p>{{ order.pattern }}</p>
  55. </div>
  56. <div class="bottom flex a-center j-end">
  57. {{ $t('home.orderList.total') }} {{ order.qty }} {{ $t('common.one') }}
  58. </div>
  59. </li>
  60. </ul>
  61. <div class="auditBtn" v-if="orderInfo[0].status == 0">
  62. <div style="background-color:#999" v-on:click.stop="handleOrder(0)">{{ $t('common.reject') }}</div>
  63. <div style="background-color:#0096df" v-on:click.stop="handleOrder(1)">{{ $t('common.agree') }}</div>
  64. </div>
  65. </div>
  66. </div>
  67. </body>
  68. <script type="text/javascript" src="../../../../../script/api.js"></script>
  69. <script type="text/javascript" src="../../../../../script/httpRequest.js"></script>
  70. <script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
  71. <script type="text/javascript" src="../../../js/zh.js"></script>
  72. <script type="text/javascript" src="../../../js/en.js"></script>
  73. <script type="text/javascript">
  74. apiready = function(){
  75. let langType = $api.getStorage('lang') || 'cn'
  76. const i18n = new VueI18n({
  77. locale: langType,//设置语言
  78. messages: {
  79. en: getEn(),
  80. cn: getCn()
  81. }
  82. })
  83. var id = api.pageParam.id;
  84. new Vue({
  85. el: '#app',
  86. i18n,
  87. data: {
  88. list:[],
  89. id : id,
  90. userId : '',
  91. orderInfo : [
  92. {status:1}
  93. ],
  94. },
  95. methods : {
  96. /**
  97. * 配置页面
  98. */
  99. init : function(){
  100. this.userId = $api.getStorage('loginid');
  101. this.getOrderInfo();
  102. },
  103. /**
  104. * 获取订单详情
  105. */
  106. getOrderInfo : function(){
  107. var data = {
  108. "orderId": this.id,
  109. "url" : "json",
  110. "type" : "body"
  111. },_this = this,url = "getOrderInfoU";
  112. this.$post(url,data,function(ret){
  113. if(ret.code == 0 || ret.code == '0'){
  114. _this.orderInfo = ret.data;
  115. }
  116. })
  117. },
  118. // 处理订单操作handerOrderUrl
  119. handleOrder: function(type) {
  120. var data = {
  121. "id": this.id,
  122. "agentAuditStatus": type == 0 ? '2' : '1',
  123. "type": "body",
  124. "url": "json"
  125. },
  126. _this = this;
  127. this.$post('handerOrderUrl', data, function(ret) {
  128. if (ret.code == 0 || ret.code == '0') {
  129. api.toast({
  130. msg: ret.msg
  131. });
  132. setTimeout(function() {
  133. _this.sendEvent('refushiew');
  134. _this.getOrderInfo();
  135. }, 200);
  136. }
  137. });
  138. },
  139. },
  140. mounted : function(){
  141. this.init();
  142. }
  143. })
  144. }
  145. </script>
  146. </html>