tab3.page.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <ion-content>
  2. <div class="profile-container">
  3. <div class="user-info">
  4. <!-- 个人信息 -->
  5. @if(!currentUser?.id){
  6. <img src="https://cdn.wantuju.com/pngsucai/imgRegular/20210801/ea7d60e8-133f-40b9-9f12-4ad402c97c62%20_63338_wantuju.jpg" alt="用户头像" class="avatar" />
  7. <div class="user-details">
  8. <h2>昵称</h2>
  9. <p>基本信息:年龄、性别等</p>
  10. </div>
  11. <div class="auth-text">
  12. <span class="login" (click)="login()">登录</span>/
  13. <span class="register" (click)="signup()">注册</span>
  14. </div>
  15. }
  16. @if(currentUser?.id){
  17. <img [src]="currentUser?.get('avatar')|| '../../assets/image/doctor7.png'" alt="头像" class="avatar" />
  18. <div class="user-details">
  19. <h2>{{currentUser?.get("username")}}</h2>
  20. <p>性别:{{currentUser?.get("gender")||"-"}} 年龄:{{currentUser?.get("age")||"-"}}</p>
  21. </div>
  22. <div class="auth-text">
  23. <span class="edituser" (click)="editUser()">编辑资料</span>
  24. </div>
  25. }
  26. </div>
  27. <!-- 医疗服务 -->
  28. <ion-card-header>
  29. <ion-card-title>医疗服务</ion-card-title>
  30. </ion-card-header>
  31. <ion-card-content>
  32. <div class="button-row">
  33. <ion-button expand="full" fill="outline" color="light" routerLink="/tabs/inquiry">
  34. <img src="https://img.tukuppt.com/png_preview/00/06/02/Ci3mfMQItP.jpg!/fw/780" alt="报病查诊" class="button-icon"/>
  35. </ion-button>
  36. <ion-button expand="full" fill="outline" color="light" routerLink="/appointments">
  37. <img src="assets/appointments.png" alt="预约记录" class="button-icon" />
  38. </ion-button>
  39. <ion-button expand="full" fill="outline" color="light" routerLink="/discussions">
  40. <img src="assets/discussions.png" alt="讨论记录" class="button-icon" />
  41. </ion-button>
  42. <ion-button expand="full" fill="outline" color="light" routerLink="/doctors">
  43. <img src="assets/doctors.png" alt="关注的医生" class="button-icon" />
  44. </ion-button>
  45. </div>
  46. </ion-card-content>
  47. <!-- 医生关注 -->
  48. <ion-card-header>
  49. <ion-card-title>医生关注</ion-card-title>
  50. </ion-card-header>
  51. <ion-card-content>
  52. <ion-list>
  53. <ion-item>
  54. <ion-label>医生姓名 1</ion-label>
  55. <ion-icon slot="end" name="chevron-forward"></ion-icon>
  56. </ion-item>
  57. <ion-item>
  58. <ion-label>医生姓名 2</ion-label>
  59. <ion-icon slot="end" name="chevron-forward"></ion-icon>
  60. </ion-item>
  61. </ion-list>
  62. </ion-card-content>
  63. <!-- 常用服务 -->
  64. <ion-card-header>
  65. <ion-card-title>常用服务</ion-card-title>
  66. </ion-card-header>
  67. <ion-card-content>
  68. <ion-list>
  69. <ion-item button routerLink="/bills">
  70. <ion-label>我的账单</ion-label>
  71. <ion-icon slot="end" name="chevron-forward"></ion-icon>
  72. </ion-item>
  73. <ion-item button routerLink="/orders">
  74. <ion-label>商城订单</ion-label>
  75. <ion-icon slot="end" name="chevron-forward"></ion-icon>
  76. </ion-item>
  77. <ion-item button routerLink="/checkups">
  78. <ion-label>体检订单</ion-label>
  79. <ion-icon slot="end" name="chevron-forward"></ion-icon>
  80. </ion-item>
  81. </ion-list>
  82. </ion-card-content>
  83. </div>
  84. </ion-content>
  85. @if(currentUser?.id){
  86. <ion-button (click)="logout()" color="light">登出</ion-button>
  87. }