nav-menu.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. Vue.component('nav-menu', {
  2. template: '<nav class="navbar-default navbar-static-side" role="navigation">\
  3. <div class="sidebar-collapse">\
  4. <ul class="nav" id="side-menu">\
  5. <li class="nav-header">\
  6. <div class="profile-element">\
  7. <img src="../../img/shouye_bai_icon.png">\
  8. <span class="c-fff c-f16 c-bold ml15">首页</span>\
  9. </div>\
  10. <div class="logo-element">\
  11. <img src="../../img/shouye_bai_icon.png">\
  12. </div>\
  13. </li>\
  14. <nav-menu-item v-for="item of items" :data="item"></nav-menu-item>\
  15. </ul>\
  16. </div>\
  17. </nav>',
  18. props: [],
  19. data: function() {
  20. return {
  21. items: [
  22. {
  23. icon: "../../img/gogngongweisheng_bai_icon.png",
  24. title: "公共卫生服务",
  25. items: [
  26. {
  27. title: "居民管理",
  28. url: "../patient/patient-list.html"
  29. },
  30. {
  31. title: "慢病随访",
  32. url: "../suifang/sf-list.html"
  33. },
  34. {
  35. title: "老年人服务",
  36. url: ""
  37. },
  38. {
  39. title: "严重精神病患者服务",
  40. url: ""
  41. },
  42. {
  43. title: "肺结核患者管理",
  44. url: ""
  45. },
  46. {
  47. title: "健康体检",
  48. url: ""
  49. }
  50. ]
  51. }
  52. ]
  53. }
  54. },
  55. methods: {
  56. }
  57. })