Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Y
YM4-10
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
YM4-10
Commits
eb739375
Commit
eb739375
authored
Oct 13, 2020
by
Chen Jiping
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix:修复表单页面不兼容问题
parent
35300e0c
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
105 additions
and
110 deletions
+105
-110
form.component.html
src/app/form/form.component.html
+105
-110
No files found.
src/app/form/form.component.html
View file @
eb739375
...
@@ -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>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment