header.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <nav class="navbar navbar-expand-lg p-0 d-flex">
  2. <% if(controller === 'boot' || controller === 'pm'){ %>
  3. <!--<a style="text-decoration: none" href="javascript:void(0);" class="header-logo">-->
  4. <% }else { %>
  5. <div class="mx-2"><a href="/pm" class="btn btn-sm" data-toggle="tooltip" title="返回项目管理"><i class="fa fa-angle-left" style="font-size:24px"></i></a></div>
  6. <!--<a style="text-decoration: none" href="/pm" class="header-logo">-->
  7. <% } %>
  8. <div class="header-logo">
  9. <div class="v-title"><%= compilationName %></div>
  10. <div class="p-title"><%= versionName %></div>
  11. </div>
  12. <!--</a>-->
  13. <div class="navbar-text navbar-crumb px-1 mr-auto" id="fullpath">
  14. </div>
  15. <div class="navbar-text p-0 navbar-expand-sm">
  16. <!--大屏菜单-->
  17. <ul class="nav navbar-nav" id="fluid-menu">
  18. <li class="nav-item dropdown">
  19. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" id="link_userName"><%= sessionUser.real_name === '' ? sessionUser.mobile : sessionUser.real_name %></a>
  20. <div class="dropdown-menu dropdown-menu-right">
  21. <a class="dropdown-item" href="/user/info" target="_blank">账号资料</a>
  22. <a class="dropdown-item" href="/user/buy" target="_blank">产品激活</a>
  23. <a class="dropdown-item" href="/user/preferences" target="_blank">登录设置</a>
  24. <div class="dropdown-divider"></div>
  25. <a class="dropdown-item" href="/logout">退出登录</a>
  26. </div>
  27. </li>
  28. <% if (action === 'index' && controller === 'main') {%>
  29. <li class="nav-item dropdown">
  30. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-wrench" data-placement="bottom"></i> 工具</a>
  31. <div class="dropdown-menu dropdown-menu-right">
  32. <a id="compleRationLib" class="dropdown-item compleRationLib" href="/complementaryRation/ration" target="_blank">定额库编辑器</a>
  33. <a id="compleGljLib" class="dropdown-item compleGljLib" href="/complementaryGlj" target="_">人材机库编辑器</a>
  34. </div>
  35. </li>
  36. <% } %>
  37. <li class="nav-item dropdown">
  38. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle-o" data-placement="bottom"></i> 帮助</a>
  39. <div class="dropdown-menu dropdown-menu-right">
  40. <!--<a class="dropdown-item" href="#">帮助</a>
  41. <a class="dropdown-item" href="#">升级说明</a>
  42. <a class="dropdown-item" href="#">重庆市2008定额说明</a>-->
  43. <a class="dropdown-item" href="https://smartcost.com.cn/" target="_blank">纵横官网</a>
  44. <!-- <a class="dropdown-item" href="#">动画教程</a>-->
  45. <a id="customerService" class="dropdown-item" href="javascript:void(0);">联系客服</a>
  46. <!-- <a class="dropdown-item" href="#">关于</a>-->
  47. </div>
  48. </li>
  49. <!-- <li class="nav-item">
  50. <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
  51. <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
  52. </a>
  53. </li>-->
  54. </ul>
  55. <!--小屏菜单-->
  56. <ul class="nav navbar-nav" id="min-menu">
  57. <li class="nav-item dropdown">
  58. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" data-submenu="" aria-expanded="false">
  59. <i class="fa fa-bars"></i>
  60. </a>
  61. <div class="dropdown-menu dropdown-menu-right">
  62. <div class="dropdown dropleft dropdown-submenu">
  63. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown"><%= sessionUser.real_name === '' ? sessionUser.mobile : sessionUser.real_name %></button>
  64. <div class="dropdown-menu">
  65. <a class="dropdown-item" href="/user/info" target="_blank">账号资料</a>
  66. <a class="dropdown-item" href="/user/buy" target="_blank">产品激活</a>
  67. <a class="dropdown-item" href="/user/preferences" target="_blank">登录设置</a>
  68. <div class="dropdown-divider"></div>
  69. <a class="dropdown-item" href="/logout">退出登录</a>
  70. </div>
  71. </div>
  72. <% if (action === 'index' && controller === 'main') {%>
  73. <div class="dropdown dropleft dropdown-submenu">
  74. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">工具</button>
  75. <div class="dropdown-menu">
  76. <a class="dropdown-item compleRationLib" href="/complementaryRation/ration" target="_blank">定额库编辑器</a>
  77. <a class="dropdown-item compleGljLib" href="/complementaryGlj" target="_">人材机库编辑器</a>
  78. </div>
  79. </div>
  80. <% } %>
  81. <div class="dropdown dropleft dropdown-submenu">
  82. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">帮助</button>
  83. <div class="dropdown-menu">
  84. <a class="dropdown-item" href="https://smartcost.com.cn/" target="_blank">纵横官网</a>
  85. <a id="customerService" class="dropdown-item" href="javascript:void(0);">联系客服</a>
  86. </div>
  87. </div>
  88. </div>
  89. </li>
  90. </ul>
  91. </div>
  92. </nav>
  93. <!--弹出补充定额库-->
  94. <div class="modal fade" id="comple-ration" data-backdrop="static">
  95. <div class="modal-dialog modal-lg" role="document">
  96. <div class="modal-content">
  97. <div class="modal-header">
  98. <h5 class="modal-title">定额库</h5>
  99. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  100. <span aria-hidden="true">&times;</span>
  101. </button>
  102. </div>
  103. <div class="modal-auto-height">
  104. <table class="table table-hover table-bordered">
  105. <thead><tr><th>定额库名称</th></tr></thead>
  106. <tbody id="comple_ration_table">
  107. </tbody>
  108. </table>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <!--弹出消息-->
  114. <div class="modal fade" id="msg" data-backdrop="static">
  115. <div class="modal-dialog modal-lg" role="document">
  116. <div class="modal-content">
  117. <div class="modal-header">
  118. <h5 class="modal-title"><i class="fa fa-envelope-o"></i> 消息通知</h5>
  119. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  120. <span aria-hidden="true">&times;</span>
  121. </button>
  122. </div>
  123. <div class="modal-body modal-auto-height">
  124. <div id="message-loading" style="text-align: center; padding-top: 100px;"></div>
  125. <!--消息列表 默认显示10条-->
  126. <table class="table table-bordered" id="message-list" style="display: none;">
  127. <thead>
  128. <tr>
  129. <th>标题<a href="javascript:void(0);" id="set-all-read" class="float-right btn btn-sm">设置全部已读</a></th>
  130. <th width="120">发布时间</th>
  131. </tr>
  132. </thead>
  133. <tbody>
  134. </tbody>
  135. </table>
  136. <div id="message-content" style="display: none;">
  137. <!--点击标题查看内容-->
  138. <a href="javascript:void(0);" class="back">返回</a>
  139. <h4 class="text-center title"></h4>
  140. <p class="text-center time"></p>
  141. <div class="mx-3 mb-5 content-area"></div>
  142. </div>
  143. </div>
  144. <div class="modal-footer">
  145. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <!--弹出警告-->
  151. <div style="z-index: 1080;" class="modal fade" id="commonAlert" data-backdrop="false" style="display: none;" aria-hidden="true">
  152. <div class="modal-dialog" role="document">
  153. <div class="modal-content" style="box-shadow: 0px 0px 5px #888888; width: 450px; height: 140px; left: 50%; transform: translate(-50%, 0%); top: -15px;">
  154. <div class="modal-body">
  155. <h5 style="margin-left: 10px;">提示</h5>
  156. <p style="margin-top: 20px; margin-left: 10px; color: #757575; font-size: 14px"></p>
  157. <div style="margin-top: 10px; margin-left: 350px">
  158. <button style="width: 65px; height: 30px; border-radius: 0.2rem; background: #4285F4; color: White; border: hidden; cursor:pointer" href="javascript: void(0);" data-dismiss="modal">确认</button>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <!--激活产品 & 售后服务 & 联系客服-->
  165. <!--办事处客服列表-->
  166. <div class="modal fade" id="activ" data-backdrop="static" style="display: none;" aria-hidden="true">
  167. <div class="modal-dialog modal-lg" role="document">
  168. <div class="modal-content">
  169. <div class="modal-header">
  170. <h5 class="modal-title" id="upgrade-title">联系销售代表激活</h5>
  171. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  172. <span aria-hidden="true">×</span>
  173. </button>
  174. </div>
  175. <div class="modal-body">
  176. <div class="row px-3" id="staffList">
  177. <div class="col-4 mb-4">
  178. <div class="card">
  179. <div class="card-body">
  180. <h4 class="card-title">刘飞</h4>
  181. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  182. </div>
  183. <ul class="list-group list-group-flush">
  184. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  185. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  186. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  187. </ul>
  188. </div>
  189. </div>
  190. <div class="col-4 mb-4">
  191. <div class="card">
  192. <div class="card-body">
  193. <h4 class="card-title">姜栋</h4>
  194. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  195. </div>
  196. <ul class="list-group list-group-flush">
  197. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  198. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  199. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  200. </ul>
  201. </div>
  202. </div>
  203. <div class="col-4 mb-4">
  204. <div class="card">
  205. <div class="card-body">
  206. <h4 class="card-title">冯娟</h4>
  207. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  208. </div>
  209. <ul class="list-group list-group-flush">
  210. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  211. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  212. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  213. </ul>
  214. </div>
  215. </div>
  216. <div class="col-4 mb-4">
  217. <div class="card">
  218. <div class="card-body">
  219. <h4 class="card-title">何耀</h4>
  220. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  221. </div>
  222. <ul class="list-group list-group-flush">
  223. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  224. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  225. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  226. </ul>
  227. </div>
  228. </div>
  229. <div class="col-4 mb-4">
  230. <div class="card">
  231. <div class="card-body">
  232. <h4 class="card-title">杨克松</h4>
  233. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  234. </div>
  235. <ul class="list-group list-group-flush">
  236. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  237. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  238. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  239. </ul>
  240. </div>
  241. </div>
  242. <div class="col-4 mb-4">
  243. <div class="card">
  244. <div class="card-body">
  245. <h4 class="card-title">黄俊杰</h4>
  246. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  247. </div>
  248. <ul class="list-group list-group-flush">
  249. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  250. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  251. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  252. </ul>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. <div class="modal-footer">
  258. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. <!-- inject:js -->
  264. <script src="/lib/jquery/jquery-3.2.1.min.js"></script>
  265. <script type="text/javascript" src="/lib/jquery-ui/jquery-ui.min.js"></script>
  266. <script src="/lib/popper/popper.min.js"></script>
  267. <script src="/lib/bootstrap/bootstrap.min.js"></script>
  268. <script src="/lib/bootstrap/bootstrap-submenu.js"></script>
  269. <script type="text/javascript" src="/web/building_saas/js/moment.min.js"></script>
  270. <script type="text/javascript" src="/web/building_saas/js/message.js"></script>
  271. <script type="text/javascript" src="/public/web/scMathUtil.js"></script>
  272. <script type="text/javascript" src="/public/web/gljUtil.js"></script>
  273. <script type="text/javascript" src="/public/web/PerfectLoad.js"></script>
  274. <script type="text/javascript" src="/lib/lodash/lodash.js"></script>
  275. <script type="text/javascript" src="/public/web/commonAlert.js"></script>
  276. <script type="text/javascript" src="/public/web/headerOpr.js"></script>
  277. <script type="text/javascript" src="/lib/jquery-editable-select/jquery.editable-select.min.js"></script>
  278. <!-- endinject -->