|   | 
|   | 
| <!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> |