@layout("/common/_container.html"){
|
<style type="text/css">
|
body,
|
html {
|
width: 100%;
|
height: 100%;
|
margin: 0;
|
}
|
|
#allmap {
|
height: 100%;
|
width: 100%;
|
}
|
|
ul li {
|
list-style: none;
|
}
|
|
.btn-wrap {
|
z-index: 999;
|
position: fixed;
|
bottom: 3.5rem;
|
margin-left: 3rem;
|
padding: 1rem 1rem;
|
border-radius: .25rem;
|
background-color: #fff;
|
box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
|
}
|
|
.btn {
|
width: 75px;
|
height: 30px;
|
float: left;
|
background-color: #fff;
|
color: rgba(27, 142, 236, 1);
|
font-size: 14px;
|
border: 1px solid rgba(27, 142, 236, 1);
|
border-radius: 5px;
|
margin: 0 5px;
|
text-align: center;
|
line-height: 30px;
|
}
|
|
.btn:hover {
|
background-color: rgba(27, 142, 236, 0.8);
|
color: #fff;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal">
|
<input type="hidden" id="id" name="id" value="${tOrderCrossCityId}">
|
<input id="guiji" name="guiji" type="hidden" value="${guiji}">
|
<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="${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}"/>
|
@if(item.payManner == 2){
|
<#label id="payMoney" name="订单总价" value="${item.payMoney}"/>
|
<#label id="companyMoney" name="平台收益" value="${companyMoney}"/>
|
@}
|
<#label id="payMoney" name="订单总价" value="${item.payMoney}"/>
|
<#label id="companyMoney" name="优惠券抵扣" value="${item.couponMoney}"/>
|
<#label id="companyMoney" name="平台抽成" value="${companyMoney}"/>
|
</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="${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="mileage" name="订单里程" value="${item.mileage / 1000} 公里"/>
|
<#label id="boardingTimeStr" name="上车时间" value="${item.boardingTimeStr}"/>
|
<#label id="getoffTimeStr" name="下车时间" value="${item.getoffTimeStr}"/>
|
<#label id="name" name="线路" value="${line.name}"/>
|
@if(item.payManner == 2){
|
<#label id="payMannerStr" name="支付方式" value="${payMannerStr}"/>
|
<#label id="driverMoney" name="司机收益" value="${driverMoney}"/>
|
@}
|
@if(item.payManner == 1){
|
<#label id="payMannerStr" name="支付方式" value="${payMannerStr}"/>
|
@}
|
</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" style="margin-top: 30px;">
|
<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>
|
|
</div>
|
</div>
|
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
|
<script src="https://webapi.amap.com/maps?v=1.4.8&key=e17d799b2506d05faf7f88320a266803"></script>
|
<script src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
|
<script src="${ctxPath}/static/modular/system/tOrderCrossCity/tOrderCrossCity_info.js"></script>
|
@}
|
