- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="css/ace.min.css" />
- <link rel="stylesheet" href="css/bootstrap.min.css" />
- <script type="text/javascript" src="js/jquery-2.0.3.min.js" ></script>
- <script type="text/javascript" src="js/detailTicket.js" ></script>
-
- <link rel="stylesheet" href="css/master.css" charset="UTF-8">
-
-
- <script src="js/jquery-2.2.4.min.js"></script>
- <!-- <script src="js/bootstrap.min.js"></script> -->
- <script src="js/master.js"></script>
- <title>车票详情</title>
- </head>
- <body onload="init_page()">
- <div class="navbar navbar-default">
- <div class="navbar-header ">
- <a href="#" class="navbar-brand">
- <i class="icon-leaf"></i>
- Admin
- </a>
- </div>
- </div>
-
- <div class="warp clearfix">
- <div class="control-bar">
- <div class="sidebar-shortcuts">
- <button class="btn btn-success">
- <i class="icon-signal"></i>
- </button>
-
- <button class="btn btn-info">
- <i class="icon-pencil"></i>
- </button>
-
- <button class="btn btn-warning">
- <i class="icon-group"></i>
- </button>
-
- <button class="btn btn-danger">
- <i class="icon-cogs"></i>
- </button>
-
- </div>
- <ul class="nav nav-list">
- <li class="">
- <a class="">
- <i class="icon-dashboard"></i>
- <span class="menu-text"> 营运中心 </span>
- </a>
- </li>
- <li>
- <a href="">
- <i class="icon-text-width"></i>
- <span class="menu-text"> 集散资源 </span>
- </a>
- </li>
-
- <li>
- <a href="#" class="">
- <i class="icon-desktop"></i>
- <span class="menu-text"> 线路管理 </span>
-
-
- </a>
- </li>
-
- <li>
- <a href="#" class="">
- <i class="icon-list"></i>
- <span class="menu-text"> 票种管理 </span>
-
-
- </a>
- </li>
- <li class="active">
- <a href="#" class="dropdown-toggle">
- <i class="icon-edit"></i>
- <span class="menu-text"> 班次管理 </span>
- <b class="arrow icon-angle-down"></b>
- </a>
- <ul class="submenu">
- <li><a><i class="icon-double-angle-right"></i>添加班次</a></li>
- <li><a><i class="icon-double-angle-right"></i>修改版次</a></li>
- <li><a><i class="icon-double-angle-right"></i>班次列表</a></li>
- <li class="">
- <a class="dropdown-toggle">
- <i class="icon-double-angle-right"></i>班次详情
- <b class="arrow icon-angle-down"></b>
- </a>
- <ul class="submenu">
- <li>
- <a href="">
- <i class="icon-leaf"></i>
- 班次基本信息
- </a>
- </li>
- <li>
- <a href="">
- <i class="icon-leaf"></i>
- 班次车票信息
- </a>
- </li>
- </ul>
- </li>
- <li><a><i class="icon-double-angle-right"></i>调派资源</a></li>
-
- </ul>
- </li>
-
- <li class="">
- <a href="http://127.0.0.1:8020/ZZCX/detailTicket.html" class="">
- <i class="icon-file-alt"></i>
-
- <span class="menu-text">
- 产品管理
-
- </span>
-
-
- </a>
- </li>
- <li>
- <a href="http://127.0.0.1:8020/ZZCX/searchTicket.html">
- <i class="icon-calendar"></i>
-
- <span class="menu-text">
- 车票
- <span class="badge badge-transparent tooltip-error" title="2 Important Events">
- <i class="icon-warning-sign red bigger-130"></i>
- </span>
- </span>
- </a>
- </li>
-
- <li>
- <a href="#">
- <i class="icon-picture"></i>
- <span class="menu-text"> 酒店 </span>
- </a>
- </li>
-
- <li>
- <a href="#" class="">
- <i class="icon-tag"></i>
- <span class="menu-text"> 门票 </span>
- </a>
- </li>
- <li class="">
- <a href="#" class="">
- <i class="icon-file-alt"></i>
-
- <span class="menu-text">
- 订单中心
- <span class="badge badge-primary ">5</span>
- </span>
-
-
- </a>
- </li>
-
- </ul>
- </div>
- <div class="control-show" style="min-width: 1220px;max-width: 1220px;">
- 在此添加内容
-
-
- <br /><br />
- <div id="ttt" style="min-width: 1000px;">
-
- <div id="ticket" style=" width: 600px; height: 240px;border: 1px solid lightgray;float: left; margin-left: 30px;">
- <div class="top" style="margin-top: 15px; margin-left: 30px;margin-right: 30px;">
- <span style="float: left;">
- <span id="ID" style="color: cornflowerblue;"><a href="#">[微信服务号]</a></span>
- <span>(微信服务号)</span>
- </span>
- <span style="float: right;">
- <span id="chupiao">[出票]</span>
- <span id="dayin">[打印]</span>
- <span id="gaiqian">[改签]</span>
- </span>
- </div>
- <br /><br />
- <div id="middle" align="center" style="margin-top: 20px;" >
- <div style="text-align: center; float: left; width: 40%;">
- <span id="up_station" style="font-size: 20px; ">[上车点]</span>
- <br />
- <span id="start_area" style="line-height: 40px;" >[出发地]</span>
- </div>
- <div style="margin-top: -15px; float: left;width: 20%;">
- <span id="codeId">[线路代码]</span>
- <hr />
- <span id="total_time">[总时间]</span>
- </div>
- <div style="text-align: center; float:left;width: 40%; ">
- <span id="down_station" style=" font-size: 20px;">[下车点]</span>
- <br />
- <span id="end_area" style="line-height: 40px;">[目的地]</span>
- </div>
- </div>
-
- <div id="gotime" align="center" style="margin-top: 100px;">
- <span id="start_time">[出行时间]</span>
- </div>
- <hr style="border:1px dotted lightgray ;margin-left: 30px;margin-right: 30px;margin-top: 20px;" />
- <div id="down" style="margin-top: -30px;">
- <span id="price" style="float: left; margin-left: 30px;margin-top: 20px;">
- <span >[价格]</span>
- </span>
- <span style="float: right; margin-right: 30px;margin-top: 20px;">
- <span id="carNo">车号:[车位号]</span>
- <span id="seatNo">座号:[座位号]</span>
- <span id="people">[年龄]</span>
- <span id="seat">[人群]</span>
- </span>
- </div>
- </div>
-
- <div class="profile-user-info profile-user-info-striped" style="width: 210px; height: 220px; float: left;background-color: lightgray;">
- <div class="profile-info-row" style="margin-top: 10px;">
- <div class="profile-info-name" style="background-color: lightgray; width: 60px;">车辆:</div>
- <div class="profile-info-value "style="margin-left: 30px;">
- <ul>
- <li id="carId">车牌:[车牌]</li>
- <li id="brand">品牌:[品牌]</li>
- <li id="carSeat">车座:[车座]</li>
- <li id="company">公司:[车公司]</li>
- </ul>
- </div>
- </div>
- <div class="profile-info-row" style="margin-top: -10px;">
- <div class="profile-info-name" style="background-color: lightgray;width: 60px;">司机:</div>
- <div class="profile-info-value" style="margin-top: 10px;margin-left: 30px;">
- <ul>
- <li id="driverName">姓名:[司机]</li>
- <li id="driverId">品牌:[工牌]</li>
- <li id="tel">电话:[电话]</li>
- <li id="driverCompany">公司:[司机公司]</li>
- </ul>
- </div>
- </div>
- </div>
- <!--<div style="clear: both;"></div>-->
- </div>
-
- </div>
- </div>
-
-
-
-
-
- </body>
- </html>
|