'update:实现广场基本页面和模拟面试的逻辑'

app-angular/src/modules/home/class-chat-completion.ts

@@ -9,6 +9,7 @@ export class TestChatCompletion{
   }
   async createCompletionByStream() {
 
+
     let token = localStorage.getItem("token");
     let bodyJson = {
       "token": `Bearer ${token}`,

app-angular/src/modules/home/experience-square-information/experience-square-information.component.html

@@ -9,89 +9,90 @@
       </nz-breadcrumb-item>
     </nz-breadcrumb>
   </div>
-  <!-- 其他页面内容 -->
 </div>
 
-<nz-layout>
-  <nz-layout class="nz-content-container">
-    <nz-content>
-      <div class="card">
-        <div class="header">
-          <!-- 头像图片 -->
-          <nz-avatar
-            [nzSize]="ngSize ? ngSize : 'large'"
-            [nzSrc]="avatarSrc">
-          </nz-avatar>
-          <div class="share-button">
-            <button nz-button (click)="showModal()">
-              <span nz-icon nzType="share-alt" nzTheme="outline"></span>
+<div class="layout-container">
+  <nz-layout>
+    <nz-layout class="nz-content-container">
+      <nz-content>
+        <div class="card">
+          <div class="header">
+            <!-- 头像图片 -->
+            <nz-avatar
+              [nzSize]="ngSize ? ngSize : 'large'"
+              [nzSrc]="avatarSrc">
+            </nz-avatar>
+            <div class="share-button">
+              <button nz-button (click)="showModal()">
+                <span nz-icon nzType="share-alt" nzTheme="outline"></span>
+              </button>
+              <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()"
+                        (nzOnOk)="handleOk()">
+                <ng-container *nzModalContent>
+                  <p>Content one</p>
+                  <p>Content two</p>
+                  <p>Content three</p>
+                </ng-container>
+              </nz-modal>
+            </div>
+          </div>
+          <hr class="divider"/>
+          <div class="content">
+            <!-- 文本和图片数据 -->
+            <h4>我今天找到了一个好工作</h4>
+            <p>Special beta pricing's almost over, don't miss out. Head to http://enva.t to check it out & sign up.
+              Don’t
+              forget o subscribe.</p>
+            <img nz-image width="200px" src="assets/images/page-mine/myAvatar.png" alt=""/>
+          </div>
+          <hr class="divider"/>
+          <div class="actions">
+            <button class="icon-button" [ngClass]="{'active': likeActive}" (click)="toggleLike()">
+              <span nz-icon nzType="like" nzTheme="outline"></span>
+            </button>
+            <button class="icon-button" [ngClass]="{'active': dislikeActive}" (click)="toggleDislike()">
+              <span nz-icon nzType="dislike" nzTheme="outline"></span>
+            </button>
+            <button class="icon-button">
+              <span nz-icon nzType="comment" nzTheme="outline"></span>
+            </button>
+            <button class="icon-button">
+              <span nz-icon nzType="star" nzTheme="outline"></span>
             </button>
-            <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()"
-                      (nzOnOk)="handleOk()">
-              <ng-container *nzModalContent>
-                <p>Content one</p>
-                <p>Content two</p>
-                <p>Content three</p>
-              </ng-container>
-            </nz-modal>
           </div>
         </div>
-        <hr class="divider"/>
-        <div class="content">
-          <!-- 文本和图片数据 -->
-          <h4>我今天找到了一个好工作</h4>
-          <p>Special beta pricing's almost over, don't miss out. Head to http://enva.t to check it out & sign up. Don’t
-            forget o subscribe.</p>
-          <img nz-image width="200px" src="assets/images/page-mine/myAvatar.png" alt=""/>
-        </div>
-        <hr class="divider"/>
-        <div class="actions">
-          <button class="icon-button" [ngClass]="{'active': likeActive}" (click)="toggleLike()">
-            <span nz-icon nzType="like" nzTheme="outline"></span>
-          </button>
-          <button class="icon-button" [ngClass]="{'active': dislikeActive}" (click)="toggleDislike()">
-            <span nz-icon nzType="dislike" nzTheme="outline"></span>
-          </button>
-          <button class="icon-button">
-            <span nz-icon nzType="comment" nzTheme="outline"></span>
-          </button>
-          <button class="icon-button">
-            <span nz-icon nzType="star" nzTheme="outline"></span>
-          </button>
-        </div>
-      </div>
 
-    </nz-content>
-    <nz-content>
-      <div class="message-box">
-        <div class="icons">
-          <button class="icon-button" (click)="uploadImage()">
-            <span class="icon">上传图片</span>
-          </button>
-          <button class="icon-button" (click)="sendEmoji()">
-            <span class="icon">发送表情</span>
-          </button>
+      </nz-content>
+      <nz-content>
+        <div class="message-box">
+          <div class="icons">
+            <button class="icon-button" (click)="uploadImage()">
+              <span class="icon">上传图片</span>
+            </button>
+            <button class="icon-button" (click)="sendEmoji()">
+              <span class="icon">发送表情</span>
+            </button>
+          </div>
+          <textarea class="message-input" [(ngModel)]="messageContent" (keydown)="handleKeyDown($event)"></textarea>
+          <button class="send-button" (click)="sendMessage()">发送</button>
         </div>
-        <textarea class="message-input" [(ngModel)]="messageContent" (keydown)="handleKeyDown($event)"></textarea>
-        <button class="send-button" (click)="sendMessage()">发送</button>
-      </div>
-    </nz-content>
-    <nz-content>
-      <div class="comment-section">
-        <div class="comment-count">
-          <span class="count">{{ commentCount }}</span>
+      </nz-content>
+      <nz-content>
+        <div class="comment-section">
+          <div class="comment-count">
+            <span class="count">{{ commentCount }}</span>
+          </div>
+          <hr class="divider">
         </div>
-        <hr class="divider">
-      </div>
-    </nz-content>
-    <nz-content>
-      <ng-template #commentTemplateRef let-comment="comment">
-        <nz-comment [nzAuthor]="comment.author">
-          <nz-avatar nz-comment-avatar nzIcon="user" [nzSrc]="comment.avatar"></nz-avatar>
-          <nz-comment-content>
-            <p>{{ comment.content }}</p>
-          </nz-comment-content>
-          <nz-comment-action>
+      </nz-content>
+      <nz-content>
+        <ng-template #commentTemplateRef let-comment="comment">
+          <nz-comment [nzAuthor]="comment.author">
+            <nz-avatar nz-comment-avatar nzIcon="user" [nzSrc]="comment.avatar"></nz-avatar>
+            <nz-comment-content>
+              <p>{{ comment.content }}</p>
+            </nz-comment-content>
+            <nz-comment-action>
             <span
               nz-tooltip
               nzTitle="Like"
@@ -100,9 +101,9 @@
               [nzTheme]="likes > 0 ? 'twotone' : 'outline'"
               (click)="like()"
             ></span>
-            <span class="count like">{{ likes }}</span>
-          </nz-comment-action>
-          <nz-comment-action>
+              <span class="count like">{{ likes }}</span>
+            </nz-comment-action>
+            <nz-comment-action>
             <span
               nz-tooltip
               nzTitle="Dislike"
@@ -111,9 +112,9 @@
               [nzTheme]="dislikes > 0 ? 'twotone' : 'outline'"
               (click)="dislike()"
             ></span>
-            <span class="count dislike">{{ dislikes }}</span>
-          </nz-comment-action>
-          <nz-comment-action>
+              <span class="count dislike">{{ dislikes }}</span>
+            </nz-comment-action>
+            <nz-comment-action>
             <span *ngIf="comment.isParent"
                   nz-tooltip
                   nzTitle="Expand"
@@ -121,24 +122,36 @@
                   nzType="comment"
                   nzTheme="outline"
                   (click)="toggleExpand(comment)"></span>
-          </nz-comment-action>
-          <ng-container *ngIf="comment.children && comment.children.length && comment.children.expanded">
-            <ng-template ngFor let-child [ngForOf]="comment.children">
-              <ng-template
-                [ngTemplateOutlet]="commentTemplateRef"
-                [ngTemplateOutletContext]="{ comment: child }"
-              ></ng-template>
-            </ng-template>
-          </ng-container>
-        </nz-comment>
-      </ng-template>
+            </nz-comment-action>
+            <ng-container *ngIf="comment.children && comment.children.length && comment.children.expanded">
+              <ng-template ngFor let-child [ngForOf]="comment.children">
+                <ng-template
+                  [ngTemplateOutlet]="commentTemplateRef"
+                  [ngTemplateOutletContext]="{ comment: child }"
+                ></ng-template>
+              </ng-template>
+            </ng-container>
+          </nz-comment>
+        </ng-template>
 
-      <ng-template [ngTemplateOutlet]="commentTemplateRef"
-                   [ngTemplateOutletContext]="{ comment: data[0] }"></ng-template>
-    </nz-content>
-    <nz-footer>Footer</nz-footer>
+        <ng-template [ngTemplateOutlet]="commentTemplateRef"
+                     [ngTemplateOutletContext]="{ comment: data[0] }"></ng-template>
+      </nz-content>
+      <nz-footer>Footer</nz-footer>
+    </nz-layout>
+    <nz-sider>
+      <nz-card nzBordered [ngStyle]="{'border-radius':'10px'}" nzTitle="Cart Title">
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+        <div nz-card-grid [ngStyle]="gridStyle">Content</div>
+      </nz-card>
+    </nz-sider>
   </nz-layout>
-  <nz-sider>Sider</nz-sider>
-</nz-layout>
+</div>
+
 
 

app-angular/src/modules/home/experience-square-information/experience-square-information.component.scss

@@ -228,6 +228,17 @@ nz-content-container {
 }
 
 
+//左侧内容部分
+.layout-container {
+  width: 70%;
+  margin: auto;
+}
+
+//右侧卡片
+nz-sider {
+  margin-left: 30px;
+}
+
 
 
 

app-angular/src/modules/home/experience-square-information/experience-square-information.component.ts

@@ -118,4 +118,10 @@ export class ExperienceSquareInformationComponent {
       comment.children.expanded = !comment.children.expanded;
     }
   }
+
+  //右侧卡片
+  gridStyle = {
+    width: '100%',
+    textAlign: 'center'
+  };
 }

