diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index a51d0cb4..b3aa725c 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -208,7 +208,7 @@ const closeDrawer = () => {
 function timeChange(time, timeStr) {
   formData.value.activityStartTime = timeStr[0]
   formData.value.activityEndTime = timeStr[1]
-  formData.activityDuration || (formData.activityDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+  formData.value.activityDuration || (formData.value.activityDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
 }
 
 const disabledDate = (current) => {
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index de7334af..55108875 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -336,7 +336,7 @@ const closeDrawer = () => {
 function timeChange(time, timeStr) {
   formData.value.liveStartTime = timeStr[0];
   formData.value.liveEndTime = timeStr[1];
-  formData.liveDuration || (formData.liveDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+  formData.value.liveDuration || (formData.value.liveDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
 }
 const disabledDate = (current) => {
   return current && current < dayjs().startOf("day");
diff --git a/src/components/drawers/AddOpenCourse.vue b/src/components/drawers/AddOpenCourse.vue
index 3df99c86..e7e37330 100644
--- a/src/components/drawers/AddOpenCourse.vue
+++ b/src/components/drawers/AddOpenCourse.vue
@@ -527,7 +527,7 @@ const { validate } = Form.useForm(formData, formDataRule);
 function timeChange(time, timeStr) {
   formData.value.beginTime = timeStr[0];
   formData.value.endTime = timeStr[1];
-  formData.duration || (formData.duration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+  formData.value.duration || (formData.value.duration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
 }
 
 function search() {