workspace/.history/soul-app/src/lib/user/modal-identity-verification/modal-identity-verification.component_20241222163930.html

<ion-card>
  <ion-card-header>
    <ion-card-title>身份认证</ion-card-title>
    <ion-card-subtitle>请填写您的身份信息</ion-card-subtitle>
  </ion-card-header>
  <ion-card-content>
    <!-- 学校输入 -->
    <ion-item>
      <ion-label position="stacked">学校</ion-label>
      <ion-input [(ngModel)]="userData.school" placeholder="请输入学校名称"></ion-input>
    </ion-item>

    <!-- 身份选择 -->
    <ion-item>
      <ion-label>身份</ion-label>
      <ion-segment [(ngModel)]="userData.identity" (ionChange)="onIdentityChange()">
        <ion-segment-button value="student">
          学生
        </ion-segment-button>
        <ion-segment-button value="teacher">
          教师
        </ion-segment-button>
      </ion-segment>
    </ion-item>
    
    <!-- 学生信息 -->
    <div *ngIf="userData.identity === 'student'" class="input-section">
      <ion-item>
        <ion-label position="stacked">学号</ion-label>
        <ion-input [(ngModel)]="userData.studentID" placeholder="请输入学号"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">学院</ion-label>
        <ion-input [(ngModel)]="userData.department" placeholder="请输入学院名称"></ion-input>
      </ion-item>
    </div>
    
    <!-- 教师信息 -->
    <div *ngIf="userData.identity === 'teacher'" class="input-section">
      <ion-item>
        <ion-label position="stacked">工号</ion-label>
        <ion-input [(ngModel)]="userData.teacherID" placeholder="请输入工号"></ion-input>
      </ion-item>
    </div>

    <ion-button expand="block" color="danger" (click)="save()">保存</ion-button>
    <ion-button expand="block" color="light" (click)="cancel()">取消</ion-button>
  </ion-card-content>
</ion-card>