|
|
@@ -1,14 +1,86 @@
|
|
|
import { Component } from '@angular/core';
|
|
|
-import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
|
|
|
+import { IonHeader, IonToolbar, IonTitle, IonContent, IonButtons, IonCardContent } from '@ionic/angular/standalone';
|
|
|
import { ExploreContainerComponent } from '../explore-container/explore-container.component';
|
|
|
+import { IonButton, IonCard, IonCardHeader, IonCardTitle, IonIcon, IonInput, IonItem, IonLabel, IonList, IonRadio } from '@ionic/angular/standalone';
|
|
|
+import { CommonModule } from '@angular/common';
|
|
|
+import { FormsModule } from '@angular/forms'; // 导入 FormsModule
|
|
|
+
|
|
|
+interface FAQ {
|
|
|
+ question: string;
|
|
|
+ answer: string;
|
|
|
+ isOpen: boolean;
|
|
|
+}
|
|
|
|
|
|
@Component({
|
|
|
selector: 'app-tab3',
|
|
|
templateUrl: 'tab3.page.html',
|
|
|
styleUrls: ['tab3.page.scss'],
|
|
|
standalone: true,
|
|
|
- imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent],
|
|
|
+ imports: [
|
|
|
+ IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,
|
|
|
+ IonButton,IonIcon,IonTitle,IonContent,IonItem,IonInput,IonCard,IonCardHeader,
|
|
|
+ IonCardTitle,IonCardHeader,IonList,IonLabel,IonCardTitle,IonButtons,IonCardContent,
|
|
|
+ CommonModule,FormsModule
|
|
|
+ ],
|
|
|
})
|
|
|
export class Tab3Page {
|
|
|
- constructor() {}
|
|
|
+ userMessage: string = '';
|
|
|
+ userRating: number = 0;
|
|
|
+ userFeedback: string = '';
|
|
|
+ feedbackMessage: string = '';
|
|
|
+
|
|
|
+ chatMessages: { sender: string, text: string }[] = [
|
|
|
+ { sender: 'support', text: '欢迎来到智能客服，请问有什么可以帮助您的？' },
|
|
|
+ ];
|
|
|
+
|
|
|
+ faqs: FAQ[] = [
|
|
|
+ { question: '如何预定房间？', answer: '您可以通过我们的应用直接预定，也可以拨打前台电话。', isOpen: false },
|
|
|
+ { question: '酒店提供哪些设施？', answer: '我们提供游泳池、健身房、会议室等设施。', isOpen: false },
|
|
|
+ ];
|
|
|
+
|
|
|
+ goBack() {
|
|
|
+ // Logic to navigate back
|
|
|
+ }
|
|
|
+
|
|
|
+ goToProfile() {
|
|
|
+ // Logic to navigate to user profile
|
|
|
+ }
|
|
|
+
|
|
|
+ sendMessage() {
|
|
|
+ if (this.userMessage.trim()) {
|
|
|
+ this.chatMessages.push({ sender: 'customer', text: this.userMessage });
|
|
|
+ this.userMessage = '';
|
|
|
+ // Simulate a response from support
|
|
|
+ this.chatMessages.push({ sender: 'support', text: '谢谢您的咨询，我们会尽快回复您。' });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ toggleFAQ(faq: FAQ) {
|
|
|
+ faq.isOpen = !faq.isOpen;
|
|
|
+ }
|
|
|
+
|
|
|
+ submitFeedback() {
|
|
|
+ if (this.userRating > 0) {
|
|
|
+ this.feedbackMessage = '感谢您的反馈！评分提交成功。';
|
|
|
+ // Logic to handle feedback submission
|
|
|
+ } else {
|
|
|
+ this.feedbackMessage = '请给出评分。';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ checkout() {
|
|
|
+ // Logic to check out a room
|
|
|
+ }
|
|
|
+
|
|
|
+ requestCleaning() {
|
|
|
+ // Logic to request cleaning
|
|
|
+ }
|
|
|
+
|
|
|
+ inquireFacilities() {
|
|
|
+ // Logic to inquire about facilities
|
|
|
+ }
|
|
|
+
|
|
|
+ contactSupport() {
|
|
|
+ // Logic to contact support
|
|
|
+ }
|
|
|
}
|
