sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
							<!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.9 rem;
				margin-right: 10px;
			}
			[v-cloak] {
				display: none;
			}
			.changeNum {
				background-color: #007F86;
				color: #fff;
				padding: 3px 5px;
				font-size: .7rem;
				border-radius: 5px;
				margin-top: 5px;
			}
			.t {
				background-color: #f00;
			}
		</style>
	</head>
	<body>
		<section class="aui-flexView" id="app">
			<section class="aui-scrollView">
				<div class="aui-flex">
					<div class="aui-flex-box">
						<h3> 供应商名称 <em>86-18519238945</em></h3>
						<p>
							青岛市崂山区文玲路
						</p>
						<p>
							完成时间：2019-06-05 10：29：05
						</p>
						<p>
							付款渠道：支付宝
						</p>
						<p>
							金额： 500
						</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>入库单</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">5</em>
						</div>
					</div>
				</div>
				<div class="aui-commodity-bg" v-for="(store,storeIndex) in orderInfos">
					<div class="aui-flex">
						<div class="aui-flex-box">
							<h4>条款号：1000392</h4>
							<p>
								金宇轮胎 12R225
							</p>
							<p style="margin-top: -5px">
								JT538 库存充足
							</p>
						</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">
				<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 : '',
					orderInfos : [{
						o : 5
					}, {
						o : 5
					}, {
						o : 5
					}, {}]
				},
				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();
					},
					//  获取订单详情
					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>