|
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="UTF-8">
- <title>填写订单</title>
- <link rel="stylesheet" type="text/css" href="./css/ace.min.css" />
- <link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css" />
- <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
- <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />
- <link rel="stylesheet" type="text/css" href="./css/datepicker.css" />
- <link rel="stylesheet" type="text/css" href="./css/master.css">
- <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
-
- <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
- <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
-
- <script src="js/jquery.cookie.js"></script>
- <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
- <!--<script src="js/xm.js"></script>
- <script>
- login();
- </script>-->
- <style type="text/css">
- .profile-user-info-striped .profile-info-name {
- color: #336199;
- border-top: 1px solid #f7fbff;
- margin-left: 20px;
- }
- .profile-user-info-striped {
- border: 0px solid #dcebf7;
- }
- .form-actions {
- display: block;
- background-color: #f5f5f5;
- /* border-top: 1px solid #e5e5e5; */
- margin-bottom: 20px;
- margin-top: 20px;
- padding: 19px 20px 20px;
- }
- </style>
- </head>
-
- <body style="font-size: 12px;">
- <!--<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;"> <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" style="float: left;">-->
- <div id="">
- <!--
- 作者:刘兵
- update:fuhc
- 时间:2016-06-03
- 描述:add start
- update:fuhc
- -->
- <div class="page-content" style="width: 1200px;">
- <div class="page-header">
- <h1 style="font-size: 14px;">填写订单</h1>
- </div>
- <div class="row">
- <form class="form-horizontal" role="form">
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">线  路:</label>
- <label id="line" class="col-sm-6 control-label" style="font-size: 12px; text-align: left;"></label>
- </div>
-
- <!--订单渠道-->
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">订单渠道:</label>
- <div class="col-sm-2">
- <!--<select id="orderSource" style="font-size: 12px; padding: 0px; width: 100%;">
- <option value="-2" selected="selected" style="font-size: 12px;">请选择</option>
- </select>-->
- <div id="bts-ex-4" class="selectpicker" data-live="true">
- <button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;">
- <span style="float:left;" class="placeholder">请选择</span>
- <span style="float:right;" class="caret"></span>
- </button>
- <div class="dropdown-menu">
- <div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">
- <label class="sr-only" for="input-bts-ex-4">Search</label>
- <div class="search-box">
- <div class="input-group">
- <span class="input-group-addon" id="search-icon3">
- <span><img width="15px;" src="images/search.png"></span>
- </span>
- <input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />
- </div>
- </div>
- <div class="list-to-filter">
- <ul id="orderSource" class="list-unstyled">
- <li value="0" class="filter-item items" data-filter="item_1">请选择</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>
- <div class="col-sm-2">
- <input id="channelNum" class="form-control" type="text" style="font-size: 12px;" placeholder="渠道订单号" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">出发选择:</label>
- <label id="start_date" class="col-sm-1 control-label" style="font-size: 12px;text-align: left;"></label>
- <label class="col-sm-1 control-label" style="font-size: 12px; width: 5%; margin-left: 49px;text-align: left;">出发</label>
- <div class="col-sm-1" style="width: 25%; padding-left: 3px;">
- <select id="startArea" style="font-size: 12px; width: 160px;" onchange="show_end_station()">
- <option value="0" selected="selected" style="font-size: 12px;">startArea</option>
- </select>
- </div>
- <label class="col-sm-1 control-label" style="font-size: 12px; width: 5%; text-align: center;">到达</label>
- <div class="col-sm-1" style="width: 25%;">
- <select id="endArea" style="font-size: 12px; width: 160px;" onchange="show_ticket_list()">
- <option value="0" selected="selected" style="font-size: 12px;">endArea</option>
- </select>
- </div>
- </div>
-
-
-
- <!--返程信息-->
- <!--<div class="form-group">
-
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">选择返程:</label>
- <div id="ifcheckedBack" >
- <input type="checkbox" id="ifback" style="margin-left: 20px; margin-bottom: 10px; margin-top: 6px;" value="0" onclick="ifbackSelected(this.checked)"/>
- </div>
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>
- <div class="col-sm-1" style="float:left;width: 150px;">
- <div class="input-group">
- <input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="出发日期" style="font-size: 12px;height: 30px;" onchange="selectDate(this.value)">
- <span class="input-group-addon">
- <i class="icon-calendar bigger-110"></i>
- </span>
- </div>
- </div>
- <div id="" style="display: none;float: left;">
- <select id="select_time" style="font-size: 12px; width: 80px;" onpropertychange="select_run_time(this.id)">
- <option value="0" style="font-size: 12px;">选择班次</option>
- </select>
- </div>
-
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px; width: 5%; text-align: left;">出发</label>
- <div class="col-sm-1" style="width: 25%; padding-left: 3px;">
- <select id="startAreaback" style="font-size: 12px; width: 160px;" onchange="choose_f_station()">
- <!--<option value="[startAreaback]" style="font-size: 12px;">请选择返程出发地</option>
- </select>
- </div>
- <label class="col-sm-1 control-label" style="font-size: 12px; width: 5%; text-align: center;">到达</label>
- <div class="col-sm-1" style="width: 25%;">
- <select id="endAreaback" style="font-size: 12px; width: 160px; " onchange="choose_f_station()">
- <!--<option value="[endAreaback]" style="font-size: 12px;">请选择返程目的地</option>
- </select>
- </div>
- </div>-->
-
-
-
- <!--数量-->
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">数  量:</label>
- <div class="col-sm-1 table-responsive" style="width: 465px;">
- <table id="infoTable" class="table table-striped table-bordered table-hover">
- <thead>
- <tr>
- <th style="width: 80px;">座位类型</th>
- <th style="width: 120px;">票种</th>
- <th style="width: 90px;">价格</th>
- <th style="width: 105px;">数量</th>
- </tr>
- </thead>
- <tbody id="tableInfo">
- <tr id="[id]" class="[aaa]">
- <td style="width: 80px;">座位</td>
- <td style="width: 80px;">票种</td>
- <td style="width: 90px;">
- <input type="text" id="price" placeholder="价格" value="1111" />
- </td>
- <td style="width: 105px;">
- <select id="number_select" style="font-size: 12px; width: 60px;">
- <option value="default" selected="selected" style="font-size: 12px;">num</option>
- </select>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
-
- <!--套餐包含-->
- <!--<div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">套餐产品:</label>
- <label class="col-sm-1 control-label" style="font-size: 12px; width: 100px;">门票价格</label>
- <div class="col-sm-1" style="width: 90px;padding-left: 10px; ">
- <input type="text" id="doorPrice" style="width: 80px;" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" />
- </div>
- <label class="col-sm-1 control-label" style="font-size: 12px; width: 100px; text-align: center;margin-left: 50px;">酒店价格</label>
- <div class="col-sm-1" style="width: 90px;padding-left: 10px;" >
- <input type="text" id="hotelPrice" style="width: 80px;" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)"/>
- </div>
- </div> -->
-
- <!--联系人信息-->
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">联系信息:</label>
- <div class="col-sm-2">
- <input class="form-control" id="username" type="text" style="font-size: 12px;" placeholder="姓名" required maxlength="20" /><span style="color:red;" id="nameinfo"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>
- <div class="col-sm-2">
- <input onkeyup="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" class="form-control" type="text" style="font-size: 12px;" placeholder="手机" id="usernum" required maxlength="11" /><span style="color:red;" id="numinfo"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>
- <div class="col-sm-2">
- <input class="form-control" type="text" style="font-size: 12px;" placeholder="身份证" id="userid" required maxlength="18" /><span style="color:red;" id="idinfo"></span>
- </div>
- </div>
- <!--订单备注-->
- <br />
- <div style="font-weight:bold;">订单备注</div>
- <!--<hr style="width: 1200px;margin-top: 20px;"/>-->
- <div class="tabbable">
- <div class="profile-user-info profile-user-info-striped" style="margin-left:-40px;">
- <div class="profile-info-row">
- <div class="profile-info-name" style="background-color: white;"><span style="letter-spacing:24px;">备</span>注:</div>
- <div class="profile-info-value">
- <textarea id="order_remark" name="remark" rows="5" style="width: 500px;"></textarea>
- </div>
- </div>
- </div>
- </div><!--订单备注 end-->
-
-
- </form>
- </div>
-
- <!--<div class="page-header">
- <h1 style="font-size: 14px;">选择返程</h1>
- </div>
- <div class="row">
- <form class="form-horizontal" role="form">
-
-
-
-
- </form>
- </div>-->
-
-
- <div id="" style="display: none;">
- <div class="page-header">
- <h1 style="font-size: 14px; ">乘车人信息</h1>
- </div>
- <div id="addInfo" style="float:left;">
- <div id="left" style="float: left;display: none;width: 300px;height: 100px;">
- <div style="float: left;">乘车人</div>
- <div style="float: left;margin-left: 20px;">
- <div id="peopleName">
- <input type="" name="" id="" placeholder="姓名" />
- </div>
- <div id="peopleId" style="margin-top: 20px;">
- <input type="" name="" id="" placeholder="身份证" />
- </div>
- </div>
- <div style="float: left;margin-left: 20px;">
- <span id="delBtn" onclick='delOneLine(this.id)' style="width: 60px;height: 25px; display: inline-block;line-height: 25px;border:1px solid rgb(204,204,204); text-align: center;background-color: lightgray;cursor:pointer;">删除</span>
- </div>
- </div>
-
-
- </div>
- <div style="float: left; margin-left: 40px;">
- <span id="addBtn" onclick='addLine()' style="width: 80px;height: 30px; display: inline-block;line-height: 30px;border:1px solid rgb(204,204,204); text-align: center;background-color: lightgray;cursor:pointer;">+添加</span>
-
- </div>
- </div>
- <div id="" style="clear: both;">
-
- </div>
-
- <div class="form-actions" style="background: #FFFFFF; margin-top: 30px; ">
- <div class="col-md-1">
- <button class="btn btn-info" style="font-size: 12px;" id="usersubmit" onclick="submit_order()">提交</button>
- </div>
- <div class="col-md-1">
- <button class="btn" style="font-size: 12px;" onclick="javascript :history.back(-1)">返回</button>
- </div>
- </div>
-
-
-
-
-
- </div>
-
- <!--
- 作者:作者:刘兵
- 时间:2016-06-03
- 描述:add end
- update:fuhc
- -->
- </div>
- <!--</div>-->
- </body>
-
- <script type="text/javascript" src="./js/create_order_outside.js"></script>
- <!--<script type="text/javascript" src="./js/master.js"></script>-->
- <script type="text/javascript">
-
- $(".date-picker").datepicker({
- autoclose: true
- }).next().on("click", function() {
- $(this).prev().focus();
- });
-
- </script>
- <script src="js/modernizr.min.js"></script>
- <script src="js/vendor/tabcomplete.min.js"></script>
- <script src="js/vendor/livefilter.min.js"></script>
- <script src="js/vendor/src/bootstrap-select.js"></script>
- <script src="js/vendor/src/filterlist.js"></script>
- <script src="js/plugins.js"></script>
- </html>
|