app-angular/src/modules/home/home-routing.module.ts

@@ -13,6 +13,7 @@ import {
   ExperienceSquareInformationComponent
 } from "./experience-square-information/experience-square-information.component";
 import {ExperienceSquareUserComponent} from "./experience-square-user/experience-square-user.component";
+import {AnalystReportsComponent} from "./analyst-reports/analyst-reports.component";
 
 const routes: Routes = [
   {
@@ -36,7 +37,7 @@ const routes: Routes = [
         path: 'allcompany/companydetail', component: CompanydetailComponent, canActivate: [AuthGuard]
       },
       {
-        path: 'minterviews', component: MockInterviewsComponent,
+        path: 'minterviews/:tabIndex', component: MockInterviewsComponent,
         canActivate: [AuthGuard],
       },
       {
@@ -49,6 +50,10 @@ const routes: Routes = [
       {
         path: 'expersquare/user', component: ExperienceSquareUserComponent,
         canActivate: [AuthGuard],
+      },
+      {
+        path: 'report', component: AnalystReportsComponent,
+        canActivate: [AuthGuard],
       }
     ]
   }

app-angular/src/modules/home/home.module.ts

@@ -45,6 +45,8 @@ import {
 import {MapModule} from "../map/map.module";
 import {NzDrawerModule} from "ng-zorro-antd/drawer";
 import {NzBreadCrumbModule} from "ng-zorro-antd/breadcrumb";
+import {NzCascaderModule} from "ng-zorro-antd/cascader";
+import { AnalystReportsComponent } from './analyst-reports/analyst-reports.component';
 
 @NgModule({
   declarations: [
@@ -60,41 +62,43 @@ import {NzBreadCrumbModule} from "ng-zorro-antd/breadcrumb";
     TruncatePipeText,
     ExperienceSquareUserComponent,
     ExperienceSquareInformationComponent,
+    AnalystReportsComponent,
   ],
-    imports: [
-        CommonModule,
-        HomeRoutingModule,
-        NzListModule,
-        NzPopoverModule,
-        NzAvatarModule,
-        NzLayoutModule,
-        NzMenuModule,
-        NzIconModule,
-        IonicModule,
-        NzCarouselModule,
-        NzCardModule,
-        NzGridModule,
-        NzDescriptionsModule,
-        TooltipModule,
-        TabsModule,
-        NzBadgeModule,
-        NzInputModule,
-        NzSpinModule,
-        NzTabsModule,
-        NzModalModule,
-        NzButtonModule,
-        ReactiveFormsModule,
-        NzStepsModule,
-        FormsModule,
-        NzDividerModule,
-        NzTypographyModule,
-        NzCommentModule,
-        NzToolTipModule,
-        MapModule,
-        NzDrawerModule,
-        NzBreadCrumbModule,
+  imports: [
+    CommonModule,
+    HomeRoutingModule,
+    NzListModule,
+    NzPopoverModule,
+    NzAvatarModule,
+    NzLayoutModule,
+    NzMenuModule,
+    NzIconModule,
+    IonicModule,
+    NzCarouselModule,
+    NzCardModule,
+    NzGridModule,
+    NzDescriptionsModule,
+    TooltipModule,
+    TabsModule,
+    NzBadgeModule,
+    NzInputModule,
+    NzSpinModule,
+    NzTabsModule,
+    NzModalModule,
+    NzButtonModule,
+    ReactiveFormsModule,
+    NzStepsModule,
+    FormsModule,
+    NzDividerModule,
+    NzTypographyModule,
+    NzCommentModule,
+    NzToolTipModule,
+    MapModule,
+    NzDrawerModule,
+    NzBreadCrumbModule,
+    NzCascaderModule,
 
-    ]
+  ]
 })
 export class HomeModule {
 }

app-angular/src/modules/home/mock-interviews/mock-interviews.component.html

@@ -21,30 +21,59 @@
 <!--  </div>-->
 <!--</div>-->
 
-<nz-tabset [nzTabPosition]="'left'">
+<nz-tabset [nzTabPosition]="'left'" [nzSelectedIndex]="selectedIndex" nzValue="small">
   <nz-tab [nzTitle]="'选择页面'">
     <!-- 选择页面的内容 -->
+    <nz-cascader
+      [nzSize]="'large'"
+      [nzOptions]="nzOptions"
+      [(ngModel)]="selectedValue"
+      [nzShowSearch]="true"
+      (ngModelChange)="onChanges($event)"
+      [nzTriggerAction]="'hover'"
+      [nzExpandTrigger]="'hover'"
+    ></nz-cascader>
+    <button nz-button nzType="primary" [nzLoading]="isLoadingOne" (click)="loadOne()">Click me!</button>
+
   </nz-tab>
   <nz-tab [nzTitle]="'面试环节'">
-    <div class="chat-container">
-      <div class="chat-window" #chatWindow>
-        <div class="chat-label">聊天记录</div>
-        <div class="chat-messages">
-          <div *ngFor="let message of messagesList" class="message"
-               [ngClass]="{'left': getReceived(message.role), 'right': getReceived(message.role)}">
-            <div class="avatar" [ngClass]="{'left': getReceived(message.role), 'right':getReceived(message.role)}">
-              <img [src]="getAvatar(message.role)" alt="Avatar"/>
+    <ng-template #contentTemplate>
+      <div class="chat-container">
+        <div class="chat-window" #chatWindow>
+          <div class="chat-label">聊天记录</div>
+          <div class="chat-messages">
+            <div *ngFor="let message of messagesListUser" class="message"
+                 [ngClass]="{'left': getReceived(message.role), 'right': getReceived(message.role)}">
+              <div class="avatar" [ngClass]="{'left': getReceived(message.role), 'right':getReceived(message.role)}">
+                <img [src]="getAvatar(message.role)" alt="Avatar"/>
+              </div>
+              <div class="content">{{ message.content }}</div>
             </div>
-            <div class="content">{{ message.content }}</div>
           </div>
         </div>
-      </div>
-      <div class="input-container">
+        <div class="input-container">
         <textarea [nzSize]="'large'" nz-input [(ngModel)]="inputText" placeholder="请输入消息"
                   (keydown)="handleKeyDown($event)"></textarea>
-        <button nz-button nzType="primary" (click)="send()">发送</button>
+          <button nz-button nzType="primary" (click)="handleButton()" [disabled]="createReport">发送</button>
+          <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()"
+                    (nzOnOk)="handleOk()">
+            <ng-container *nzModalContent>
+              <p>您的输入为空,请检查输入</p>
+            </ng-container>
+          </nz-modal>
+        </div>
       </div>
-    </div>
+    </ng-template>
+    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+  </nz-tab>
+  <nz-tab [nzTitle]="'阿里面试官'">
+    <!-- 选择页面的内容 -->
+    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+  </nz-tab>
+  <nz-tab [nzTitle]="'华为面试官'">
+    <!-- 选择页面的内容 -->
+    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+
   </nz-tab>
 </nz-tabset>
 

app-angular/src/modules/home/mock-interviews/mock-interviews.component.scss

@@ -59,7 +59,7 @@
   }
 
   .content {
-    background-color: #f1f1f1;
+    background-color: papayawhip;
     padding: 10px;
     border-radius: 5px;
   }
@@ -77,7 +77,7 @@
   }
 
   .right .content {
-    background: lightgray;
+    background:navajowhite;
   }
 
   .segmented-container {
@@ -103,3 +103,15 @@
     }
   }
 }
