header.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
  1. <img id="f_btn" src="/web/dest/css/img/feeRate_btn.jpg" alt="" style="display: none" />
  2. <!-- <nav class="navbar p-0 "> -->
  3. <nav class="navbar navbar-expand-lg p-0 d-flex <%= versionName.includes('免费') ? 'free-version' : 'pro-version' %>">
  4. <% if(controller === 'boot' || controller === 'pm'){ %>
  5. <!--<a style="text-decoration: none" href="javascript:void(0);" class="header-logo">-->
  6. <% }else { %>
  7. <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>
  8. <!--<a style="text-decoration: none" href="/pm" class="header-logo">-->
  9. <% } %>
  10. <div class="header-logo">
  11. <div class="v-title"><%= compilationName %></div>
  12. <div class="p-title"><%= versionName %></div>
  13. </div>
  14. <!--</a>-->
  15. <div class="navbar-text navbar-crumb px-1 mr-auto" id="fullpath">
  16. </div>
  17. <div class="navbar-text p-0 navbar-expand-sm">
  18. <!--大屏菜单-->
  19. <ul class="nav navbar-nav" id="fluid-menu">
  20. <!--<li class="nav-item" >-->
  21. <!--<a class="nav-link" href="#send2friends" data-toggle="modal" data-target="#send2friends" ><i class="fa fa-share-alt"></i> 推荐给朋友</a>-->
  22. <!--</li>-->
  23. <!--<li class="nav-item dropdown" id="showqqgroup" >-->
  24. <!--<a class="nav-link" href="#"><i class="fa fa-qq" ></i> 群</a>-->
  25. <!--<div class="dropdown-menu p-3 dropdown-menu-right" id="qqgroup" style="width: 200px;top:36px">-->
  26. <!--<p class="text-center">-->
  27. <!--<a href="https://jq.qq.com/?_wv=1027&k=5XivMJY" target="_blank" class="btn btn-sm btn-outline-primary">点击加入QQ交流群</a>-->
  28. <!--</p>-->
  29. <!--<p class="mb-0 text-center text-muted">-->
  30. <!--<img src="/web/building_saas/img/qqgroupqrcode.png">-->
  31. <!--扫码加QQ交流群-->
  32. <!--</p>-->
  33. <!--</div>-->
  34. <!--</li>-->
  35. <li class="nav-item dropdown">
  36. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" id="link_userName"><%= (sessionUser.company && sessionUser.real_name) ? (sessionUser.company + '(' + sessionUser.real_name + ')') : sessionUser.company ? sessionUser.company : sessionUser.real_name ? sessionUser.real_name : sessionUser.mobile %></a>
  37. <div class="dropdown-menu dropdown-menu-right">
  38. <a class="dropdown-item" href="/user/info" target="_blank">企业资料</a>
  39. <a class="dropdown-item" href="/user/safe" target="_blank">账号安全</a>
  40. <a class="dropdown-item" href="/user/buy" target="_blank">产品激活</a>
  41. <a class="dropdown-item" href="/user/preferences" target="_blank">登录设置</a>
  42. <div class="dropdown-divider"></div>
  43. <a class="dropdown-item" href="/logout">退出登录</a>
  44. </div>
  45. </li>
  46. <% if (!versionName.includes('免费')) {%>
  47. <li class="nav-item">
  48. <a href="user/buy" target="_blank"><img src="/web/building_saas/img/vip.png" data-toggle="tooltip" data-placement="bottom" data-original-title="专业版用户"></a>
  49. </li>
  50. <% } %>
  51. <% if (action === 'index' && controller === 'main') {%>
  52. <li class="nav-item dropdown">
  53. <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>
  54. <div class="dropdown-menu dropdown-menu-right">
  55. <a id="compleRationLib" class="dropdown-item compleRationLib" href="/complementaryRation/ration" target="_blank">定额库编辑器</a>
  56. <a id="compleGljLib" class="dropdown-item compleGljLib" href="/complementaryGlj" target="_">人材机库编辑器</a>
  57. </div>
  58. </li>
  59. <% } %>
  60. <li class="nav-item dropdown">
  61. <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>
  62. <div class="dropdown-menu dropdown-menu-right">
  63. <!--<a class="dropdown-item" href="#">帮助</a>
  64. <a class="dropdown-item" href="#">升级说明</a>
  65. <a class="dropdown-item" href="#">重庆市2008定额说明</a>-->
  66. <!--<a class="dropdown-item" href="/web/common/html/pdfViewer.html?type=userGuide" target="_blank">用户手册</a>
  67. <a class="dropdown-item" href="/web/common/html/pdfViewer.html?type=upgradeGuide" target="_blank">升级说明</a>-->
  68. <a class="dropdown-item" href="http://doc.zhzdwd.com/docs/dsk_yhsc" target="_blank">用户手册</a>
  69. <a class="dropdown-item" href="/public/share/upgradeGuide/upgradeGuide.pdf" target="_blank">升级说明</a>
  70. <a class="dropdown-item" href="http://zhzdwk.com/special/detail/36" target="_blank">计价依据</a>
  71. <a class="dropdown-item" href="https://smartcost.com.cn/" target="_blank">纵横官网</a>
  72. <!-- <a class="dropdown-item" href="#">动画教程</a>-->
  73. <a id="customerService" class="dropdown-item" href="javascript:void(0);">联系客服</a>
  74. <!-- <a class="dropdown-item" href="#">关于</a>-->
  75. </div>
  76. </li>
  77. <!-- <li class="nav-item">
  78. <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
  79. <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
  80. </a>
  81. </li>-->
  82. </ul>
  83. <!--小屏菜单-->
  84. <ul class="nav navbar-nav" id="min-menu">
  85. <li class="nav-item dropdown">
  86. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" data-submenu="" aria-expanded="false">
  87. <i class="fa fa-bars"></i>
  88. </a>
  89. <div class="dropdown-menu dropdown-menu-right">
  90. <div class="dropdown dropleft dropdown-submenu">
  91. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown"><%= (sessionUser.company && sessionUser.real_name) ? (sessionUser.company + '(' + sessionUser.real_name + ')') : sessionUser.company ? sessionUser.company : sessionUser.real_name ? sessionUser.real_name : sessionUser.mobile %></button>
  92. <div class="dropdown-menu">
  93. <a class="dropdown-item" href="/user/info" target="_blank">企业资料</a>
  94. <a class="dropdown-item" href="/user/safe" target="_blank">账号安全</a>
  95. <a class="dropdown-item" href="/user/buy" target="_blank">产品激活</a>
  96. <a class="dropdown-item" href="/user/preferences" target="_blank">登录设置</a>
  97. <div class="dropdown-divider"></div>
  98. <a class="dropdown-item" href="/logout">退出登录</a>
  99. </div>
  100. </div>
  101. <% if (action === 'index' && controller === 'main') {%>
  102. <div class="dropdown dropleft dropdown-submenu">
  103. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">工具</button>
  104. <div class="dropdown-menu">
  105. <a class="dropdown-item compleRationLib" href="/complementaryRation/ration" target="_blank">定额库编辑器</a>
  106. <a class="dropdown-item compleGljLib" href="/complementaryGlj" target="_">人材机库编辑器</a>
  107. </div>
  108. </div>
  109. <% } %>
  110. <div class="dropdown dropleft dropdown-submenu">
  111. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">帮助</button>
  112. <div class="dropdown-menu">
  113. <a class="dropdown-item" href="https://smartcost.com.cn/" target="_blank">纵横官网</a>
  114. <a id="customerService" class="dropdown-item" href="javascript:void(0);">联系客服</a>
  115. </div>
  116. </div>
  117. </div>
  118. </li>
  119. </ul>
  120. </div>
  121. </nav>
  122. <!--弹出补充定额库-->
  123. <div class="modal fade" id="comple-ration" data-backdrop="static">
  124. <div class="modal-dialog modal-lg" role="document">
  125. <div class="modal-content">
  126. <div class="modal-header">
  127. <h5 class="modal-title">定额库</h5>
  128. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  129. <span aria-hidden="true">&times;</span>
  130. </button>
  131. </div>
  132. <div class="modal-auto-height">
  133. <table class="table table-hover table-bordered">
  134. <thead><tr><th>定额库名称</th></tr></thead>
  135. <tbody id="comple_ration_table">
  136. </tbody>
  137. </table>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. <!--弹出消息-->
  143. <div class="modal fade" id="msg" data-backdrop="static">
  144. <div class="modal-dialog modal-lg" role="document">
  145. <div class="modal-content">
  146. <div class="modal-header">
  147. <h5 class="modal-title"><i class="fa fa-envelope-o"></i> 消息通知</h5>
  148. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  149. <span aria-hidden="true">&times;</span>
  150. </button>
  151. </div>
  152. <div class="modal-body modal-auto-height">
  153. <div id="message-loading" style="text-align: center; padding-top: 100px;"></div>
  154. <!--消息列表 默认显示10条-->
  155. <table class="table table-bordered" id="message-list" style="display: none;">
  156. <thead>
  157. <tr>
  158. <th>标题<a href="javascript:void(0);" id="set-all-read" class="float-right btn btn-sm">设置全部已读</a></th>
  159. <th width="120">发布时间</th>
  160. </tr>
  161. </thead>
  162. <tbody>
  163. </tbody>
  164. </table>
  165. <div id="message-content" style="display: none;">
  166. <!--点击标题查看内容-->
  167. <a href="javascript:void(0);" class="back">返回</a>
  168. <h4 class="text-center title"></h4>
  169. <p class="text-center time"></p>
  170. <div class="mx-3 mb-5 content-area"></div>
  171. </div>
  172. </div>
  173. <div class="modal-footer">
  174. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <!--弹出警告-->
  180. <div style="z-index: 1080;" class="modal fade" id="commonAlert" data-backdrop="false" style="display: none;" aria-hidden="true">
  181. <div class="modal-dialog" role="document">
  182. <div class="modal-content" style="box-shadow: 0px 0px 5px #888888; width: 450px; height: 140px; left: 50%; transform: translate(-50%, 0%); top: -15px;">
  183. <div class="modal-body">
  184. <h5 style="margin-left: 10px;">提示</h5>
  185. <p style="margin-top: 20px; margin-left: 10px; color: #757575; font-size: 14px"></p>
  186. <div style="margin-top: 10px; margin-left: 350px">
  187. <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>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. <!--激活产品 & 售后服务 & 联系客服-->
  194. <!--办事处客服列表-->
  195. <div class="modal fade z-index-3000" id="activ" data-backdrop="static" style="display: none; overflow: auto;" aria-hidden="true">
  196. <div class="modal-dialog modal-lg" role="document">
  197. <div class="modal-content">
  198. <div class="modal-header">
  199. <h5 class="modal-title" id="upgrade-title">联系销售代表激活</h5>
  200. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  201. <span aria-hidden="true">×</span>
  202. </button>
  203. </div>
  204. <div class="modal-body">
  205. <div class="row px-3" id="staffList">
  206. <div class="col-4 mb-4">
  207. <div class="card">
  208. <div class="card-body">
  209. <h4 class="card-title">刘飞</h4>
  210. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  211. </div>
  212. <ul class="list-group list-group-flush">
  213. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  214. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  215. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  216. </ul>
  217. </div>
  218. </div>
  219. <div class="col-4 mb-4">
  220. <div class="card">
  221. <div class="card-body">
  222. <h4 class="card-title">姜栋</h4>
  223. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  224. </div>
  225. <ul class="list-group list-group-flush">
  226. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  227. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  228. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  229. </ul>
  230. </div>
  231. </div>
  232. <div class="col-4 mb-4">
  233. <div class="card">
  234. <div class="card-body">
  235. <h4 class="card-title">冯娟</h4>
  236. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  237. </div>
  238. <ul class="list-group list-group-flush">
  239. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  240. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  241. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  242. </ul>
  243. </div>
  244. </div>
  245. <div class="col-4 mb-4">
  246. <div class="card">
  247. <div class="card-body">
  248. <h4 class="card-title">何耀</h4>
  249. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  250. </div>
  251. <ul class="list-group list-group-flush">
  252. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  253. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  254. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  255. </ul>
  256. </div>
  257. </div>
  258. <div class="col-4 mb-4">
  259. <div class="card">
  260. <div class="card-body">
  261. <h4 class="card-title">杨克松</h4>
  262. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  263. </div>
  264. <ul class="list-group list-group-flush">
  265. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  266. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  267. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  268. </ul>
  269. </div>
  270. </div>
  271. <div class="col-4 mb-4">
  272. <div class="card">
  273. <div class="card-body">
  274. <h4 class="card-title">黄俊杰</h4>
  275. <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
  276. </div>
  277. <ul class="list-group list-group-flush">
  278. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
  279. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
  280. <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
  281. </ul>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. <div class="modal-footer">
  287. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. <!--推荐给朋友-->
  293. <div class="modal fade" id="send2friends" data-backdrop="static">
  294. <div class="modal-dialog" role="document">
  295. <div class="modal-content">
  296. <div class="modal-header">
  297. <h5 class="modal-title">推荐给朋友</h5>
  298. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  299. <span aria-hidden="true">&times;</span>
  300. </button>
  301. </div>
  302. <div class="modal-body">
  303. <div class="input-group mb-3">
  304. <input type="text" class="form-control " value="https://yun.smartcost.com.cn" disabled>
  305. <div class="input-group-append">
  306. <button class="btn btn-outline-secondary" id="copy_link">复制链接</button>
  307. </div>
  308. </div>
  309. <div id="show_share_msg" style="display: none" class="alert alert-success">地址复制成功,快去发给朋友试试吧。</div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div style="display: none">
  315. <%include dataStatistics.html %>
  316. </div>
  317. <!-- inject:js -->
  318. <script src="/lib/jquery/jquery-3.2.1.min.js"></script>
  319. <script type="text/javascript" src="/lib/jquery-ui/jquery-ui.min.js"></script>
  320. <script src="/lib/popper/popper.min.js"></script>
  321. <script src="/lib/bootstrap/bootstrap.min.js"></script>
  322. <script src="/lib/bootstrap/bootstrap-submenu.js"></script>
  323. <script type="text/javascript" src="/web/building_saas/js/moment.min.js"></script>
  324. <script type="text/javascript" src="/web/building_saas/js/message.js"></script>
  325. <script type="text/javascript" src="/public/common_util.js"></script>
  326. <script type="text/javascript" src="/public/web/scMathUtil.js"></script>
  327. <script type="text/javascript" src="/public/web/gljUtil.js"></script>
  328. <script type="text/javascript" src="/public/web/PerfectLoad.js"></script>
  329. <script type="text/javascript" src="/lib/lodash/lodash.js"></script>
  330. <script type="text/javascript" src="/public/web/commonAlert.js"></script>
  331. <script type="text/javascript" src="/public/web/headerOpr.js"></script>
  332. <script type="text/javascript" src="/lib/jquery-editable-select/jquery.editable-select.min.js"></script>
  333. <!-- endinject -->