@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>
|
<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">
|
</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.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.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"> 分钟
|
</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"> %
|
</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-2">
|
<select class="form-control" id="serverModelId" >
|
<option value="">选择车型</option>
|
@for(obj in carmodelList){
|
<option value="${obj.id}">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">选择车型:</label>
|
<div class="col-sm-2" style="display: flex;align-items: center;">
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="type1" value="1" name="type" checked="" onclick="TLineInfoDlg.typeClick(1)">
|
<label for="type1"> 固定计价 </label>
|
</div>
|
<div class="radio radio-success radio-inline">
|
<input type="radio" id="type2" value="2" name="type" onclick="TLineInfoDlg.typeClick(2)">
|
<label for="type2"> 浮动计价 </label>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group" id="fixedDiv">
|
<label class="col-sm-2 control-label">固定计价:</label>
|
<div class="col-sm-10">
|
单人价格: <input type="text" oninput="checkIsYuan(this)" name="num1" id="num1" class="form-control newWidth" /> 元;
|
包车价格: <input type="text" oninput="checkIsYuan(this)" name="num2" id="num2" class="form-control newWidth" /> 元;<br><br>
|
五座系数: <input type="text" oninput="checkIsXiShu(this)" name="num3" id="num3" class="form-control newWidth" /> ;
|
七座系数: <input type="text" oninput="checkIsXiShu(this)" name="num4" id="num4" class="form-control newWidth" /> ;
|
</div>
|
</div>
|
|
<div class="form-group" id="floatDiv" style="display: none;">
|
<label class="col-sm-2 control-label">浮动计价:</label>
|
<div class="col-sm-10">
|
参考费用: <input type="text" oninput="checkIsYuan(this)" name="num11" id="num11" class="form-control newWidth" /> 元;
|
参考里程: <input type="text" oninput="checkIsYuan(this)" name="num12" id="num12" class="form-control newWidth" /> 公里;<br><br>
|
基础单价: <input type="text" oninput="checkIsYuan(this)" name="num13" id="num13" class="form-control newWidth" /> 元;
|
优惠系数: <input type="text" oninput="checkIsXiShu(this)" name="num14" id="num14" class="form-control newWidth" /> ;<br><br>
|
包车系数: <input type="text" oninput="checkIsXiShu(this)" name="num15" id="num15" class="form-control newWidth" /> ;
|
五座系数: <input type="text" oninput="checkIsXiShu(this)" name="num16" id="num16" class="form-control newWidth" /> ;<br><br>
|
七座系数: <input type="text" oninput="checkIsXiShu(this)" name="num17" id="num17" class="form-control newWidth" /> ;
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<div class="col-sm-10">
|
<#button btnCss="info" name="添加" id="ensure" icon="fa-check" clickFun="TLineInfoDlg.addPrice()"/>
|
</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="priceValue">
|
|
</tbody>
|
</table>
|
</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>
|
<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">
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</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.addSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TLineInfoDlg.close()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<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'
|
});
|
var regDouble = /^(0|[1-9]\d{0,2})(\.\d{1,2})?$/;
|
var regXiShu = /^(0(\.\d{1,2})?|1(\.0{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 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>
|
@}
|