| 
  
 | 
<!doctype html> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<head> 
 | 
  <meta charset="utf-8"> 
 | 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 | 
  <meta name="description" content=""> 
 | 
  <meta name="keywords" content=""> 
 | 
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 
 | 
  <title th:text="${session.userInfo.shopName }"></title> 
 | 
  
 | 
  
 | 
  
 | 
  <script type="text/javascript"th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
  <script type="text/javascript"th:src="@{/js/systools/DDMBase.js}"></script> 
 | 
  <link rel="stylesheet" th:href="@{/plugin/amazingUI/css/amazeui.min.css}"> 
 | 
  <link rel="stylesheet" th:href="@{/plugin/amazingUI/css/app.css}"> 
 | 
  <link rel="stylesheet" type="text/css" href= basePath+"/css/dingOrderService.css"> 
 | 
   
 | 
</head> 
 | 
<body> 
 | 
  <div class="wrap"> 
 | 
        <!-- 头部开始 --> 
 | 
      <header data-am-widget="header" 
 | 
            class="am-header color-w back-m1"> 
 | 
        <div class="am-header-left am-header-nav"> 
 | 
            <a th:href="@{/admin/redirect/hive/mobile/order?foot=4}" class=""> 
 | 
  
 | 
                  <i class="am-header-icon am-icon-chevron-left"></i> 
 | 
            </a> 
 | 
        </div> 
 | 
  
 | 
        <h1 class="am-header-title"> 
 | 
            <a href="#title-link" class=""> 
 | 
              服务列表 
 | 
            </a> 
 | 
        </h1> 
 | 
  
 | 
       <!--  <div class="am-header-right am-header-nav"> 
 | 
            <a class=""> 
 | 
  
 | 
                  <i class="am-header-icon am-icon-bars"></i> 
 | 
            </a> 
 | 
        </div> --> 
 | 
    </header> 
 | 
    <!-- 头部结束 --> 
 | 
      <div data-am-widget="tabs" 
 | 
           class="am-tabs am-tabs-d2" 
 | 
            > 
 | 
          <ul class="am-tabs-nav am-cf"> 
 | 
              <li class="am-active"><a href="[data-tab-panel-0]">完成服务单</a></li> 
 | 
              <li class=""><a href="[data-tab-panel-1]">未完成服务单</a></li> 
 | 
               
 | 
          </ul> 
 | 
          <div class="am-tabs-bd"> 
 | 
              <div data-tab-panel-0 class="am-tab-panel am-active"> 
 | 
                   <div class="main main1"> 
 | 
                    <form class="am-form am-form-horizontal" action=""> 
 | 
                 
 | 
                        <div 
 | 
                            class="am-form-group am-form-select am-input-group  am-input-group-primary am-g  title"> 
 | 
                            <div  class="am-u-sm-1"> 
 | 
                                <span> </span> 
 | 
                            </div> 
 | 
                            <div class="am-u-sm-7 search"> 
 | 
                                <input autocomplete="off"   type="search" class="searchIn" /> 
 | 
                            </div> 
 | 
                            <div class="am-u-sm-3 btn"> 
 | 
                                <button class="am-btn am-btn-default am-radius searchBtn" >搜索</button> 
 | 
                            </div> 
 | 
                            <div  class="am-u-sm-1"> 
 | 
                                <span> </span> 
 | 
                            </div> 
 | 
                     
 | 
                        </div> 
 | 
                         
 | 
                 
 | 
                        <!-- 商品表格 --> 
 | 
                        <div data-am-widget="list_news" 
 | 
                            class="am-list-news am-list-news-default"> 
 | 
                            <!--列表标题--> 
 | 
                            <div class="am-list-news-hd am-cf am-g"> 
 | 
                                <!--带更多链接--> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">编号</h2> 
 | 
                                </div> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">总价</h2> 
 | 
         
 | 
                                </div> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">时间 </h2> 
 | 
                                </div> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">购买人 </h2> 
 | 
                                </div> 
 | 
         
 | 
                            </div> 
 | 
         
 | 
                            <div class="am-list-news-bd"> 
 | 
                                <ul class="am-list">                             
 | 
                                        <li 
 | 
                                            class="am-g  "> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">110</h3> 
 | 
                                            </div> 
 | 
         
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2000</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2014-02-02</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">周杰伦</h3> 
 | 
                                            </div> 
 | 
                                        </li> 
 | 
                                        <li 
 | 
                                            class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left"> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">110</h3> 
 | 
                                            </div> 
 | 
         
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2000</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2014-02-02</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">小外</h3> 
 | 
                                            </div> 
 | 
                                        </li> 
 | 
                                        <li 
 | 
                                            class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left"> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">110</h3> 
 | 
                                            </div> 
 | 
         
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2000</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2014-02-02</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">小外</h3> 
 | 
                                            </div> 
 | 
                                        </li> 
 | 
                                </ul> 
 | 
                            </div> 
 | 
                             
 | 
                        </div> 
 | 
                 
 | 
                 
 | 
                <!-- 商品展示结束 --> 
 | 
                <!-- 测试 --> 
 | 
                    </form> 
 | 
                </div> 
 | 
              </div> 
 | 
              <div data-tab-panel-1 class="am-tab-panel "> 
 | 
                       <div class="main main1"> 
 | 
                    <form class="am-form am-form-horizontal" action=""> 
 | 
                 
 | 
                        <div 
 | 
                            class="am-form-group am-form-select am-input-group  am-input-group-primary am-g  title"> 
 | 
                            <div  class="am-u-sm-1"> 
 | 
                                <span> </span> 
 | 
                            </div> 
 | 
                            <div class="am-u-sm-7 search"> 
 | 
                                <input autocomplete="off"   type="search" class="searchIn" /> 
 | 
                            </div> 
 | 
                            <div class="am-u-sm-3 btn"> 
 | 
                                <button class="am-btn am-btn-default am-radius searchBtn" >搜索</button> 
 | 
                            </div> 
 | 
                            <div  class="am-u-sm-1"> 
 | 
                                <span> </span> 
 | 
                            </div> 
 | 
                     
 | 
                        </div> 
 | 
                         
 | 
                 
 | 
                        <!-- 商品表格 --> 
 | 
                        <div data-am-widget="list_news" 
 | 
                            class="am-list-news am-list-news-default"> 
 | 
                            <!--列表标题--> 
 | 
                            <div class="am-list-news-hd am-cf am-g"> 
 | 
                                <!--带更多链接--> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">编号</h2> 
 | 
                                </div> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">总价</h2> 
 | 
         
 | 
                                </div> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">时间 </h2> 
 | 
                                </div> 
 | 
                                <div class="am-u-sm-3 "> 
 | 
                                    <h2 class="am-list-news-more am-fr">购买人 </h2> 
 | 
                                </div> 
 | 
         
 | 
                            </div> 
 | 
         
 | 
                            <div class="am-list-news-bd"> 
 | 
                                <ul class="am-list">                             
 | 
                                        <li 
 | 
                                            class="am-g  "> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">110</h3> 
 | 
                                            </div> 
 | 
         
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2000</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2014-02-02</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">陈奕迅</h3> 
 | 
                                            </div> 
 | 
                                        </li> 
 | 
                                        <li 
 | 
                                            class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left"> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">110</h3> 
 | 
                                            </div> 
 | 
         
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2000</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2014-02-02</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">小外</h3> 
 | 
                                            </div> 
 | 
                                        </li> 
 | 
                                        <li 
 | 
                                            class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left"> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">110</h3> 
 | 
                                            </div> 
 | 
         
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2000</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">2014-02-02</h3> 
 | 
                                            </div> 
 | 
                                            <div class="am-u-sm-3 "> 
 | 
                                                <h3 class="am-list-item-hd">小外</h3> 
 | 
                                            </div> 
 | 
                                        </li> 
 | 
                                </ul> 
 | 
                            </div> 
 | 
                             
 | 
                        </div> 
 | 
                 
 | 
                 
 | 
                <!-- 商品展示结束 --> 
 | 
                <!-- 测试 --> 
 | 
                    </form> 
 | 
                </div> 
 | 
              </div> 
 | 
              
 | 
          </div> 
 | 
      </div> 
 | 
     
 | 
        
 | 
      
 | 
         
 | 
       
 | 
     
 | 
   
 | 
  </div> 
 | 
     
 | 
  
 | 
  
 | 
  
 | 
  
 | 
<script th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script> 
 | 
  
 | 
  
 | 
  
 | 
  
 | 
</body> 
 | 
</html> 
 |