@layout("/common/_container.html"){
|
<style type="text/css" xmlns="http://www.w3.org/1999/html">
|
html, body, #container {
|
height: 100%;
|
width: 100%;
|
}
|
|
.input-card .btn {
|
margin-right: 1.2rem;
|
width: 9rem;
|
}
|
|
.input-card .btn:last-child {
|
margin-right: 0;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal">
|
<input type="hidden" id="id" name="id" value="${item.id}">
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-4">
|
<h2 class="h3Class" style="font-weight: 700;">订单详情</h2>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6 b-r">
|
<#label id="insertTimeStr" name="下单时间" value="${item.insertTimeStr}"/>
|
<#label id="orderSourceStr" name="订单来源" value="${item.orderSourceStr}"/>
|
<#label id="userName" name="下单用户昵称" value="${null != item.contactPersonPhone ? '' : item.userName}"/>
|
<#label id="passengers" name="乘车用户昵称" value="${item.passengers}"/>
|
<#label id="placementAddress" name="起点" value="${item.startAddress}"/>
|
<#label id="driver" name="接单司机" value="${item.driver}"/>
|
<#label id="car" name="接单车辆" value="${item.car}"/>
|
<#label id="boardingAddress" name="上车地点" value="${item.boardingAddress}"/>
|
<#label id="getoffAddress" name="下车地点" value="${item.getoffAddress}"/>
|
</div>
|
|
<div class="col-sm-6">
|
<#label id="orderNum" name="订单编号" value="${item.orderNum}"/>
|
<#label id="travelTimeStr" name="乘车时间" value="${item.travelTimeStr}"/>
|
<#label id="userPhone" name="下单用户手机号" value="${null != item.contactPersonPhone ? item.contactPersonPhone : item.userPhone}"/>
|
<#label id="passengersPhone" name="乘车用户手机号" value="${item.passengersPhone}"/>
|
<#label id="endAddress" name="终点" value="${item.endAddress}"/>
|
<#label id="companyName" name="车辆所属机构" value="${item.companyName}"/>
|
<#label id="boardingTimeStr" name="上车时间" value="${item.boardingTimeStr}"/>
|
<#label id="getoffTimeStr" name="下车时间" value="${item.getoffTimeStr}"/>
|
</div>
|
</div>
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-4">
|
<h2 class="h3Class" style="font-weight: 700;">费用明细</h2>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
@if(isNotEmpty(item.orderMoney) && item.orderMoney > 0){
|
<#label id="orderMoney" name="订单总价" value="${item.orderMoney}元"/>
|
|
<#label id="travelMoney" name="行程费" value="${item.travelMoney}元"/>
|
<#label id="parkMoney" name="停车费" value="${item.parkMoney}元"/>
|
<#label id="roadTollMoney" name="过路费" value="${item.roadTollMoney}元"/>
|
|
@if(item.surchargeList!=null){
|
@for(surcharge in item.surchargeList){
|
<div class="form-group">
|
<label class="col-sm-3 control-label">${surcharge.name}：</label>
|
<div class="col-sm-9">
|
<label class="control-label" style="text-align: left;">
|
${surcharge.amount}元
|
</label>
|
</div>
|
</div>
|
@}
|
@}
|
<#label id="tipMoney" name="小费" value="${item.tipMoney}元"/>
|
@if(isNotEmpty(item.payMoney)){
|
<#label id="payMoney" name="实际支付费用" value="${item.payMoney}元"/>
|
@}else{
|
<#label id="payMoney" name="实际支付费用" value="0.00元"/>
|
@}
|
|
@if(isNotEmpty(item.discountAmount)){
|
<#label id="discountAmount" name="打车卡优惠金额" value="${item.discountAmount}元"/>
|
@}else{
|
<#label id="discountAmount" name="打车卡优惠金额" value="0.00元"/>
|
@}
|
@if(isNotEmpty(item.couponMoney)){
|
<#label id="couponMoney" name="优惠券抵扣费用" value="${item.couponMoney}元"/>
|
@}else{
|
<#label id="couponMoney" name="优惠券抵扣费用" value="0.00元"/>
|
@}
|
|
<#label id="redPacketMoney" name="红包抵扣金额" value="${item.redPacketMoney}元"/>
|
@if(isNotEmpty(item.discountAmount)){
|
<#label id="discountAmount" name="打车卡优惠金额" value="${item.discountAmount}元"/>
|
@}
|
<#label id="payType" name="支付方式" value="${item.payTypeStr}"/>
|
|
@}else{
|
<h4 style="margin-left: 10%">暂无费用明细</h4>
|
@}
|
</div>
|
</div>
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-4">
|
<h2 class="h3Class" style="font-weight: 700;">线路轨迹</h2>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-10">
|
<div class="form-horizontal" id="container"
|
style="margin-left: 50px;width: 100%; height: 500px;"></div>
|
<div class="input-card" style="margin-left: 50px;">
|
<h4>轨迹回放控制</h4>
|
<div class="input-item">
|
<input type="button" class="btn" value="开始动画" id="start" onclick="startAnimation()"/>
|
<input type="button" class="btn" value="暂停动画" id="pause" onclick="pauseAnimation()"/>
|
<input type="button" class="btn" value="继续动画" id="resume" onclick="resumeAnimation()"/>
|
<input type="button" class="btn" value="停止动画" id="stop" onclick="stopAnimation()"/>
|
</div>
|
<div class="input-item">
|
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-8">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">行程录音：</label>
|
<div class="col-sm-10">
|
<audio src="${item.voice}" controls="controls">
|
您的浏览器不支持 audio 标签。
|
</audio>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 是否异常订单-->
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-1">
|
<h6 class="h3Class" style="font-weight: 700;">是否异常订单</h6>
|
</div>
|
<div class="col-sm-1">
|
@if(item.abnormal == 2){
|
<h6 class="h3Class" style="margin-left: 10%">是</h4>
|
@}else{
|
<h6 class="h3Class" style="margin-left: 10%">否</h4>
|
@}
|
</div>
|
|
<div class="col-sm-1">
|
<h6 class="h3Class" style="font-weight: 700;">处理结果</h6>
|
</div>
|
<div class="col-sm-1">
|
@if(item.responsibilityType == 1){
|
<h6 class="h3Class" style="margin-left: 10%">平台全责</h4>
|
@}else if(item.responsibilityType == 2){
|
<h6 class="h3Class" style="margin-left: 10%">司机全责</h4>
|
@}else if(item.responsibilityType == 3){
|
<h6 class="h3Class" style="margin-left: 10%">乘客全责</h4>
|
@}else if( item.responsibilityType == 4){
|
<h6 class="h3Class" style="margin-left: 10%">平台部分</h4>
|
@} else if( item.responsibilityType == 5){
|
<h6 class="h3Class" style="margin-left: 10%">司机部分</h4>
|
@}
|
</div>
|
|
|
<div class="col-sm-1">
|
<h6 class="h3Class" style="font-weight: 700;">修改订单价格为：</h6>
|
</div>
|
<div class="col-sm-1">
|
<h6 class="h3Class" style="margin-left: 10%">${item.responsibilityMoney}</h4>
|
</div>
|
|
|
<div class="col-sm-1">
|
<h6 class="h3Class" style="font-weight: 700;">是否推广订单</h6>
|
</div>
|
<div class="col-sm-1">
|
@if(item.promotion == 2){
|
<h6 class="h3Class" style="margin-left: 10%">是</h4>
|
@}else{
|
<h6 class="h3Class" style="margin-left: 10%">否</h4>
|
@}
|
</div>
|
</div>
|
|
|
</div>
|
|
</div>
|
</div>
|
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
|
<script type="text/javascript">
|
window._AMapSecurityConfig = {
|
securityJsCode: '44c5ee9ad584605d91ca69bfac32c761',
|
}
|
</script>
|
<script src="https://webapi.amap.com/maps?v=1.4.8&key=d3bde6afb050067e1a765a8d1d1f4c54"></script>
|
<script src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
|
<script src="${ctxPath}/static/modular/system/tOrderTaxi/tOrderTaxi_info.js"></script>
|
@}
|
