|   | 
|   | 
|   | 
|   | 
|   | 
| <!DOCTYPE html> | 
| <html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> | 
| <head> | 
| <meta charset="utf-8"> | 
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 
| <meta name="renderer" content="webkit"> | 
| <meta http-equiv="Cache-Control" content="no-siteapp" /> | 
| <title>HIVE蜜米管理系统</title> | 
| <link rel="shortcut icon" href="${path }/resource/images/mm.ico"> | 
| <!--[if lt IE 8]> | 
|     <meta http-equiv="refresh" content="0;ie.html" /> | 
|     <![endif]--> | 
|   | 
| <!-- 本框架基本脚本和样式 --> | 
| <script type="text/javascript" | 
|     th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> | 
| <script type="text/javascript" | 
|     th:src="@{/js/systools/MBase.js}"></script> | 
| <!-- 页面单独引入样式 --> | 
| <link href="${path }/resource/css/index.css" rel="stylesheet"> | 
| <style> | 
|     .page-tabs a.active{ | 
|         background:rgba(227, 206, 184, 0.792157); | 
|     } | 
|     .page-tabs a.active i:hover, .page-tabs a.active:hover{ | 
|         background:#daaa65; | 
|     } | 
|     .redicon{ | 
|     background: red; | 
|     border-radius: 50%; | 
|     color: #fff; | 
|     position: absolute; | 
|     display: block; | 
|     display: block; | 
|     right: 13px; | 
|     width: 25px; | 
|     height: 25px; | 
|     line-height: 25px; | 
|     top: 2px; | 
|     } | 
|     .choice {position:relative} | 
| </style> | 
| </head> | 
|   | 
| <body class="fixed-sidebar full-height-layout gray-bg " | 
|     style="overflow: hidden" id="body1"> | 
|     <div id="wrapper"> | 
|         <!--左侧导航开始--> | 
|          | 
|         <div class="display"> | 
|             <input autocomplete="off"   type="hidden" value="1" class="val"> | 
|             <a class="pngfix" href="##" ></a> | 
|         </div> | 
|         <nav class="navbar-default navbar-static-side leftbar" role="navigation"> | 
|             <div class="nav-close"> | 
|                 <i class="fa fa-times-circle"></i> | 
|             </div> | 
|             <div class="sidebar-collapse " style="border-right: 1px solid #efefef;"> | 
|                 <ul class="nav" id="side-menu"> | 
|                     <li class="nav-header  img"> | 
|                         <div class="dropdown profile-element "> | 
|                                              | 
|                         </div> | 
|                         <div class="logo-element la"><span class="litmsg">美 度</span></div> | 
|                     </li> | 
|                     <li class="nav-header  " style="background:white"> | 
|                         <div class="dropdown profile-element"> | 
|                             <div class="smile"> | 
|                                 微笑服务 | 
|                             </div> | 
|                             <div class="woman"> | 
|                             </div> | 
|                         </div> | 
|                          | 
|                          | 
|                     </li>                 | 
|                 </ul> | 
|             </div> | 
|              | 
|         </nav> | 
|         <!--左侧导航结束--> | 
|         <!--右侧部分开始--> | 
|         <div id="page-wrapper" class="gray-bg dashbard-1"> | 
|             <div class="row border-bottom headMain" > | 
|                          | 
|                 <nav class="navbar navbar-static-top headNav" role="navigation" >                 | 
|                     <div class="navbar-header " style="width:100%;"> | 
|                           | 
|                          <matrix:fn value="vipinfoClub"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice1 choice J_menuItem" href="${path }/admin/redirect/hive/beautySalon/vip" > | 
|                             <div class="fa fa-user icon" ></div>     | 
|                             <div class="msg" >会员中心</div> | 
|                         </div> | 
|                          </matrix:fn> | 
|                        <matrix:fn value="orderClub"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem" href="${path }/admin/redirect/hive/beautySalon/underlineOrder"> | 
|                             <div class="fa fa-shopping-cart icon" ></div>     | 
|                             <div class="msg" >订单</div> | 
|                             <c:choose> | 
|                             <c:when test="${orderCount>0}"> | 
|                                 <span id="orderId" class="redicon" >${orderCount}</span> | 
|                             </c:when> | 
|                             <c:otherwise> | 
|                                 <span id="orderId"  ></span> | 
|                             </c:otherwise> | 
|                             </c:choose> | 
|                         </div> | 
|                           </matrix:fn> | 
|                           <matrix:fn value="serviceClub"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem" href="${path }/admin/redirect/hive/beautySalon/service_all_list"> | 
|                             <div class="fa fa-bars icon" ></div>     | 
|                             <div class="msg" >服务单</div> | 
|                              | 
|                                 <c:choose> | 
|                             <c:when test="${serviceCount>0}"> | 
|                                 <span id="serviceId" class="redicon" >${serviceCount}</span> | 
|                             </c:when> | 
|                             <c:otherwise> | 
|                                 <span id="serviceId" ></span> | 
|                             </c:otherwise> | 
|                             </c:choose> | 
|                         </div> | 
|                          </matrix:fn> | 
|                           <matrix:fn value="orderCountClub"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem" href="${path }/admin/redirect/hive/beautySalon/saleOrder-list"> | 
|                             <div class="fa  fa-bar-chart-o (alias) icon" ></div>     | 
|                             <div class="msg" >单据统计</div> | 
|                         </div> | 
|                         </matrix:fn> | 
|                           <matrix:fn value="beaPaiBanCode"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem" href="${path }/admin/beautiWork/paiBan"> | 
|                             <div class="fa  fa-calendar  icon" ></div>     | 
|                             <div class="msg" >美疗师排班</div> | 
|                         </div> | 
|                         </matrix:fn> | 
|                           <matrix:fn value="onlineBookingClub"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem" href="${path }/admin/redirect/hive/beautySalon/onlineBooking"> | 
|                             <div class="fa fa-history  icon" ></div>     | 
|                             <div class="msg" >网上预约单</div> | 
|                              | 
|                                 <c:choose> | 
|                             <c:when test="${onlineCount>0}"> | 
|                                 <span id="onlineId" class="redicon" >${onlineCount}</span> | 
|                             </c:when> | 
|                             <c:otherwise> | 
|                                 <span id="onlineId"  ></span> | 
|                             </c:otherwise> | 
|                             </c:choose> | 
|                         </div> | 
|                         </matrix:fn> | 
|                           <matrix:fn value="moveShopClub"> | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem"  href="${path }/admin/redirect/hive/beautySalon/kdyyServiceList"> | 
|                             <div class="fa fa-share-alt icon" ></div>     | 
|                             <div class="msg" >跨店预约</div> | 
|                         </div> | 
|                         </matrix:fn> | 
|                           <matrix:fn value="dataMoveClub"> | 
|                          <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem"  href="${path }/admin/redirect/hive/beautySalon/dataManager"> | 
|                             <div class="fa fa-share-alt icon" ></div>     | 
|                             <div class="msg" >数据迁移</div> | 
|                         </div>  | 
|                         </matrix:fn> | 
|                          | 
|                         <div class="col-lg-1 col-sm-2 col-xs-3 choice J_menuItem"  href="${path }/admin/redirect/hive/beautySalon/password-form"> | 
|                             <div class="fa fa-share-alt icon" ></div>     | 
|                             <div class="msg" >修改密码</div> | 
|                         </div>  | 
|                          | 
|                         <div class="pull-right club-name" > | 
|                              <span>会所名称:${user.shopName}</span><br> | 
|                             <span>当前员工: ${user.name }</span> | 
|                         </div> | 
|                     </div>     | 
|                      | 
|                 </nav> | 
|             </div> | 
|             <div class="row content-tabs"> | 
|                 <button class="roll-nav roll-left J_tabLeft"> | 
|                     <i class="fa fa-backward"></i> | 
|                 </button> | 
|                 <nav class="page-tabs J_menuTabs"> | 
|                     <div class="page-tabs-content"> | 
|                         <a href="javascript:;" class="active J_menuTab" | 
|                             data-id="index_v1.html">首页</a> | 
|                     </div> | 
|                 </nav> | 
|                 <div class="btn-group roll-nav roll-right"> | 
|                     <button class="dropdown J_tabClose" data-toggle="dropdown"> | 
|                         关闭操作<span class="caret"></span> | 
|                     </button> | 
|                     <ul role="menu" class="dropdown-menu dropdown-menu-right"> | 
|                         <li class="J_tabShowActive"><a>定位当前选项卡</a></li> | 
|                         <li class="divider"></li> | 
|                         <li class="J_tabCloseAll"><a>关闭全部选项卡</a></li> | 
|                         <li class="J_tabCloseOther"><a>关闭其他选项卡</a></li> | 
|                     </ul> | 
|                 </div> | 
|                 <a onclick="logOut()" | 
|                     class="roll-nav roll-right J_tabExit"><i | 
|                     class="fa fa fa-sign-out"></i> 退出</a> | 
|             </div> | 
|             <div class="row J_mainContent" id="content-main" style="    height: calc(100% - 180px);" > | 
|                 <iframe class="J_iframe" name="iframe0" width="100%" height="100%" | 
|                     src="${path }/admin/redirect/hive/beautySalon/welcome" frameborder="0" data-id="index_v1.html" | 
|                     seamless></iframe> | 
|             </div> | 
|             <div class="footer"> | 
|                 <div style="color: #676a6c;" class="pull-right">© | 
|                     2014-2016 ZkingMatrix</div> | 
|             </div> | 
|         </div> | 
|         <!--右侧部分结束--> | 
|         <!--右侧边栏开始--> | 
|         <div id="right-sidebar"> | 
|             <div class="sidebar-container"></div> | 
|         </div> | 
|         <!--右侧边栏结束--> | 
|     </div> | 
| </body> | 
|   | 
|   | 
| <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> | 
|   | 
| function logOut(){ | 
|     layer.confirm("确定退出吗?", function() { | 
|         window.location.href="${path }/common/loginOut"; | 
|      }); | 
| } | 
|   | 
|   | 
| </script> | 
|   | 
|   | 
|     <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> | 
|     /* | 
|         标头点击切换 | 
|     */ | 
|         $(function(){ | 
|             $(".choice").hover(function(){ | 
|                 $(this).children(".icon").css("font-size","50px"); | 
|                 },function(){ | 
|                     $(this).children(".icon").css("font-size","40px"); | 
|                 }); | 
|             $(".choice").bind("click",function(){ | 
|                 $(".choice").css("background","rgb(185, 136, 85)"); | 
|                  | 
|                 $(this).css("background","rgb(192, 155, 116)"); | 
|                 $(".J_iframe").attr("src",$(this).attr("_href")); | 
|                  | 
|             })     | 
|              | 
|         }); | 
|         $(function(){ | 
|             $(".pngfix").click(function(){ | 
|                 if($("#body1").hasClass("mini-navbar")){ | 
|                     $("#body1").removeClass( "mini-navbar"); | 
|                     return; | 
|                 }else{ | 
|                      | 
|                     $("#body1").addClass( "mini-navbar"); | 
|                     return; | 
|                 } | 
|             })         | 
|               setInterval("selectCount()",10000);//1000为1秒钟  | 
|               //selectCount(); | 
|              | 
|              | 
|         }); | 
|          function selectCount() | 
|            { | 
|                $.AjaxProxy({c:false}).invoke(basePath+"/admin/pcIndex/selectOrderCount", function(loj) { | 
|                     var order =loj[0].result.rows[0]; | 
|                     var service =loj[0].result.rows[1]; | 
|                     var online=loj[0].result.rows[2]; | 
|                     if(order>0){ | 
|                         $("#orderId").addClass("redicon"); | 
|                         $("#orderId").html(order); | 
|                          | 
|                     }else{ | 
|                         $("#orderId").removeClass("redicon"); | 
|                         $("#orderId").html(""); | 
|                     } | 
|                     if(service>0){ | 
|                         $("#serviceId").addClass("redicon"); | 
|                         $("#serviceId").html(service); | 
|                     }else{ | 
|                         $("#serviceId").removeClass("redicon"); | 
|                         $("#serviceId").html(""); | 
|                     } | 
|                     if(online>0){ | 
|                         $("#onlineId").addClass("redicon"); | 
|                         $("#onlineId").html(online); | 
|                     }else{ | 
|                         $("#onlineId").removeClass("redicon"); | 
|                         $("#onlineId").html(""); | 
|                     }  | 
|                    }); | 
|            } | 
|     </script> | 
| </html> |