left-menu.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. (function() {
  2. Vue.component('left-menu', {
  3. template: `<div class="w3-col c-border bgc-fff ptb20 plr40" style="width:237px;">
  4. <div class="w3-row">
  5. <div class="w3-col" style="width:30px;">
  6. <img class="media-object" src="../../../images/icon_wodezhanghu.png">
  7. </div>
  8. <div class="w3-rest plr12">
  9. <div class="c-f20">我的账户</div>
  10. <div class="mine-menu">
  11. <div id="info" class="pt20" @click="goinfo()">个人设置</div>
  12. <div id="xiaoxi" class="pt20" @click="gonotices()">消息通知</div>
  13. <div id="securitySetting" class="pt20" @click="gosecuritySetting()">安全设置</div>
  14. </div>
  15. </div>
  16. </div>
  17. <div class="w3-row pt30 pb10">
  18. <div class="w3-col" style="width:30px;">
  19. <img class="media-object" src="../../../images/icon_yuyueguahao.png">
  20. </div>
  21. <div class="w3-rest plr12">
  22. <div class="c-f20">预约挂号</div>
  23. <div class="mine-menu">
  24. <div id="record" class="pt20" @click="gorecord()">预约记录</div>
  25. <!--<div id="doctor" class="pt20" @click="godoctor()">常用就诊人</div>-->
  26. </div>
  27. </div>
  28. </div>
  29. </div>`,
  30. props: ["code"],
  31. data: function() {
  32. return {
  33. }
  34. },
  35. mounted: function() {
  36. $("#" + this.code).addClass("active")
  37. },
  38. methods: {
  39. goinfo: function() {
  40. location.href = "../../mine/html/personal-info.html"
  41. },
  42. gosecuritySetting: function() {
  43. location.href = "../../mine/html/security-setting.html"
  44. },
  45. gorecord: function() {
  46. location.href = "../../mine/html/record.html"
  47. },
  48. godoctor: function() {
  49. location.href = "../../mine/html/doctor.html"
  50. },
  51. gonotices:function(){
  52. location.href = "../../mine/html/xiaoxi.html"
  53. }
  54. },
  55. })
  56. })()