feat(courselibrary): 增强课程章节编辑功能

- 添加章节标题编辑功能,支持输入框修改
- 实现章节删除确认弹窗及成功提示
- 更新拖拽组件属性配置,移除旧插槽用法
- 替换 SVG 图标为 iconfont 字体图标
- 引入新的图标样式和 hover 效果
- 优化 collapse 组件交互逻辑与样式表现
- 升级 iconfont 字体文件,新增多个图标定义
This commit is contained in:
陈昱达
2025-12-12 11:29:10 +08:00
parent b1bd6d7d61
commit 70fcfc6cd3
7 changed files with 134 additions and 34 deletions

View File

@@ -194,6 +194,7 @@ const deleteRow = (data) => {
type: "error",
})
.then(() => {
$message.success("删除成功");
if (
courseList.value[courseMetadata.chooseIndex] &&
courseList.value[courseMetadata.chooseIndex].data
@@ -254,8 +255,12 @@ const handleNext = () => {
</div>
<div>
<dragCollapse v-model:courseList="courseList">
<template #title="{ course }">{{ course.title }}</template>
<dragCollapse
v-model:courseList="courseList"
titleKey="title"
:isEdit="true"
>
<!-- <template #title="{ course }">{{ course.title }}</template>-->
<template #desc="{ course }">
若课程只有一个章节将不在学员端显示该章节名称
</template>