compservice.html 11.4 KB
<% include header.html %>
  <link rel="stylesheet" href="../css/<%= pagecss %>.css">

</head>
<body>

<% include top.html %>

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

    <% include bread.html %>

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

        <% include steps.html %>

        <div class="orderbox tg">
          <h2 class="whead">当前订单状态:<span class="ght">您的订单已完结,感谢你选择地利物流</span></h2>
          <div class="wbody tg">
            <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">
            <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>
                    <p class="rea">货物损坏很严重!!!</p>
                  </td>
                </tr>
              </table>
            </div>
            <p class="tg">
              货主提出退款要求,详情如下,您可以
              <a href="#" class="bt act-refund" data-refund="100">接受退款</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">
            <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">
              <span class="ht">请您尽快指派运输司机,现在就去</span>
              <a href="#fancy-appoint" class="bt act-appoint">指派订单</a>
            </p>
          </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">
              <span class="ht">请等待货主付款,货主付款后我们将以短信形式通知您。</span>
            </p>
          </div>
        </div>

        <div class="orderbox">
          <h2 class="whead">当前订单状态:<span class="oht">取货运输中</span></h2>
          <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>

<div class="fancy-alter" id="fancy-appoint" >
  <div class="fancysearch">
    <div class="formupper">
      <input type="text" name="some_name" class="ipt" defval="输入车牌号进行搜索" />
      <span class="formsub">
        <button class="bt ic"></button>
      </span>
    </div>
    <div class="carinfo">
      <table cellpadding="0" cellspacing="0" class="minitab">
        <tbody><tr>
          <td>
            <label class="Simu">
              <i class="ic s-chk"><i class="ic s-chk"><input type="checkbox" name="car1" class="car1" data-class="car1"></i></i>
            </label>
          </td>
          <td>
            <span class="bt mini">冷藏车</span>
          </td>
          <td>
            川A 123456
          </td>
          <td>
            李磊
          </td>
          <td>
            13000000000
          </td>
        </tr>
        <tr>
          <td>
            <label class="Simu">
              <i class="ic s-chk"><i class="ic s-chk"><input type="checkbox" name="car2" class="car2" data-class="car2"></i></i>
            </label>
          </td>
          <td>
            <span class="bt mini">冷藏车</span>
          </td>
          <td>
            川A 123456
          </td>
          <td>
            李磊
          </td>
          <td>
            13000000000
          </td>
        </tr>
      </tbody></table>
    </div>
    <div class="carsub">
      <p class="bg">
        如果上面都没有您需要的牌车的司机和车辆,
        请前往<a href="#">个体中心我的司机</a>进行添加
      </p>
      <a href="#" class="bt mini">指派</a>
      <a href="#" class="bt wt mini" onclick="$.fancybox.close()">取消</a>
    </div>
  </div>
</div>

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

<% include user_footer.html %>