|
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <title>填写订单</title>
- <link rel="stylesheet" href="css/main.css" />
- <link rel="stylesheet" href="css/ui-base.css" />
- <link rel="stylesheet" href="css/ui-box.css" />
- <link rel="stylesheet" href="css/ui-color.css" />
- <link rel="stylesheet" href="css/wx_css/fill_order.css" />
- <link rel="stylesheet" href="css/reset.css" />
- <link rel="stylesheet" href="css/wechat.min.css" />
- </head>
- <body id="loading_html" scroll="no" style="display: none;" class="bg_color">
- <!--
- 作者:yimazsq@163.com
- 时间:2016-08-23
- 描述:填写订单
- -->
- <!--正式-->
- <!--<div class="ui_hide" id="total_div" style="margin-top: 0.4rem;">-->
- <!-- 修改样式-->
- <div id="total_div" style="margin-top: 0.35rem;">
- <!--最上面标题层-->
- <div class="lightyellow_color ub ui_p_t05 ui_p_b05 ub-ac title_title ui_line_b line_color_b" id="">
- <div class="ub-f1 ui_p_l20 fontmiddle_color" style="font-size: 0.13rem;">支付方式:</div>
- <div class="ub-f1 text_right ui_p_r20">
- <img class=" wchat ui_p_r05" src="images/a3/img_wechat.png" style="margin-top: 0.02rem"/>
- <span class=" fontmiddle_color fontmiddle_color" style="vertical-align: top;font-size: 0.13rem;">微信支付</span>
- </div>
- </div>
- <!--行程信息-->
- <div class=" ui_m_t05 layer_background" >
- <div id="goinfo">
- <div class=" ub ui_p_b05 inner_down_line_color ub-ae">
- <div class="ub-f1 text_left ui_p_l20 ub-ac">
- <span class="ulev3" id="gotime">[去程时间]</span>
- <span class="fontgreen_color ulev0 " id="go_day" style="font-size: 0.12rem; padding-left: 0.08rem;">[日期]</span>
- <span class="fontgreen_color ulev0 " id="go_week" style="font-size: 0.12rem; padding-left: 0.04rem;"></span>
- </div>
- <div class="ub-f1 text_right ui_p_r20">
- <span class=" ulev1">¥ </span><span style="font-size: 0.27rem;vertical-align: bottom;position: relative;top: 0.06rem;" id="go_price">[价格]</span><span class="ulev1"> / 人</span>
- </div>
- </div>
- <div class="ub inner_down_line_color qucheng" >
- <img src="images/img_pointline@2x.png" class="line_line"/>
- <div class="ub-f4 ub ub-ver" style="width: 1%;margin-left: 0.32rem;">
- <div style="padding-top: 0.13rem;" class="commongray_color">请选择上车站</div>
- <div id="start_area" class="ui_p_b10" style="padding-bottom: 0.08rem;" onclick="goStartAreaDidClicked()">
- <span class="ulev2" id="stare_area_id" startarea_goid='[startarea_goid]'>[出发地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="start_res_go" startres_goid='[startres_goid]' >[出发地站点]</span>
-
- </div>
- <div class="ui_hide" id="hiderun">[run_id_go]</div>
- <div class="commongray_color">请选择下车站</div>
- <div style="padding-bottom: 0.13rem;" class="ui_p_b10" id="end_area" onclick="goEndAreaDidClicked()">
- <span class="ulev2" id="end_area_id" endarea_goid='[endarea_goid]'>[目的地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="end_res_go" endres_goid='[endres_goid]'>[目的地站点]</span>
- </div>
- </div>
- <div class="ui_hide" go_line_id='[go_line_id]'; go_ticket_id='[go_ticket_id]' id="go_id_info"></div>
- </div>
- </div>
- <!--返程-->
- <div id="backinfo" class="ui_hide">
- <div class=" ub ui_p_b05 inner_down_line_color ub-ae">
- <div class="ub-f1 text_left ui_p_l20 ub-ac">
- <span class="ulev3" id="backtime">[返程时间]</span>
- <span class="fontgreen_color ulev0" id="back_day" style="font-size: 0.12rem;padding-left: 0.08rem;">[返程日期]</span>
- <span class="fontgreen_color ulev0 " id="back_week" style="font-size: 0.12rem; padding-left: 0.04rem;"></span>
- </div>
- <div class="ub-f1 text_right ui_p_r20">
- <span class=" ulev1">¥ </span><span style="font-size: 0.27rem;vertical-align: bottom;position: relative;top: 0.06rem;" id="back_price">[返程价格]</span><span class="ulev1"> / 人</span>
- </div>
- </div>
- <div class="ub inner_down_line_color fancheng" >
- <img src="images/img_pointline@2x.png" class="line_line"/>
- <div class="ub-f4 ub ub-ver" style="width: 1%;margin-left: 0.32rem;">
- <div style="padding-top: 0.13rem;" class="commongray_color">请选择上车站</div>
- <div id="back_start_area" style="padding-bottom: 0.08rem;" class="line_color_b " onclick="goStartAreaDidClickedBack()">
- <span class="ulev2" id="back_stare_area_id" startarea_backid='[startarea_backid]'>[返程出发地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="start_res_back" startres_backid='[startres_backid]' >[返程出发地站点]</span>
- <!--<img class="go" src="images/a8/img_return.png"/>-->
- <!--<img src="images/back_trave_2x.png" class="back"/>-->
- </div>
- <div class="ui_hide" id="hiderun_back">[run_id_back]</div>
- <div class="commongray_color">请选择下车站</div>
- <div style="padding-bottom: 0.13rem;" class=" ui_p_b10 " id="back_end_area" onclick="goEndAreaDidClickedBack()">
- <span class="ulev2" id="back_end_area_id" endarea_backid='[endarea_backid]'>[返程目的地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="end_res_back" endres_backid='[endres_backid]'>[返程目的地站点]</span>
- </div>
- </div>
- <div class="ui_hide" go_line_id='[back_line_id]'; go_ticket_id='[back_ticket_id]' id="back_id_info"></div>
- </div>
-
- </div>
- <!--日程-->
- <div class="ub">
- <div class="ub-f4 ub ub-ver" >
- <div class="ub ui_p_b15 ui_p_t15 ui_p_l20 ui_p_r20">
- <img style="width: 0.12rem;top: 0.03rem;position: relative;" class="ui_p_r10" src="images/ic_map@2x.png"/>
- <div class="ub-f1 fontmiddle_color ulev1" id="distance_back">[日程]</div>
- <div class="commongray_color ulev1" id="usetime_back">[用时]</div>
- </div>
- </div>
- </div>
- <div onclick="selectBackInfo()" style="border-left: 4px solid #3d434f;padding-left: 0.16rem;background-color: #f7f8fa;" class="ub ui_p_t10 ui_p_b10 ui_p_r20 outer_line_down_color ui_m_b05 ub-ac" id="add_back">
- <div style="color: #3d434f;" class="ulev2 ub-f1" id="select_back">添加返程</div>
- <div style="margin-right: 0.05rem;color: #1b1a20;" class="text_right ulev1" id="discount" discountprice="[aaa]">[优惠]</div>
- <img id="tupian" src="images/ic_addback@2x.png" style="width: 0.18rem; height: 0.18rem;padding-top: 0.01rem;" />
- </div>
- </div>
- <!--选择人数-->
- <div class="ub lightgreen_color ui_p_l20 ui_p_r20 ui_p_t10 ui_p_b10 ub-ac outer_line_down_color">
- <div style="color: #519d9e;" class="ub-f1 ulev1">出行人数:</div>
- <div class="bor_left_c ulev6 cut" style="height: 0.29rem;width: 0.4rem;text-align: center;line-height: 0.275rem;">-</div>
- <span class="ulev2 aticket ui_line2" style=" height: 0.29rem;width: 0.4rem;text-align: center;line-height: 0.29rem;display: block;" type="text" readonly="true" value="1">1</span>
- <div class="bor_right ulev6 add" style="height: 0.29rem;width: 0.4rem;text-align: center;line-height: 0.26rem;">+</div>
- </div>
- <!--联系人信息-->
- <div style="margin-bottom: 1rem;" class="ub-ver layer_background ui_m_t05 ui_m_b10 outer_line_down_color">
- <div class="ub">
- <div class="ub-f4"style="width: 1%;margin-left: 0.2rem;" >
- <div class="ub line_color_b inner_down_line_color ui_p_b15 ui_p_t15">
- <span class="fontmiddle_color ulev1">联系人:</span><span><input id="custmer" style="color: #1b1a20;" class="ulev1" placeholder="请输入" style="vertical-align: baseline;"></span>
- </div>
- <div class="ub ui_p_b15 ui_p_t15">
- <span class="fontmiddle_color ulev1">手机号:</span><span><input id="tel" style="color: #1b1a20;" class="ulev1" placeholder="请输入" maxlength="11" style="vertical-align: baseline;"></span>
- </div>
- </div>
- </div>
- </div>
- <!--footer-->
- <div class="ub bottom_screen">
- <div class="ub ub-f3 ui_p_l20 layer_background ui_line_t line_color_t ub-ae" id="total_price">
- <span class=" ulev1">¥</span>
- <span style="font-size: 0.27rem;margin-right: 0.05rem;" id="count_price">0</span>
- <span style="color: #ff6d6d;" class="ulev1" id="total_people">共1人</span>
- </div>
- <div class="ub-f2 text_middle ulev1" id="payBtn" style="font-size: 0.19rem;padding-top: 0.1rem;padding-bottom: 0.1rem; color: white;background-color: #3d434f;" onclick="payBtnDidClicked()">支 付</div>
- </div>
-
- <!--底部弹框-->
- <div id="actionSheet_wrap">
- <div class="weui_mask_transition weui_fade_toggle" id="mask"></div>
- <div class="weui_actionsheet " id="weui_actionsheet">
- <!--选择站点弹框开始-->
- <div style="display: none;" id="res_div">
- <span style="padding-top: 0.14rem;padding-bottom: 0.14rem;" class="ub ub-ac ub-pc wechatbg ui_p_l20 ui_p_r20">
- <img class="wechatbg_img" src="images/a3/img_pulldown.png">
- <div class="ub-f1 ulev1 wechatbg_div1">选择站点</div>
- </span>
- <div style="padding-bottom: 0.3rem; overflow: scroll;min-height: 2.7rem;max-height: 2.7rem;" class="weui_actionsheet_menu ub" >
- <!--<div style="padding-top: 0.12rem;" class="ui_p_b10 ui_p_r20" id="poi"></div>-->
- <div class="ub ub-ver ub-f1" id="wei_info">
- <div class="ub inner_down_line_color div_cell">
- <div style="padding-left: 0.20rem;padding-top: 0.17rem;padding-bottom: 0.17rem;font-size: 0.15rem;color: #666;" class="ub-f1 weui_actionsheet_cell ulev1" showtime='[showtime]' id="[res_id]">示例菜单</div>
- <img style="padding: 0.21rem 0.23rem;width: 0.17rem;margin-right: 0.05rem;" src="images/a3/ic_select_nor.png">
- </div>
-
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div>
- <!--转圈圈-->
- <div id="loadingToast" class="weui_loading_toast" style="display: none;">
- <div class="weui_mask_transparent"></div>
- <div class="weui_toast">
- <div class="weui_loading">
- <img style="width: 0.4rem;" src="images/loading2.gif"/>
- </div>
- <p class="weui_toast_content">提交中...</p>
- </div>
- </div>
-
-
- </body>
- <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/fill_order.js" type="text/javascript" charset="utf-8"></script>
- </html>
|