-
@@ -113,6 +118,7 @@
+
+
@@ -191,9 +221,6 @@
-
-
@@ -211,7 +238,7 @@ import {
FolderOutlined,
PlusOutlined
} from '@ant-design/icons-vue';
-import { message } from 'ant-design-vue';
+import { message, Modal } from 'ant-design-vue';
import MaterialUploadModal from '@/components/material/MaterialUploadModal.vue';
import MaterialService, { MaterialGroupService } from '@/api/material';
import { useUpload } from '@/composables/useUpload';
@@ -240,6 +267,10 @@ const createGroupForm = reactive({
// 选中的文件ID列表
const selectedFileIds = ref([]);
+// 编辑状态
+const editingFileId = ref(null);
+const editingDisplayName = ref('');
+
// 分页信息
const pagination = reactive({
current: 1,
@@ -258,6 +289,10 @@ const handleCategoryChange = async (category) => {
const handleSelectGroup = (group) => {
+ // 如果点击的是当前已选中的分组，则不执行任何操作
+ if (selectedGroupId.value === group.id) {
+ return;
+ }
selectedGroupId.value = group.id;
loadFileList();
};
@@ -351,26 +386,20 @@ const handlePageSizeChange = (current, size) => {
};
const handleFileClick = (file) => {
- // 切换文件选中状态
- const isSelected = selectedFileIds.value.includes(file.id);
- if (isSelected) {
- // 如果已选中，则取消选中
- selectedFileIds.value = selectedFileIds.value.filter(id => id !== file.id);
+ const index = selectedFileIds.value.indexOf(file.id);
+ if (index > -1) {
+ selectedFileIds.value.splice(index, 1);
} else {
- // 如果未选中，则添加到选中列表
- if (!selectedFileIds.value.includes(file.id)) {
- selectedFileIds.value.push(file.id);
- }
+ selectedFileIds.value.push(file.id);
}
};
const handleFileSelectChange = (fileId, checked) => {
- if (checked) {
- if (!selectedFileIds.value.includes(fileId)) {
- selectedFileIds.value.push(fileId);
- }
- } else {
- selectedFileIds.value = selectedFileIds.value.filter(id => id !== fileId);
+ const index = selectedFileIds.value.indexOf(fileId);
+ if (checked && index === -1) {
+ selectedFileIds.value.push(fileId);
+ } else if (!checked && index > -1) {
+ selectedFileIds.value.splice(index, 1);
}
};
@@ -408,17 +437,74 @@ const handleFileUpload = async (filesWithCover, category, groupId) => {
};
-const handleBatchDelete = async () => {
- // TODO: 实现批量删除
- message.info('批量删除功能待实现');
+const handleSelectAll = (event) => {
+ const checked = event.target.checked;
+ if (checked) {
+ // 全选：选中当前页所有文件
+ selectedFileIds.value = fileList.value.map(file => file.id);
+ } else {
+ // 取消全选：清空选中状态
+ selectedFileIds.value = [];
+ }
};
-const getContentTitle = () => {
- if (selectedGroupId.value === null) {
- return activeCategory.value === 'MIX' ? '混剪素材' : '数字人素材';
+const handleBatchDelete = async () => {
+ if (selectedFileIds.value.length === 0) {
+ message.warning('请先选择要删除的文件');
+ return;
+ }
+
+ // 确认对话框
+ const count = selectedFileIds.value.length;
+ const fileIdsToDelete = [...selectedFileIds.value]; // 保存要删除的文件ID
+ const confirmed = await new Promise((resolve) => {
+ Modal.confirm({
+ title: '确认删除',
+ content: `确定要删除选中的 ${count} 个文件吗？此操作不可恢复。`,
+ okText: '确认删除',
+ cancelText: '取消',
+ okType: 'danger',
+ centered: true,
+ class: 'batch-delete-modal',
+ onOk() {
+ resolve(true);
+ },
+ onCancel() {
+ resolve(false);
+ },
+ });
+ });
+
+ if (!confirmed) {
+ return;
+ }
+
+ try {
+ loading.value = true;
+ await MaterialService.deleteFiles(fileIdsToDelete);
+
+ // 从列表中移除已删除的文件
+ fileList.value = fileList.value.filter(file => !fileIdsToDelete.includes(file.id));
+
+ // 更新总数
+ totalFileCount.value = Math.max(0, totalFileCount.value - count);
+
+ // 清空选中状态
+ selectedFileIds.value = [];
+
+ // 如果删除后当前页没有数据了，且不是第一页，则加载上一页
+ if (fileList.value.length === 0 && pagination.current > 1) {
+ pagination.current = pagination.current - 1;
+ await loadFileList();
+ }
+
+ message.success(`成功删除 ${count} 个文件`);
+ } catch (error) {
+ console.error('批量删除失败:', error);
+ message.error('删除失败，请重试');
+ } finally {
+ loading.value = false;
}
- const group = groupList.value.find(g => g.id === selectedGroupId.value);
- return group ? group.name : '素材列表';
};
const formatFileSize = (size) => {
@@ -432,6 +518,60 @@ const formatDate = (date) => {
return new Date(date).toLocaleDateString();
};
+const getFileTypeText = (fileName) => {
+ if (!fileName) return '';
+ // 提取文件后缀，如 .mp3、.mp4、.avi 等
+ const ext = fileName.split('.').pop();
+ return ext ? `${ext.toLowerCase()}` : '';
+};
+
+const handleEditName = (file) => {
+ editingFileId.value = file.id;
+ editingDisplayName.value = file.displayName || file.fileName;
+ // 延迟聚焦，确保输入框已渲染
+ setTimeout(() => {
+ const input = document.querySelector('.ant-input:focus');
+ if (input) {
+ input.focus();
+ input.select();
+ }
+ }, 50);
+};
+
+const handleSaveName = async (file) => {
+ if (!editingDisplayName.value.trim()) {
+ message.warning('名称不能为空');
+ editingFileId.value = null;
+ return;
+ }
+
+ if (editingDisplayName.value === file.displayName) {
+ editingFileId.value = null;
+ return;
+ }
+
+ try {
+ await MaterialService.updateDisplayName(file.id, editingDisplayName.value.trim());
+ file.displayName = editingDisplayName.value.trim();
+ message.success('重命名成功');
+
+ // 添加成功动画效果
+ const nameElement = document.querySelector(`[data-file-id="${file.id}"] .material-item__name`);
+ if (nameElement) {
+ nameElement.style.transition = 'all 0.3s ease';
+ nameElement.style.transform = 'scale(1.05)';
+ setTimeout(() => {
+ nameElement.style.transform = 'scale(1)';
+ }, 300);
+ }
+ } catch (error) {
+ console.error('重命名失败:', error);
+ message.error('重命名失败，请重试');
+ } finally {
+ editingFileId.value = null;
+ }
+};
+
const handleImageError = (e) => {
e.target.style.display = 'none';
};
@@ -568,6 +708,11 @@ onMounted(() => {
&--active {
background: #e6f7ff;
color: #1890ff;
+
+ // 移除active状态下的hover效果
+ &:hover {
+ background: #e6f7ff;
+ }
}
&__content {
@@ -606,129 +751,349 @@ onMounted(() => {
flex: 1;
display: flex;
flex-direction: column;
- background: #fff;
- margin: 16px;
- border-radius: 8px;
+ background: #F8FAFC;
+ margin: 0px 16px;
+ border-radius: 12px;
overflow: hidden;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
- &__header {
+ &__search {
+ padding: 20px 32px;
+ border-bottom: 1px solid #E2E8F0;
+ background: #fff;
display: flex;
- justify-content: space-between;
align-items: center;
- padding: 16px 24px;
- border-bottom: 1px solid #e8e8e8;
- }
-
- &__title {
- margin: 0;
- font-size: 18px;
- font-weight: 500;
+ gap: 16px;
+ transition: all 0.2s ease;
}
&__actions {
display: flex;
- gap: 8px;
- }
+ align-items: center;
+ gap: 12px;
+ margin-left: auto;
- &__search {
- padding: 16px 24px;
- border-bottom: 1px solid #e8e8e8;
- display: flex;
- gap: 8px;
+ .ant-checkbox {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ padding: 4px 8px;
+ border-radius: 6px;
+ transition: all 0.2s ease;
+
+ &:hover {
+ background: #F1F5F9;
+ }
+
+ .ant-checkbox__inner {
+ border-radius: 4px;
+ }
+
+ .ant-checkbox-checked {
+ .ant-checkbox__inner {
+ background-color: #3B82F6;
+ border-color: #3B82F6;
+ }
+ }
+ }
+
+ .ant-btn {
+ transition: all 0.2s ease;
+ font-weight: 500;
+ border-radius: 6px;
+
+ &:hover {
+ box-shadow: 0 4px 8px rgba(59, 130, 246, 0.2);
+ }
+ }
}
&__list {
flex: 1;
- padding: 24px;
+ padding: 32px;
overflow-y: auto;
+ background: #F8FAFC;
}
&__pagination {
- padding: 16px 24px;
- border-top: 1px solid #e8e8e8;
+ padding: 20px 32px;
+ border-top: 1px solid #E2E8F0;
+ background: #fff;
text-align: right;
}
}
.material-grid {
display: grid;
- grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
- gap: 16px;
+ grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+ gap: 24px;
+ padding: 4px;
}
.material-item {
position: relative;
- border: 1px solid #e8e8e8;
- border-radius: 8px;
+ background: #fff;
+ border: 1px solid #E2E8F0;
+ border-radius: 12px;
overflow: hidden;
cursor: pointer;
- transition: all 0.3s;
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
&:hover {
- border-color: #1890ff;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+ border-color: #3B82F6;
+ box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
+ }
+
+ &:active {
+ box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
&--selected {
- border-color: #1890ff;
- background: #e6f7ff;
+ border-color: #3B82F6;
+ background: linear-gradient(to bottom, #EFF6FF, #fff);
+ box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
+
+ .material-item__select {
+ opacity: 1;
+ transform: scale(1);
+ }
}
&__content {
- padding: 12px;
+ padding: 16px;
+ transition: all 0.2s ease;
}
&__preview {
width: 100%;
- height: 120px;
- background: #f5f5f5;
- border-radius: 4px;
+ height: 160px;
+ background: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%);
+ border-radius: 8px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
- margin-bottom: 8px;
+ margin-bottom: 12px;
+ transition: all 0.3s ease;
+ position: relative;
img {
width: 100%;
height: 100%;
object-fit: cover;
+ transition: transform 0.3s ease;
+ }
+
+ &:hover img {
+ transform: scale(1.05);
+ }
+
+ &::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(59, 130, 246, 0);
+ transition: all 0.3s ease;
+ pointer-events: none;
+ }
+
+ &:hover::after {
+ background: rgba(59, 130, 246, 0.05);
}
}
&__preview-placeholder {
font-size: 48px;
- color: #d9d9d9;
+ color: #94A3B8;
+ transition: all 0.3s ease;
+
+ &:hover {
+ color: #3B82F6;
+ transform: scale(1.1);
+ }
}
&__info {
display: flex;
flex-direction: column;
- gap: 4px;
+ gap: 8px;
}
&__name {
- font-size: 14px;
- font-weight: 500;
+ font-size: 15px;
+ font-weight: 600;
+ color: #1E293B;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ line-height: 1.4;
+ transition: color 0.2s ease;
+
+ &:hover {
+ color: #3B82F6;
+ }
+
+ .ant-input {
+ font-size: 15px;
+ font-weight: 600;
+ height: 32px;
+ line-height: 30px;
+ border-radius: 6px;
+ border-color: #3B82F6;
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+
+ &:focus {
+ box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
+ }
+ }
}
&__meta {
display: flex;
justify-content: space-between;
- font-size: 12px;
- color: #999;
+ align-items: center;
+ font-size: 13px;
+ color: #64748B;
+ padding-top: 8px;
+ border-top: 1px solid #F1F5F9;
+
+ .material-item__type {
+ flex: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-weight: 500;
+ color: #3B82F6;
+ background: #EFF6FF;
+ padding: 2px 8px;
+ border-radius: 4px;
+ font-size: 12px;
+ }
+
+ .material-item__size {
+ flex-shrink: 0;
+ margin-left: 12px;
+ font-weight: 500;
+ }
+
+ .material-item__time {
+ flex-shrink: 0;
+ margin-left: 12px;
+ color: #94A3B8;
+ font-size: 12px;
+ }
}
&__select {
position: absolute;
- top: 8px;
- right: 8px;
- background: rgba(255, 255, 255, 0.9);
- border-radius: 4px;
- padding: 4px;
+ top: 12px;
+ right: 12px;
+ background: rgba(255, 255, 255, 0.95);
+ border-radius: 8px;
+ padding: 6px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+ opacity: 0;
+ transform: scale(0.9);
+ transition: all 0.2s ease;
+ backdrop-filter: blur(8px);
+
+ .ant-checkbox {
+ &:hover .ant-checkbox__inner {
+ border-color: #3B82F6;
+ }
+
+ &-checked .ant-checkbox__inner {
+ background-color: #3B82F6;
+ border-color: #3B82F6;
+ }
+ }
+ }
+}
+
+// 键盘导航支持
+.material-item:focus-within {
+ outline: 2px solid #3B82F6;
+ outline-offset: 2px;
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+ .material-grid {
+ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+ gap: 12px;
+ }
+
+ .material-content__search {
+ flex-direction: column;
+ align-items: stretch;
+ gap: 12px;
+
+ .material-content__actions {
+ margin-left: 0;
+ flex-wrap: wrap;
+ }
+ }
+
+ .material-item {
+ &__preview {
+ height: 120px;
+ }
+ }
+}
+
+@media (max-width: 480px) {
+ .material-grid {
+ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+ gap: 8px;
+ }
+
+ .material-content {
+ margin: 8px;
+ border-radius: 8px;
+
+ &__search,
+ &__list,
+ &__pagination {
+ padding: 16px;
+ }
+ }
+}
+
+// 无障碍支持
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+
+// 批量删除确认弹窗样式
+:deep(.batch-delete-modal) {
+ .ant-modal-body {
+ padding: 24px;
+ }
+
+ .ant-modal-footer {
+ text-align: right;
+ padding: 16px 24px;
+ border-top: 1px solid #e8e8e8;
+
+ .ant-btn {
+ margin-left: 8px;
+
+ &:first-child {
+ margin-left: 0;
+ }
+ }
}
}
diff --git a/frontend/app/web-gold/src/views/material/Mix.vue b/frontend/app/web-gold/src/views/material/Mix.vue
index f2b0e3efba..3e60bb4685 100644
--- a/frontend/app/web-gold/src/views/material/Mix.vue
+++ b/frontend/app/web-gold/src/views/material/Mix.vue
@@ -1,318 +1,380 @@
-
- {{ getContentTitle() }} -
+ +
+
+
+
+ 搜索
+
+
-
-
+
+
+ 全选
+ 已选 {{ selectedFileIds.length }}
+
+
-
-
-
- 搜索
-
-
-
-
- {{ file.fileName }}
+
+
+ {{ file.displayName }}
+
+
+
@@ -154,7 +178,13 @@
-
-
-
-
-
-
- 智能混剪
-
-
-
-
-
-
-
-
-
- {{ g.name }}
-
-
-
-
-
-
-
-
-
-
-
- 1个
- 3个
- 5个
- 10个
- 15个
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 居中裁剪
-
-
- 填充模式
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-
-
-
-
- 场景数
- {{ sceneCount }} 个
-
-
- 实际总时长
- {{ actualTotalDuration }}秒
-
-
- 已填充
-
- {{ filledCount }} / {{ sceneCount }}
-
-
-
+
+
-
-
+
+
+
智能混剪
+
-
-
-
- 清空
-
+
+
+
+
+
+
+
-
-
-
-
-
- 场景 {{ index + 1 }} - {{ formData.clipDuration }}s - - 候选 {{ scene.candidates.length }}/{{ constants.MAX_CANDIDATES_PER_SCENE }} - -
+ +
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+ {{ g.name }}
+
+
+
-
-
-
-
-
-
-
+
-
-
-
+
+
- ![]()
-
+
+
-
+
+ 1个
+ 3个
+ 5个
+ 10个
+ 15个
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 居中裁剪
+
+
+ 填充模式
+
+
+
+
+
+
-
-
+
+
+
+
+
+
-
+ 场景数
+ {{ sceneCount }} 个
+
+
+ 实际总时长
+ {{ actualTotalDuration }}秒
+
+
+ 已填充
+
+ {{ filledCount }} / {{ sceneCount }}
+
+
- {{ getFileById(candidate.fileId)?.fileName }}
-
-
+
+
-
-
-
- ![]()
- updateDisplayName(@RequestBody @Valid UpdateDisplayNameReqVO reqVO) {
+ userFileService.updateDisplayName(reqVO.getFileId(), reqVO.getDisplayName());
+ return success(true);
+ }
+
}
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/dal/dataobject/TikUserFileDO.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/dal/dataobject/TikUserFileDO.java
index ea67f754c9..f58a443b1c 100644
--- a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/dal/dataobject/TikUserFileDO.java
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/dal/dataobject/TikUserFileDO.java
@@ -83,5 +83,9 @@ public class TikUserFileDO extends TenantBaseDO {
* 视频时长（秒）
*/
private Integer duration;
+ /**
+ * 显示名称（用户可重命名，去除文件后缀）
+ */
+ private String displayName;
}
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileService.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileService.java
index 5727f15c03..e66a2dd57e 100644
--- a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileService.java
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileService.java
@@ -94,5 +94,13 @@ public interface TikUserFileService {
*/
Object completeUpload(Object request);
+ /**
+ * 更新文件显示名称
+ *
+ * @param fileId 文件编号
+ * @param displayName 新的显示名称
+ */
+ void updateDisplayName(Long fileId, String displayName);
+
}
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileServiceImpl.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileServiceImpl.java
index 9b438bbb69..4984b62996 100644
--- a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileServiceImpl.java
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/service/TikUserFileServiceImpl.java
@@ -244,17 +244,20 @@ public class TikUserFileServiceImpl implements TikUserFileService {
throw exception(FILE_NOT_EXISTS, "文件记录保存失败：无法获取文件ID");
}
- // 处理视频封面
+ // 处理视频封面和文件名
String fileName = file.getOriginalFilename();
String fileType = file.getContentType();
String coverUrl = handleCoverUpload(coverBase64, fileName, fileType, baseDirectory);
+ // 处理显示名称（去除文件后缀）
+ String displayName = FileUtil.mainName(fileName);
// 9. 创建文件记录（保存完整路径，包含封面URL和Base64）
TikUserFileDO userFile = new TikUserFileDO()
.setUserId(userId)
.setFileId(infraFileId) // 关联infra_file表，用于后续通过FileService管理文件
- .setFileName(file.getOriginalFilename()) // 保存原始文件名，用于展示
- .setFileType(file.getContentType())
+ .setFileName(fileName) // 保留原始文件名（系统标识）
+ .setDisplayName(displayName) // 设置显示名称（无后缀，用户可编辑）
+ .setFileType(fileType)
.setFileCategory(fileCategory)
.setFileSize(file.getSize())
.setFileUrl(fileUrl)
@@ -668,12 +671,15 @@ public class TikUserFileServiceImpl implements TikUserFileService {
// 4. 处理视频封面
String baseDirectory = ossInitService.getOssDirectoryByCategory(userId, fileCategory);
String coverUrl = handleCoverUpload(coverBase64, fileName, fileType, baseDirectory);
+ // 处理显示名称（去除文件后缀）
+ String displayName = FileUtil.mainName(fileName);
// 5. 保存到 tik_user_file 表
TikUserFileDO userFile = new TikUserFileDO()
.setUserId(userId)
.setFileId(infraFileId)
- .setFileName(fileName)
+ .setFileName(fileName) // 保留原始文件名（系统标识）
+ .setDisplayName(displayName) // 设置显示名称（无后缀，用户可编辑）
.setFileType(fileType)
.setFileCategory(fileCategory)
.setFileSize(fileSize)
@@ -699,5 +705,24 @@ public class TikUserFileServiceImpl implements TikUserFileService {
);
}
+ @Override
+ public void updateDisplayName(Long fileId, String displayName) {
+ Long userId = SecurityFrameworkUtils.getLoginUserId();
+
+ // 验证文件存在且属于当前用户
+ TikUserFileDO fileDO = userFileMapper.selectById(fileId);
+ if (fileDO == null || !fileDO.getUserId().equals(userId)) {
+ throw exception(FILE_NOT_EXISTS);
+ }
+
+ // 更新显示名称
+ userFileMapper.updateById(new TikUserFileDO()
+ .setId(fileId)
+ .setDisplayName(displayName));
+
+ log.info("[updateDisplayName][用户({})更新文件({})显示名称成功，新名称({})]",
+ userId, fileId, displayName);
+ }
+
}
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/AppTikUserFileRespVO.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/AppTikUserFileRespVO.java
index 728af1b615..795c9c818a 100644
--- a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/AppTikUserFileRespVO.java
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/AppTikUserFileRespVO.java
@@ -20,6 +20,9 @@ public class AppTikUserFileRespVO {
@Schema(description = "文件名称", requiredMode = Schema.RequiredMode.REQUIRED, example = "test.mp4")
private String fileName;
+ @Schema(description = "显示名称（用户可重命名，去除文件后缀）", example = "test")
+ private String displayName;
+
@Schema(description = "文件类型（video/image/document等）", example = "video")
private String fileType;
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/UpdateDisplayNameReqVO.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/UpdateDisplayNameReqVO.java
new file mode 100644
index 0000000000..f9bf5b1fc0
--- /dev/null
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/vo/app/UpdateDisplayNameReqVO.java
@@ -0,0 +1,26 @@
+package cn.iocoder.yudao.module.tik.file.vo.app;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+/**
+ * 更新文件显示名称 Request VO
+ *
+ * @author 芋道源码
+ */
+@Schema(description = "用户 App - 更新文件显示名称 Request VO")
+@Data
+public class UpdateDisplayNameReqVO {
+
+ @Schema(description = "文件编号", requiredMode = Schema.RequiredMode.REQUIRED, example = "1")
+ @NotNull(message = "文件编号不能为空")
+ private Long fileId;
+
+ @Schema(description = "显示名称", requiredMode = Schema.RequiredMode.REQUIRED, example = "我的视频")
+ @Size(max = 50, message = "显示名称长度不能超过50个字符")
+ @NotNull(message = "显示名称不能为空")
+ private String displayName;
+
+}
-
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
+
-
-
-
- 已使用 ×{{ getFileUsageCount(file.id) }}
-
-
-
-
+
+
+
+
+
+ + 场景 {{ index + 1 }} + {{ formData.clipDuration }}s + + 候选 {{ scene.candidates.length }}/{{ constants.MAX_CANDIDATES_PER_SCENE }} + +
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ {{ getFileById(candidate.fileId)?.fileName }}
+
+
+
- {{ file.fileName }}
-
+
+
diff --git a/sql/mysql/20241228_refactor_material_list_layout.sql b/sql/mysql/20241228_refactor_material_list_layout.sql
deleted file mode 100644
index 313e52f8e2..0000000000
--- a/sql/mysql/20241228_refactor_material_list_layout.sql
+++ /dev/null
@@ -1,74 +0,0 @@
--- 素材列表布局重构迁移脚本
--- Change ID: refactor-material-list-layout
--- Date: 2025-12-28
--- Description: 添加分组分类功能，支持混剪素材和数字人素材
-
--- =====================================
--- 1. 为tik_file_group表添加category字段
--- =====================================
-
-ALTER TABLE tik_file_group
-ADD COLUMN category VARCHAR(20) NOT NULL DEFAULT 'MIX'
-COMMENT '分组分类: MIX(混剪素材), DIGITAL_HUMAN(数字人素材)'
-AFTER description;
-
--- =====================================
--- 2. 创建索引优化查询性能
--- =====================================
-
-CREATE INDEX idx_file_group_user_category
-ON tik_file_group (user_id, category, deleted);
-
--- =====================================
--- 3. 为tik_user_file表的groupId字段添加注释
--- =====================================
-
-ALTER TABLE tik_user_file
-MODIFY COLUMN group_id BIGINT NULL
-COMMENT '关联素材分组编号（关联tik_file_group.id）';
-
--- =====================================
--- 4. 迁移现有数据（将所有现有分组设置为MIX分类）
--- =====================================
-
-UPDATE tik_file_group SET category = 'MIX' WHERE category IS NULL OR category = '';
-
--- =====================================
--- 5. 验证迁移结果
--- =====================================
-
-SELECT category, COUNT(*) as group_count
-FROM tik_file_group
-WHERE deleted = FALSE
-GROUP BY category;
-
--- =====================================
--- 6. 创建统计视图（可选，用于性能优化）
--- =====================================
-
-CREATE OR REPLACE VIEW v_file_group_stats AS
-SELECT
- g.id,
- g.user_id,
- g.name,
- g.category,
- g.sort,
- COUNT(f.id) as file_count
-FROM tik_file_group g
-LEFT JOIN tik_user_file f ON g.id = f.group_id AND f.deleted = FALSE
-WHERE g.deleted = FALSE
-GROUP BY g.id, g.user_id, g.name, g.category, g.sort;
-
--- =====================================
--- 7. 按分类统计文件数量
--- =====================================
-
-SELECT
- g.category,
- COUNT(DISTINCT g.id) as group_count,
- COUNT(f.id) as file_count
-FROM tik_file_group g
-LEFT JOIN tik_user_file f ON g.id = f.group_id AND f.deleted = FALSE
-WHERE g.deleted = FALSE
-GROUP BY g.category
-ORDER BY g.category;
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/controller/AppTikUserFileController.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/controller/AppTikUserFileController.java
index 518bc07f93..04e1346a0b 100644
--- a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/controller/AppTikUserFileController.java
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/file/controller/AppTikUserFileController.java
@@ -5,6 +5,7 @@ import cn.iocoder.yudao.framework.common.pojo.PageResult;
import cn.iocoder.yudao.module.tik.file.service.TikUserFileService;
import cn.iocoder.yudao.module.tik.file.vo.app.AppTikUserFilePageReqVO;
import cn.iocoder.yudao.module.tik.file.vo.app.AppTikUserFileRespVO;
+import cn.iocoder.yudao.module.tik.file.vo.app.UpdateDisplayNameReqVO;
import io.swagger.v3.oas.annotations.Operation;
import io.swagger.v3.oas.annotations.Parameter;
import io.swagger.v3.oas.annotations.tags.Tag;
@@ -113,5 +114,12 @@ public class AppTikUserFileController {
return success(userFileService.completeUpload(request));
}
+ @PostMapping("/update-display-name")
+ @Operation(summary = "更新文件显示名称")
+ public CommonResult
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
+ ![]()
+
-
-
+
+
-
-
-
- 全选
- 清空
- 智能填充
-
-
+
+
+ 已使用 ×{{ getFileUsageCount(file.id) }}
+
-
-
-
-
+
+
+
- ![]()
-
- {{ file.fileName }}
-
-
+
+ {{ file.displayName || file.fileName }}
+
+
-
- 取消
- 确定
-
+
+
+
-
-
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+ {{ file.displayName || file.fileName }}
+
+
+