hid_msrpuwgj56ccf29 1 år sedan
förälder
incheckning
3496c5d92d

+ 2 - 2
app-angular/src/app/app.component.html

@@ -12,11 +12,11 @@
         </ion-tab-button>
         <ion-tab-button routerLink="/lesson/page-test">
             <ion-icon name="logo-octocat"></ion-icon>
-            测试
+            性格测试
           </ion-tab-button>
       <ion-tab-button routerLink="/lesson/lesson">
         <ion-icon name="alert-circle-outline"></ion-icon>
-            禁忌
+            能不能吃
         </ion-tab-button>
         <ion-tab-button routerLink="/lesson/me">
             <ion-icon name="person-circle"></ion-icon>

+ 3 - 3
app-angular/src/modules/lesson/page-chat/page-chat.component.html

@@ -1,14 +1,14 @@
 <div class="ion-page">
     <ion-header>
         <ion-toolbar>
-            <ion-title>AI</ion-title>
+            <ion-title>AI养宠</ion-title>
         </ion-toolbar>
         <ion-segment value="all">
             <ion-segment-button value="all" (click)="changeTab('all')">
-                <ion-label>AI宠物</ion-label>
+                <ion-label>宠物问诊</ion-label>
             </ion-segment-button>
             <ion-segment-button value="favorites" (click)="changeTab('favorites')">
-                <ion-label>定制专属</ion-label>
+                <ion-label>虚拟宠物制定</ion-label>
             </ion-segment-button>
         </ion-segment>
     </ion-header>

+ 1 - 1
app-angular/src/modules/lesson/page-chat/page-chat.component.scss

@@ -93,4 +93,4 @@
 .navfooter {
     width: 100%;
     height: 120px;
-}
+}

+ 6 - 3
app-angular/src/modules/lesson/page-chat/page-chat.component.ts

