Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
jj_video_practice
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
jj_video_practice
Commits
d0c9452a
Commit
d0c9452a
authored
Dec 19, 2025
by
kingweight
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
更新视频上传组件
parent
edac7bc6
Changes
2
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
30 additions
and
438 deletions
+30
-438
form.component.html
src/app/form/form.component.html
+18
-11
form.component.ts
src/app/form/form.component.ts
+12
-427
No files found.
src/app/form/form.component.html
View file @
d0c9452a
...
@@ -12,28 +12,35 @@
...
@@ -12,28 +12,35 @@
<div
class=
"model-content"
>
<div
class=
"model-content"
>
<div
<
!-- <
div
id="drop-area"
id="drop-area"
(dragover)="onDragOver($event)"
(dragover)="onDragOver($event)"
(drop)="onDrop($event)"
(drop)="onDrop($event)"
>
>
拖拽文件到此区域进行批量上传
拖拽文件到此区域进行批量上传
</div>
</div>
-->
<div
style=
"width: 100%; display: inline-flex;flex-direction: row;flex-wrap: wrap;"
>
<div
style=
"width: 100%; display: inline-flex;flex-direction: row;flex-wrap: wrap;"
>
<div
style=
"width: 30% ; margin-left: 2.5%; min-width: 300px;margin-top: 20px;border: 2px dashed;padding: 20px 10px 5px 10px;"
<div
style=
"width: 50% ; margin-left: 2.5%; min-width: 300px; max-width: 650px; margin-top: 20px;border: 2px dashed;padding: 20px 10px 5px 10px;"
align=
'center'
*
ngFor=
"let data of item.dataArr;index as i"
>
align=
'center'
>
<div
style=
"width: 100px; background-color: white; transform: translateY(-30px);"
>
视频 {{i+1}}
</div>
<div
style=
"width: 100px; background-color: white; transform: translateY(-30px);"
>
视频
</div>
<div
style=
"width: 80%;"
align=
'center'
>
<input
type=
"text"
nz-input
[(
ngModel
)]="
data
.
title
"
(
blur
)="
save
()"
>
<div
style=
"margin: 30px; display: flex; align-items: center; "
>
<h3>
单元名称:
</h3>
<textarea
nz-input
[(
ngModel
)]="
item
.
title
"
(
blur
)="
save
()"
style=
" width: 350px; min-height: 60px;"
></textarea>
</div>
<div
style=
"margin: 30px; display: flex; align-items: center; "
>
<h3>
视频互动课名称:
</h3>
<textarea
nz-input
[(
ngModel
)]="
item
.
video_title
"
(
blur
)="
save
()"
style=
" width: 350px; min-height: 60px;"
></textarea>
</div>
</div>
<br>
<br>
<app-upload-image-with-preview
style=
"width: 80%;"
[
picUrl
]="
data
.
cover
"
(
imageUploaded
)="
onImageUploadSuccess_new
($
event
,
i
)"
>
<app-upload-image-with-preview
style=
"width: 80%;"
[
picUrl
]="
item
.
cover
"
(
imageUploaded
)="
onImageUploadSuccess
($
event
)"
>
</app-upload-image-with-preview>
</app-upload-image-with-preview>
<app-upload-video
[
videoUrl
]="
data
.
video_url
.
replace
('.
mp4
',
'
_h
.
mp4
')"
[
showUploadBtn
]="
true
"
(
videoUploaded
)="
onVideoUploaded_new
($
event
,
i
)"
(
onCapture
)="
handleOnCapture
($
event
,
i
)"
(
parentRef
)="
onParentRef
($
event
,
i
)"
></app-upload-video>
<app-upload-video
[
videoUrl
]="
item
.
video_url
.
replace
('.
mp4
',
'
_h
.
mp4
')"
[
showUploadBtn
]="
true
"
(
videoUploaded
)="
onVideoUploaded
($
event
)"
(
onCapture
)="
handleOnCapture
($
event
)"
(
parentRef
)="
onParentRef
($
event
)"
></app-upload-video>
<div
style=
"padding: 5px 0;"
align=
'center'
>
<div
style=
"padding: 5px 0;"
align=
'center'
>
<input
type=
"text"
nz-input
[(
ngModel
)]="
data
.
video_url
"
(
blur
)="
save
()"
>
<input
type=
"text"
nz-input
[(
ngModel
)]="
item
.
video_url
"
(
blur
)="
save
()"
>
</div>
</div>
<button
style=
"margin-top: 10px; "
(
click
)="
onRemoveData
(
i
)"
>
删除
</button>
<button
style=
"margin-top: 10px; "
(
click
)="
onRemoveData
(
)"
>
删除视频
</button>
</div>
</div>
<button
style=
"width: 30% ;min-width: 300px;height: 170px; margin-top: 20px; margin-left:2.5%;"
<button
style=
"width: 30% ;min-width: 300px;height: 170px; margin-top: 20px; margin-left:2.5%;"
(
click
)="
onAddData
()"
>
添加视频
</button>
(
click
)="
onAddData
()"
>
添加视频
</button>
...
...
src/app/form/form.component.ts
View file @
d0c9452a
This diff is collapsed.
Click to expand it.
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