top-navbar.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <style>
  2. .jry_img_right {
  3. margin-right: 5px
  4. }
  5. .jry_system {
  6. display: inline-block;
  7. /* position: absolute; */
  8. font-size: 13px;
  9. color: white;
  10. margin-top: 21px;
  11. margin-right: 5px
  12. }
  13. .newOrderBtn {
  14. line-height: 61px;
  15. font-size: 15px;
  16. color: #fff;
  17. cursor: pointer;
  18. text-align: center;
  19. border-radius: 5px;
  20. }
  21. .newOrderBtn:hover {
  22. background: #1F4266 !important;
  23. }
  24. </style>
  25. <!-- start: TOP NAVBAR -->
  26. <!-- start: NAVBAR HEADER -->
  27. <div class="navbar-header">
  28. <a href="#" class="sidebar-mobile-toggler pull-left hidden-md hidden-lg" ng-click="toggle('sidebar')"
  29. class="btn btn-navbar sidebar-toggle">
  30. <i class="ti-align-justify"></i>
  31. </a>
  32. <a href="#" class="sidebar-toggler pull-right visible-md visible-lg"
  33. ng-click="app.layout.isSidebarClosed = !app.layout.isSidebarClosed;togle()">
  34. <i class="ti-align-justify"></i>
  35. </a>
  36. <a class="pull-rigth menu-toggler visible-xs-block" id="menu-toggler" ng-click="navbarCollapsed = !navbarCollapsed">
  37. <span class="sr-only">Toggle navigation</span>
  38. <i class="ti-view-grid"></i>
  39. </a>
  40. <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard" ng-if="isZncd">
  41. <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
  42. <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png" alt="{{app.name}}" /></span> -->
  43. <img ng-src="assets/images/login/logo_zncd.png" style="width:40px;height: 40px;" alt="{{app.name}}"
  44. class="jry_img_right" />{{app.author}} </a>
  45. <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard" ng-if="isHk">
  46. <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
  47. <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png" alt="{{app.name}}" /></span> -->
  48. <img ng-src="assets/images/login/logo_hk2.png" style="width:auto;height: 35px;" alt="{{app.name}}"
  49. class="jry_img_right" />{{app.author}} </a>
  50. <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard" ng-if="!isZncd&&!isHk">
  51. <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
  52. <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png" alt="{{app.name}}" /></span> -->
  53. <img ng-src="assets/images/login/logo_default.png" style="width:40px;height: 40px;" alt="{{app.name}}"
  54. class="jry_img_right" />{{app.author}} </a>
  55. </div>
  56. <!-- end: NAVBAR HEADER -->
  57. <!-- start: NAVBAR COLLAPSE -->
  58. <div class="navbar-collapse collapse" collapse="navbarCollapsed" ng-init="navbarCollapsed = true"
  59. off-click="navbarCollapsed = true" off-click-if='!navbarCollapsed' off-click-filter="#menu-toggler">
  60. <ul class="nav navbar-right" ct-fullheight="window" data-ct-fullheight-exclusion="header"
  61. data-ct-fullheight-if="isSmallDevice">
  62. <!-- <li class="dropdown current-user" dropdown style="width:100px">
  63. <div class="newOrderBtn" ng-click="newOrder()">快速建单</div>
  64. </li> -->
  65. <li class="dropdown current-user" dropdown style="width:120px" ng-if="isFuwutai">
  66. <div>
  67. <!-- 东经呼叫中心 -->
  68. <!-- 来电 -->
  69. <!-- <div ng-if="!login" class="headercall">
  70. <img src="assets/images/nologin.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round fontcolor-eight fontsizes-14">●</span><span class="fontcolor-eight fontsizes-14">未签入</span> </div>
  71. <div ng-if="login&&statuscall==2" class="headercall">
  72. <img src="assets/images/comein.gif" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round comeincolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">来电</span> </div> -->
  73. <!--呼出 -->
  74. <!-- <img src="assets/images/m7.png" style="width:25px;height:25px;margin-top:20px" ng-if="status==3"> -->
  75. <!-- 置忙 -->
  76. <!-- <div ng-if="login&&statuscall!=3&&statecall==2&&statuscall!=0" class="margin-top-15">
  77. <img src="assets/images/setbusy.gif" ng-click="setidle();toggle('off-sidebar')" class="image-widthh-34"><span class="round setbusycolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示忙</span> </div> -->
  78. <!-- 签入 -->
  79. <!-- <div ng-if="login&&statuscall==1&&statecall==1&&login" class="margin-top-15">
  80. <img src="assets/images/link.gif" ng-click="setbusy(1);toggle('off-sidebar')" class="image-widthh-34"><span class="round linkcolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示闲</span> </div> -->
  81. <!--摘机 -->
  82. <!-- <div ng-if="login&&statuscall==3" class="margin-top-15">
  83. <img src="assets/images/connection.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round connectioncolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">通话中</span> </div> -->
  84. <!--挂机 -->
  85. <!-- <img src="assets/images/m22.png" style="width:25px;height:25px;margin-top:20px" ng-if="status==7"> -->
  86. <!-- 新话机 -->
  87. <!-- 未签入 -->
  88. <div ng-if="jry_state=='weiqianru'" class="headercall">
  89. <img src="assets/images/nologin.png" class="image-widthh-34"><span
  90. class="round fontcolor-eight fontsizes-14">●</span><span
  91. class="fontcolor-eight fontsizes-14">未签入</span> </div>
  92. <!-- 来电 -->
  93. <div ng-if="jry_state=='laidian'" class="headercall">
  94. <img src="assets/images/comein.gif" class="image-widthh-34"><span
  95. class="round comeincolor fontsizes-14">●</span><span
  96. class="fontcolor-six fontsizes-14">来电</span> </div>
  97. <!-- 示忙 -->
  98. <div ng-if="jry_state=='shimang'" class="margin-top-15">
  99. <img src="assets/images/setbusy.gif" class="image-widthh-34"><span
  100. class="round setbusycolor fontsizes-14">●</span><span
  101. class="fontcolor-six fontsizes-14">示忙</span> </div>
  102. <!-- 示闲 -->
  103. <div ng-if="jry_state=='shixian'" class="margin-top-15">
  104. <img src="assets/images/link.gif" class="image-widthh-34"><span
  105. class="round linkcolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示闲</span>
  106. </div>
  107. <!--通话中 -->
  108. <div ng-if="jry_state=='tonghuazhong'" class="margin-top-15">
  109. <img src="assets/images/connection.png" class="image-widthh-34"><span
  110. class="round connectioncolor fontsizes-14">●</span><span
  111. class="fontcolor-six fontsizes-14">通话中</span> </div>
  112. <!--正在外呼 -->
  113. <div ng-if="jry_state=='zhengzaiwaihu'" class="margin-top-15">
  114. <img src="assets/images/connection.png" class="image-widthh-34"><span
  115. class="round connectioncolor fontsizes-14">●</span><span
  116. class="fontcolor-six fontsizes-14">正在外呼</span> </div>
  117. <!--正在转移 -->
  118. <div ng-if="jry_state=='zhengzaizhuanyi'" class="margin-top-15">
  119. <img src="assets/images/connection.png" class="image-widthh-34"><span
  120. class="round connectioncolor fontsizes-14">●</span><span
  121. class="fontcolor-six fontsizes-14">正在转移</span> </div>
  122. </div>
  123. </li>
  124. <li class="dropdown current-user" dropdown on-toggle="toggled(open)">
  125. <a href class="dropdown-toggle" dropdown-toggle>
  126. <img src="assets/images/avatar-1.jpg" alt="{{user.name}}" style="background-color:red"> <span
  127. class="username">{{user.name}} <i class="ti-angle-down"></i></i></span>
  128. <span class="navnum fontsizes-12 margin-left-5 ng-binding ng-scope wt_MSG">{{noReadData}}</span>
  129. </a>
  130. <ul class="dropdown-menu dropdown-dark">
  131. <li>
  132. <a ng-click="wt_messages()" class="fontchangepas ng-scope" translate="topbar.user.MESSAGES">我的消息</a>
  133. </li>
  134. <li>
  135. <a ng-click="changepassword()" class="fontchangepas ng-scope" translate="topbar.user.CHANGEPASSWORD">修改密码</a>
  136. </li>
  137. <li>
  138. <a ng-click="logout()" class="fontchangepas" translate="topbar.user.LOGOUT">
  139. Log Outs
  140. </a>
  141. </li>
  142. </ul>
  143. </li>
  144. <!-- end: USER OPTIONS DROPDOWN -->
  145. </ul>
  146. <!-- start: MENU TOGGLER FOR MOBILE DEVICES -->
  147. <!-- div class="close-handle visible-xs-block menu-toggler" ng-click="navbarCollapsed = true">
  148. <div class="arrow-left"></div>
  149. <div class="arrow-right"></div>
  150. </div> -->
  151. <!-- end: MENU TOGGLER FOR MOBILE DEVICES -->
  152. </div>
  153. <a class="dropdown-off-sidebar" ng-click="toggle('off-sidebar')" ng-if="isFuwutai">
  154. &nbsp;
  155. </a>
  156. <!-- end: NAVBAR COLLAPSE -->
  157. <!-- start: TOP NAVBAR -->
  158. <style>
  159. .wt_MSG {
  160. line-height: 15px !important;
  161. margin-top: 5px !important;
  162. }
  163. </style>