shipping_detail_over.html 6.83 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta content="telephone=no" name="format-detection" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="../css_an/common.css">
    <link rel="stylesheet" href="../css_an/shipping_detail.css">
    <title>一步物流-货运单详情</title>
</head>

<body class="shippingDetailPage">
    <div class="m-page">
        <!-- header -->
        <header class="m-header">
            <a href="shipping_list.html" class="lt-bar"><i class="m-icon icon-title_fanhui"></i></a>
            <div class="head">
                <h1>货运单详情</h1>
            </div>
            <a href="index.html" class="rt-bar"><i class="m-icon icon-head_zhuye"></i></a>
        </header>
        <div class="m-content">
          <div class="mini-tips">
            <i class="m-icon icon-yun_chenggong"></i>
            <p class="font-gray">交易结束</p>
          </div>
            <ul class="m-table-view border-1px border-top">
              <li class="cell acc-icon border-1px border-bottom">
                <a href="track.html" class="display-block">
                  <span class="title">物流跟踪</span>
                  <span class="text">武昌区陈楠2323号</span>
                  <span class="acc"><i class="m-icon icon-public_jiantou"></i></span>
                </a>
              </li>
            </ul>
            <ul class="m-table-view border-1px border-top">
              <li class="cell acc-icon border-1px border-bottom">
                <span class="title">承运人</span>
                <span class="text">四川天地物流有限公司</span>
                <span class="acc">
                  <a href="tel:10086" class="m-icon icon-public_dianhua_H"></a>
                </span>
              </li>
              <li class="cell acc-icon border-1px border-bottom">
                <span class="title">司机</span>
                <span class="text">李四光</span>
                <span class="acc">
                  <a href="tel:10086" class="m-icon icon-public_dianhua_H"></a>
                </span>
              </li>
              <li class="cell acc-icon border-1px border-bottom">
                <span class="title">承运车辆</span>
                <span class="text">川A1231231</span>
              </li>
            </ul>
            <ul class="m-table-view border-1px border-top">
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">运单号</span>
                    <span class="text">83204890257</span>
                    <span class="acc font-red mr10">待货主付款</span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">发货日期</span>
                    <span class="text">2015.05.23 18时-24时</span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">运费</span>
                    <span class="text">2400元</span>
                    <span class="t-mark">有扣款</span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">诚意金</span>
                    <span class="text">300元</span>
                </li>
                <li class="cell cell-extend border-1px border-bottom">
                    <span class="title"><i class="m-icon icon-qidian"></i></span>
                    <span class="text">成都市高新区 &nbsp;&nbsp; 四川</span>
                    <ul class="m-table-view border-1px border-top">
                        <li class="cell border-1px border-bottom">
                            <span class="title"></span>
                            <span class="text font-gray">天府大道129号</span>
                        </li>
                        <li class="cell acc-icon border-1px border-bottom">
                            <span class="title"></span>
                            <span class="text font-gray">张先生</span>
                            <span class="acc"><a href="tel:10086" class="m-icon icon-public_dianhua_H"></a></span>
                        </li>
                    </ul>
                </li>
                <li class="cell cell-extend border-1px border-bottom">
                    <span class="title"><i class="m-icon icon-zhongdian"></i></span>
                    <span class="text">武汉市武昌区 &nbsp;&nbsp; 湖北</span>
                    <ul class="m-table-view border-1px border-top">
                        <li class="cell border-1px border-bottom">
                            <span class="title"></span>
                            <span class="text font-gray">机场路123号</span>
                        </li>
                        <li class="cell acc-icon border-1px border-bottom">
                            <span class="title"></span>
                            <span class="text font-gray">王小姐</span>
                            <span class="acc"><a href="tel:10086" class="m-icon
                                icon-public_dianhua"></a></span>
                        </li>
                    </ul>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">货物信息</span>
                    <span class="text">农夫果蔬 20吨/35方</span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">备注</span>
                    <span class="text">路上要快</span>
                </li>
            </ul>
        </div>

        <footer class="m-footer border-1px border-top">
            <p class="text-center">
              <a href="comment.html" class="m-btn btn-default mr15">评价车主</a>
              <a href="order.html" class="m-btn">再发货</a>
            </p>
        </footer>
    </div>

    <!-- 放弃承运 -->
    <div class="m-popup" id="cancelOrder">
        <div class="popup-head border-1px border-bottom">
            <h1>提示</h1>
        </div>
        <div class="popup-cont text-center">
            <p class="text-center">放弃承运会扣除您的信用</p>
        </div>
        <div class="popup-foot text-center border-1px border-top">
            <a href="" data-dismiss class="m-btn btn-default mr15">点错了</a>
            <a href="" class="m-btn">放弃承运</a>
        </div>
    </div>
    <script src="../js/vendor/jquery-2.1.4.min.js"></script>
    <script src="../js/vendor/popup.js"></script>
    <script type="text/javascript" charset="utf-8">
      Popup.initialize();
    </script>
</body>

</html>