nizongfeng
/
ZZCS


			
				
					
						
						
							
							<!--
	作者：fuhongcheng_fhc@163.com
	时间：2016-10-25
	描述：单一线路的车次调度
-->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>车次调度</title>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/ace.min.css"/>
    <link rel="stylesheet" href="../css/main.css"/>
    <link rel="stylesheet" href="../css/master.css"/>
    <link rel="stylesheet" href="../css/new_page.css"/>
    <link rel="stylesheet" type="text/css" href="../css/combo.select.css"/>
    <link rel="stylesheet" href="css/single_dispatch.css"/>
    <style type="text/css">
        th,
        td {
            text-align: center;
            vertical-align: middle !important;
            padding: 4px !important;
        }

        td > span {
            color: #FFFFFF;
            width: 80px;
            height: 30px;
            line-height: 22px;
        }

        td > input {
            width: 80px;
            height: 30px;
        }

        .statusOK {
            height: 41px;
            padding-left: 10px;
            border-bottom: 1px solid #DDDDDD;
            cursor: pointer;
        }

        .statusNO {
            height: 41px;
            padding-left: 10px;
            border-bottom: 1px solid #DDDDDD;
            cursor: pointer;
        }

        .statusOK:hover {
            background-color: #f3f3f3;
        }

        ul {
            margin: 0px;
            padding: 0px;
        }

        .status_div_hide {
            display: none;
            width: 120px;
            height: 40px;
            float: right;
            background-color: #F3F3F3;
        }

        .status_div_show1 {
            display: inline-block;
            width: 90px;
            height: 40px;
            float: right;
        }

        .status_two {
            display: inline-block;
            background-color: rgba(51, 204, 0, 1);
            color: #FFFFFF;
            margin-left: 11px;
            padding: 3px 8px;
            margin-top: 8px;
            cursor: pointer;
        }

        .status_two_left {
            background-color: rgba(255, 153, 0, 1);;
        }

        .status_two_right {
            background-color: #FFFFFF;
            color: #000000;
        }

        .reset-sort {
            margin-top: 30px;
            width: 820px;
        }

        .reset-sort > span:nth-child(1) {
            display: inline-block;
            cursor: pointer;
            height: 28px;
            padding: 5px 12px;
        }

        .reset-sort > span:nth-child(2),
        .reset-sort > span:nth-child(3),
        .reset-sort > span:nth-child(4) {
            float: right;
            margin-left: 10px;
        }

    </style>
</head>

<body>
<!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
    <div class="navbar-header ">
        <a href="#" class="navbar-brand">
            <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
        </a>
    </div>
