<%@page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="java.util.*"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>订单详情</title>
<meta charset="utf8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.">
<script src="/SinoGYS/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/SinoGYS/js/jquery-weui.js"></script>
<link rel="stylesheet" href="/SinoGYS/weixincss/weui.min.css" type="text/css">
<link rel="stylesheet" href="/SinoGYS/weixincss/jquery-weui.css" type="text/css">
<link rel="stylesheet" href="/SinoGYS/css/newCss/reset.css" />
<link rel="stylesheet" href="/SinoGYS/css/newCss/option.css" />
<link rel="stylesheet" href="/SinoGYS/css/newCss/orderDetail.css" />
<link rel="stylesheet" href="/SinoGYS/css/newCss/jquery.webui-popover.min.css">
<script type="text/javascript" src="/SinoGYS/layer/layer.js"></script>
<script type="text/javascript" src="/SinoGYS/js/jquery.webui-popover.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script type="text/javascript">
        var ohtml=document.documentElement;
        function getWidth(){
            var screenWidth=ohtml.clientWidth;
            if(screenWidth<320){
                ohtml.style.fontSize="13.3333px";
            }else if(screenWidth>1080){
                ohtml.style.fontSize="45px";
            }else{
                ohtml.style.fontSize=screenWidth/(1080/45)+"px";
            }
        }
        getWidth();
        window.onresize=function(){
            getWidth();
        };
    </script>
	
	<style type="text/css">
		#infoCon{
			 flex: 1;
			 text-align: right;
			 font-size:1rem;
		}
	</style>	
 </head>
  <body>
  	<form action="/SinoGYS/CurrentOrderAction.do" method="post">
  		<input type = "hidden" name = "CMD" value="acceptOrRecvOrder"/>
	 	<input type="hidden" name="templeteId" id="templeteId" value="${param.templeteId}">
	 	<input type="hidden" name="orderId" id="orderId" value="${list.ORDER_ID }"/>
	 	<input type="hidden" name="rescueCode" id="rescueCode" value="${list.rescueCode }"/>
	 	<input type="hidden" name="orderCode" id="orderCode" value="${list.ORDER_CODE }"/>
	 	<input type="hidden" name="serviceName" id="serviceName" value="${list.SERVICE_NAME }"/>
	 	<input type="hidden" name="acceptFlag" id="acceptFlag" value=""/>
	 </form>	
	 
	 <div class="orderInfoWrapper">
  		<p class="newOrderAsk">${list.flag=='0'?"您有新订单，是否接收？":"您已接受该订单" }</p>
  		<ul class="orderInfoUl noPadding">
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					合同名称
  				</div>
  				<div class="infoCon">
  					${list.CONTRACTING_NAME}
  				</div>
  			</li>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					订单编号
  				</div>
  				<div class="infoCon">
  					${list.ORDER_CODE }
  				</div>
  			</li>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					服务类型
  				</div>
  				<div class="infoCon">
  					${list.SERVICE_NAME }
  				</div>
  			</li>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					车辆类型
  				</div>
  				<div class="infoCon">
  					${list.STYLE==""?"无":list.STYLE}
  				</div>
  			</li>
  			<c:if test="${list.flag!='0'}">
  				<li class="orderInfoItem">
  				<div class="infoTitle">
  					车主姓名
  				</div>
  				<div class="infoCon">
  					${list.USER_NAME}
  				</div>
  			</li>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					车主电话
  				</div>
  				<div class="infoCon">
  					<a href="tel://${list.USER_PHONE }">${list.USER_PHONE}</a>
  				</div>
  			</li>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					车牌号码
  				</div>
  				<div class="infoCon">
  					${list.LICENSE}
  				</div>
  			</li>
  			</c:if>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					事发地址
  				</div>
  				<input type="text" class="show-pop" id="infoCon" value="${list.ADDRESS}" data-msg="${list.ADDRESS}" readonly="readonly";>
  				<div class="addrWrapper" onclick="mapDisplay('${list.LON}','${list.LAT}')">
  					<img src="/SinoGYS/images/newImage/addrIcon.png"/>
  				</div>
  			</li>
  			<c:if test="${not empty list.DEST_ADDRESS}">
	  			<li class="orderInfoItem">
	  				<div class="infoTitle">
	  					目的地址
	  				</div>
	  				<input type="text" class="show-pop" id="infoCon" value="${list.DEST_ADDRESS}" data-msg="${list.DEST_ADDRESS}" readonly="readonly";>
	  			</li>
	  		</c:if>
  			<li class="orderInfoItem">
  				<div class="infoTitle">
  					车辆位于
  				</div>
  				<div class="infoCon">
  					${list.ADDRESS_PROPERTY}
  				</div>
  			</li>
  			<c:if test="${not empty list.ADDRESS_ADD}">
	  			<li class="orderInfoItem">
	  				<div class="infoTitle">
	  					备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注
	  				</div>
	  				<input type="text" class="show-pop" id="infoCon" value="${list.ADDRESS_ADD}" data-msg="${list.ADDRESS_ADD}" readonly="readonly";>
	  			</li>
	  		</c:if>
  		</ul>
  		
  		<c:if test="${list.flag=='0' }">
	  		<div class="inputWrapper pd17">
	  			<input class="loginFormSubmit loginBtnActive" type="button" value="接受" onclick="confirm1(1)">
	  			<input class="loginFormSubmit  mt7" type="button" value="拒绝" onclick="confirm1(2)">
	  		</div>
	  	</c:if>
	  	<c:if test="${list.flag=='1' }">
	  		<div class="inputWrapper pd17" style='margin-bottom:2rem'>
	  			<input class="loginFormSubmit loginBtnActive" type="button" value="下一步" onclick="next('${list.ORDER_CODE}','${list.rescueCode }','${list.SERVICE_NAME }')">
	  		</div>
	  	</c:if>	
  	</div>
    
  </body>
  
  <script type="text/javascript">
	function mapDisplay(lon,lat){
		//获取救援车的经纬度
		layer.open({
					type : 2, //page层
					title :'救援地位置',
					shadeClose: true,
					shade : 0.6, //遮罩透明度
					area:['95%', '90%'],
					moveType : 1, //拖拽风格，0是默认，1是传统拖动
					content : '/SinoGYS/supplier/mapDisplay.jsp?lon='+lon+"&lat="+lat,
				});
	}

	function confirm1(acceptFlag){
		$("#acceptFlag").val(acceptFlag);
		
		if(acceptFlag==1){  //接受
			$.confirm("您确定要接受案件?", function() {
				$("form").submit();
        	}, function() {
          		//取消操作
        	});
		}else if(acceptFlag==2){
			$.confirm("您确定要拒绝该案件?", function() {
				$("form").submit();
        	}, function() {
          		//取消操作
        	});
		}
		 	  
	} 
	
	function next(orderCode,rescueCode,name){
		window.location.href="/SinoGYS/CurrentOrderAction.do?CMD=findCurrentOrderDetail"+"&orderCode="+orderCode+"&rescueCode="+rescueCode+"&serviceName="+name;
	}
	
	(function() {
		$('input.show-pop').each(function(index, domEle) {
			var settings = {
				trigger : 'hover',
				title : '说明',
				content : $(domEle).attr("data-msg"),
				width : 300,
				multi : true,
				closeable : true,
				style : '',
				padding : true
			};
			
			$(domEle).webuiPopover('destroy').webuiPopover(settings);
			
		});
	})();

</script>
</html>
