230 lines
7.4 KiB
Plaintext
230 lines
7.4 KiB
Plaintext
<%@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/jquery.webui-popover.min.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" />
|
||
<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">
|
||
备 注
|
||
</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>
|