Commit c6a05d5c authored by Tt's avatar Tt

表单修改

parent 4388318f
<div class="model-content"> <div class="model-content">
<div style="padding: 10px;"> <div style="padding: 10px;">
<div style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;"> <div style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;">
答对所有题或答题满<input style="width: 50px;" type="number" nz-input [(ngModel)]="item.maxWrongNumber" (blur)="save()">次自动结束游戏 答对所有题或答题满<input style="width: 50px;" type="number" nz-input [(ngModel)]="item.maxWrongNumber"
(blur)="save()">次自动结束游戏
</div> </div>
</div> </div>
<div style="padding: 10px;"> <div style="padding: 10px;">
<div style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;"> <div style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;">
猫咪开头音频: 猫咪开头音频:
<app-audio-recorder <app-audio-recorder style="margin-left: 10px; " [audioUrl]="item.startAudio"
style="margin-left: 10px; " (audioUploaded)="onAudioUploadSuccess($event, 'startAudio', item)"></app-audio-recorder>
[audioUrl]="item.startAudio"
(audioUploaded)="onAudioUploadSuccess($event, 'startAudio', item)"
></app-audio-recorder>
</div> </div>
<div style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;"> <div style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;">
猫咪结束音频: 猫咪结束音频:
<app-audio-recorder <app-audio-recorder style="margin-left: 10px; " [audioUrl]="item.endAudio"
style="margin-left: 10px; " (audioUploaded)="onAudioUploadSuccess($event, 'endAudio', item)"></app-audio-recorder>
[audioUrl]="item.endAudio"
(audioUploaded)="onAudioUploadSuccess($event, 'endAudio', item)"
></app-audio-recorder>
</div> </div>
</div> </div>
<div style="padding: 10px;"> <div style="padding: 10px;">
<div *ngFor="let q of questionArr; let i = index;" style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;"> <div *ngFor="let q of questionArr; let i = index;"
style="width: 500px; margin-top: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 15px;">
<div style=" display: flex; align-items: center;"> <h3 style="margin-top: 5px">question-{{i+1}}:</h3>
<h3 style="margin-top: 5px">question-{{i+1}}:</h3>
<app-audio-recorder
style="margin-left: 10px; "
[audioUrl]="q.audio_url"
(audioUploaded)="onAudioUploadSuccess($event, 'audio_url', q)"
></app-audio-recorder>
<button *ngIf="q.option_arr.length < 5" nz-button nzType="primary" (click)="addOptionBtnClick(q)" style="margin-left: 15px;"> <div>
<div style="margin-top:10px">描述一</div>
<input style="width: 150px;" nz-input [(ngModel)]="q.desc1" (blur)="save()">
<div style="margin-top:10px">描述二</div>
<input style="width: 150px;" nz-input [(ngModel)]="q.desc2" (blur)="save()">
</div>
<div style=" display: flex; align-items: center;margin-top:10px">
<app-audio-recorder style="margin-left: 0px; " [audioUrl]="q.audio_url"
(audioUploaded)="onAudioUploadSuccess($event, 'audio_url', q)"></app-audio-recorder>
<button *ngIf="q.option_arr.length < 5" nz-button nzType="primary" (click)="addOptionBtnClick(q)"
style="margin-left: 15px;">
+ +
</button> </button>
<button nz-button nzType="danger" (click)="deleteQuestionBtnClick(i)" style="margin-left: 5px;"> <button nz-button nzType="danger" (click)="deleteQuestionBtnClick(i)" style="margin-left: 5px;">
...@@ -48,29 +53,26 @@ ...@@ -48,29 +53,26 @@
<div *ngFor="let o of q.option_arr; let oi = index" style="margin-top: 5px; display: flex;"> <div *ngFor="let o of q.option_arr; let oi = index" style="margin-top: 5px; display: flex;">
<div style="width: 200px;"> <div style="width: 200px;">
<app-upload-image-with-preview <app-upload-image-with-preview [picUrl]="o.pic_url"
[picUrl]="o.pic_url"
(imageUploaded)="onImageUploadSuccess($event, 'pic_url', o)"> (imageUploaded)="onImageUploadSuccess($event, 'pic_url', o)">
</app-upload-image-with-preview> </app-upload-image-with-preview>
</div> </div>
<div style="margin-left: 10px"> <div style="margin-left: 10px">
<h4>option-{{oi+1}} : </h4> <h4>option-{{oi+1}} : </h4>
<app-audio-recorder <app-audio-recorder [audioUrl]="o.audio_url" (audioUploaded)="onAudioUploadSuccess($event, 'audio_url', o)">
</app-audio-recorder>
[audioUrl]="o.audio_url"
(audioUploaded)="onAudioUploadSuccess($event, 'audio_url', o)"
></app-audio-recorder>
<div style="display: flex; align-items: center; margin-top: 10px;"> <div style="display: flex; align-items: center; margin-top: 10px;">
<nz-switch [(ngModel)]="o.is_right" (ngModelChange)="save()"></nz-switch> <nz-switch [(ngModel)]="o.is_right" (ngModelChange)="save()"></nz-switch>
<button nz-button nzType="danger" (click)="deleteOptionBtnClick(q.option_arr, oi)" style="margin-left: 5px;"> <button nz-button nzType="danger" (click)="deleteOptionBtnClick(q.option_arr, oi)"
style="margin-left: 5px;">
delete delete
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -79,7 +81,7 @@ ...@@ -79,7 +81,7 @@
<i nz-icon nzType="plus-circle" nzTheme="outline"></i> <i nz-icon nzType="plus-circle" nzTheme="outline"></i>
Add Question Add Question
</button> </button>
<!-- <div style="width: 300px;" align='center'> <!-- <div style="width: 300px;" align='center'>
<span>图1: </span> <span>图1: </span>
<app-upload-image-with-preview <app-upload-image-with-preview
...@@ -111,4 +113,4 @@ ...@@ -111,4 +113,4 @@
</div> </div>
</div> </div>
\ No newline at end of file
...@@ -26,7 +26,7 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy { ...@@ -26,7 +26,7 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
maxWrongNumber: 4, maxWrongNumber: 4,
startAudio: '', startAudio: '',
endAudio: '', endAudio: '',
question_arr: [] question_arr: [],
}; };
// 获取存储的数据 // 获取存储的数据
...@@ -61,6 +61,8 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy { ...@@ -61,6 +61,8 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
addQuestionBtnClick() { addQuestionBtnClick() {
this.questionArr.push({ this.questionArr.push({
desc1: '',
desc2: '',
question_audio_url: '', question_audio_url: '',
option_arr: [ //选项 (多选) option_arr: [ //选项 (多选)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment