sm-front
/
order-detail.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Alina, Oliver">

    <title>小蚁财务-订单详情</title>

    <link href="favicon.ico" type="image/x-icon" rel=icon>
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">

    <link rel="stylesheet" href="public/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="public/font-Awesome/font-awesome.min.css"/>
    <link rel="stylesheet" href="public/css/base.css"/>
    <link rel="stylesheet" href="public/css/main.css"/>

    <script src="public/js/modernizr-2.8.3.min.js"></script>
</head>
<body>
<div class="navbar-fixed-top navigation navbar navbar-default">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse"
                    data-target="#smallant-navbar-collapse" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
                <img src="public/images/logo.png"/>
            </a>

            <span class="brand-text t-primary">掌上记账 创业无忧</span>
        </div>

        <div class="collapse navbar-collapse" id="smallant-navbar-collapse">

            <div class="nav navbar-nav navbar-right">
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-reg">
                        <a href="" id="btn-login">登录</a>&nbsp;|
                        <a href="" id="btn-register">注册</a>
                    </button>
                </div>
            </div>

            <!--<ul class="nav navbar-nav navbar-right after-login">-->
            <!--<li><a href="#"><span class="icon icon-user"></span> 13188873073</a></li>-->
            <!--</ul>-->

            <div class="telphone navbar-right t-primary">
                <span class="glyphicon glyphicon-earphone t-primary" aria-hidden="true"></span> 400-8000-1234
            </div>

            <ul class="nav navbar-nav navbar-right">
                <li><a class="t-primary" href="#">主页</a></li>
                <li><a class="t-primary" href="#">关于我们</a></li>
            </ul>
        </div>

    </div>
</div>

<div class="container">
    <ul class="breadcrumb hd-label">
        <li><a href="/">首页</a></li>
        <li>订单列表</li>
    </ul>
</div>

<div class="container order-list-container">
    <div class="row">
        <div class="col-sm-3">
            <ul class="nav nav-pills nav-stacked order-pills">
                <!--<li role="presentation" class="active"><a href="#">本月</a></li>-->
                <li role="presentation" class="active"><a href="#">订单</a></li>
                <li role="presentation"><a href="#">快捷查询</a></li>
                <li role="presentation"><a href="#">上传图片</a></li>
                <li role="presentation"><a href="#">注销</a></li>
            </ul>
        </div>

        <div class="col-sm-9 order-list">


<div class="order-detail-container">
    <div class="order-list-item order-detail-item">
        <div class="row">
            <div class="col-sm-6">
                <h4>单据编号：<span class="text-navy">00020150820XXX</span></h4>
                <p><span>外资套餐</span>，<span>105.0</span>元</p>
                <p>
                    <span><strong>套餐下单日期：</strong> 2014-11-11</span>
                </p>
                <br/>
                <p>
                    <span><strong>服务起始日期：</strong> 2014-11-11</span>
                </p>
                <p>
                    <span><strong>服务终止日期：</strong> 2015-05-11</span>
                </p>
                <p class="sp-indent">
                    <span><strong>持续期限：</strong> <span>6</span>个月</span>
                </p>
            </div>

            <div class="col-sm-6 text-right">
                <address class="addr">
                    <strong>阿里巴巴集团</strong><br>
                    中国杭州市华星路99号东部软件园创业大厦6层(310099)<br>
                    <abbr title="Phone">Tel：</abbr> <span>(86) 571-8502-2088</span>&nbsp;&nbsp;<span>13188873073</span></span>
                </address>
                <p>
                    <span><strong>公司代表人：</strong> 王小野</span>
                </p>
            </div>
        </div>
    </div>
    <p class="tip-text">
        <span>当月的订单进度如下：</span>
    </p>
    <div class="order-list-item order-detail-item">
        <div class="row">
            <div class="col-sm-6">
                <p>
                    <span><strong>套餐服务进度：</strong> 正在受理中</span>
                </p>
                <div>
                    <p><strong>套餐服务流程：</strong></p>

                    <p>2014-11-10 <span>票据收集</span> <span class="text-success">已完成<span>&nbsp;</span><i class="icon-ok"></i></span></p>
                    <p>2014-11-18 </span><span>会计受理 </span><span class="text-success">已完成<span>&nbsp;</span><i class="icon-ok"></i></span></p>
                    <p>2014-11-20 <span>会计记账</span> <span class="text-success">已完成<span>&nbsp;</span><i class="icon-ok"></i></span></p>
                    <p>2014-11-28 <span>纳税申报</span> <span class="text-danger">进行中<span>&nbsp;</span><i class="icon-spinner"></i></span></p>
                </div>
            </div>

            <div class="col-sm-6 text-right">
                <p>
                    <span><strong>查询日期：</strong> 2014-11-01至2014-11-30</span>
                </p>
                <p><span>外资套餐，小规模</span></p>
            </div>
        </div>
    </div>
</div>

        </div>
    </div>
</div>

<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="row">
                    <ul class="list-unstyled qr-code">
                        <li class="col-xs-6">
                            <img src="public/images/qr-serve.jpg" class="img-responsive img-thumbnail" alt="微信服务号">
                            <span>微信服务号</span>
                        </li>
                        <li class="col-xs-6">
                            <img src="public/images/qr-sub.jpg" class="img-responsive img-thumbnail" alt="微信订阅号">
                            <span>微信服务号</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3">
                <ul class="list-unstyled list-inline contact-us-section text-right">
                    <li class="header">联系我们</li>
                    <li class="phone">4000-000-000</li>
                </ul>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-12">
                        <ul class="list-unstyled text-right">
                            <li class="header">我们公司</li>
                            <li><p class="copy">Copyright&copy;2015 小蚁记账 版权所有 那硕（上海）财务咨询有限公司旗下网站</p></li>
                            <li><p class="copy">沪ICP备14053360号-2</p></li>
                            <li class="copy-img img-thumbnail"><img src="public/images/360.png"></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="scroll-to-top">
    <i class="glyphicon glyphicon-chevron-up"></i>
</div>
</body>
</html>