<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="__VUE__/css/orderDetail.css">
		<title>订单详情</title>
	</head>
	<body>
		<div id="wrapper">
			<template>
				<transition name="fade">
					<div class="reason_wrapper"  v-if="refuseState">
						<div id="reason">
							<div class="reason_header">{{state==1?"取消订单":"拒绝订单"}}</div>
							<textarea name="" id="" v-model="reason" v-on:input="countLimite" maxlength="100"></textarea>
							<div class="count_box"><span class="count" v-text="reason.length"></span>/100</div>
							<div id="update" @click="update()">提交</div>
							<div class="close_btn" @click="close()">
								<div>×</div>
							</div>
						</div>
					</div>
				</transition>
			</template>
			<template>
				<div class="user">
					<div class="address_icon">
						<i class="iconfont icon-address"></i>
					</div>
					<div class="user_info">
						<div class="user_contact">
							<div class="user_name">
								收货人：{{userName}}
							</div>
							<div class="user_phone">
								<i class="iconfont icon-phone" style="color: #666"></i>
								<a :href="'tel:'+mobile">{{mobile}}</a>
							</div>
						</div>
						<div class="user_address">
							地址：{{address}}
						</div>
					</div>
				</div>
				<div class="order_info">
					<div class="order_store">{{storeName}}</div>
					<div class="goods_list">
						<div class="goods_item" v-for="(item,index) in goods">
							<div class="goods_item_left" :style="{backgroundImage: 'url(__GOODIMG__/'+ item.goods_img + ')',backgroundSize: 'cover'}"></div>
							<div class="goods_item_right">
								<div class="goods_info">
									<div class="goods_name">{{item.goods_name}}</div>
									<div class="goods_count">{{'×'+item.num}}</div>
								</div>
								<div class="goods_price"><span style="color: #333;font-size: 15px">单价：</span><span style="font-size: 15px;color: #f35900">￥</span>{{item.goods_price}}
								</div>
							</div>
						</div>
					</div>
					<div class="total_fee">
						<div class="total_fee_title">总价</div>
						<div class="total_fee_num">{{'￥'+totalFee}}</div>
					</div>
					<div class="order_detail">
						<div class="goods_code">{{'订单编号：'+orderSn}}</div>
						<div class="goods_time">
							下单时间：{{time}}
						</div>
					</div>
					<div class="btn_group" v-if="state==0">
						<div class="btn" @click.stop="getOrder()">接单</div>
						<div class="btn" @click.stop="refuseOrder()">拒绝</div>
					</div>
					<div class="btn_group" v-if="state==1">
						<div class="btn" @click.stop="arrive()">送达</div>
						<div class="btn" @click.stop="refuseOrder()">取消</div>
					</div>
				</div>
			</template>
		</div>
		<script src="__VUE__/js/jquery-2.1.4.min.js"></script>
		<script src="__VUE__/js/vue.js"></script>
		<script src="__VUE__/js/orderDetail.js"></script>
	</body>
</html>