Commit eb739375 authored by Chen Jiping's avatar Chen Jiping

fix:修复表单页面不兼容问题

parent 35300e0c
...@@ -174,120 +174,115 @@ ...@@ -174,120 +174,115 @@
<div nz-row> <div nz-row>
<div nz-col [nzSpan]="20" nzOffset="2"> <div nz-col [nzSpan]="20" nzOffset="2">
<nz-card nzTitle="内容"> <nz-card nzTitle="内容">
<nz-card nzTitle="内容-{{j+1}}" *ngFor="let data of item.exercisesArr;let j = index">
<nz-form-item>
<nz-tabset> <nz-form-label [nzSpan]="6" nzFor="answerIndex">答案顺序</nz-form-label>
<nz-tab nzTitle="内容-{{j+1}}" *ngFor="let data of item.exercisesArr;let j = index"> <nz-form-control [nzSpan]="6">
<nz-form-item> <nz-input-number [nzMin]="1" [nzMax]='8' [(ngModel)]="data.answerIndex" (ngModelChange)="saveIndex(data)">
<nz-form-label [nzSpan]="6" nzFor="answerIndex">答案顺序</nz-form-label> </nz-input-number>
<nz-form-control [nzSpan]="6"> </nz-form-control>
<nz-input-number [nzMin]="1" [nzMax]='8' [(ngModel)]="data.answerIndex" </nz-form-item>
(ngModelChange)="saveIndex(data)"> <nz-form-item>
</nz-input-number> <nz-form-label [nzSpan]="6" nzFor="{{j}}.audioUrl">序号音频</nz-form-label>
</nz-form-control> <nz-form-control [nzSpan]="6">
</nz-form-item> <app-audio-recorder id="{{j}}.audioUrl" [audioUrl]="data.audioUrl"
<nz-form-item> (audioUploaded)="onAudioUploadSuccess($event, data, 'audioUrl')">
<nz-form-label [nzSpan]="6" nzFor="{{j}}.audioUrl">序号音频</nz-form-label> </app-audio-recorder>
<nz-form-control [nzSpan]="6"> </nz-form-control>
<app-audio-recorder id="{{j}}.audioUrl" [audioUrl]="data.audioUrl" </nz-form-item>
(audioUploaded)="onAudioUploadSuccess($event, data, 'audioUrl')"> <nz-form-item>
</app-audio-recorder> <nz-form-label [nzSpan]="6">图片</nz-form-label>
</nz-form-control> <nz-form-control [nzSpan]="6">
</nz-form-item> <app-upload-image-with-preview style="width: 100%" [picUrl]="data.picUrl"
<nz-form-item> (imageUploaded)="onImageUploadSuccess($event, data, 'picUrl')">
<nz-form-label [nzSpan]="6">图片</nz-form-label> </app-upload-image-with-preview>
<nz-form-control [nzSpan]="6"> </nz-form-control>
<app-upload-image-with-preview style="width: 100%" [picUrl]="data.picUrl" </nz-form-item>
(imageUploaded)="onImageUploadSuccess($event, data, 'picUrl')"> <nz-form-item>
</app-upload-image-with-preview> <nz-form-label [nzSpan]="6" nzFor="exercises">操作</nz-form-label>
</nz-form-control> <nz-form-control [nzSpan]="6">
</nz-form-item> <button nz-button nzType="dashed" class="add-btn" id="add-btn" (click)="addWord(data, 'wordArr')">
<nz-form-item> <i nz-icon nzType="plus-circle" nzTheme="outline"></i>添加单词
<nz-form-label [nzSpan]="6" nzFor="exercises">操作</nz-form-label> </button>
<nz-form-control [nzSpan]="6"> </nz-form-control>
<button nz-button nzType="dashed" class="add-btn" id="add-btn" (click)="addWord(data, 'wordArr')"> </nz-form-item>
<i nz-icon nzType="plus-circle" nzTheme="outline"></i>添加单词 <div *ngFor="let word of data.wordArr;let m = index" class="card-item" style="padding: 0.5vw;">
<nz-card nzTitle="单词-{{m+1}}">
<nz-form-item>
<button style="margin: 10px;" nz-button nzType="danger" (click)="deleteWord(data, 'wordArr', m)">
<span>删除</span>
</button> </button>
</nz-form-control> </nz-form-item>
</nz-form-item> <nz-form-item>
<div *ngFor="let word of data.wordArr;let m = index" class="card-item" style="padding: 0.5vw;"> <nz-form-label [nzSpan]="6" nzFor="{{m}}.audioUrl">音频</nz-form-label>
<nz-card nzTitle="单词-{{m+1}}"> <nz-form-control [nzSpan]="6">
<nz-form-item> <app-audio-recorder id="{{m}}.audioUrl" [audioUrl]="word.audioUrl"
<button style="margin: 10px;" nz-button nzType="danger" (click)="deleteWord(data, 'wordArr', m)"> (audioUploaded)="onAudioUploadSuccess($event, word, 'audioUrl')">
<span>删除</span> </app-audio-recorder>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6">单词拆分</nz-form-label>
<nz-form-control [nzSpan]="6">
<button nz-button nzType="dashed" class="add-btn" id="add-btn" (click)="addLetter(word, 'letterArr')">
<i nz-icon nzType="plus-circle" nzTheme="outline"></i>添加
</button> </button>
</nz-form-item> </nz-form-control>
<nz-form-item> </nz-form-item>
<nz-form-label [nzSpan]="6" nzFor="{{m}}.audioUrl">音频</nz-form-label> <nz-form-item>
<nz-form-control [nzSpan]="6"> <nz-form-label [nzSpan]="6">单词预览</nz-form-label>
<app-audio-recorder id="{{m}}.audioUrl" [audioUrl]="word.audioUrl" <nz-form-control [nzSpan]="18">
(audioUploaded)="onAudioUploadSuccess($event, word, 'audioUrl')"> <span nz-text>
</app-audio-recorder> <div *ngIf="item.skin == 'A'">
</nz-form-control> <label *ngFor="let letter of word.letterArr;let n = index"
</nz-form-item> [ngStyle]="{'text-decoration':letter.isFill=='1'?'underline':'none','font-size':'40px'}">{{letter.val}}</label>
<nz-form-item> </div>
<nz-form-label [nzSpan]="6">单词拆分</nz-form-label> <div *ngIf="item.skin == 'B'">
<nz-form-control [nzSpan]="6"> <label *ngFor="let letter of word.letterArr;let n = index"
<button nz-button nzType="dashed" class="add-btn" id="add-btn" [ngStyle]="{'text-decoration':letter.isFill=='1'?'underline':'none','font-size':'40px'}">{{letter.val}}</label>
(click)="addLetter(word, 'letterArr')"> </div>
<i nz-icon nzType="plus-circle" nzTheme="outline"></i>添加 </span>
</button> </nz-form-control>
</nz-form-control> </nz-form-item>
</nz-form-item> <nz-form-item>
<nz-form-item> <nz-form-control [nzOffset]="2" [nzSpan]="16">
<nz-form-label [nzSpan]="6">单词预览</nz-form-label> <nz-table #lettersTable nzBordered nzTitle="按照单词填空需要进行拆分填写" [nzData]="word.letterArr"
<nz-form-control [nzSpan]="18"> [nzShowPagination]=false>
<span nz-text> <thead>
<div *ngIf="item.skin == 'A'"> <tr>
<label *ngFor="let letter of word.letterArr;let n = index" <th>序号</th>
[ngStyle]="{'text-decoration':letter.isFill=='1'?'underline':'none','font-size':'40px'}">{{letter.val}}</label> <th>字母组合</th>
</div> <th>是否填空</th>
<div *ngIf="item.skin == 'B'"> <th>操作</th>
<label *ngFor="let letter of word.letterArr;let n = index" </tr>
[ngStyle]="{'text-decoration':letter.isFill=='1'?'underline':'none','font-size':'40px'}">{{letter.val}}</label> </thead>
</div> <tbody>
</span> <tr *ngFor="let row of lettersTable.data;let p = index">
</nz-form-control> <td>{{ p+1 }}</td>
</nz-form-item> <td *ngIf="row.isFill == '1'"><input type="text" nz-input placeholder="max length is 1"
<nz-form-item> [(ngModel)]="row.val" (blur)="save()" maxlength="1"></td>
<nz-form-control [nzOffset]="2" [nzSpan]="16"> <td *ngIf="row.isFill == '0'"><input type="text" nz-input placeholder="请录入字母(组合)"
<nz-table #lettersTable nzBordered nzTitle="按照单词填空需要进行拆分填写" [nzData]="word.letterArr" [(ngModel)]="row.val" (blur)="save()"></td>
[nzShowPagination]=false> <td>
<thead> <nz-radio-group [(ngModel)]="row.isFill" (ngModelChange)="save()">
<tr> <label nz-radio nzValue="1"></label>
<th>序号</th> <label nz-radio nzValue="0"></label>
<th>字母组合</th> </nz-radio-group>
<th>是否填空</th> </td>
<th>操作</th> <td>
</tr> <a (click)="delLetter(word, 'letterArr', p)">delete</a>
</thead> </td>
<tbody> </tr>
<tr *ngFor="let row of lettersTable.data;let p = index"> </tbody>
<td>{{ p+1 }}</td> </nz-table>
<td *ngIf="row.isFill == '1'"><input type="text" nz-input placeholder="max length is 1" </nz-form-control>
[(ngModel)]="row.val" (blur)="save()" maxlength="1"></td> </nz-form-item>
<td *ngIf="row.isFill == '0'"><input type="text" nz-input placeholder="请录入字母(组合)" </nz-card>
[(ngModel)]="row.val" (blur)="save()"></td> </div>
<td>
<nz-radio-group [(ngModel)]="row.isFill" (ngModelChange)="save()"> </nz-card>
<label nz-radio nzValue="1"></label>
<label nz-radio nzValue="0"></label>
</nz-radio-group>
</td>
<td>
<a (click)="delLetter(word, 'letterArr', p)">delete</a>
</td>
</tr>
</tbody>
</nz-table>
</nz-form-control>
</nz-form-item>
</nz-card>
</div>
</nz-tab>
</nz-tabset>
</nz-card> </nz-card>
</div> </div>
</div> </div>
......
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