@@ -76,11 +76,14 @@ export class PageChatComponent {
   // AI计划
   planOptions: any = {
     gender: "未知",
-    targets: []
+    option1: "",
+    option2: ""
   } // 计划选项对象,包含性别和目标属性
-  setOption(key: string, event: any) {
-    this.planOptions[key] = event.detail.value; // 更新计划选项对象的属性值
+  
+  setOption(optionName: string, event: any) {
+    this.planOptions[optionName] = event.detail.value;
   }
+  
   sendPlan() {
     let content = `宠物的性别:${this.planOptions.gender},品种,年龄:,体重,
     信息:${this.planOptions.targets?.join(";")}

+ 87 - 12
app-angular/src/modules/lesson/page-test/page-test.component.html

@@ -5,7 +5,7 @@
                 <ion-label>不同MBTI宠物</ion-label>
             </ion-segment-button>
             <ion-segment-button value="favorites" (click)="changeTab('favorites')">
-                <ion-label>宠物测试</ion-label>
+                <ion-label>宠物性格测试</ion-label>
             
             </ion-segment-button>
         </ion-segment>
@@ -61,21 +61,96 @@
 
         <!-- 宠物测试 -->
         <ng-container *ngIf="currentTab === 'favorites'">
-            <h4 style="text-align: center;padding: 15px;">请填写以下信息,以便为你宠物测试</h4>
+            <h4 style="text-align: center;padding: 15px;">开始测试</h4>
             <ion-list>
-                <ion-item>
-                    <ion-select [value]="planOptions.targets" (ionChange)="setOption('targets',$event)"
-                        aria-label="object" placeholder="当你的宠物遇到陌生人时,它会" [multiple]="true">
-                        <ion-select-option value="慵懒休闲">慵懒休闲</ion-select-option>
-                        <ion-select-option value="活泼好动">活泼好动</ion-select-option>
-                        <ion-select-option value="独立自主">独立自主</ion-select-option>
-                    </ion-select>
-                </ion-item>               
-                <ion-item>
+                <ion-item class="question">
+                    <ion-label class="question-label">1.当你坐在沙发上看电视时,你的宠物会:
+                        </ion-label>
+                  </ion-item>
+                  
+                  <ion-radio-group [(ngModel)]="planOptions.option1">
+                    <ion-item class="option">
+                      <ion-label class="option-label">A 跳上来陪你</ion-label>
+                      <ion-radio value="慵懒休闲"></ion-radio>
+                    </ion-item>
+                    <ion-item class="option">
+                      <ion-label class="option-label">B 在旁边的地板上休息
+                        </ion-label>
+                      <ion-radio value="活泼好动"></ion-radio>
+                    </ion-item>
+                    
+                    <ion-item class="option">
+                      <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
+                      <ion-radio value="无所谓"></ion-radio>
+                    </ion-item>
+                  </ion-radio-group>
+                  
+                <ion-item class="question">
+                    <ion-label class="question-label">2.当你的宠物遇到陌生人时,它会</ion-label>
+                  </ion-item>
+                  
+                  <ion-radio-group [(ngModel)]="planOptions.option1">
+                    <ion-item class="option">
+                      <ion-label class="option-label">A 热情地走近,并好奇地闻闻</ion-label>
+                      <ion-radio value="慵懒休闲"></ion-radio>
+                    </ion-item>
+                    <ion-item class="option">
+                      <ion-label class="option-label">B 躲在安全的地方观察一会再决定是否靠近</ion-label>
+                      <ion-radio value="活泼好动"></ion-radio>
+                    </ion-item>
+                    
+                    <ion-item class="option">
+                      <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
+                      <ion-radio value="无所谓"></ion-radio>
+                    </ion-item>
+                  </ion-radio-group>
+                  
+                  <ion-item class="question">
+                    <ion-label class="question-label">3.当你回到家时,你的宠物会</ion-label>
+                  </ion-item>
+                  
+                  <ion-radio-group [(ngModel)]="planOptions.option2">
+                    <ion-item class="option">
+                      <ion-label class="option-label">A 热情地迎接你并蹭你的腿</ion-label>
+                      <ion-radio value="慵懒休闲"></ion-radio>
+                    </ion-item>
+                    <ion-item class="option">
+                      <ion-label class="option-label">B 躲在某个地方等待你</ion-label>
+                      <ion-radio value="活泼好动"></ion-radio>
+                    </ion-item>
+                  
+                    <ion-item class="option">
+                      <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
+                      <ion-radio value="无所谓"></ion-radio>
+                    </ion-item>
+                  </ion-radio-group>
+                  <ion-item class="question">
+                    <ion-label class="question-label">4.当你打开一个新的盒子或者移动家具时,你的宠物会</ion-label>
+                  </ion-item>
+                  
+                  <ion-radio-group [(ngModel)]="planOptions.option2">
+                    <ion-item class="option">
+                      <ion-label class="option-label">A 好奇地探索新环境
+                        </ion-label>
+                      <ion-radio value="慵懒休闲"></ion-radio>
+                    </ion-item>
+                    <ion-item class="option">
+                      <ion-label class="option-label">B 保持距离观望
+                        </ion-label>
+                      <ion-radio value="活泼好动"></ion-radio>
+                    </ion-item>
+                  
+                    <ion-item class="option">
+                      <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
+                      <ion-radio value="无所谓"></ion-radio>
+                    </ion-item>
+                  </ion-radio-group>
+                  
+                <ion-item class="question">
                     <ion-textarea label="你是否有其他信息或补充" labelPlacement="floating" placeholder=" "></ion-textarea>
                 </ion-item>
             </ion-list>
-            <ion-button  expand="block">生成</ion-button>
+            <ion-button  expand="block">生成测试结果</ion-button>
         </ng-container>
         <div class="navfooter"> </div>
     </ion-content>

+ 19 - 1
app-angular/src/modules/lesson/page-test/page-test.component.scss

@@ -93,4 +93,22 @@
 .navfooter {
     width: 100%;
     height: 120px;
-}
+}
+.question {
+    font-weight: bold;
+    margin-bottom: 10px;
+    
+  }
+  
+  .question-label {
+    font-size: 18px;
+  }
+  
+  .option {
+    margin-bottom: 8px;
+  }
+  
+  .option-label {
+    font-size: 16px;
+  }
+  

+ 7 - 4
app-angular/src/modules/lesson/page-test/page-test.component.ts

@@ -41,11 +41,14 @@ import { Router } from '@angular/router';
     
     planOptions: any = {
       gender: "未知",
-      targets: []
-    } // 计划选项对象,包含性别和目标属性
-    setOption(key: string, event: any) {
-      this.planOptions[key] = event.detail.value; // 更新计划选项对象的属性值
+      option1: "",
+      option2: ""
+    } ;// 计划选项对象,包含性别和目标属性
+    // 计划选项对象,包含性别和目标属性
+    setOption(optionName: string, event: any) {
+      this.planOptions[optionName] = event.detail.value;
     }
+    
     // 触底加载函数逻辑
     pageSize = 30
     skip: number = 0 // 跳过多少条进行加载