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

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

</ion-header>


wangqinghua's avatar
wangqinghua committed
<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 *ngIf="qType == 1">
            <p class="item-type">选项 <span float-end>正确答案</span></p>
            <div class="text-item">
                <div style="width: 10%;text-align: center">
                    A
                </div>
                <div style="width: 80%;">

                </div>
                <div class="label" style="width: 10%;height: 3rem;">
                    <label>
                            <input [(ngModel)]="correntAnswer" type="radio" value="1"
                                   name="lione">
                            <span class="input-radio"></span>
                    </label>
                </div>
            </div>
            <div class="text-item">
                <div style="width: 10%;text-align: center">
                    B
                </div>
                <div style="width: 80%;">

                </div>
                <div class="label" style="width: 10%;height: 3rem;">
                    <label>
                        <input [(ngModel)]="correntAnswer" type="radio" value="2"
                               name="lione">
                        <span class="input-radio"></span>
                    </label>
                </div>
            </div>
        </div>
        <div class="create-content margin-bottom-20" *ngIf="qType != 4 && qType != 1">
            <p class="item-type">选项 <span float-end>正确答案</span></p>
            <div class="text-item" *ngFor="let item of quesDescList;let i = index;">
                <div style="width: 10%;text-align: center">
                    <span (click)="removeOption(i)" class="color-red remove-radiu">
                    <ion-icon ios="ios-remove" md="md-remove"></ion-icon>
                </span>
                </div>
                <div style="width: 80%;">
                    <textarea class="input-style" [(ngModel)]="item.comment" placeholder="请输入选项"></textarea>
                </div>
                <div class="label" style="width: 10%;height: 3rem;">
                    <label>
                        <ng-container *ngIf="qType == 1">
                            <input [(ngModel)]="correntAnswer" type="radio" [value]="item.option"
                                   name="lione">
                            <span class="input-radio"></span>
                        </ng-container>
                        <ng-container *ngIf="qType == 2">
                            <input [(ngModel)]="correntAnswer" type="radio" [value]="item.option"
                                   name="lione">
                            <span class="input-radio"></span>
                        </ng-container>
                        <ng-container *ngIf="qType == 3">
                            <input type="checkbox" [value]="item.option" (change)="mutiSelect(i,item.option)">
                            <span class="input-check"></span>
                        </ng-container>
                    </label>
                </div>
            </div>
            <p class="add-btn" (click)="addOption()"><span style="vertical-align: top">+</span>添加选项</p>
        </div>
    </ion-list>
wangqinghua's avatar
wangqinghua committed

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