@layout("/common/_container.html"){
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal">
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*乘客姓名：</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" id="userName" name="userName" placeholder="请输入">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*乘客手机号：</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" id="userPhone" name="userPhone" placeholder="请输入">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*起始地点：</label>
|
<div class="col-sm-6">
|
<input type="text" id="tipinput1" class="form-control" id="startAddress" name="startAddress" placeholder="请输入">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<div class="col-sm-6">
|
<div id="container1" style="width: 100%;height: 300px;"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">目的地：</label>
|
<div class="col-sm-6">
|
<input type="text" id="tipinput2" class="form-control" id="endAddress" name="endAddress">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<div class="col-sm-6">
|
<div id="container2" style="width: 100%;height: 300px;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10">
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TOrderInfoDlg.addSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TOrderInfoDlg.close()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script type="text/javascript">
|
window._AMapSecurityConfig = {
|
securityJsCode:'34399ecced17d9c01ef705ef964fc077',
|
}
|
</script>
|
<script src="${ctxPath}/static/modular/system/tOrder/tOrder_info.js"></script>
|
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=86fcccf007b64ae97b01c3c982c0ef0f"></script>
|
<script type="text/javascript">
|
//地图加载
|
var map1 = new AMap.Map("container1", {
|
zoom: 13,
|
center: [104.064, 30.6576],
|
resizeEnable: true
|
});
|
//输入提示
|
var autoOptions1 = {
|
input: "tipinput1"
|
};
|
|
AMap.plugin(['AMap.PlaceSearch','AMap.AutoComplete'], function(){
|
var auto = new AMap.AutoComplete(autoOptions1);
|
var placeSearch = new AMap.PlaceSearch({
|
map: map1
|
}); //构造地点查询类
|
auto.on("select", select);//注册监听，当选中某条记录时会触发
|
function select(e) {
|
placeSearch.setCity(e.poi.adcode);
|
placeSearch.search(e.poi.name); //关键字查询查询
|
TOrderInfoDlg.position = e.poi;
|
console.log(e.poi);
|
TOrderInfoDlg.startAddress = {
|
name:e.poi.name,
|
address: e.poi.district + e.poi.address,
|
lat: e.poi.location.lat,
|
lon: e.poi.location.lng,
|
};
|
}
|
});
|
|
|
var map2 = new AMap.Map("container2", {
|
zoom: 13,
|
center: [104.064, 30.6576],
|
resizeEnable: true
|
});
|
//输入提示
|
var autoOptions2 = {
|
input: "tipinput2"
|
};
|
|
AMap.plugin(['AMap.PlaceSearch','AMap.AutoComplete'], function(){
|
var auto = new AMap.AutoComplete(autoOptions2);
|
var placeSearch = new AMap.PlaceSearch({
|
map: map2
|
}); //构造地点查询类
|
auto.on("select", select);//注册监听，当选中某条记录时会触发
|
function select(e) {
|
placeSearch.setCity(e.poi.adcode);
|
placeSearch.search(e.poi.name); //关键字查询查询
|
TOrderInfoDlg.position = e.poi;
|
console.log(e.poi);
|
TOrderInfoDlg.endAddress = {
|
name:e.poi.name,
|
address: e.poi.district + e.poi.address,
|
lat: e.poi.location.lat,
|
lon: e.poi.location.lng,
|
};
|
}
|
});
|
</script>
|
@}
|
