sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
		<meta content="yes" name="apple-mobile-web-app-capable"/>
		<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
		<meta content="telephone=no" name="format-detection"/>
		<link href="../../css/styleInfo.css" rel="stylesheet" type="text/css"/>
	    <style>
	       .aui-scrollView {
	           padding-bottom : 4rem;
	       }
	       .aui-footer-text-info a {
	          padding: 5px 10px;
	          font-size:0.9rem;
	          margin-right: 10px;
	       }
	       [v-cloak]{
	          display : none;
	       }
	    </style>
	</head>
	<body>
		<section class="aui-flexView" id="app" v-cloak>
			<section class="aui-scrollView">
				<div class="aui-pay-change">
					<div class="aui-flex">
						<div class="aui-flex-box">
							<h3>{{orderInfo.status | statusToStr}}</h3>
							<p v-show="orderInfo.takeTime == null">
								下单时间：{{orderInfo.createTime}}
							</p>
							<p v-show="orderInfo.takeTime != null">
								接单时间：{{orderInfo.takeTime}}
							</p>
						</div>
						<div class="aui-pay-zfb">
							<img src="../../images/11.png" alt="">
						</div>
					</div>
				</div>
				<div class="aui-flex">
					<div class="aui-flex-add">
						<img src="../../images/avatar.png" alt="">
					</div>
					<div class="aui-flex-box">
						<h3> {{orderInfo.shopName}} <em>86-18519238945</em></h3>
						<p>
							{{orderInfo.address}}
						</p>
					</div>
				</div>
				<div class="divHeight"></div>
			<!--	<div class="aui-flex">
					<div class="aui-shop-item">
						<img src="../../images/logo-item.png" alt="">
					</div>
					<div class="aui-shop-item-arrow">
						京东商城自营旗舰店
					</div>
				</div>-->
				<div class="aui-cp-edu b-line">
					<div class="aui-san-sml"></div>
					<div class="aui-flex aui-flex-ed">
						<div class="aui-flex-box">
							订单号 <em>{{orderInfo.orderNum}}</em>
						</div>
					</div>
					<div class="aui-flex aui-flex-ed">
						<div class="aui-flex-box">
							下单时间 <em>{{orderInfo.createTime}}</em>
						</div>
					</div>
					<div class="aui-flex aui-flex-ed" v-show="orderInfo.takeTime">
						<div class="aui-flex-box">
							 接单时间<em>{{orderInfo.takeTime}}</em>
						</div>
					</div>
					<div class="aui-flex aui-flex-ed">
						<div class="aui-flex-box" style="color:#333; font-size:15px;">
							商品数<em style="color:#333">{{orderInfo.amount}}</em>
						</div>
					</div>
				</div>
				<div class="aui-commodity-bg" v-for="(store,storeIndex) in orderInfo.bizOrderInfoDtoList">
					<div class="aui-flex">
						<div class="aui-flex-box">
							<h4>{{store.materialDto.materialName}}</h4>
							<p>
								{{store.materialDto.brand}} {{store.materialDto.pattern}}
							</p>
							<p style="margin-top: -5px">
								{{store.materialDto.beltModel}} {{store.materialDto.tyreSide}}
							</p>
						</div>
						<div>
							<h5>X{{store.amount}}</h5>
						</div>
					</div>
				</div>
	<!--			<div class="aui-flex aui-insurance-box b-line">
					<div class="aui-insurance-img">
						<img src="../../images/icon-bx.png" alt="">
					</div>
					<div class="aui-flex-box">
						<h4>运费险</h4>
						<h5>确认收货前退货可理赔</h5>
					</div>
					<div>
						<h5>￥00.00</h5>
						<p class="aui-sml-text">
							X00
						</p>
					</div>
				</div>-->
				<div class="divHeight b-line"></div>
			<!--	<div class="aui-flex aui-flex-text-sml b-line">
					<div class="aui-flex-box">
						<p>
							<em>:</em>
							可以获得30积分
						</p>
						<p>
							<em>订单编号:</em>
							120848234387344378734
						</p>
						<p>
							<em>交易编号:</em>
							2018090886654545233444
						</p>
						<p>
							<em>下单时间:</em>
							2018-08-22 02:12:22
						</p>
					</div>
				</div>-->
			</section>
	<!--		<footer class="aui-footer aui-footer-fixed" v-show="orderInfo.status == 0">
				<div class="aui-footer-text-info">
					
					<a href="javascript:;" class="aui-payment" v-on:click="saveOrder">接单</a>
				</div>
			</footer>-->
		</section>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript" src="../../script/httpRequest.js"></script>
	<script type="text/javascript" src="../../script/vue_plugins.js"></script>
	<script type="text/javascript">
	    apiready = function(){
	        var orderid = api.pageParam.orderid;
	        new Vue({
	            el : '#app',
	            data : {
	               orderid : orderid,
	               // 接单url
	               saveUrl : 'receiveOrderUrl',
	               // 接单状态
	               saveStatus : 1,
	               // 获取订单详情
	               getOrderInfoUrl : 'getOrderInfo',
	               // 订单详情
	               orderInfo : '',
	            },
	            filters : {
					statusToStr : function(status) {
						var str = "";
						switch (status) {
							case 0:
								str = "等待经销商接单";
								break;
							case 1:
								str = "经销商已接单";
								break;
							default :
								break;
						}
						return str
					}
				},
	            methods : {
	               init : function(){
	                  this.getInfo();
	                  this.configHeaderRefush(function() {
						    _this.getInfo();
						});
	               },
	               //  获取订单详情
	               getInfo : function(){
	                   var _this = this;
	                   this.$post(this.getOrderInfoUrl,"",function(ret){
	                     if(ret.code == 0){
	                        _this.orderInfo = ret.bizOrderDto;
	                     }
	                   },this.orderid);
	               },
	               //  接单
	               saveOrder : function(){
	                   var data = {
	                      id : this.orderid,
	                      status : this.saveStatus,
	                      url : 'json',
						  type : 'body',
	                   },url = this.saveUrl,_this = this;
	                   this.$post(url,data,function(ret){
	                     if(ret.code == 0){
	                        _this.showToast("接单成功");
	                        _this.getInfo();
	                     }
	                   })
	               }
	            },
	            mounted : function(){
	               this.init();
	            }
	        })
	    }
	</script>
</html>