oservice-waitpay.html 8.76 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-Hanj">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <title>oservice</title>

  <link rel="stylesheet" href="../css/back.css">
  
    
  
  <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery.js"></script>
  <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
  <script type="text/javascript" src="../js/common/config.js"></script>

  <link rel="stylesheet" href="../css/oservice.css">

</head>
<body>

<div class="header s-header">

	<div class="header-content clearfix">
		<a href="/" class="logo"><img src="../images/logo.png"></a>

	    <ul class="nav">
		    <li><a href="#" class="current">首页</a></li>
			  <li><a href="#">立即发货</a></li>
			  <li><a href="#">我的订单</a></li>
			  <li><a href="#">用户中心</a></li>
	    </ul>

		<div class="header-tools rr">
			<div class="message"><span class="icon-new"></span></div>
			<div class="user-info" style="z-index: 100;">
				<span class="user-photo">
                    <!--<img src="../upload/no-data.png">-->
                    欢迎您,
                    180****0000
                </span>
				<span class="icon-down-arrow"></span>
				<div class="dropdown">
					<i></i>
					<em></em>
					<ul>
            <li><a href="#"><span></span>退出登录</a></li>
					</ul>
				</div>
			</div>
			<!-- <a href="#" class="a-link">注册</a>
			<a href="#" class="a-link">登录</a> -->
		</div>
	</div>

</div>


<div class="mainbox">
  <div class="wraper">

    <div class="bread-line">
	<ul class="clearfix">
    <li><i class="ic location inline"></i></li>
		<li><a href="#">首页</a>&gt;</li>
		<li><a href="#">地址管理</a></li>
	</ul>
</div>


    <div class="whitebox">
      <div class="whiteinner">

        <div class="steps col4">
    <ul class="clearfix">
        <li class="steps-current steps1">                               
            提交订单
            <i></i>
            <em></em>
        </li>
        <li class="steps2"> 
            等待运输
            <i></i>
            <em></em>
        </li>
        <li class="steps3">
            运输服务进行中
            <i></i>
            <em></em>
        </li>
        <li class="steps4">
            运输结束请评价
        </li>
    </ul>
</div>

        <div class="orderbox tg">
          <h2 class="whead">当前订单状态:<span class="oht">待付款</span></h2>
          <div class="wbody tg">
            <div class="infobox">
              <table cellpadding="0" cellspacing="0" class="minitab">
                <tr>
                  <td class="ar">运费:</td>
                  <td class="ar">
                    <span class="oht">350.00</span>
                    <span></span>
                  </td>
                </tr>
                <tr>
                  <td class="ar">诚意金:</td>
                  <td class="ar">
                    <span class="ght">-350.00</span>
                    <span></span>
                  </td>
                </tr>
                <tr>
                  <td class="ar">保价费:</td>
                  <td class="ar">
                    <span class="oht">350.00</span>
                    <span></span>
                  </td>
                </tr>
              </table>
            </div>
            <p class="tg">车辆已为您准备好,请尽快付款,应付总额 <b class="oht bw">¥ 350.00</b></p>
            <p class="tg"><a href="#" class="bt">立即支付</a></p>
          </div>
        </div>

        <div class="orderbox">
          <h2 class="whead">承运信息</h2>
          <p class="tg">您的订单已安排 <span class="oht">罗成(4.8星)</span>
          进行运输,您可以随时联系司机商议相关货运细节</p>
          <div class="wbody tg">
            <div class="infobox">
              <div class="ib">
                <img src="../images/ewm1.png" alt="" class="userimg" />
                <ul>
                  <li>
                    <span class="ht">司机信息:</span>
                    <span>罗成(4.8星) 15000000000</span>
                  </li>
                  <li class="clearfix">
                    <span class="ht">货车信息:</span>
                    <span>宁A 123465 冷藏车</span>
                    <span class="saw">
                      查看详情
                      <i class="aw"></i>
                      <em class="aw"></em>
                    </span>
                  </li>
                  <li>
                    <div class="sawmore">
                      <p>
                        <span class="ht">所属公司:</span>
                        <span>成都圆通快递公司</span>
                      </p>
                      <p class="rela carimages">
                        <span class="ht inline carimgunit">车辆图片:</span>
                        <a href="#">
                          <img src="../images/ewm1.png" alt="" class="carimg" />
                        </a>
                        <a href="#">
                          <img src="../images/ewm2.png" alt="" class="carimg" />
                        </a>
                        <a href="#">
                          <img src="../images/ewm1.png" alt="" class="carimg" />
                        </a>
                        <a href="#">
                          <img src="../images/ewm2.png" alt="" class="carimg" />
                        </a>
                        <a href="#">
                          <img src="../images/ewm1.png" alt="" class="carimg" />
                        </a>
                        <span class="imgviewer">
                          <img src="../images/ewm1.png" />
                        </span>
                      </p>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="orderbox">
          <h2 class="whead">订单信息</h2>
          <div class="wbody tg">
            <table cellspacing="0" cellpadding="0" class="colortab">
              <tr>
                <td class="ar">订单编号:</td>
                <td>1902849012830912</td>
              </tr>
              <tr>
                <td class="ar">车型:</td>
                <td>不限</td>
              </tr>
              <tr>
                <td class="ar">发货时间:</td>
                <td>预约发货 2015-05-05 15:00</td>
              </tr>
              <tr>
                <td class="ar">发货信息:</td>
                <td>李小冉 18000000000 四川省 成都市</td>
              </tr>
              <tr>
                <td class="ar">收货信息:</td>
                <td>李狗剩 15000000000 北京市 西城区</td>
              </tr>
              <tr>
                <td class="ar">运费:</td>
                <td><b class="oht">100.00</b></td>
              <tr>
                <td class="ar">诚意金:</td>
                <td><b class="oht">100.00</b></td>
              </tr>
              <tr>
                <td class="ar">货品:</td>
                <td>
                  <table class="tab2list bortab">
                    <tr class="childhd">
                      <td>其他普通</td>
                      <td>10000kg</td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>设备</td>
                      <td>10000kg</td>
                      <td>10立方米</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td class="ar">支付方式:</td>
                <td>在线支付</td>
              </tr>
              <tr>
                <td class="ar">订单金额:</td>
                <td>500.00元</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>



  <script type="text/javascript">
    seajs.use([
      '../js/common/common.js',
      '../js/users/oservice.js'
    ]);
  </script>






<div class="footer">

  <div class="aboutus">
<ul class="wraper clearfix">
  <li>
    <a href="#">关于我们</a><em>|</em>
  </li>
  <li>
    <a href="#">联系我们</a><em>|</em>
  </li>
  <li>
    <a href="#">人才招聘</a><em>|</em>
  </li>
  <li>
    <a href="#">地利服务</a><em>|</em>
  </li>
  <li>
    <a href="#">帮助中心</a>
  </li>
  <li>
    <p class="copyright">
      Copyright &copy; 2013-2014 dili7.com, All Rights Reserver
    陕ICP备14002958号 版权所有 地利网络农业有限公司
    </p>
  </li>
</ul>
</div>


</div>

</body>
</html>