@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">
                            司机申请班次的最小时间间隔为&nbsp;<input type="text" oninput="checkIsMinute(this)" class="form-control newWidth" id="shiftInterval" name="shiftInterval">&nbsp;分钟
                        </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">
                        </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">&nbsp;%-->
<!--                        </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">

                                    </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">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <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" ></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.addSubmit(this)"/>
                    <#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 = /^(0|[1-9]\d{0,2})(\.\d{1,2})?$/;
    var regXiShu = /^(0(\.\d{1,2})?|1?)$/;
    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>
@}