--fix bug 重复数据

src/components/drawers/AddHomework.vue

@@ -15,8 +15,8 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">作业名称：</span>
@@ -33,22 +33,22 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">开始时间：</span>
             </div>
             <div class="btnbox">
               <a-range-picker
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  :show-time="{ format: 'hh:mm' }"
-                  :disabled-date="disabledDate"
-                 
-                  v-model:value="dateTime"
-                  format="YYYY-MM-DD HH:mm"
-                  @change="timeChange"
-                  :placeholder="['      开始时间', '        结束时间']"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'hh:mm' }"
+                :disabled-date="disabledDate"
+
+                v-model:value="dateTime"
+                format="YYYY-MM-DD HH:mm"
+                @change="timeChange"
+                :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -56,8 +56,8 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">作业要求：</span>
@@ -90,69 +90,93 @@
 import {defineEmits, defineProps, ref} from "vue";
 import dayjs from "dayjs";
 import FJUpload from "@/components/common/FJUpload";
+import {useResetRef} from "@/utils/useCommon";
+import {Form, message} from "ant-design-vue";
 
 const props = defineProps({
   type: Number,
   taskList: []
-})
-const visible = ref(false)
-const formData = ref({})
-const emit = defineEmits({})
+});
+const visible = ref(false);
+const formData = useResetRef({ workName: "", submitStartTime: "", submitEndTime: "", workRequirement: "" });
+const emit = defineEmits({});
 const taskIndex = ref(-1);
 const dateTime = ref([]);
+const rulesRef = ref({
+  workName: [
+    {
+      required: true,
+      message: "请输入作业名称",
+    },
+  ],
+  submitStartTime: [
+    {
+      required: true,
+      message: "请选择开始时间",
+    },
+  ],
+  submitEndTime: [
+    {
+      required: true,
+      message: "请选择结束时间",
+    },
+  ],
+  workRequirement: [
+    {
+      required: true,
+      message: "请输入作业要求",
+    },
+  ],
+});
 
+const { validate } = Form.useForm(formData, rulesRef);
 const closeDrawer = () => {
-  visible.value = false
-  taskIndex.value = -1
-  formData.value = {}
-  dateTime.value = []
+  visible.value = false;
+  taskIndex.value = -1;
+  formData.reset();
+  dateTime.value = [];
 };
-/**
-const range = (start, end) => {
-  const result = [];
-  for (let i = start; i < end; i++) {
-    result.push(i);
-  }
-  return result;
-};
-*/
+
 function timeChange(time, timeStr) {
-  formData.value.submitStartTime = timeStr[0]
-  formData.value.submitEndTime = timeStr[1]
+  formData.value.submitStartTime = timeStr[0];
+  formData.value.submitEndTime = timeStr[1];
 }
 
 const disabledDate = (current) => {
-  return current && current < dayjs().startOf('day');
+  return current && current < dayjs().startOf("day");
 };
-/**
-const disabledRangeTime = () => ({
-  disabledHours: () => range(0, 24).splice(4, 20),
-  disabledMinutes: () => range(30, 60),
-  disabledSeconds: () => [55, 56],
-});
- */
-function confirm() {
+
+async function confirm() {
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
   if (taskIndex.value === -1) {
-    const list = props.taskList
-    list.push({name: formData.value.workName,duration:dayjs(formData.value.submitEndTime).diff(formData.value.submitStartTime,'minutes'), type: props.type, info: {...formData.value}})
+    const list = props.taskList;
+    list.push({
+      name: formData.value.workName,
+      duration: dayjs(formData.value.submitEndTime).diff(formData.value.submitStartTime, "minutes"),
+      type: props.type,
+      info: { ...formData.value }
+    });
   } else {
-    const data = props.taskList[taskIndex.value]
-    data.name = formData.value.workName
-    data.info = {...formData.value}
-    data.duration = dayjs(formData.value.submitEndTime).diff(formData.value.submitStartTime,'minutes')
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.workName;
+    data.info = { ...formData.value };
+    data.duration = dayjs(formData.value.submitEndTime).diff(formData.value.submitStartTime, "minutes");
   }
-  emit('update:taskList', [...props.taskList])
-  closeDrawer()
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
 }
 
 function openDrawer(i, row) {
-  row && (formData.value = {...row.info});
+  row && (formData.value = { ...row.info });
   row && (dateTime.value = [dayjs(row.info.submitStartTime, "YYYY-MM-DD HH:mm"), dayjs(row.info.submitEndTime, "YYYY-MM-DD HH:mm")]);
   (i >= 0) && (taskIndex.value = i);
-  visible.value = true
+  visible.value = true;
 }
 
-defineExpose({openDrawer})
+defineExpose({ openDrawer });
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {