add

apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx

@@ -24,7 +24,12 @@ export const LectureItem: React.FC<LectureItemProps> = ({
 	}, [lectureId, lecture]);
 	return (
 		<div
-			className="w-full flex items-center gap-4 p-4 hover:bg-gray-200 text-left transition-colors cursor-pointer"
+			className={`w-full flex items-center gap-4 p-4 text-left transition-colors cursor-pointer 
+			${
+				isReading
+					? "bg-blue-50 border-l-4 border-blue-500 hover:bg-blue-50"
+					: "hover:bg-gray-200"
+			}`}
 			onClick={() => onClick(lecture.id)}>
 			{lecture?.meta?.type === LectureType.VIDEO && (
 				<div className="text-blue-500 flex items-center">

apps/web/src/components/models/course/editor/context/CourseEditorContext.tsx

@@ -1,6 +1,7 @@
 import { createContext, useContext, ReactNode, useEffect } from "react";
 import { Form, FormInstance, message } from "antd";
 import {
+	courseDetailSelect,
 	CourseDto,
 	CourseMeta,
 	CourseStatus,
@@ -48,9 +49,7 @@ export function CourseFormProvider({
 	const { data: course }: { data: CourseDto } = api.post.findFirst.useQuery(
 		{
 			where: { id: editId },
-			include: {
-				terms: true,
-			},
+			select: courseDetailSelect,
 		},
 		{ enabled: Boolean(editId) }
 	);
@@ -65,10 +64,12 @@ export function CourseFormProvider({
 
 	useEffect(() => {
 		if (course) {
+			const deptIds = (course?.depts || [])?.map((dept) => dept.id);
 			const formData = {
 				title: course.title,
 				subTitle: course.subTitle,
 				content: course.content,
+				deptIds: deptIds,
 				meta: {
 					thumbnail: course?.meta?.thumbnail,
 				},
@@ -91,7 +92,10 @@ export function CourseFormProvider({
 		const formattedValues = {
 			...values,
 			meta: {
-				thumbnail: values?.meta?.thumbnail,
+				...((course?.meta as CourseMeta) || {}),
+				...(values?.meta?.thumbnail !== undefined && {
+					thumbnail: values?.meta?.thumbnail,
+				}),
 			},
 			terms: {
 				connect: termIds.map((id) => ({ id })), // 转换成 connect 格式
@@ -106,12 +110,9 @@ export function CourseFormProvider({
 		});
 		delete formattedValues.sections;
 		delete formattedValues.deptIds;
-		if (course) {
-			formattedValues.meta = {
-				...(course?.meta as CourseMeta),
-				thumbnail: values?.meta?.thumbnail,
-			};
-		}
+
+		console.log(course.meta);
+		console.log(formattedValues?.meta);
 		try {
 			if (editId) {
 				const result = await update.mutateAsync({

apps/web/src/components/models/course/editor/form/CourseContentForm/SortableSection.tsx

@@ -69,6 +69,9 @@ export const SortableSection: React.FC<SortableSectionProps> = ({
 					});
 				} else {
 					result = await update.mutateAsync({
+						where: {
+							id: field?.id,
+						},
 						data: {
 							title: values?.title,
 						},

apps/web/src/components/models/course/editor/layout/CourseEditorHeader.tsx

@@ -4,6 +4,7 @@ import { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import { CourseStatus, CourseStatusLabel } from "@nice/common";
 import { useCourseEditor } from "../context/CourseEditorContext";
+import { useAuth } from "@web/src/providers/auth-provider";
 
 const { Title } = Typography;
 
@@ -16,6 +17,7 @@ const courseStatusVariant: Record<CourseStatus, string> = {
 
 export default function CourseEditorHeader() {
 	const navigate = useNavigate();
+	const {} = useAuth();
 	const { onSubmit, course, form } = useCourseEditor();
 
 	const handleSave = () => {
@@ -34,7 +36,13 @@ export default function CourseEditorHeader() {
 				<div className="flex items-center space-x-3">
 					<Button
 						icon={<ArrowLeftOutlined />}
-						onClick={() => navigate(-1)}
+						onClick={() => {
+							if (course?.id) {
+								navigate(`/course/${course?.id}/detail`);
+							} else {
+								navigate("/");
+							}
+						}}
 						type="text"
 					/>
 					<div className="flex items-center space-x-2">