oservice.html 13.1 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 src="http://localhost:35729/livereload.js"></script>
  
  <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">
            <p class="tg">
            快来给我们评价一下吧!您的评价对我们很重要。我们重视您的每一次评价,您的鼓励将是我们前进的动力。
            <a href="#" class="bt">去评价</a>
            <a href="#" class="bt blk">再次发布</a>
            </p>
          </div>
        </div>

        <div class="orderbox tg">
          <h2 class="whead">当前订单状态:<span class="oht">退款协商中</span></h2>
          <div class="wbody tg">
            <p class="tg">
            您的退款要求已通知到司机,请等待司机回应,或者可以连写司机进行协商。您申请的退款金额是:<span
              class="oht">300.00</span>
            <a href="#" class="">修改退款要求</a>
            </p>
          </div>
        </div>

        <div class="orderbox tg">
          <h2 class="whead">当前订单状态:<span class="oht">取货运输中</span></h2>
          <div class="wbody tg">
            <p class="tg">
            您的订单已安排 <span class="oht">罗成(4.8星)</span>
            进行运输,您可以跟踪货运详情,如果您不满意对应的货运服务,可以跟司机协商后,
            进行 
            <a href="#" class="">退款</a>
            </p>
          </div>
        </div>

        <div class="orderbox">
          <h2 class="whead">跟踪信息</span></h2>
          <div class="wbody tg">
            <div class="trackinfo tg bg">
              <ul>
                <li>
                  <i class="ic icl"></i>
                  <span>2015-5-20</span>
                  <span>您的货物已到达</span>
                  <span class="locate">四川省成都市</span>
                </li>
                <li>
                  <i class="ic icl"></i>
                  <span>2015-5-20</span>
                  <span>您的货物已到达</span>
                  <span class="locate">四川省成都市</span>
                </li><li class="here">
                  <i class="ic icl"></i>
                  <span>2015-5-20</span>
                  <span>您的货物已到达</span>
                  <span class="locate">四川省成都市</span>
              </li></ul>
            </div>
          </div>
        </div>

        <div class="orderbox tg">
          <h2 class="whead">当前订单状态:<span class="oht">订单提交</span></h2>
          <div class="wbody tg matching ib">
            <img src="../images/dogdown.png" alt="" class="userimg" />
            <div class="infobox">
              <p>
              很遗憾,您的订单无人响应,要不张店家再试一次?
              </p>
              <p class="tg">
                <a href="#" class="bt">
                  <i class="ic moy"></i>
                  加价 50.00 元再发布
                </a>
                <a href="#" class="lg">
                  算了,继续挂着...
                </a>
              </p>
            </div>
          </div>
        </div>

        <div class="orderbox tg">
          <h2 class="whead">当前订单状态:<span class="oht">匹配中</span></h2>
          <div class="wbody tg matching ib">
            <img src="../images/dog.png" alt="" class="userimg" />
            <div class="infobox">
              <p>你的订单已成功提交,我们<span
              class="oht">正在努力为您匹配最合适司机</span>。您可以先忙您的事情,司机信息我们将会
            <span class="oht">以短信方式发送到您的手机</span></p>
              <p class="tg">
<a href="#" class="bt wt">我的订单</a> 看看,或者 <a href="#"
                class="bt">继续发货</a>
              </p>
            </div>
          </div>
        </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 tg">
          <h2 class="whead">当前订单状态:<span class="oht">服务进行中</span></h2>
          <div class="wbody tg">
            <p>您的订单已由中国中通快递公司进行承运,您可以联系他们商议货运细节</p>
            <div class="infobox">
              <span class="ht">承运公司:</span>
              <span>中国中通快递公司(4.8星) 张建国 13000000000<span>
            </div>
          </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>
              <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>