Skip to content
create.html 2.84 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>

  <ion-navbar>
    <ion-title *ngIf="qType == 1">判断题</ion-title>
    <ion-title *ngIf="qType == 2">单选题</ion-title>
    <ion-title *ngIf="qType == 3">多选题</ion-title>
    <ion-title *ngIf="qType == 4">问答题</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list>
    <ion-item class="margin-bottom-20">
      <ion-label color="primary" class="ques-title" stacked><span class="color-red">*</span>标题</ion-label>
      <ion-input type="text" [(ngModel)]="title" placeholder="请输入标题"></ion-input>
    </ion-item>
    <div class="create-content margin-bottom-20"  *ngIf="qType != 4 && qType != 1">
      <p class="item-type">选项</p>
      <ion-item *ngFor="let item of quesDescList;let i = index;">
        <span (click)="removeOption(i)"   class="color-red remove-radiu">
          <ion-icon ios="ios-remove" md="md-remove"></ion-icon>
        </span>
        <input type="text" class="input-style" [(ngModel)]="item.option_title" placeholder="请输入选项">
      </ion-item>
      <p class="add-btn" (click)="addOption()"><span style="vertical-align: top">+</span>添加选项</p>
    </div>
    <div class="create-set">
      <p class="item-type">设置</p>
      <!--问答题-->
      <ng-container *ngIf="qType == 4">
        <ion-item>
          <ion-label>字数限制</ion-label>
          <ion-select [(ngModel)]="set.more" cancelText="取消" okText="确定">
            <ion-option value="100">100</ion-option>
            <ion-option value="200">200</ion-option>
            <ion-option value="300">300</ion-option>
          </ion-select>
        </ion-item>
      </ng-container>

      <ion-item>
        <ion-label class="set-font" color="primary">必须回答</ion-label>
        <ion-toggle *ngIf="isAns == 2"  [checked]="false" (ionChange)="isAnsChange(1)"></ion-toggle>
        <ion-toggle *ngIf="isAns == 1"  [checked]="true" (ionChange)="isAnsChange(2)"></ion-toggle>
      </ion-item>

      <!--多选题-->
      <ng-container *ngIf="qType == 3">
        <ion-item>
          <ion-label>最少选择</ion-label>
          <ion-select [(ngModel)]="set.lastchange" cancelText="取消" okText="确定">
            <ion-option *ngFor="let value of lastchange;let i = index;"  value="{{i +1}}">{{i +1}}</ion-option>
          </ion-select>
        </ion-item>
        <ion-item>
          <ion-label>最多选择</ion-label>
          <ion-select [(ngModel)]="set.morechange" cancelText="取消" okText="确定">
            <ion-option *ngFor="let value of morechange;let i = index;"  value="{{i +1}}">{{i +1}}</ion-option>
          </ion-select>
        </ion-item>
      </ng-container>
    </div>
  </ion-list>

  <button *ngIf="!this.editTemp" class="submit-btn submit" (click)="submit()">确认</button>
  <button *ngIf="this.editTemp" class="submit-btn submit" (click)="submitEdit()">确认</button>
</ion-content>