|   | 
|   | 
| <!doctype html> | 
| <html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> | 
| <meta http-equiv="Cache-Control" content="no-transform" /> | 
| <meta http-equiv="Cache-Control" content="no-siteapp" /> | 
| <head> | 
| <script> | 
|     if (window.top !== window.self) { | 
|         window.top.location = window.location | 
|     }; | 
| </script> | 
| <meta charset="utf-8"> | 
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
|   | 
| <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> | 
|   | 
| <!-- Set render engine for 360 browser --> | 
| <meta name="renderer" content="webkit"> | 
|   | 
| <!-- No Baidu Siteapp--> | 
| <meta http-equiv="Cache-Control" content="no-siteapp" /> | 
|   | 
|   | 
|   | 
| <!-- Add to homescreen for Chrome on Android --> | 
| <meta name="mobile-web-app-capable" content="yes"> | 
|   | 
|   | 
| <!-- Add to homescreen for Safari on iOS --> | 
| <meta name="apple-mobile-web-app-capable" content="yes"> | 
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> | 
| <meta name="apple-mobile-web-app-title" content="Amaze UI" /> | 
|   | 
|   | 
| <!-- Tile icon for Win8 (144x144 + tile color) --> | 
|   | 
| <meta name="msapplication-TileColor" content="#0e90d2"> | 
| <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" | 
|     th:href="@{/css/dingOrder.css}"> | 
|   | 
| </head> | 
| <body> | 
|     <!-- 订单管理页面 --> | 
|     <!-- 判断会员是否存在 --> | 
|   | 
|     <div class="wrap"> | 
|         <!-- 图片栏开始 --> | 
|         <div data-am-widget="slider" class="am-slider am-slider-c2" | 
|             data-am-slider='{"directionNav":false}'> | 
|             <ul class="am-slides"> | 
|                 <li><img th:src="@{/images/dingImg/banner-img6.jpg}"> | 
|                     <div class="am-slider-desc" th:text="${session.userInfo.shopName }"></div></li> | 
|             </ul> | 
|         </div> | 
|         <!-- 图片结束 --> | 
|         <!-- 会员信息开始 --> | 
|   | 
|   | 
|             <div class="am-panel am-panel-secondary"> | 
|                 <div class="am-panel-hd"> | 
|                     <!-- 用来记录等级信息是否显示 --> | 
|                     <input autocomplete="off"   type="hidden" vlaue="1" id="hidval"> | 
|                     <h2 class="am-panel-title" id="vipLevel"  th:if="${session.CURRENT_CUSTOMER ne null }" > | 
|                         <span th:text="${session.CURRENT_CUSTOMER?.vipName }" ></span> | 
|                         <a th:href="@{/admin/redirect/hive/mobile/order-search}">  |<small>切换会员</small></a> | 
|                     </h2> | 
|                     <h2 class="am-panel-title" id="vipLevel" th:if="${session.CURRENT_CUSTOMER eq null }"> | 
|                         <a th:href="@{/admin/redirect/hive/mobile/order-search}">  |<small>切换会员</small></a> | 
|                     </h2> | 
|                     <span class="down" alt="等级详情"></span> | 
|                 </div> | 
|                 <div class="vipMsg"> | 
|                     <ul class="am-list am-list-static am-list-border"> | 
|                         <li th:text="'会员手机: '+${session.CURRENT_CUSTOMER?.phone }"></li> | 
|                         <li th:text="'会员积分:'+${session.CURRENT_CUSTOMER?.pointAll }"></li> | 
|                     </ul> | 
|                 </div> | 
|             </div> | 
|   | 
|         <!--会员信息结束  --> | 
|         <!-- 表格部分开始 --> | 
|         <ul class="am-avg-sm-4 boxes " id="boxs"> | 
|   | 
|                 <li class="box box-1"><a | 
|                     th:href="@{/admin/redirect/hive/mobile/order-list}"> <img | 
|                         th:src="@{/images/dingImg/xjdd.png}"></img><br> | 
|                         <small class="boxs">新建订单</small> | 
|                 </a></li> | 
|   | 
|   | 
|                 <li class="box box-2"><a | 
|                     th:href="@{/admin/redirect/hive/mobile/order-car}"> <img | 
|                         th:src="@{/images/dingImg/gwc.png}"></img><br> | 
|                         <small class="boxs">购物车</small> | 
|                 </a></li> | 
|   | 
|   | 
|   | 
|             <li class="box box-3"><a | 
|                 th:href="@{/admin/redirect/hive/mobile/order-history}"> <img | 
|                     th:src="@{/images/dingImg/wcdd.png}"></img><br> <small | 
|                     class="boxs">订单</small> | 
|             </a></li> | 
|   | 
|             <li class="box box-1"><a | 
|                     th:href="@{/admin/redirect/hive/mobile/order-use-new}"> <img | 
|                     th:src="@{/images/dingImg/cjff.png}"></img><br> <small | 
|                     class="boxs">创建服务</small> | 
|             </a></li> | 
|   | 
|             <li class="box box-4"><a | 
|                 th:href="@{/admin/redirect/hive/mobile/order-use-completed}"> <img | 
|                     th:src="@{/images/dingImg/xmfw.png}"></img><br> | 
|                     <small class="boxs">项目服务</small> | 
|             </a></li> | 
|   | 
|              | 
|         </ul> | 
|         <!-- 表格结束 --> | 
|         <!-- 表格结束 --> | 
|   | 
|         <!-- foot开始 --> | 
|         <div class="footr" th:fragment="footr"> | 
|     <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " | 
|       id=""> | 
|       <ul class="am-navbar-nav am-cf am-avg-sm-4"> | 
|              <li > | 
|             <a th:href="@{/admin/redirect/hive/mobile/personal?foot=1}"class="change1" > | 
|                 <img th:src="@{/images/dingImg/grzx2.png}" alt="个人中心"/> | 
|                 <span class="am-navbar-label ">个人中心</span> | 
|             </a> | 
|           </li> | 
|   | 
|            <li > | 
|             <a th:href="@{/admin/redirect/hive/mobile/CRM?foot=3}"  class="change3"> | 
|                 <img th:src="@{/images/dingImg/crm1.png}" alt="订单管理"/> | 
|                 <span class="am-navbar-label">CRM</span> | 
|             </a> | 
|           </li> | 
|           <li > | 
|             <a th:href="@{/admin/redirect/hive/mobile/order?foot=4}"  class="change4"> | 
|                 <img th:src="@{/images/dingImg/ddgl1.png}" alt="商机管理"/> | 
|                 <span class="am-navbar-label">订单管理</span> | 
|             </a> | 
|           </li> | 
|   | 
|       </ul> | 
|     </div> | 
|   </div> | 
|   | 
|         <!-- foot结束 --> | 
|   | 
|     </div> | 
|   | 
|      | 
|   | 
|     <script th:src="@{/plugin/amazingUI/js/handlebars.min.js}"></script> | 
|     <script | 
|         th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script> | 
|     <!-- index js --> | 
|     <script type="text/javascript"> | 
|         $(function() { | 
|             $("#vipLevel").bind("click", function() { | 
|                  | 
|                  if ($("#hidval").val() == 1) { | 
|                     $(".vipMsg").find('li').css('border','0'); | 
|                     $(".down").css("transform", "rotate(0deg)"); | 
|                     $(".vipMsg").slideUp(500, function() { | 
|                         $("#hidval").val(0); | 
|                          | 
|   | 
|                     }) | 
|                 } else { | 
|                     $(".down").css("transform", "rotate(180deg)"); | 
|                     $(".vipMsg").slideDown(500, function() { | 
|                         $("#hidval").val(1); | 
|                         $(".vipMsg").find('li').css('border-bootom','1px solid #eee'); | 
|   | 
|                     }) | 
|                 }  | 
|                  | 
|             }) | 
|         }); | 
|         $(function(){ | 
|             var count=$("#boxs").find("li").length;             | 
|             var index=count%4; | 
|             if(index==1){ | 
|                 $("#boxs").append(" <li class='box'>"+"</li>"); | 
|                 $("#boxs").append(" <li class='box'>"+"</li>"); | 
|                 $("#boxs").append(" <li class='box'>"+"</li>"); | 
|             } | 
|             if(index==2){ | 
|                 $("#boxs").append(" <li class='box'>"+"</li>"); | 
|                 $("#boxs").append(" <li class='box'>"+"</li>"); | 
|             } | 
|             if(index==3){ | 
|                 $("#boxs").append(" <li class='box'>"+"</li>");                 | 
|             } | 
|         }) | 
|   | 
|   | 
|         $(function(){ | 
|             var id=$.query.get('foot'); | 
|   | 
|   | 
|   | 
|   | 
|             $(".change"+id).children("span").css('color','#dfbd88'); | 
|             switch(id){ | 
|                 case 1: | 
|   | 
|                     $(".change"+id).children("img").attr('src',basePath+'/images/dingImg/grzx.png'); | 
|   | 
|                     break; | 
|   | 
|                 case 2: | 
|   | 
|                     $(".change"+id).children("img").attr('src',basePath+'/images/dingImg/customer3.png'); | 
|   | 
|                     break; | 
|                 case 3: | 
|   | 
|                     $(".change"+id).children("img").attr('src',basePath+'/images/dingImg/crm.png'); | 
|   | 
|                     break; | 
|   | 
|                 case 4: | 
|   | 
|                     $(".change"+id).children("img").attr('src',basePath+'/images/dingImg/ddgl.png'); | 
|   | 
|                     break; | 
|                 default: | 
|                     $(".change1").children("span").css('color','#dfbd88'); | 
|                     $(".change1").children("img").attr('src',basePath+'/images/dingImg/grzx.png'); | 
|   | 
|             } | 
|   | 
|   | 
|   | 
|         }); | 
|     </script> | 
| </body> | 
| </html> |