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

  <ion-navbar>
wangqinghua's avatar
wangqinghua committed
    <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>
wangqinghua's avatar
wangqinghua committed
  </ion-navbar>

</ion-header>


wangqinghua's avatar
wangqinghua committed
<ion-content>
  <ion-list>
wangqinghua's avatar
wangqinghua committed
    <ion-item class="margin-bottom-20">
      <ion-label color="primary" class="ques-title" stacked><span class="color-red">*</span>标题</ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-input type="text" [(ngModel)]="titile" placeholder="请输入标题"></ion-input>
wangqinghua's avatar
wangqinghua committed
    </ion-item>
wangqinghua's avatar
wangqinghua committed
    <div class="create-content margin-bottom-20"  *ngIf="qType != 4 && qType != 1">
      <p class="item-type">选项</p>
wangqinghua's avatar
wangqinghua committed
      <ion-item *ngFor="let item of quesDescList;let i = index;">
wangqinghua's avatar
wangqinghua committed
        <span (click)="removeOption(i)" style="font-size: 1.5rem"  class="color-red">-</span>
wangqinghua's avatar
wangqinghua committed
        <input type="text" [(ngModel)]="item.option_title" placeholder="请输入选项">
wangqinghua's avatar
wangqinghua committed
        <ion-icon float-right ios="ios-more" md="md-more"></ion-icon>
      </ion-item>
wangqinghua's avatar
wangqinghua committed
      <p class="add-btn" (click)="addOption()"><span>+</span>添加选项</p>
wangqinghua's avatar
wangqinghua committed
    </div>
    <div class="create-set">
wangqinghua's avatar
wangqinghua committed
      <p class="item-type">设置</p>
wangqinghua's avatar
wangqinghua committed
      <!--问答题-->
      <ng-container *ngIf="qType == 4">
        <ion-item>
          <ion-label>字数限制</ion-label>
          <ion-select [(ngModel)]="set.more">
wangqinghua's avatar
wangqinghua committed
            <ion-option value="100">100</ion-option>
            <ion-option value="200">200</ion-option>
            <ion-option value="300">300</ion-option>
wangqinghua's avatar
wangqinghua committed
          </ion-select>
        </ion-item>
      </ng-container>

      <ion-item>
wangqinghua's avatar
wangqinghua committed
        <ion-label class="set-font" color="primary">必须回答</ion-label>
wangqinghua's avatar
wangqinghua committed
        <ion-toggle  checked="false"></ion-toggle>
      </ion-item>

      <!--多选题-->
      <ng-container *ngIf="qType == 3">
        <ion-item>
          <ion-label>最少选择</ion-label>
wangqinghua's avatar
wangqinghua committed
          <ion-select [(ngModel)]="set.lastchange">
wangqinghua's avatar
wangqinghua committed
            <ion-option value="1">1</ion-option>
          </ion-select>
        </ion-item>
        <ion-item>
          <ion-label>最多选择</ion-label>
wangqinghua's avatar
wangqinghua committed
          <ion-select [(ngModel)]="set.morechange">
wangqinghua's avatar
wangqinghua committed
            <ion-option value="1">1</ion-option>
            <ion-option value="2">2</ion-option>
            <ion-option value="3">3</ion-option>
          </ion-select>
        </ion-item>
      </ng-container>
    </div>
  </ion-list>

  <button class="submit-btn submit" (click)="submit()">确认</button>
wangqinghua's avatar
wangqinghua committed
</ion-content>