<!DOCTYPE html>
<html>
	{include file="head.html"}
	<body>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">订单详情</div>
		</div>
		<div class="header-row"></div>
		 
		<div class="main-body none" :class="'flex-col'" id="App">
			<div class="flex bg-fff pd-10 mgb-5">
				<div class="flex-1 cl2">单号：{{order.orderno}}</div>
				<div class="f12 cl3 mgr-10">{{order.timeago}}</div>
				<div class="cl-primary">{{order.status_name}}</div>
			</div>
			<div class="flexlist">
				 
				<div v-for="(item,index) in prolist" :key="index" class="flexlist-item mgb-0">
		
					<div  class="flexlist-imgbox">
						<image :src="item.imgurl+'.100x100.jpg'" class="flexlist-img"></image>
					</div>
		
					<div class="flex-1">
						<div class="flexlist-title" >{{item.title}}</div>
						<div class="flex">
							<div class="cl2 mgr-10">{{item.ks_title}}</div>
							<div class="cl-num mgr-10">￥{{item.price}} </div>
							<div class="flex-1"></div>
							<div class="cl2">x {{item.amount}}</div>	
						</div>		
					</div>
				</div>
				 
				 
			</div>
			<div class="row-box mgb-5">
				<div class="flex mgb-5">
					共 <div class="cl-num">{{order.total_num}}</div> 件商品， 合计
					<div class="cl-num">￥{{order.money}}</div>元， 含运费
					<div class="cl-num">{{order.express_money}}</div>元
				</div>
				<div class="f14 mgb-5">备注</div>
				<div class="bg-light pd-10 cl3 bd-radius-10">
					{{order.comment}}
				</div>
			</div>
		
			<div class="row-box pdt-0 mgb-5">
				 
				<div class="flex-table">
					<div class="flex-table-label">联系人：</div>
					<div class="flex-table-box text-right">
						{{addr.truename}}
					</div>
				</div>
				<div class="flex-table">
					<div class="flex-table-label">手机：</div>
					<div class="flex-table-box text-right">
						{{addr.telephone}}
					</div>
				</div>
				<div class="flex-table">
					<div class="flex-table-label">收货地址：</div>
					<div class="flex-table-box text-right">
						{{addr.address}}
					</div>
				</div>
			</div>
			
				
				<div  class="row-box pdt-0">
					<div class="row-box flex flex-center">
						<div :gourl="'moduleshop.php?m=b2b_guest&a=user&userid='+order.userid" class="btn btn-outline-primary ">联系用户</div>
						<div class="flex-1"></div>
						<template v-if="order.status==0">
							<div @click="confirm(order.orderid)" v-if="order.ispay==1" class="btn btn-outline-success mgl-5">确认接单</div>
							<div v-if="order.status==0" class="btn btn-outline-dark mgl-5" @click="cancel(order.orderid)">取消订单</div>
						</template>
						<template v-if="order.status==1">
							<div @click="send(order.orderid)" v-if="order.ispay==1" class="btn btn-outline-success mgl-5">确认发货</div>
						</template>
						
						 
					</div>
				</div>
				 
			 
		</div>
			
			
		 
		{include file="footer.html"}
		<script>
			var orderid="{$order.orderid}"
		</script>
		<script src="{$skins}b2b_order/show.js"></script>
	</body>
</html>