+
+//联级框
+.ant-cascader {
+  width: 300px;
+  margin-bottom: 8px;
+}
+
+//联级确认按钮
+[nz-button] {
+  margin-right: 8px;
+  margin-bottom: 12px;
+}

app-angular/src/modules/home/mock-interviews/mock-interviews.component.ts

@@ -1,6 +1,9 @@
-import {Component, ElementRef, ViewChild} from '@angular/core';
+import {Component, ElementRef, ViewChild, OnInit} from '@angular/core';
 import {trigger, state, style, animate, transition} from '@angular/animations';
 import {TestChatCompletion, TestChatMessage} from '../class-chat-completion';
+import {ActivatedRoute} from '@angular/router';
+import {NzCascaderOption} from "ng-zorro-antd/cascader";
+import {Router} from '@angular/router';
 
 @Component({
   selector: 'app-mock-interviews',
@@ -19,6 +22,9 @@ export class MockInterviewsComponent {
   showProgress: boolean = false;
   progress: number = 0;
 
+  finalResult: Array<any> = []
+  resultAnswers: Array<any> = []
+
   startAnimation() {
     this.showProgress = true;
     this.showContent = true;
@@ -27,10 +33,97 @@ export class MockInterviewsComponent {
   completion: TestChatCompletion
   @ViewChild('chatWindow', {static: false}) chatWindow!: ElementRef;
 
+  nzOptions: NzCascaderOption[];
+  options = [
+    {
+      value: '阿里面试官',
+      label: '阿里面试官',
+      children: [
+        {
+          value: '技术面试',
+          label: '技术面试',
+          children: [
+            {
+              value: '简单面',
+              label: '简单面',
+              isLeaf: true
+            },
+            {
+              value: '中等难',
+              label: '中等难',
+              isLeaf: true
+            },
+            {
+              value: '技术牛',
+              label: '技术牛',
+              isLeaf: true
+            },
+          ]
+        },
+      ]
+    },
+    {
+      value: '华为面试官',
+      label: '华为面试官',
+      children: [
+        {
+          value: '技术面试',
+          label: '技术面试',
+          children: [
+            {
+              value: '简单面',
+              label: '简单面',
+              isLeaf: true
+            },
+            {
+              value: '中等难',
+              label: '中等难',
+              isLeaf: true
+            },
+            {
+              value: '技术牛',
+              label: '技术牛',
+              isLeaf: true
+            },
+          ]
+        },
+      ]
+    },
+    {
+      value: '苹果面试官',
+      label: '苹果面试官',
+      children: [
+        {
+          value: '技术面试',
+          label: '技术面试',
+          children: [
+            {
+              value: '简单面',
+              label: '简单面',
+              isLeaf: true
+            },
+            {
+              value: '中等难',
+              label: '中等难',
+              isLeaf: true
+            },
+            {
+              value: '技术牛',
+              label: '技术牛',
+              isLeaf: true
+            },
+          ]
+        },
+      ]
+    }
+  ];
 
-  constructor() {
+
+  constructor(private route: ActivatedRoute, private router: Router) {
     this.completion = new TestChatCompletion(this.messagesList)
 
+    this.nzOptions = this.options;
+
   }
 
   messagesList: Array<TestChatMessage> = [
@@ -39,6 +132,13 @@ export class MockInterviewsComponent {
       content: "哈喽我的您的面试官,请点击发送,我们将准备开始面试"
     },
   ]
+  messagesListUser: Array<TestChatMessage> = [
+    {
+      role: "assistant",
+      content: "哈喽我的您的面试官,请点击发送,我们将准备开始面试"
+    },
+  ]
+
 
   inputText = '';
 
@@ -58,8 +158,8 @@ export class MockInterviewsComponent {
     this.inputText += '?';
   }
 
-  handleEnter() {
-    this.send()
+  async handleEnter() {
+    await this.send()
   }
 
   handleKeyDown(event: KeyboardEvent) {
@@ -73,6 +173,7 @@ export class MockInterviewsComponent {
   }
 
   isStart: number = 0
+  typeQuestion: number = 0;
 
 
   // 滚动到底部
@@ -81,51 +182,263 @@ export class MockInterviewsComponent {
     chatWindow.scrollTop = chatWindow.scrollHeight;
   }
 
+  createReport: boolean = false
+
   // 在视图检查后滚动到底部
   ngAfterViewChecked() {
     this.scrollToBottom();
   }
 
-  send() {
-    if (this.isStart == 0) {
-      this.getQuestion()
-      this.isStart += 1
+  async handleButton() {
+    try {
+      await this.send()
+    } catch (e) {
+      console.log(e)
     }
-    if (this.isStart == 1) {
-      this.messagesList.push({
-        role: "user",
-        content: "开始面试",
-      });
-      this.inputText = "";
-      this.completion.createCompletionByStream();
-      this.isStart += 1
-      return;
-    }
-    if (this.inputText != '' && this.isStart > 1) {
-      console.log(this.inputText);
-      this.messagesList.push({
-        role: "user",
-        content: this.inputText += '回答完毕',
-      });
-      this.inputText = "";
-      this.completion.createCompletionByStream();
-      // 将滚动条滚动到底部
-      this.scrollToBottom();
-      return;
+  }
+
+  //空消息弹出提示框
+  isVisible = false;
+
+  showModal(): void {
+    this.isVisible = true;
+  }
+
+  handleOk(): void {
+    console.log('Button ok clicked!');
+    this.isVisible = false;
+  }
+
+  handleCancel(): void {
+    console.log('Button cancel clicked!');
+    this.isVisible = false;
+  }
+
+  async send() {
+// if (this.isStart == 0) {
+    //   this.getQuestion()
+    //   this.isStart += 1
+    // }
+    // if (this.isStart == 1) {
+    //   this.messagesList.push({
+    //     role: "user",
+    //     content: "开始面试",
+    //   });
+    //   this.inputText = "";
+    //   this.completion.createCompletionByStream();
+    //   this.isStart += 1
+    //   return;
+    // }
+    console.log(this.typeQuestion)
+    if (this.typeQuestion == 9) {
+      this.typeQuestion = 0
+      this.createReport = true
+      this.messagesListUser.push(
+        {
+          role: 'user',
+          content: "感谢您的回答,请稍等,正在生成报告.....",
+        }
+      )
+
+    } else {
+      if (this.isStart == 0) {
+        this.messagesListUser.push({
+            role: "user",
+            content: "开始面试",
+          },
+          {
+            role: "assistant",
+            content: "请等待,对话生成中....."
+          });
+
+        await this.getQuestion();
+
+
+        console.log(this.finalResult);
+        console.log(this.finalResult[0].question);
+        this.messagesListUser.push({
+          role: "assistant",
+          content: this.finalResult[this.typeQuestion].question
+        });
+
+        this.isStart++;
+        this.typeQuestion++;
+
+
+      } else {
+        if (this.inputText != '') {
+
+          console.log(this.inputText);
+          this.messagesListUser.push({
+            role: "user",
+            content: this.inputText += '回答完毕',
+          });
+          this.resultAnswers.push(this.inputText);
+
+          this.messagesListUser.push(
+            {
+              role: "assistant",
+              content: this.finalResult[this.typeQuestion].question
+            }
+          );
+          this.typeQuestion
+          console.log(this.resultAnswers);
+          this.inputText = "";
+          // 将滚动条滚动到底部
+          this.scrollToBottom();
+        } else {
+          this.showModal()
+          return
+
+        }
+
+      }
+
     }
   }
 
-  getQuestion() {
-    this.messagesList.push({
-      role: "user",
-      content: "您需要扮演一名公司的技术总监Jack，并主持一场，技术岗位招聘的第二轮技术面试。\n" +
-        "您任职于大米科技，一家互联网智能手机公司，主要产品是性价比高的手机系列。\n" +
-        "当前招聘前端开发工程师，需要熟悉HTML,JS,CSS基础，会Angular前端框架的优先，具有nodejs使用经验的优先。\n" +
-        "您是比较负责且严谨的面试官，提问内容偏难。\n" +
-        "接下来，请您根据面试岗位招聘要求，分别从技术能力、团队协作、职业规划等方面想出一个个面试问题。\n" +
-        "每次只问一个问题,当用户回答:回答完毕时进行下一个问题,当完成了所有的三个问题之后请生成一份关于我面试的报告,其中包括我的每一个回答的得分,和回答的不足之处,以及可以改进的地方.您准备好了之后请回答我说:如果您现在准备好了,请回答开始面试我将开始这一次的面试"
-    })
-    this.completion.createCompletionByStream();
+
+  async getQuestion() {
+    return new Promise(async (resolve, reject) => {
+      if (this.selectedValue[0]) {
+        this.messagesList.push({
+          role: "user",
+          content: "您需要扮演一名" + this.selectedValue[0] + "公司的技术总监刘，并主持一场，" + this.selectedValue[1] + "岗位招聘的第二轮技术面试。\n" +
+            "当前招聘前端开发工程师，需要熟悉HTML,JS,CSS基础，会Angular前端框架的优先，具有nodejs使用经验的优先。\n" +
+            "您是比较负责且严谨的面试官，提问内容" + this.selectedValue[2] + "。\n" +
+            "接下来，请您根据面试岗位招聘要求，分别从技术能力、团队协作、职业规划三个方面想出一个面试问题。\n" +
+            "请严格按照下列格式来生成问题,而且您只需要严格按照下列格式生成问题即可,我之后会给您我的回答,强调一点,你生成的回答不需要任何的修饰,只需要按照下列格式来生成响应的问题即可,注意#后面不要用空格" +
+
+            "#技术能力方面:" +
+            "1." +
+            "2." +
+            "3." +
+            "#团队协作方面:" +
+            "1." +
+            "2." +
+            "3." +
+            "#职业规划方面:" +
+            "1." +
+            "2." +
+            "3."
+        });
+      } else {
+        this.messagesList.push({
+          role: "user",
+          content: "您需要扮演一名华为公司的技术总监刘，并主持一场，后端开发岗位招聘的第二轮技术面试。\n" +
+            "当前招聘前端开发工程师，需要熟悉HTML,JS,CSS基础，会Angular前端框架的优先，具有nodejs使用经验的优先。\n" +
+            "您是比较负责且严谨的面试官，提问内容是面向高级后端工程师的难度。\n" +
+            "接下来，请您根据面试岗位招聘要求，分别从技术能力、团队协作、职业规划三个方面各想出三个面试问题。\n" +
+            "请严格按照下列格式来生成问题,而且您只需要严格按照下列格式生成问题即可,我之后会给您我的回答,强调一点,你生成的回答不需要任何的修饰,只需要按照下列格式来生成响应的问题即可" +
+
+            "技术能力方面:" +
+            "1." +
+            "2." +
+            "3." +
+            "团队协作方面:" +
+            "1." +
+            "2." +
+            "3." +
+            "职业规划方面:" +
+            "1." +
+            "2." +
+            "3."
+        });
+      }
+
+      await this.completion.createCompletionByStream();
+      console.log(this.messagesList[this.messagesList.length - 1]);
+
+      //正则
+      const regex = /(.+?):\n([\s\S]+?)(?=\n\n|$)/g;
+
+      let match;
+      while ((match = regex.exec(this.messagesList[this.messagesList.length - 1].content))) {
+        const typeSection = match[1].trim();
+        const questionSection = match[2].trim();
+        const type = typeSection.split('\n')[0];
+
+        const questionRegex = /(\d+)\.\s(.+)/g;
+        let questionMatch;
+        while ((questionMatch = questionRegex.exec(questionSection))) {
+          const questionNumber = questionMatch[1];
+          const question = questionMatch[2];
+
+          this.finalResult.push({
+            type,
+            question: `${questionNumber}. ${question}`,
+          });
+        }
+      }
+
+      console.log(this.finalResult);
+
+      // 删除"请等待,对话生成中....."
+      await this.messagesListUser.splice(this.messagesListUser.length - 1, 1);
+
+
+      // if () {
+      //   console.log(technicalAbilityQuestions)
+      //   console.log(teamworkQuestions)
+      //   console.log(careerPlanningQuestions);
+      //   console.log(this.formattedQuestionsArray)
+      // } else {
+      //   this.messagesListUser.push(
+      //     {
+      //       role: 'assistant',
+      //       content: "生成失败,请检查余额",
+      //     }
+      //   )
+      // }
+
+
+      // this.messagesListUser.push({
+      //   role: 'assistant',
+      //   content: this.messagesList[this.messagesList.length - 1].content,
+      // });
+      resolve(undefined);
+    });
+
   }
 
+  //路由跳转默认进入逻辑
+  selectedIndex = 0;
+
+
+  ngOnInit() {
+    this.route.queryParams.subscribe(params => {
+      console.log(params)
+      this.selectedIndex = params['tabIndex'] || 0;
+    });
+  }
+
+  //级联数据
+  selectedValue: any[] = []
+
+
+  onChanges(values: string[]): void {
+    console.log(values);
+  }
+
+  //联级的确认按钮
+  isLoadingOne = false;
+
+  loadOne(): void {
+    this.isLoadingOne = true;
+    setTimeout(() => {
+      this.isLoadingOne = false;
+      this.handleClick()
+    }, 1000);
+
+  }
+
+  handleClick(): void {
+    this.selectedIndex = 2
+    console.log(this.selectedValue)
+    console.log(this.selectedValue[0])
+  }
+
+
 }
+
+

app-angular/src/modules/home/nav-menu/nav-menu.component.html

@@ -43,13 +43,13 @@
       <li nz-submenu nzOpen nzTitle="实操测试" nzIcon="tag">
         <ul>
           <li nz-menu-item nzMatchRouter>
-            <a routerLink="/home/minterviews">模拟面试_文字</a>
+            <a [routerLink]="['/home/minterviews/1']" [queryParams]="{ tabIndex: 1 }">模拟面试_文字</a>
           </li>
+          <!--          <li nz-menu-item nzMatchRouter>-->
+          <!--            <a routerLink="">模拟面试_语音</a>-->
+          <!--          </li>-->
           <li nz-menu-item nzMatchRouter>
-            <a routerLink="/home/minterviews">模拟面试_语音</a>
-          </li>
-          <li nz-menu-item nzMatchRouter>
-            <a>分析报告</a>
+            <a routerLink="/home/report">分析报告</a>
           </li>
         </ul>
       </li>

app-angular/src/modules/home/suit-companies-comp/suit-companies-comp.component.html

@@ -5,6 +5,7 @@
         <img [src]="img" alt="Carousel Image">
       </div>
     </nz-carousel>
+
   </div>
 
   <div class="component-wrapper">

app-angular/src/modules/home/suit-companies-comp/suit-companies-comp.component.scss

@@ -18,3 +18,25 @@
   margin-top: 20px; /* 调整与轮播图的间距，根据需要进行调整 */
   overflow: hidden scroll;
 }
+
+/* 隐藏默认的滚动条 */
+.component-wrapper::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+/* 定义滚动条的轨道样式 */
+.component-wrapper::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+}
+
+/* 定义滚动条的滑块样式 */
+.component-wrapper::-webkit-scrollbar-thumb {
+  background-color: #888;
+  border-radius: 3px;
+}
+
+/* 定义滚动条的悬停样式 */
+.component-wrapper::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+}