123 3 months ago
parent
commit
3a3d5e9407

+ 3 - 0
health-chamberlain/src/app/page-inquiry/page-inquiry.component.html

@@ -0,0 +1,3 @@
+<p>
+  page-inquiry works!
+</p>

+ 0 - 0
health-chamberlain/src/app/page-inquiry/page-inquiry.component.scss


+ 22 - 0
health-chamberlain/src/app/page-inquiry/page-inquiry.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { PageInquiryComponent } from './page-inquiry.component';
+
+describe('PageInquiryComponent', () => {
+  let component: PageInquiryComponent;
+  let fixture: ComponentFixture<PageInquiryComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PageInquiryComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PageInquiryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

+ 15 - 0
health-chamberlain/src/app/page-inquiry/page-inquiry.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-inquiry',
+  templateUrl: './page-inquiry.component.html',
+  styleUrls: ['./page-inquiry.component.scss'],
+  standalone: true,
+})
+export class PageInquiryComponent  implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

+ 16 - 16
health-chamberlain/src/app/tab1/tab1.page.html

@@ -1,24 +1,22 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-buttons slot="start">
-    
+      <!-- 可以添加一些按钮内容 -->
     </ion-buttons>
     <ion-buttons slot="end">
-      <ion-button href="/home">首页</ion-button>
-      <ion-button href="/diagnosis">智能诊断</ion-button>
-      <ion-button href="/health-management">健康管理</ion-button>
-      <ion-button href="/medicine-recommendations">药物推荐</ion-button>
-      <ion-button href="/about">关于我们</ion-button>
-      <ion-button href="/user-profile">用户中心</ion-button>
+      <ion-button (click)="navigateToInquiry()">智能诊断</ion-button>
+      <ion-button (click)="navigateToHealthManagement()">健康管理</ion-button>
+      <ion-button (click)="navigateToMedicineRecommendations()">药物推荐</ion-button>
+      <ion-button (click)="navigateToAbout()">关于我们</ion-button>
+      <ion-button (click)="navigateToUserProfile()">用户中心</ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
-<ion-buttons (click)="golestPage()"> 
-  进入测试
-</ion-buttons>
+
 <ion-content [fullscreen]="true">
   <ion-searchbar placeholder="搜索疾病、症状、建议" show-clear-button="focus"></ion-searchbar>
 </ion-content>
+
 <ion-header>
   <ion-toolbar>
     <ion-title>智能健康管理</ion-title>
@@ -31,8 +29,8 @@
   <div class="hero-content">
     <h1>智能健康管理,随时随地关爱您的健康</h1>
     <p>AI诊断、个性化健康管理、精准药物推荐,助您更好管理健康</p>
-    <ion-button expand="full" href="/diagnosis">立即体验</ion-button>
-    <ion-button expand="full" href="/about">了解更多</ion-button>
+    <ion-button expand="full" (click)="navigateToDiagnosis()">立即体验</ion-button>
+    <ion-button expand="full" (click)="navigateToAbout()">了解更多</ion-button>
   </div>
 </ion-content>
 
@@ -46,6 +44,7 @@
     color: white;
   }
 </style>
+
 <ion-content>
   <ion-grid>
     <ion-row>
@@ -57,7 +56,7 @@
           </ion-card-header>
           <ion-card-content>
             通过上传症状描述,AI系统为您提供初步健康诊断,帮助您理解潜在的健康问题。
-            <ion-button expand="full" href="/diagnosis">立即诊断</ion-button>
+            <ion-button expand="full" (click)="navigateToInquiry()">跳转到询盘页面</ion-button>
           </ion-card-content>
         </ion-card>
       </ion-col>
@@ -70,7 +69,7 @@
           </ion-card-header>
           <ion-card-content>
             通过AI帮助您管理日常健康数据,生成健康报告,帮助您实时监控身体状况。
-            <ion-button expand="full" href="/health-management">开始管理</ion-button>
+            <ion-button expand="full" (click)="navigateToHealthManagement()">开始管理</ion-button>
           </ion-card-content>
         </ion-card>
       </ion-col>
@@ -83,7 +82,7 @@
           </ion-card-header>
           <ion-card-content>
             根据您的健康数据,AI为您推荐个性化的药物或治疗方案,帮助您获得更好的治疗效果。
-            <ion-button expand="full" href="/medicine-recommendations">查看推荐</ion-button>
+            <ion-button expand="full" (click)="navigateToMedicineRecommendations()">查看推荐</ion-button>
           </ion-card-content>
         </ion-card>
       </ion-col>
@@ -101,4 +100,5 @@
     <ion-icon name="lock-closed-outline"></ion-icon>
     <ion-label>平台符合GDPR和ISO医疗数据保护标准。</ion-label>
   </ion-item>
-</ion-content>
+</ion-content>
+

+ 30 - 0
health-chamberlain/src/app/tab1/tab1.page.ts

@@ -9,6 +9,36 @@ import { Router } from '@angular/router';
 
 
 
+@Component({
+  selector: 'app-your-component',
+  templateUrl: './your-component.component.html',
+})
+export class YourComponent {
+
+  constructor(private router: Router) {}
+
+  navigateToInquiry() {
+    this.router.navigate(['/inquiry']);
+  }
+
+  navigateToHealthManagement() {
+    this.router.navigate(['/health-management']);
+  }
+
+  navigateToMedicineRecommendations() {
+    this.router.navigate(['/medicine-recommendations']);
+  }
+  
+  navigateToDiagnosis() {
+    this.router.navigate(['/diagnosis']);
+  }
+
+  navigateToAbout() {
+    this.router.navigate(['/about']);
+  }
+}
+
+
 
 @Component({
   selector: 'app-tab1',

+ 5 - 0
health-chamberlain/src/app/tabs/tabs.routes.ts

@@ -21,6 +21,11 @@ export const routes: Routes = [
         loadComponent: () =>
           import('../tab3/tab3.page').then((m) => m.Tab3Page),
       },
+      {
+        path: 'inquiry',
+        loadComponent: () =>
+          import('../page-inquiry/page-inquiry.component').then((m) => m.PageInquiryComponent),
+      },
       {
         path: 'test',
         loadComponent: () =>