workspace/.history/soul-app/src/app/page-publishsurvey/page-publishsurvey.component_20241219161802.html

<ion-header>
  <ion-toolbar>
    <div class="toolbar-content">
      <div class="button-container">
        <ion-button (click)="goTab1()" fill="clear">
          <ion-icon name="chevron-back" slot="start"></ion-icon>返回
        </ion-button>
      </div>
      <ion-title class="title-text">
        发布问卷
      </ion-title>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-segment [(ngModel)]="category" (ionChange)="onCategoryChange()">
    <ion-segment-button value="school">
      学校
    </ion-segment-button>
    <ion-segment-button value="society">
      社会
    </ion-segment-button>
  </ion-segment>

  <div *ngIf="category === 'school'">
    <ion-item>
      <ion-label position="floating">问卷标题</ion-label>
      <ion-input [(ngModel)]="surveyTitle"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">问卷链接</ion-label>
      <ion-input [(ngModel)]="surveyLink"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>面向对象</ion-label>
      <ion-select [(ngModel)]="targetAudience">
        <ion-select-option value="all">全校学生</ion-select-option>
        <ion-select-option value="software">软件学院</ion-select-option>
        <ion-select-option value="music">音乐学院</ion-select-option>
      </ion-select>
    </ion-item>

    <ion-button expand="full" (click)="publishSurvey()">发布问卷</ion-button>
  </div>

  <div *ngIf="category === 'society'">
    <!-- 社会问卷设置格式 -->
    <ion-item>
      <ion-label position="floating">社会问卷标题</ion-label>
      <ion-input [(ngModel)]="societySurveyTitle"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">社会问卷链接</ion-label>
      <ion-input [(ngModel)]="societySurveyLink"></ion-input>
    </ion-item>

    <ion-button expand="full" (click)="publishSocietySurvey()">发布社会问卷</ion-button>
  </div>
</ion-content>