order_success.html 6.05 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
    <title>订单流程-提交订单成功</title>
    <link rel="stylesheet" href="../css/style/common.css">
    <link rel="stylesheet" href="../css/style/order_success.css">

    <!-- base seajs -->
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
    <!-- base jquery -->
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>

</head>

<body class="orderSuccess">
    <div class="m-page">
        <header class="m-header">
            <div class="head">
                <h1>提交订单成功</h1>
                <a href="order_detail.html" class="rt-bar text">完成</a>
            </div>
        </header>
        <section class="m-content">
            <div class="m-tips">
                <img src="../images/order_success@2x.png" width="70" height="70" alt="" class="pic">
                <h3>应付总金额:2100元</h3>
                <p>若2个小时内未完成付款,系统将自动取消订单</p>
            </div>
            <div class="tabs">
                <ul class="m-segment">
                    <li class="on"><a href="#" class="text">银行汇款</a>
                    </li>
                    <li><a href="#" class="text">批发市场支付</a>
                    </li>
                </ul>
            </div>
            <div class="targets">
                <div>
                    <div class="bank">
                        <table class="m-table">
                            <tbody>
                                <tr>
                                    <th>开户行</th>
                                    <td>工商银行青羊工业园支行</td>
                                </tr>
                                <tr>
                                    <th>开户名</th>
                                    <td>地利集团</td>
                                </tr>
                                <tr>
                                    <th>账号</th>
                                    <td>63541812114128124</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="m-table">
                            <tbody>
                                <tr>
                                    <th>开户行</th>
                                    <td>建设银行青羊工业园支行</td>
                                </tr>
                                <tr>
                                    <th>开户名</th>
                                    <td>地利集团</td>
                                </tr>
                                <tr>
                                    <th>账号</th>
                                    <td>63541812114128124</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <ul class="m-table-view">
                        <li class="cell">
                            <h3 class="title">交易识别码:</h3><span class="text">3D3B287E2D363F</span>
                        </li>
                    </ul>

                    <div class="example">
                        <img src="../images/remit@2x.png" alt="银行汇款" class="pic">
                        <p>注:汇款时需要您在“附言”中填写交易识别码,主要用户确认您的汇款情况,建议您将交易识别码发送到手机保存。</p>
                    </div>

                </div>
                <div class="m-hide">
                    <div class="market">
                        <table class="m-table">
                            <tbody>
                                <tr>
                                    <th>批发市场</th>
                                    <td>山东寿光农业物流园</td>
                                </tr>
                                <tr>
                                    <th>市场地址</th>
                                    <td>文圣街物流大道一号</td>
                                </tr>
                                <tr>
                                    <th>联系人</th>
                                    <td>寿光市场</td>
                                </tr>
                                <tr>
                                    <th>联系电话</th>
                                    <td>0536-21555555</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <ul class="m-table-view">
                        <li class="cell">
                            <h3 class="title">订单号:</h3><span class="text">3D3B287E2D363F</span>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <footer class="m-footer">
            <span class="m-btn btn-success">将交易识别码发送到手机(免费)</span>
            <span class="m-btn btn-success m-hide">将订单号发送到手机(免费)</span>
        </footer>
        <div class="m-message m-animate-hide">
            <span class="text">已经发送成功</span>
        </div>
    </div>
    <script type="text/javascript" src="../js/javascript/common/config.js"></script>
    <script>
        seajs.use(['../js/javascript/order/success']);
    </script>
</body>

</html>