商城手机版

Order.html 9.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>订单详情</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <link href="/Mobile/CSS/frozenui-1.3.0/css/frozen.css" rel="stylesheet" />
  11. <link rel="stylesheet" type="text/css" href="/Mobile/CSS/FT_Mobile.css?ver=1">
  12. <script src="/Mobile/JS/zepto.min.js"></script>
  13. <script src="/Mobile/JS/zepto.md5.js"></script>
  14. <script src="/Mobile/CSS/frozenui-1.3.0/js/frozen.js"></script>
  15. <script src="/Mobile/JS/avalon.mobile.min.js"></script>
  16. <script src="/Mobile/JS/MobileCom.js"></script>
  17. <script>
  18. var model = avalon.define({
  19. $id: "Order",
  20. cart: common.getxzcart(),
  21. ctData: [],
  22. dzData: {},
  23. xzdz: function () {
  24. window.location.href = "UserAddress.html";
  25. },
  26. GetAllPrice: function () {
  27. var pri = 0;
  28. var pot = 0;
  29. $(model.ctData).each(function (j, m) {
  30. $(m.items).each(function (i, n) {
  31. if (n.isxz) {
  32. pri = pri * 1 + n.qty * n.payprice;
  33. pot = pot * 1 + n.qty * n.point;
  34. }
  35. })
  36. })
  37. model.AllPrice = pri;
  38. model.AllPoint = pot;
  39. },
  40. AllPrice: 0,
  41. AllPoint: 0,
  42. PostDD: function () {
  43. if (model.ctData.length==0) {
  44. common.alert("未选择商品!", "warn");
  45. return;
  46. }
  47. if (!model.dzData.ID) {
  48. common.alert("请选择收货地址!", "warn");
  49. return;
  50. }
  51. if ( model.dzData.ID) {
  52. var date = common.getnowdate("yyyyMMddHHmmss");
  53. var strdata = { action: "order_addorder", "ids": JSON.stringify(model.ctData.$model), "addid": model.dzData.ID, timestamp: date };
  54. var sign = common.getsign(JSON.stringify(strdata));
  55. var data = JSON.parse(JSON.stringify(strdata));
  56. data.sign = sign;
  57. $.post('/api/api.ashx', data, function (resultData) {
  58. var datamodel = $.parseJSON(resultData)
  59. if (datamodel.msgcode == "") {
  60. $(".ui-btn-wrap").remove();
  61. common.delxzcart();
  62. common.alert("提交订单成功", "success", function () {
  63. if (model.ctData.length > 0) {
  64. window.location.href = 'OrderDatail.html?oid=' + datamodel.result1;
  65. }
  66. else {
  67. window.location.href = 'UserOrder.html';
  68. }
  69. })
  70. }
  71. })
  72. }
  73. }
  74. });
  75. avalon.ready(function () {
  76. if (model.cart.length > 0) {
  77. var date = common.getnowdate("yyyyMMddHHmmss");
  78. var strdata = { action: "product_cartlist", "cart": JSON.stringify(model.cart.$model), timestamp: date };
  79. var sign = common.getsign(JSON.stringify(strdata));
  80. var data = JSON.parse(JSON.stringify(strdata));
  81. data.sign = sign;
  82. $.getJSON("/api/api.ashx", data, function (resultData) {
  83. if (resultData.msgcode == "") {
  84. model.ctData = resultData.result1;
  85. model.GetAllPrice();
  86. }
  87. })
  88. var strdata1 = { action: "user_mraddress", timestamp: date };
  89. var sign1 = common.getsign(JSON.stringify(strdata1));
  90. var data1 = JSON.parse(JSON.stringify(strdata1));
  91. data1.sign = sign1;
  92. $.getJSON("/api/api.ashx", data1, function (resultData) {
  93. if (resultData.msgcode == "") {
  94. if (resultData.result1.length > 0) {
  95. model.dzData = resultData.result1[0];
  96. }
  97. }
  98. })
  99. }
  100. else {
  101. location.href = "/Mobile/View/SCSY.html";
  102. }
  103. })
  104. </script>
  105. </head>
  106. <body style="background-color:white" ms-controller="Order">
  107. <h2 class="title ui-border-b" style="background-image: linear-gradient(90deg,#52b6ec,#66dff4);">
  108. <a class="ui-arrowlink">订单详情</a>
  109. </h2>
  110. <div class="content" style="margin-bottom:50px;">
  111. <div class="ui-form">
  112. <div class="ui-form-item ui-form-item-order ui-border-b">
  113. <a >收货信息</a>
  114. </div>
  115. <ul class="ui-list ui-list-text ui-border-b" style="margin:0;">
  116. <li ms-if="!dzData.ID">
  117. <h4 class="ui-nowrap">无收货信息</h4>
  118. <a class="ui-arrowlink" ms-click="xzdz()"></a>
  119. </li>
  120. <li ms-if="dzData.ID">
  121. <div class="ui-list-info" >
  122. <h4 class="ui-nowrap">{{dzData.Receiver}}&nbsp;&nbsp; {{dzData.Telephone}}</h4>
  123. <p class="ui-nowrap">{{dzData.Province+' '+dzData.City+' '+dzData.County+' '+dzData.Address}}</p>
  124. </div>
  125. <a class="ui-arrowlink" ms-click="xzdz()"></a>
  126. </li>
  127. </ul>
  128. <div class="ui-form-item ui-form-item-order ui-border-b">
  129. <a>商品明细</a>
  130. </div>
  131. <ul class="ui-list ui-list-text ui-border-b" style="margin-bottom:0px" ms-repeat-elt="ctData">
  132. <li>商家{{$index+1}}</li>
  133. <li ms-repeat-el="elt.items" class="ui-border-t" >
  134. <div class="ui-list-thumb ">
  135. <img ms-src="el.imgurl" style="width:50px;" />
  136. </div>
  137. <div class="ui-list-info">
  138. <h4 class="ui-nowrap">{{el.title}}</h4>
  139. <div class="ui-row-flex" ms-visible="el.group.length>0">
  140. <div class="ui-col ui-col" style="color: #777;font-size: 14px;" ms-repeat-item="el.group">{{item.key+':'+item.value}}</div>
  141. </div>
  142. <div style="display: -webkit-box;background-color: #fff;">
  143. <h4 style="-webkit-box-flex: 1;"><span style="color:red">¥{{el.payprice}}</span>+<span style="color:red">¥{{el.point}}</span></h4>
  144. <div>x{{el.qty}}</div>
  145. </div>
  146. </div>
  147. </li>
  148. <li class="ui-border-t" style="padding:0;">
  149. <div class="ui-form-item ui-form-item-textarea " style="width: 100%;padding: 0;">
  150. <label>
  151. 备注
  152. </label>
  153. <textarea placeholder="请输入备注" ms-duplex="elt.remark"></textarea>
  154. </div>
  155. </li>
  156. </ul>
  157. <div class="ui-form ui-border-b">
  158. <!--<div class="ui-form-item ui-border-b">
  159. <label>可用积分</label>
  160. <span style="color: red;padding-left: 95px;">¥{{KYJF}}</span>
  161. </div>-->
  162. <div class="ui-form-item ui-border-b">
  163. <label>
  164. 合计金额
  165. </label>
  166. <span style="padding-left:95px;">
  167. <strong style="color:red;">¥{{AllPrice}}</strong>
  168. </span>
  169. </div>
  170. <div class="ui-form-item ui-border-b">
  171. <label>
  172. 合计信用点
  173. </label>
  174. <span style="padding-left:95px;">
  175. <strong style="color:red;">¥{{AllPoint}}</strong>
  176. </span>
  177. </div>
  178. </div>
  179. <div class="ui-btn-wrap">
  180. <button class="ui-btn-lg ui-btn-danger" ms-on-click="PostDD()">
  181. <span > 提交订单</span>
  182. </button>
  183. </div>
  184. </div>
  185. </div>
  186. <div id="bot_mn">
  187. <ul>
  188. <li id="bot_mn5"><a href="/Mobile/View/SCSY.html">首页</a></li>
  189. <li id="bot_mn6"><a href="/Mobile/View/SPFL.html">分类</a></li>
  190. <li id="bot_mn3" class="bot_mn_act"><a href="/Mobile/View/ShopCart.html">购物车</a></li>
  191. <li id="bot_mn4"><a href="/Mobile/View/PeopleCenter.html">我的</a></li>
  192. </ul>
  193. </div>
  194. </body>
  195. </html>