@layout("/common/_container.html"){
|
<style>
|
.newWidth, .single-line{
|
max-width:150px !important;display: initial !important;
|
}
|
.newWidth1, .single-line{
|
max-width:200px !important;display: initial !important;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="lineInfoForm">
|
<div class="row" style="margin-top: 15px;">
|
<div class="col-sm-4">
|
<h2 style="font-weight: 700;">基础设置</h2>
|
</div>
|
</div>
|
<input type="hidden" id="id" name="id" value="${item.id}">
|
<div class="row">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">线路名称：</label>
|
<div class="col-sm-5">
|
<input type="text" class="form-control" id="name" name="name" value="${item.name}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">起点：</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="startSiteId" >
|
<option value="">选择站点</option>
|
@for(obj in siteList){
|
<option value="${obj.id}" ${obj.id == start.siteId ? 'selected=selected' : ''}>${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">终点：</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="endSiteId" >
|
<option value="">选择站点</option>
|
@for(obj in siteList){
|
<option value="${obj.id}" ${obj.id == end.siteId ? 'selected=selected' : ''}>${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">司机申请限制：</label>
|
<div class="col-sm-6">
|
司机申请班次的最小时间间隔为 <input type="text" oninput="checkIsMinute(this)" class="form-control newWidth" id="shiftInterval" name="shiftInterval" value="${item.shiftInterval}" > 分钟
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">调度电话：</label>
|
<div class="col-sm-5">
|
<input type="text" class="form-control" id="dispatchPhone" name="dispatchPhone" value="${item.dispatchPhone}">
|
</div>
|
</div>
|
<!-- <div class="form-group">-->
|
<!-- <label class="col-sm-2 control-label">抽成比例：</label>-->
|
<!-- <div class="col-sm-6">-->
|
<!-- <input type="text" oninput="checkIsBiLi(this)" class="form-control newWidth" id="rakeRate" name="rakeRate" value="${item.rakeRate}"> %-->
|
<!-- </div>-->
|
<!-- </div>-->
|
</div>
|
</div>
|
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-4">
|
<h2 style="font-weight: 700;">目的地设置</h2>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<div class="col-sm-10">
|
<#button btnCss="info" name="添加目的地" id="addDestinationBtn" icon="fa-plus" clickFun="TLineInfoDlg.openDestinationDialog()"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">已添加目的地</label>
|
<div class="col-sm-10">
|
<div style="height: 220px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="text-align: center;">围栏类型</th>
|
<th style="text-align: center;">目的地</th>
|
<th style="text-align: center;">5座车价格</th>
|
<th style="text-align: center;">7座车价格</th>
|
<th style="text-align: center;">状态</th>
|
<th style="text-align: center;">是否为主要</th>
|
<th style="text-align: center;">操作</th>
|
</tr>
|
</thead>
|
<tbody id="destinationValue">
|
@for(obj in lineDestinationList!){
|
<tr class="destinationValueClass">
|
<td style="text-align: center;">
|
<input type="hidden" name="destinationTimeValue" value="${obj.addTime}">
|
<input type="hidden" name="destinationFenceTypeValue" value="${obj.fenceType}">
|
<input type="hidden" name="destinationCoordinateValue" value="${obj.coordinate}">
|
<input type="hidden" name="destinationDefaultPointLonValue" value="${obj.defaultPointLon}">
|
<input type="hidden" name="destinationDefaultPointLatValue" value="${obj.defaultPointLat}">
|
<input type="hidden" name="destinationNameValue" value="${obj.name}">
|
<input type="hidden" name="destinationPrice5Value" value="${obj.price5}">
|
<input type="hidden" name="destinationPrice7Value" value="${obj.price7}">
|
<input type="hidden" name="destinationStateValue" value="${obj.state}">
|
<input type="hidden" name="destinationIsMainValue" value="${obj.isMain}">
|
${obj.fenceType == 1 ? "圆形围栏" : "多边形围栏"}
|
</td>
|
<td style="text-align: center;">${obj.name}</td>
|
<td style="text-align: center;">${obj.price5}</td>
|
<td style="text-align: center;">${obj.price7}</td>
|
<td style="text-align: center;">${obj.state == 1 ? "启用" : "关闭"}</td>
|
<td style="text-align: center;">${obj.isMain == 1 ? "是" : "否"}</td>
|
<td style="text-align: center;">
|
<button type="button" onclick="TLineInfoDlg.editDestination(this)">编辑</button>
|
<button type="button" onclick="TLineInfoDlg.deleteDestination(this)">删除</button>
|
</td>
|
</tr>
|
@}
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="destinationDialogContent" style="display: none;padding: 20px 20px 0 20px;">
|
<div class="form-horizontal">
|
<input type="hidden" id="destinationEditIndex">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">目的地名称：</label>
|
<div class="col-sm-4">
|
<input type="text" class="form-control" id="destinationName" placeholder="请输入">
|
</div>
|
<label class="col-sm-2 control-label">围栏类型：</label>
|
<div class="col-sm-4" style="display: flex;align-items: center;">
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="destinationFenceType1" value="1" name="destinationFenceType" checked onclick="TLineInfoDlg.destinationFenceTypeChange(1)">
|
<label for="destinationFenceType1"> 圆形围栏 </label>
|
</div>
|
<div class="radio radio-success radio-inline">
|
<input type="radio" id="destinationFenceType2" value="2" name="destinationFenceType" onclick="TLineInfoDlg.destinationFenceTypeChange(2)">
|
<label for="destinationFenceType2"> 多边形围栏 </label>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">目的地围栏：</label>
|
<div class="col-sm-10">
|
<div style="margin-bottom: 10px;">
|
<button type="button" class="btn btn-info btn-sm" onclick="TLineInfoDlg.startDrawDestinationFence()">选择围栏</button>
|
<button type="button" class="btn btn-default btn-sm" onclick="TLineInfoDlg.clearDestinationFence()">清除围栏</button>
|
<button type="button" class="btn btn-default btn-sm" onclick="TLineInfoDlg.selectDestinationDefaultPoint()">选择默认点</button>
|
<span id="destinationFenceTip" style="margin-left: 10px;color: #999;"></span>
|
</div>
|
<div style="margin-bottom: 10px;">
|
<input type="text" class="form-control" id="destinationAddressKeyword" placeholder="输入地址搜索后定位默认点" style="width: 320px;display: inline-block;">
|
<button type="button" class="btn btn-default btn-sm" onclick="TLineInfoDlg.searchDestinationAddress()">搜索</button>
|
<span id="destinationDefaultPointText" style="margin-left: 10px;color: #666;"></span>
|
</div>
|
<div id="destinationMapContainer" style="height: 420px;width: 100%;"></div>
|
<input type="hidden" id="destinationCoordinate">
|
<input type="hidden" id="destinationDefaultPointLon">
|
<input type="hidden" id="destinationDefaultPointLat">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">5座车费用：</label>
|
<div class="col-sm-4">
|
<input type="text" class="form-control" id="destinationPrice5" placeholder="请输入">
|
</div>
|
<label class="col-sm-2 control-label">7座车费用：</label>
|
<div class="col-sm-4">
|
<input type="text" class="form-control" id="destinationPrice7" placeholder="请输入">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">是否主要：</label>
|
<div class="col-sm-4" style="display: flex;align-items: center;">
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="destinationIsMain1" value="1" name="destinationIsMain">
|
<label for="destinationIsMain1"> 是 </label>
|
</div>
|
<div class="radio radio-success radio-inline">
|
<input type="radio" id="destinationIsMain0" value="0" name="destinationIsMain" checked>
|
<label for="destinationIsMain0"> 否 </label>
|
</div>
|
</div>
|
<label class="col-sm-2 control-label">是否启用：</label>
|
<div class="col-sm-4" style="display: flex;align-items: center;">
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="destinationState1" value="1" name="destinationState" checked>
|
<label for="destinationState1"> 启用 </label>
|
</div>
|
<div class="radio radio-success radio-inline">
|
<input type="radio" id="destinationState2" value="2" name="destinationState">
|
<label for="destinationState2"> 关闭 </label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row" style="margin-top: 30px;">
|
<div class="col-sm-4">
|
<h2 style="font-weight: 700;">班次设置</h2>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">批量生成：</label>
|
<label class="col-sm-1 control-label">始发时间：</label>
|
<div class="col-sm-2">
|
<input type="text" name="firstShiftTime" id="firstShiftTime" class="form-control" placeholder="始发时间"/>
|
</div>
|
<label class="col-sm-1 control-label">末班时间：</label>
|
<div class="col-sm-2">
|
<input type="text" name="lastShiftTime" id="lastShiftTime" class="form-control" placeholder="末班时间"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<label class="col-sm-1 control-label">间隔：</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="shiftGap">
|
<option value="">选择间隔</option>
|
<option value="30">30分钟</option>
|
<option value="60">60分钟</option>
|
<option value="90">90分钟</option>
|
<option value="120">120分钟</option>
|
</select>
|
</div>
|
<label class="col-sm-1 control-label">车次数：</label>
|
<div class="col-sm-2">
|
<input type="text" name="batchCarNum" id="batchCarNum" class="form-control"/>
|
</div>
|
<div class="col-sm-2">
|
<#button btnCss="info" name="生成" id="batchEnsure" icon="fa-check" clickFun="TLineInfoDlg.generateShiftList()"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">班次时间：</label>
|
<div class="col-sm-2">
|
<input type="text" name="shiftTime" id="shiftTime" class="form-control" placeholder="选择时间"/>
|
</div>
|
<label class="col-sm-1 control-label">车次数：</label>
|
<div class="col-sm-2">
|
<input type="text" name="carNum" id="carNum" class="form-control" />
|
</div>
|
<div class="col-sm-2">
|
<#button btnCss="info" name="手动添加" id="ensure" icon="fa-check" clickFun="TLineInfoDlg.addShift()"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">已添加班次</label>
|
<div class="col-sm-6">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;text-align: center;">添加时间</th>
|
<th style="width: 300px;text-align: center;">班次时间</th>
|
<th style="width: 300px;text-align: center;">车次数</th>
|
<th style="width: 100px;text-align: center;">操作</th>
|
</tr>
|
</thead>
|
<tbody id="shiftValue">
|
@for(obj in lineShiftList!){
|
<tr class="shiftValueClass">
|
<td style="text-align: center;"><input type="hidden" id="time2Value" name="time2Value" value="${obj.addTime}">${obj.addTime}</td>
|
<td style="text-align: center;"><input type="hidden" id="shiftTimeValue" name="shiftTimeValue" value="${obj.startTime} - ${obj.endTime}">${obj.startTime} - ${obj.endTime}</td>
|
<td style="text-align: center;">
|
<input type="hidden" id="carNumValue" name="carNumValue" value="${obj.carNum}">
|
<button type="button" onclick="TLineInfoDlg.changeCarNum(this,-1)">-</button>
|
<input type="text" name="carNumEditValue" value="${obj.carNum}" oninput="TLineInfoDlg.onCarNumInput(this)" onblur="TLineInfoDlg.onCarNumBlur(this)" style="width:60px;text-align:center;margin:0 6px;">
|
<button type="button" onclick="TLineInfoDlg.changeCarNum(this,1)">+</button>
|
</td>
|
<td style="text-align: center;"><button onclick="deleteSub(this)">移除</button></td>
|
</tr>
|
@}
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- <div class="form-group">-->
|
<!-- <#button btnCss="info" name="设置司机抽成" id="rakeRate" icon="fa-check" clickFun="TLineInfoDlg.set1()"/>-->
|
<!-- </div>-->
|
<!-- <textarea id="outSetting" rows="5" cols="50" value="${item.outSetting}">${item.outSetting}</textarea>-->
|
<div class="col-sm-2" style="padding-left: 150px">
|
<#button btnCss="info" name="设置司机抽成" id="rakeRate" icon="fa-check" clickFun="TLineInfoDlg.set1('outSetting')"/>
|
</div>
|
|
<textarea id="outSetting" rows="5" cols="50" hidden="hidden" value="${item.outSetting}">${item.outSetting}</textarea>
|
</div>
|
</div>
|
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5">
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TLineInfoDlg.editSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TLineInfoDlg.close()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script type="text/javascript">
|
window._AMapSecurityConfig = {
|
securityJsCode: '44c5ee9ad584605d91ca69bfac32c761',
|
}
|
</script>
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=d3bde6afb050067e1a765a8d1d1f4c54&plugin=AMap.MouseTool,AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder"></script>
|
<script src="${ctxPath}/static/modular/system/tLine/tLine_info.js"></script>
|
<script type="text/javascript">
|
laydate.render({
|
elem: '#shiftTime'
|
,type: 'time'
|
,range: '-'
|
,format: 'HH:mm'
|
});
|
laydate.render({
|
elem: '#firstShiftTime'
|
,type: 'time'
|
,format: 'HH:mm'
|
});
|
laydate.render({
|
elem: '#lastShiftTime'
|
,type: 'time'
|
,format: 'HH:mm'
|
});
|
var regDouble = /^(([1-9]{1}\d*)|(0{1}))(\.\d{0,2})?$/;
|
var regXiShu = /^(0(\.\d{1,2})?)$/;
|
var regXiShu1 = /^([1-9]{1,})(\.\d{1,2})?$/;
|
var regBiLi = /^([0-9]{1,2}$)|(^[0-9]{1,2}\.[0-9]{1,2}$)|100$/;
|
var regInt = /^[0-9]{0,3}$/;
|
function checkIsYuan(obj){
|
var num = $(obj).val();
|
if(!regDouble.test(num)){
|
layer.msg("【元】输入框不能超过3位数,保留两位小数");
|
}
|
}
|
function checkIsXiShu1(obj){
|
var num = $(obj).val();
|
if(!regXiShu1.test(num)){
|
layer.msg("【系数】输入框大于1,保留两位小数");
|
}
|
}
|
function checkIsXiShu(obj){
|
var num = $(obj).val();
|
if(!regXiShu.test(num)){
|
layer.msg("【系数】输入框大于0小于1,保留两位小数");
|
}
|
}
|
function checkIsBiLi(obj){
|
var num = $(obj).val();
|
if(!regBiLi.test(num)){
|
layer.msg("【比例】输入框大于等于0小于100");
|
}
|
}
|
function checkIsMinute(obj){
|
var num = $(obj).val();
|
if(!regInt.test(num)){
|
layer.msg("【分钟】输入框不能超过3位数");
|
}
|
}
|
|
</script>
|
@}
|
