header.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title><%= title %>-Smartcost</title>
  6. <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
  7. <link rel="stylesheet" href="/web/building_saas/css/main.css">
  8. <link rel="stylesheet" href="/lib/font-awesome/font-awesome.min.css">
  9. <link rel="stylesheet" href="/lib/spreadjs/sheets/css/gc.spread.sheets.excel2013white.10.0.1.css">
  10. <script type="text/javascript" src="/public/web/sheet/sheet_common.js"></script>
  11. <script type="text/javascript" src="/public/web/sheet/sheet_data_helper.js"></script>
  12. <script src="/lib/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
  13. <style type="text/css">
  14. #chat-content {
  15. border: 1px solid #000;
  16. width: 500px;
  17. height: 600px;
  18. }
  19. #notify {
  20. display: none;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="header">
  26. <div class="top-msg clearfix" id="notify">
  27. <div class="alert alert-warning mb-0 py-0" role="alert">
  28. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  29. <span aria-hidden="true">&times;</span>
  30. </button>
  31. <span id="message"><strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a></span>
  32. </div>
  33. </div>
  34. <nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 justify-content-between">
  35. <span class="header-logo px-2">Smartcost</span>
  36. <div class="navbar-text"><a href="project-management.html">项目管理</a><i class="fa fa-angle-right fa-fw"></i>文件夹<i
  37. class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i
  38. class="fa fa-angle-right fa-fw"></i>单位工程
  39. </div>
  40. <div class="float-lg-right navbar-text pt-0">
  41. <div class="dropdown d-inline-block">
  42. <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
  43. <div class="dropdown-menu dropdown-menu-right">
  44. <a class="dropdown-item" href="user-info.html" target="_blank">账号资料</a>
  45. <a class="dropdown-item" href="user-buy.html" target="_blank">产品购买</a>
  46. <a class="dropdown-item" href="user-set.html" target="_blank">偏好设置</a>
  47. </div>
  48. </div>
  49. <span class="btn btn-link btn-sm new-msg">
  50. <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
  51. </span>
  52. <button class="btn btn-link btn-sm">注销</button>
  53. </div>
  54. </nav>
  55. <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
  56. <ul class="nav navbar-nav px-1">
  57. <li class="nav-item">
  58. <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false"><i class="fa fa-sliders"></i> 选项</a>
  59. </li>
  60. <li class="nav-item dropdown">
  61. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true"
  62. aria-expanded="false"><i class="fa fa-wrench"></i> 工具</a>
  63. <div class="dropdown-menu">
  64. <a class="dropdown-item" href="#">定额库编辑器</a>
  65. <a class="dropdown-item" href="#">工料机库编辑器</a>
  66. </div>
  67. </li>
  68. <li class="nav-item dropdown">
  69. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true"
  70. aria-expanded="false"><i class="fa fa-question-circle-o"></i> 帮助</a>
  71. <div class="dropdown-menu">
  72. <a class="dropdown-item" href="#">帮助</a>
  73. <a class="dropdown-item" href="#">升级说明</a>
  74. <a class="dropdown-item" href="#">重庆市2008定额说明</a>
  75. <a class="dropdown-item" href="#">纵横官网</a>
  76. <a class="dropdown-item" href="#">动画教程</a>
  77. <a class="dropdown-item" href="#">联系客服</a>
  78. <a class="dropdown-item" href="#">关于</a>
  79. </div>
  80. </li>
  81. <li class="nav-item">
  82. <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false"><i class="fa fa-history"></i>
  83. 历史记录</a>
  84. </li>
  85. </ul>
  86. <form class="form-inline">
  87. <input class="form-control form-control-sm mr-1" type="text" placeholder="告诉我你想做什么">
  88. </form>
  89. </nav>
  90. </div>