390 lines
13 KiB
Plaintext
390 lines
13 KiB
Plaintext
<%@page import="javax.sound.midi.SysexMessage"%>
|
|
<%@page import="com.sino.rrs.entity.RcRescueVehiclePO"%>
|
|
<%@ page contentType="text/html" pageEncoding="utf-8"%>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ page import="java.util.*"%>
|
|
<%@ page isELIgnored="false" %>
|
|
<html>
|
|
<head>
|
|
<title>订单任务详情</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="format-detection" content="telephone=yes">
|
|
<meta http-equiv="x-rim-auto-match" content="none">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
|
|
<link rel="stylesheet" href="/SinoGYS/css/currentOrder.css" type="text/css"/>
|
|
<link rel="stylesheet" href="/SinoGYS/weixincss/weui.min.css">
|
|
<link rel="stylesheet" href="/SinoGYS/weixincss/jquery-weui.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 src="/SinoGYS/js/jquery-1.7.2.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="/SinoGYS/layer/layer.js"></script>
|
|
<script type="text/javascript" src="/SinoGYS/js/jquery.webui-popover.min.js"></script>
|
|
<script src="/SinoGYS/js/jquery-weui.js"></script>
|
|
<script src="/SinoGYS/js/transtates.js?d=<%=new Date().getTime() %>"></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>
|
|
<input type="hidden" id="distributeLevel" name="distributeLevel" value=""> <!--分派状态 -->
|
|
<form method=POST action="/SinoGYS/CurrentOrderDetailAction.do" name="frm">
|
|
<input TYPE="hidden" name="CMD" value="detail">
|
|
<input type="hidden" id="orderCode" name="orderCode" value="${detailPO.orderCode}">
|
|
<input type="hidden" id="serviceName" name="serviceName" value="${param.serviceName}">
|
|
<input type="hidden" id="address" name="address" value="${detailPO.ADDRESS}">
|
|
<input type="hidden" id="rescueCode" name="rescueCode" value="${detailPO.rescueCode }">
|
|
<input type="hidden" id="orderId" name="orderId" value="${detailPO.order_id}">
|
|
<input type="hidden" id="state" name="state" value="${detailPO.flag}"> <!-- 订单状态 -->
|
|
</form>
|
|
|
|
<div class="orderInfoWrapper">
|
|
<ul class="orderInfoUl">
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
订单编号
|
|
</div>
|
|
<div class="infoCon">
|
|
${detailPO.orderCode }
|
|
</div>
|
|
</li>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
服务类型
|
|
</div>
|
|
<div class="infoCon">
|
|
${param.serviceName }
|
|
</div>
|
|
</li>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
车牌号
|
|
</div>
|
|
<div class="infoCon">
|
|
${detailPO.license }
|
|
</div>
|
|
</li>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
车主姓名
|
|
</div>
|
|
<div class="infoCon">
|
|
${detailPO.USER_NAME }
|
|
</div>
|
|
</li>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
车主电话
|
|
</div>
|
|
<div class="infoCon">
|
|
<a href="tel://">${detailPO.USER_PHONE }</a>
|
|
</div>
|
|
</li>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
车辆类型
|
|
</div>
|
|
<div class="infoCon">
|
|
${detailPO.STYLE==null?"无":detailPO.STYLE }
|
|
</div>
|
|
</li>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
救援地点
|
|
</div>
|
|
<input type="text" class="show-pop" id="infoCon" value="${detailPO.ADDRESS}" data-msg="${detailPO.ADDRESS}" readonly="readonly">
|
|
<div class="addrWrapper" onclick="mapDisplay('${detailPO.lon}','${detailPO.lat}')">
|
|
<img src="/SinoGYS/images/newImage/addrIcon.png"/>
|
|
</div>
|
|
</li>
|
|
<c:if test="${detailPO.dest_address!=null}">
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
目的地点
|
|
</div>
|
|
<input type="text" class="show-pop" id="infoCon" value="${detailPO.dest_address}" data-msg="${detailPO.dest_address}" readonly="readonly">
|
|
<%-- <div class="infoCon">${detailPO.dest_address}</div> --%>
|
|
</li>
|
|
</c:if>
|
|
<li class="orderInfoItem">
|
|
<div class="infoTitle">
|
|
救援状态
|
|
</div>
|
|
<div class="infoCon">
|
|
<span id="start"></span>
|
|
</div>
|
|
</li>
|
|
|
|
<script type="text/javascript">
|
|
// alert(typeof($("#state").val()));
|
|
$("#start").text($.transtate($("#state").val()));
|
|
</script>
|
|
</ul>
|
|
|
|
<c:if test="${detailPO.staffName!=null }">
|
|
<div style="position:relative;">
|
|
<div class="orderInfoDriver distributeDriver clearfix">
|
|
<div class="infoTitle fl">
|
|
分派司机
|
|
</div>
|
|
<div class="infoCon" id="oldStaffName">
|
|
${detailPO.staffName}
|
|
</div>
|
|
</div>
|
|
<div class="border1px"></div>
|
|
</div>
|
|
|
|
<c:if test="${detailPO.flag!=null && detailPO.flag!=15 && detailPO.flag!=16 && detailPO.flag!=19}">
|
|
<div class="orderInfoDriver changeDistributeDriver clearfix">
|
|
<div class="infoTitle fl">
|
|
改派司机
|
|
</div>
|
|
<div class="driverArrow marTop1">
|
|
<img src="/SinoGYS/images/newImage/arrowBlue.png"/>
|
|
</div>
|
|
</div>
|
|
</c:if>
|
|
</c:if>
|
|
<c:if test="${detailPO.staffName==null }">
|
|
<div class="orderInfoDriver distributeDriver clearfix distributeStaff">
|
|
<div class="infoTitle fl">
|
|
分派司机
|
|
</div>
|
|
<div class="driverArrow" style="margin-top:0.7rem;">
|
|
<img src="/SinoGYS/images/newImage/arrowBlue.png"/>
|
|
</div>
|
|
</div>
|
|
</c:if>
|
|
|
|
<div class="orderInfoDriver clearfix choosedStaffName" style="display: none;">
|
|
<div class="infoTitle fl">
|
|
司机名称
|
|
</div>
|
|
<div class="infoCon" id="choosedStaffName">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="optionDialog" style="display: none;">
|
|
<div class="dialog_con dialog">
|
|
<p class="dialogTitle">请选择要分派的司机</p>
|
|
<ul class="dialogList"></ul>
|
|
<div class="buttonWrap clearfix">
|
|
<a href="#" class="cancelBtn hideBtn">取 消</a>
|
|
<a href="#" class="confirmBtn hideBtn">确 认</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script type="text/javascript" >
|
|
// 单选
|
|
$(document).on("click",".carType_listOption",function(){
|
|
$('.carType_listOption').find("div.check-item").removeClass('check-item-bg2').addClass('check-item-bg')
|
|
$(this).find("div.check-item").removeClass('check-item-bg').addClass('check-item-bg2');
|
|
});
|
|
|
|
// 分配师傅 点击事件
|
|
$(".distributeDriver").click(function(){
|
|
$("#distributeLevel").val(1);
|
|
queryVehicles();
|
|
/* if(queryVehicles()){
|
|
setTimeout('$(".optionDialog").show()',300);
|
|
} */
|
|
});
|
|
|
|
|
|
//改派师傅
|
|
$(".changeDistributeDriver").click(function(){
|
|
$("#distributeLevel").val(2);
|
|
queryVehicles();
|
|
/* if(queryVehicles()){
|
|
setTimeout('$(".optionDialog").show()',300);
|
|
} */
|
|
});
|
|
|
|
//查询可派的司机
|
|
function queryVehicles(){
|
|
$(".dialogList").empty();
|
|
var str;
|
|
$.getJSON("/SinoGYS/UpdateOrderStateAction.do?CMD=getVehicles",{rescueCode:$("#rescueCode").val()},function(data){
|
|
if(data.vehicleList!=null&&data.vehicleList.length>0){
|
|
for(var i in data.vehicleList){
|
|
if(data.vehicleList[i].dispatch_flag!=""&&data.vehicleList[i].dispatch_flag!=1&&data.vehicleList[i].dispatch_flag!=4){
|
|
str='<label for="mobike"><li class="carType_list">'+data.vehicleList[i].staff_name+'<div class="check-busy">忙</div></li></label>';
|
|
}else{
|
|
str='<label for="mobike"><li class="carType_list carType_listOption">'+data.vehicleList[i].staff_name+'<div class="check-item carType check-item-bg">'+
|
|
'<input id="mobike" type="radio" name="type" acceptFlag="'+data.vehicleList[i].acceptFlag+'" value="'+data.vehicleList[i].id+'"></div></li></label>';
|
|
}
|
|
$(".dialogList").append(str);
|
|
}
|
|
setTimeout('$(".optionDialog").show()',300);
|
|
}else{
|
|
alert("该服务商下没有救援师傅登陆");
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
// 取消按钮 点击事件
|
|
$(".cancelBtn").click(function(){
|
|
$(".optionDialog").hide();
|
|
});
|
|
|
|
//确认 点击事件
|
|
$(".confirmBtn").click(function(){
|
|
if($(".check-item-bg2").length==0){
|
|
alert("请先选择要指派的救援师傅");
|
|
}else{
|
|
var level = $("#distributeLevel").val();
|
|
if(level==1){
|
|
if($(".check-item-bg2").children().attr("acceptFlag")==1){
|
|
layer.confirm("该司机处于拒接消息状态，您还要继续下发吗？", function(){
|
|
distributeDealing();
|
|
});
|
|
}else{ //空闲
|
|
distributeDealing();
|
|
}
|
|
}
|
|
if(level==2){
|
|
$.confirm("该订单正在处理中，您确定要改派司机吗？", function() {
|
|
if($(".check-item-bg2").children().attr("acceptFlag")==1){
|
|
layer.confirm("该司机处于拒接消息状态，您还要继续下发吗？", function(){
|
|
changeDistributeDealing();
|
|
});
|
|
}else{ //空闲
|
|
changeDistributeDealing();
|
|
}
|
|
},function(){
|
|
//取消操作
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
function distributeDealing(){ //分配时候的处理
|
|
$.ajax({
|
|
async : true,
|
|
url : "/SinoGYS/UpdateOrderStateAction.do?CMD=distributeOrder",
|
|
dataType : "json",
|
|
type : "POST",
|
|
data : {
|
|
"rescueCode" : $("#rescueCode").val(),
|
|
"orderCode" : $("#orderCode").val(),
|
|
"orderId":$("#orderId").val(),
|
|
"serviceName":$("#serviceName").val(),
|
|
"address":$("#address").val(),
|
|
"id" : $(".check-item-bg2").children().val() //显示司机id
|
|
},
|
|
success : function(jsonObject) {
|
|
if (jsonObject.code == "1") {
|
|
$(".optionDialog").hide();
|
|
$(".distributeStaff").hide();
|
|
$(".choosedStaffName").show();
|
|
$("#choosedStaffName").text($(".check-item-bg2").parent().text());
|
|
alert("成功分配订单");
|
|
wx.closeWindow();
|
|
} else if(jsonObject.code=="4"){
|
|
alert("该订单已被撤回,无法继续分配");
|
|
}else if(jsonObject.code=="5"){
|
|
alert("该订单已被改派,无法继续分配");
|
|
}else if(jsonObject.code=="19"){
|
|
alert("该订单已被取消,无法继续分配");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function changeDistributeDealing(){ //改派时候的处理
|
|
$.ajax({
|
|
async : true,
|
|
url : "/SinoGYS/UpdateOrderStateAction.do?CMD=changeDistributeOrder",
|
|
dataType : "json",
|
|
type : "POST",
|
|
data : {
|
|
"rescueCode" : $("#rescueCode").val(),
|
|
"orderCode" : $("#orderCode").val(),
|
|
"orderId":$("#orderId").val(),
|
|
"serviceName":$("#serviceName").val(),
|
|
"address":$("#address").val(),
|
|
"id" : $(".check-item-bg2").children().val(), //显示当前司机id
|
|
"olderVehicleName":$("#oldStaffName").text() //显示改派前司机
|
|
},
|
|
success : function(jsonObject) {
|
|
// alert(jsonObject.code);
|
|
if (jsonObject.code == "1") {
|
|
alert("成功改派司机订单");
|
|
wx.closeWindow();
|
|
} else if(jsonObject.code=="4"){
|
|
alert("该订单已被撤回,无法继续改派");
|
|
}else if(jsonObject.code=="5"){
|
|
alert("该订单已被改派,无法继续改派");
|
|
}else if(jsonObject.code=="19"){
|
|
alert("该订单已被取消,无法继续改派");
|
|
}
|
|
else if(jsonObject.code=="15"){
|
|
alert("该订单已完成,无法继续改派");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function mapDisplay(lon,lat){
|
|
//获取救援车的经纬度
|
|
layer.open({
|
|
type : 2, //page层
|
|
title :'救援地位置',
|
|
shadeClose: true,
|
|
shade : 0.6, //遮罩透明度
|
|
area:['380px', '90%'],
|
|
moveType : 1, //拖拽风格，0是默认，1是传统拖动
|
|
content : '/SinoGYS/supplier/mapDisplay.jsp?lon='+lon+"&lat="+lat,
|
|
});
|
|
}
|
|
|
|
(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>
|