</div>
<div id="show_html" style="display:none;" class="warp clearfix">
    <div class="control-bar"></div>
    <div class="control-show main_style">-->
    	<div class="main_style">
        <div class="top">
            <div class="topline sole_line" data-value="0" onclick="selectBarInfo(this)">全部</div>
            <div class="topline com_line btn-primary" data-value="255" onclick="selectBarInfo(this)">直通巴士</div>
            <div class="topline com_line btn-primary" data-value="256" onclick="selectBarInfo(this)">穿梭巴士</div>
            <div class="topline com_line btn-primary" data-value="316" onclick="selectBarInfo(this)">组合线路</div>
        </div>

        <div class="middle">
            <div class="first">
                <span>出发日期：</span>
                <input id="start_date" type="text" class="Wdate" style="height: 25px;width: 110px" name="begin"
                       placeholder="开始日期"
                       onfocus="WdatePicker({doubleCalendar:true,errDealMode:0,isShowClear:false,dateFmt:'yyyy-MM-dd', minDate:'', maxDate:''});">
                <span style="margin-left: 5px;">-</span>
                <input id="end_date" type="text" class="Wdate" style="height: 25px;width: 110px" name="begin"
                       placeholder="截止日期"
                       onfocus="WdatePicker({doubleCalendar:true,errDealMode:0,isShowClear:false,dateFmt:'yyyy-MM-dd', minDate:'#F{$dp.$D(\'start_date\')}', maxDate:''});">

                <span class="btn-primary day today" onclick="today()">今日</span>
                <span class="btn-primary day tomorrow" onclick="tomorrow()">明日</span>
                <span class="btn-primary day futureweek" onclick="futureweek()">未来一周</span>

                <span style="padding-left: 30px;">线路：</span>
                <input id="line" type="text" style="width: 130px;" placeholder="线路编号/线路名称"/>
                <span style="padding-left: 30px;display: none;">线路组合：</span>
                <!--<div style="display: inline-block;">-->
                <div style="display: inline-block;display: none;">
                    <select name="lineGroup" style="width:130px;border: 0;">
                        <option value="0">请选择</option>
                    </select>
                </div>
            </div>
            <div class="second">
                <span>调度状态：</span>
                <span class="status status_select status_a" dataTypeid='0' onclick="allBtnDidClicked(this)">全部</span>
                <div class="circle" id="circle_all"></div>
                <span class="status status_unselect status_s" dataTypeid='1' onclick="allBtnDidClicked(this)">未派</span>
                <div class="circle" id="circle_no"></div>
                <span class="status status_unselect status_s" dataTypeid='2' onclick="allBtnDidClicked(this)">已派</span>
                <div class="circle" id="circle_having"></div>
                <span id="search_btn" class="btn-primary search_btn" onclick="searchBtnDidClicked()">查询</span>
            </div>
        </div>
        <!--middle end-->
        <div class="reset-sort">
            <span class="btn-primary" onclick="resetDispatch(this)">重置</span>
            <span class="status status_unselect status_s" dataSortid='1' onclick="sort(this)">时间排序</span>
            <span class="status status_unselect status_s" dataSortid='2' onclick="sort(this)">已售排序</span>
            <span class="status status_select status_s" dataSortid='0' onclick="sort(this)">综合排序</span>
        </div>
        <div class="tableOrList" style="margin-top: 10px;">
            <div class="left">
                <div id="travel-1" class="left-table">
                    <!--表格-->
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th style="width:30px">
                                <input class="ace_check" type="checkbox" style="width: 18px;height: 18px;"
                                       onclick="selectChecked('0')"/>
                            </th>
                            <th style="width:180px">线路</th>
                            <th style="width:90px">出发日期</th>
                            <th style="width:80px">出发时间</th>
                            <th style="width:60px">车次</th>
                            <th style="width:60px">座位数</th>
                            <th style="width:80px">已售人数</th>
                            <th style="width:100px">车辆</th>
                            <th style="width:100px">司机</th>
                            <th style="width:100px">导游</th>
                        </tr>
                        </thead>
                        <tbody id="tbody" style="display: none;">
                        <tr class="trRow" data-param="[data-param]">
                            <td>
                                <input class="ace_check" type="checkbox" style="width: 18px;height: 18px;"
                                       onclick="selectChecked('1')"/>
                            </td>
                            <td>[线路]</td>
                            <td>[出发日期]</td>
                            <td>[出发时间]</td>
                            <td>[车次]</td>
                            <td>[座位数]</td>
                            <td>[已售人数]</td>
                            <td>
                                [车辆]
                            </td>
                            <td>
                                [司机]
                            </td>
                            <td>
                                [导游]
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <!--tableOrList end-->
                    <div class="pageDiv"></div>
                </div>
            </div>
            <!--left end-->
            <div class="right">
                <!--right list-->
                <div class="right_top">
                    <div class="right_list_top right_sole_line" dataStr='vehicle' onclick="carDriverGuide(this)"
                         style="width: 80px;height: 30px;">车辆
                    </div>
                    <div class="right_list_top right_com_line btn-primary" dataStr='driver'
                         onclick="carDriverGuide(this)" style="width: 80px;height: 30px;">司机
                    </div>
                    <div class="right_list_top right_com_line btn-primary" dataStr='guide'
                         onclick="carDriverGuide(this)" style="width: 80px;height: 30px;">导游
                    </div>
                </div>
                <!--车辆-->
                <div id="vehicle" class="right_content" style="border: 1px solid #DDDDDD;">
                    <div class="right_center">
                        <input type="text" name="vehicle" oninput="changeVehicle(this)" style="margin-left: 10px;"
                               placeholder="车牌号"/>
                        <select id="vehicleCompany" name="company" onchange="changeVehicleCompany(this)">
                            <!--<option value="">恒栋</option>-->
                        </select>
                    </div>
                    <ul id="vehicle_list" >
                        <!--<li class="statusOK">
                            <span>沪A00097</span>
                            <span>| 宇通53座</span>
                            <span>| 上海道顺</span>
                            <span class="status_div_show1">
                                <span class="right_status_OK">可用</span>
                            </span>
                            <span class="status_div_hide">
                                <span class="status_two status_two_left" onclick="dispatchVehicle(this)">调用</span>
                                <span class="status_two status_two_right" onclick="dispatchCancel(this)">取消</span>
                            </span>
                        </li>-->
                    </ul>
                </div>
                <!--vehicle  end-->
                <!--司机-->
                <div id="driver" class="right_content" style="border: 1px solid #DDDDDD;display: none;">
                    <div class="right_center">
                        <input type="text" name="driver" oninput="changeDriver(this)" style="margin-left: 10px;"
                               placeholder="姓名和手机"/>
                        <select id="driverCompany" name="company" onchange="changeDriverCompany(this)">
                            <!--<option value="">恒栋</option>-->
                        </select>
                    </div>
                    <ul id="driver_list" >
                        <!--<li class="statusOK">
                            <span>沪A00097</span>
                            <span>| 宇通53座</span>
                            <span>| 上海道顺</span>
                            <span class="status_div_show1">
                                <span class="right_status_OK">可用</span>
                            </span>
                            <span class="status_div_hide">
                                <span class="status_two status_two_left" onclick="dispatchDriver(this)">调用</span>
                                <span class="status_two status_two_right" onclick="dispatchCancel(this)">取消</span>
                            </span>
                        </li>-->
                    </ul>
                </div>
                <!--driver  end-->
                <!--导游-->
                <div id="guide" class="right_content" style="border: 1px solid #DDDDDD;display: none;">
                    <div class="right_center">
                        <input type="text" name="guide" oninput="changeGuide(this)" style="margin-left: 10px;"
                               placeholder="姓名和手机"/>
                        <select id="guideCompany" name="company" onchange="changeGuideCompany(this)">
                            <!--<option value="">恒栋</option>-->
                        </select>
                    </div>
                    <ul id="guide_list" >
                        <!--<li class="statusOK">
                            <span>沪A00097</span>
                            <span>| 宇通53座</span>
                            <span>| 上海道顺</span>
                            <span class="status_div_show1">
                                <span class="right_status_OK">可用</span>
                            </span>
                            <span class="status_div_hide">
                                <span class="status_two status_two_left" onclick="dispatchGuide(this)">调用</span>
                                <span class="status_two status_two_right" onclick="dispatchCancel(this)">取消</span>
                            </span>
                        </li>-->
                    </ul>
                </div>
                <!--guide  end-->
            </div>
            <!--right end-->
        </div>
    </div>
<!--</div>-->
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../js/master.js" type="text/javascript" charset="utf-8"></script>-->
<script src="../js/jquery.combo.select.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../js/jquery.page.js"></script>
<script src="../My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/base_path.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../js/xm.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    login();
</script>-->
<script src="js/single_dispatch.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>