nizongfeng
/
ZZCS
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
14 MiB
 
 
 
 
Tree: 0d86f80fa0
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0d86f80fa0'
${ noResults }
ZZCS/coding/web/vehiclesDispatch/com_dispatch.html

433 lines
20 KiB
Raw Blame History 

  1. <!--

  2. 	作者：赵健

  3. 	时间：2016-10-25

  4. 	描述：单一线路的车次调度

  5. -->

  6. <!DOCTYPE html>

  7. <html>

  8. 

  9. <head>

  10.     <meta charset="UTF-8">

  11.     <title>车次调度</title>

  12.     <link rel="stylesheet" href="../css/font-awesome.min.css"/>

  13.     <link rel="stylesheet" href="../css/bootstrap.min.css"/>

  14.     <link rel="stylesheet" href="../css/ace.min.css"/>

  15.     <link rel="stylesheet" href="../css/main.css"/>

  16.     <link rel="stylesheet" href="../css/master.css"/>

  17.     <link rel="stylesheet" href="../css/new_page.css"/>

  18.     <link rel="stylesheet" href="css/com_dispatch.css"/>

  19.     <style type="text/css">

  20.         th,

  21.         td {

  22.             text-align: center;

  23.             vertical-align: middle !important;

  24.             padding: 4px !important;

  25.         }

  26. 

  27.         td > input {

  28.             width: 80px;

  29.             height: 26px;

  30.         }

  31. 

  32.         .statusOK {

  33.             height: 41px;

  34.             padding-left: 10px;

  35.             border-bottom: 1px solid #DDDDDD;

  36.         }

  37. 

  38.         .statusNO {

  39.             height: 41px;

  40.             padding-left: 10px;

  41.             border-bottom: 1px solid #DDDDDD;

  42.         }

  43. 

  44.         ul {

  45.             margin: 0px;

  46.             padding: 0px;

  47.         }

  48. 

  49.         .status_div_hide {

  50.             display: none;

  51.             width: 120px;

  52.             height: 40px;

  53.             float: right;

  54.             background-color: #F3F3F3;

  55.         }

  56. 

  57.         .status_div_show1 {

  58.             display: inline-block;

  59.             height: 40px;

  60.             float: right;

  61.             margin-right: 20px

  62.         }

  63. 

  64.         .status_two {

  65.             display: inline-block;

  66.             background-color: rgba(51, 204, 0, 1);

  67.             color: #FFFFFF;

  68.             margin-left: 11px;

  69.             padding: 3px 8px;

  70.             margin-top: 8px;

  71.             cursor: pointer;

  72.         }

  73. 

  74.         .status_two_left {

  75.             background-color: rgba(255, 153, 0, 1);;

  76.         }

  77. 

  78.         .status_two_right {

  79.             background-color: #FFFFFF;

  80.             color: #000000;

  81.         }

  82.     </style>

  83. </head>

  84. 

  85. <body>

  86. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">

  87.     <div class="navbar-header ">

  88.         <a href="#" class="navbar-brand">

  89.             <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>

  90.         </a>

  91.     </div>

  92. </div>

  93. <div id="show_html" style="display:none;" class="warp clearfix">

  94.     <div class="control-bar"></div>

  95.     <div class="control-show main_style">-->

  96.     	<div class="main_style">

  97.         <div class="top">

  98.             <div class="topline com_line btn-primary" data-value="0" onclick="selectBarInfo(0)">全部</div>

  99.             <div class="topline com_line btn-primary" data-value="255" onclick="selectBarInfo(255)">直通巴士</div>

  100.             <div class="topline com_line btn-primary" data-value="266" onclick="selectBarInfo(256)">穿梭巴士</div>

  101.             <div class="topline sole_line" data-value="316">组合线路</div>

  102.         </div>

  103. 

  104.         <div class="middle">

  105.             <div class="first">

  106.                 <span>出发日期：</span>

  107.                 <input type="text" id="start_date" class="Wdate start_date_all" style="height: 25px;width: 110px"

  108.                        name="begin" placeholder="开始日期"

  109.                        onfocus="WdatePicker({doubleCalendar:true,errDealMode:0,isShowClear:false,dateFmt:'yyyy-MM-dd', minDate:'', maxDate:''});">

  110. 

  111.                 <span class="btn-primary day today" onclick="today()">今日</span>

  112.                 <span class="btn-primary day tomorrow" onclick="tomorrow()">明日</span>

  113. 

  114.                 <span style="padding-left: 30px;">产品线：</span>

  115.                 <select id="product_type" style="width: 120px;" name="">

  116. 

  117.                 </select>

  118. 

  119.                 <span onclick="searchBtnDidClicked()" id="search_btn" class="btn-primary search_btn">查询</span>

  120. 

  121.             </div>

  122. 

  123.         </div>

  124.         <div class="product_line_sort">

  125. 

  126.             <table style="table-layout:fixed;" class="tab_css_1">

  127.                 <thead id="product_line_name">

  128.                 <!--<th style="min-width: 70px;background-color: #e5e5e5;">总计</th>

  129.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  130.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  131.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  132.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  133.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  134.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  135.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  136.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  137.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  138.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  139.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  140.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  141.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  142.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>

  143.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>A</th>

  144.                <th style="min-width: 70px;background-color: #e5e5e5;">(T)<br>E+A（两）</th>-->

  145. 

  146.                 </thead>

  147.                 <tr id="product_line_no" style="border-bottom: 1px solid #ccc;" class="tr_css" align="center">

  148.                     <!--<td style="width: 70px;color: #333;">323</td>

  149.                     <td style="width: 70px;">20</td>

  150.                     <td style="width: 70px;">20</td>

  151.                     <td style="width: 70px;">20</td>

  152.                     <td style="width: 70px;">20</td>

  153.                     <td style="width: 70px;">20</td>

  154.                     <td style="width: 70px;">20</td>

  155.                     <td style="width: 70px;">20</td>

  156.                     <td style="width: 70px;">20</td>

  157.                     <td style="width: 70px;">20</td>

  158.                     <td style="width: 70px;">20</td>

  159.                     <td style="width: 70px;">20</td>

  160.                     <td style="width: 70px;">20</td>

  161.                     <td style="width: 70px;">20</td>

  162.                     <td style="width: 70px;">20</td>

  163.                     <td style="width: 70px;">20</td>

  164.                     <td style="width: 70px;">20</td>-->

  165.                 </tr>

  166. 

  167.             </table>

  168.         </div>

  169.         <!--自动分车、加车、减车、重置-->

  170.         <div class="middle_2">

  171.             <div style="cursor: pointer;" onclick="auto_bus()" class="fenche btn-primary">自动分车</div>

  172.             <div onclick="resetDispatch(this)" class="car_reset btn-primary" style="cursor: pointer;">重置</div>

  173.             <div class="go_list btn-primary hidden" style="cursor: pointer;">去程</div>

  174.             <div class="back_list btn-primary hidden" style="cursor: pointer;">返程</div>

  175. 

  176.         </div>

  177.         <div class="tableOrList" style="margin-top: 30px;">

  178.             <div class="left">

  179.                 <div id="travel-1" class="left-table">

  180.                     <table class="table table-bordered table-hover">

  181.                         <thead>

  182.                         <tr>

  183.                             <th style="width:30px">

  184.                                 <input class="ace_check" type="checkbox" style="width: 18px;height: 18px;"

  185.                                        onclick="selectChecked('0')"/>

  186.                             </th>

  187.                             <th style="width:60px">序号</th>

  188.                             <th style="width:60px">座位数</th>

  189.                             <th style="width:60px">人数</th>

  190.                             <th style="width:60px">余位</th>

  191.                             <th style="width:200px">组成</th>

  192.                             <th style="width:90px">车辆</th>

  193.                             <th style="width:90px">司机</th>

  194.                             <th style="width:90px">导游</th>

  195.                         </tr>

  196.                         </thead>

  197.                         <tbody id="tbodySingle" style="display: none;">

  198.                         <tr class="trRow" data-param="[data-param]">

  199.                             <td>

  200.                                 <input class="ace_check" name="[name]" type="checkbox" style="width: 18px;height: 18px;"

  201.                                        onclick="selectChecked('1')"/>

  202.                             </td>

  203.                             <td>[序号]</td>

  204.                             <td>[座位数]</td>

  205.                             <td style="color: #1144EB;"><span class="amend_line2" bus_num="[bus_num]" run_id="[run_id]"

  206.                                                               style="cursor: pointer;">[人数]</span></td>

  207.                             <td>[余位]</td>

  208.                             <td>[组成]</td>

  209.                             <td>

  210.                                 [车辆]

  211.                             </td>

  212.                             <td>

  213.                                 [司机]

  214.                             </td>

  215.                             <td>

  216.                                 [导游]

  217.                             </td>

  218.                         </tr>

  219.                         </tbody>

  220.                     </table>

  221.                     <div class="pageDiv"></div>

  222.                 </div>

  223.                 <hr>

  224.                 <!--表格-->

  225.                 <div id="travel-2" class="left-table">

  226.                     <div class="middle_3">

  227.                         <div class="add_car" onclick="add_car()" style="cursor: pointer;">+ 加车</div>

  228.                         <div class="cut_car" onclick="cut_car()" style="cursor: pointer;margin-right: 30px;">- 减车</div>

  229.                     </div>

  230.                     <table class="table table-bordered table-hover">

  231.                         <thead>

  232.                         <tr>

  233.                             <th style="width:30px">

  234.                                 <input class="ace_check" type="checkbox" style="width: 18px;height: 18px;"

  235.                                        onclick="selectChecked('0')"/>

  236.                             </th>

  237.                             <th style="width:60px">序号</th>

  238.                             <th style="width:60px">座位数</th>

  239.                             <th style="width:60px">人数</th>

  240.                             <th style="width:60px">余位</th>

  241.                             <th style="width:200px">组成</th>

  242.                             <th style="width:90px">车辆</th>

  243.                             <th style="width:90px">司机</th>

  244.                             <th style="width:90px">导游</th>

  245.                         </tr>

  246.                         </thead>

  247.                         <tbody id="tbodyGroup" style="display: none;">

  248.                         <tr class="trRow" data-param="[data-param]">

  249.                             <td>

  250.                                 <input class="ace_check" name="[name]" type="checkbox" style="width: 18px;height: 18px;"

  251.                                        onclick="selectChecked('1')"/>

  252.                             </td>

  253.                             <td>[序号]</td>

  254.                             <td>[座位数]</td>

  255.                             <td style="color: #1144EB;"><span class="amend_line2" bus_num="[bus_num]"

  256.                                                               style="cursor: pointer;">[人数]</span></td>

  257.                             <td>[余位]</td>

  258.                             <td>[组成]</td>

  259.                             <td>

  260.                                 [车辆]

  261.                             </td>

  262.                             <td>

  263.                                 [司机]

  264.                             </td>

  265.                             <td>

  266.                                 [导游]

  267.                             </td>

  268.                         </tr>

  269.                         </tbody>

  270.                     </table>

  271.                     <div class="pageDiv"></div>

  272.                 </div>

  273. 

  274.             </div>

  275.             <!--left end-->

  276.             <div class="right">

  277.                 <!--right list-->

  278.                 <div class="right_top">

  279.                     <div class="right_list_top right_sole_line" dataStr='vehicle' onclick="carDriverGuide(this)"

  280.                          style="width: 80px;height: 30px;">车辆

  281.                     </div>

  282.                     <div class="right_list_top right_com_line btn-primary" dataStr='driver'

  283.                          onclick="carDriverGuide(this)" style="width: 80px;height: 30px;">司机

  284.                     </div>

  285.                     <div class="right_list_top right_com_line btn-primary" dataStr='guide'

  286.                          onclick="carDriverGuide(this)" style="width: 80px;height: 30px;">导游

  287.                     </div>

  288.                 </div>

  289.                 <!--车辆-->

  290.                 <div id="vehicle" class="right_content" style="border: 1px solid #DDDDDD;">

  291.                     <div class="right_center">

  292.                         <input type="text" name="vehicle" oninput="changeVehicle(this)" style="margin-left: 10px;"

  293.                                placeholder="车牌号"/>

  294.                         <select id="vehicleCompany" name="company" onchange="changeVehicleCompany(this)">

  295.                             <!--<option value="">恒栋</option>-->

  296.                         </select>

  297.                     </div>

  298.                     <ul id="vehicle_list" >

  299.                         <!--<li class="statusOK">

  300.                             <span class="car_list_1">沪A00097</span>

  301.                             <span class="car_list_1">| 宇通53座</span>

  302.                             <span class="car_list_1">| 上海道顺</span>

  303.                             <span class="status_div_show1">

  304.                                 <span class="right_status_OK">可用</span>

  305.                             </span>

  306.                             <span class="status_div_hide">

  307.                                 <span class="status_two status_two_left" onclick="dispatchVehicle(this)">调用</span>

  308.                                 <span class="status_two status_two_right" onclick="dispatchCancel(this)">取消</span>

  309.                             </span>

  310.                         </li>-->

  311.                     </ul>

  312.                 </div>

  313.                 <!--vehicle  end-->

  314.                 <!--司机-->

  315.                 <div id="driver" class="right_content" style="border: 1px solid #DDDDDD;display: none;">

  316.                     <div class="right_center">

  317.                         <input type="text" name="driver" oninput="changeDriver(this)" style="margin-left: 10px;"

  318.                                placeholder="姓名/手机"/>

  319.                         <select id="driverCompany" name="company" onchange="changeDriverCompany(this)">

  320.                             <!--<option value="">恒栋</option>-->

  321.                         </select>

  322.                     </div>

  323.                     <ul id="driver_list" >

  324.                         <!--<li class="statusOK">

  325.                             <span>沪A00097</span>

  326.                             <span>| 宇通53座</span>

  327.                             <span>| 上海道顺</span>

  328.                             <span class="right_status_OK">可用</span>

  329. 

  330.                             <span class="status_div_hide">

  331.                                 <span class="status_two status_two_left" onclick="dispatchVehicle(this)">调用</span>

  332.                                 <span class="status_two status_two_right" onclick="dispatchCancel(this)">取消</span>

  333.                             </span>

  334.                         </li>-->

  335.                     </ul>

  336.                 </div>

  337.                 <!--driver  end-->

  338.                 <!--导游-->

  339.                 <div id="guide" class="right_content" style="border: 1px solid #DDDDDD;display: none;">

  340.                     <div class="right_center">

  341.                         <input type="text" name="guide" oninput="changeGuide(this)" style="margin-left: 10px;"

  342.                                placeholder="姓名/手机"/>

  343.                         <select id="guideCompany" name="company" onchange="changeGuideCompany(this)">

  344.                             <!--<option value="">恒栋</option>-->

  345.                         </select>

  346.                     </div>

  347.                     <ul id="guide_list" >

  348.                         <!--<li class="statusOK">

  349.                             <span>沪A00097</span>

  350.                             <span>| 宇通53座</span>

  351.                             <span>| 上海道顺</span>

  352.                             <span class="right_status_OK">可用</span>

  353. 

  354.                             <span class="status_div_hide">

  355.                                 <span class="status_two status_two_left" onclick="dispatchVehicle(this)">调用</span>

  356.                                 <span class="status_two status_two_right" onclick="dispatchCancel(this)">取消</span>

  357.                             </span>

  358.                         </li>-->

  359.                     </ul>

  360.                 </div>

  361.                 <!--guide  end-->

  362.             </div>

  363.             <!--right end-->

  364.         </div>

  365.         <!--tableOrList end-->

  366. 

  367.     </div>

  368. <!--</div>-->

  369. <!--修改车次-->

  370. <div onclick="" class="alert-block">

  371.     <div onclick="solveBubbing()" class="amend_car_type">

  372.         <div class="amend_car_top">

  373.             <span>修改车次</span>

  374.             <img style="cursor: pointer;width: 15px;margin-top: 12px; float: right;" onclick="cancel_amend()" class="ticket1_div2" src="../images/cha.png" />

  375.         </div>

  376.         <div class="amend_car_center">

  377.             <!--表格-->

  378.             <table style="width: 650px;margin:30px 50px;" class="table table-bordered table-hover">

  379.                 <thead>

  380.                 <tr>

  381.                     <th style="width:30px">

  382.                         <input class="ace_check2" type="checkbox" style="width: 18px;height: 18px;"

  383.                                onclick="selectChecked2('0')"/>

  384.                     </th>

  385.                     <th>人数</th>

  386.                     <th>线路</th>

  387.                     <th>上车站点</th>

  388.                     <th>接驳区域</th>

  389.                     <th>联系电话</th>

  390.                     <th>车次号</th>

  391.                 </tr>

  392.                 </thead>

  393.                 <tbody id="amend_list">

  394.                 <!--<tr class="trRow">

  395.                     <td>

  396.                         <input class="ace_check2" type="checkbox" style="width: 18px;height: 18px;" onclick="selectChecked2('1')" />

  397.                     </td>

  398.                     <td>2</td>

  399.                     <td>（T）C</td>

  400.                     <td>厦门大学西门</td>

  401.                     <td>01</td>

  402.                     <td>01</td>

  403.                 </tr>-->

  404.                 </tbody>

  405.             </table>

  406.         </div>

  407.         <div class="amend_car_bottom">

  408.             <span class="amend_car_bottom_span1">已选<span id="select_no">0</span>人</span>

  409.             <select id="amend_car_list" class="amend_car_bottom_select2">

  410.                 <option value="0">选择车次号</option>

  411. 

  412.             </select>

  413.             <span id="amend_button" onclick="amend_save()" class="amend_car_bottom_span3 btn-primary">保存</span>

  414.         </div>

  415.     </div>

  416. 

  417. </div>

  418. <script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

  419. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>

  420. <!--<script src="../js/master.js" type="text/javascript" charset="utf-8"></script>-->

  421. <script type="text/javascript" src="../js/jquery.page.js"></script>

  422. <script src="../My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>

  423. 

  424. <script src="../js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>

  425. <script src="../../js/base_path.js" type="text/javascript" charset="utf-8"></script>

  426. <!--<script src="../js/xm.js" type="text/javascript" charset="utf-8"></script>

  427. <script type="text/javascript">

  428.     login();

  429. </script>-->

  430. <script src="js/com_dispatch.js" type="text/javascript" charset="utf-8"></script>

  431. </body>

  432. 

  433. </html>