feat：在作业和考试drawer中新增编辑·查询.删除功能

fix: 时间栏显示bug

src/components/drawers/AddHomework.vue

@@ -3,13 +3,12 @@
     :visible="addhomeworkVisible"
     class="drawerStyle addhomeworkDrawer"
     width="80%"
-    title="添加作业"
     placement="right"
     @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">添加作业</div>
+        <div class="headerTitle">{{workId ? '编辑':'添加' }}作业</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -17,7 +16,6 @@
         />
       </div>
       <a-form
-
             ref="formRef"
             name="custom-validation"
             :model="formState"
@@ -59,6 +57,7 @@
               <a-range-picker
               style="width: 424px;margin-left: 35px;"
               v-model:value="formState.choosedTime"
+              format="YYYY-MM-DD"
                 :placeholder="['      开始时间', '        结束时间']"
               />
             </a-form-item>
@@ -81,7 +80,7 @@
                 action="/api/file/upload"
                 @change="handleChange"
               >
-              <button class="xkbtn">上传附件</button>
+              <button class="xkbtn" type="button">上传附件</button>
             </a-upload>
             </div>
           </div>
@@ -106,8 +105,8 @@
 <script>
 import { reactive, ref } from "vue";
 import {message} from"ant-design-vue";
-import {createWorkTask} from "@/api/indexWork"
-import  dayjs from 'dayjs';
+import { createWorkTask, queryWorkDetailById, updateWorkTaskUsing} from "@/api/indexWork";
+import dayjs from 'dayjs';
 
 const rowSelection = ref({
   checkStrictly: false,
@@ -134,6 +133,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    workId: {
+      type: Number,
+      default: 0,
+    }
   },
   setup(props, ctx) {
     const formState = reactive({
@@ -142,23 +145,22 @@ export default {
       choosedTime: '',
     });
     const formRef = ref();
+
+
     let checkWorkName = async (_rule, value) => {
       if (!value) {
-        message.warning("请输入作业名称");
         return Promise.reject('请输入作业名称');
       }
     };
 
     let checkWorkRequirement = async (_rule, value) => {
       if (!value) {
-        message.warning("请输入作业要求");
         return Promise.reject('请输入作业要求');
       }
     };
 
     let checkTime = async (_rule, value) => {
-      if (!value) {
-        message.warning("请选择时间");
+      if (!value.length) {
         return Promise.reject('请选择时间');
       }
     };
@@ -190,7 +192,7 @@ export default {
     // };
     const handleFinish = values => {
       console.log(values);
-      addHomework()
+      updateWork(props.workId)
     };
 
     const handleFinishFailed = errors => {
@@ -220,37 +222,63 @@ export default {
     const fileList = ref([]);
     const closeDrawer = () => {
       resetForm();
+      fileList.value = [];
+      formState.choosedTime = '';
       ctx.emit("update:addhomeworkVisible", false);
     };
     const afterVisibleChange = (bool) => {
+      if(props.addhomeworkVisible && props.workId){
+        queryWork({workId: props.workId})
+      }
       console.log("state", bool);
     };
-    const addHomework = () => {
-        createWorkTask({
-          "createTime": "",
-          "createUser": 0,
-          "submitEndTime": dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
-          "submitStartTime": dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
-          "updateTime": "",
-          "updateUser": 0,
-          "workEnclosureAddress": "",
-          "workFlag": "",
-          "workId": 0,
-          "workName": formState.workName,
-          "workRequirement": formState.workRequirement,
-          "workTag": ""
-          }).then((res)=>{
+    const queryWork = (data) => {
+      queryWorkDetailById(data).then((res) => {
+        console.log(dayjs(res.data.data.submitStartTime).format("YYYY-MM-DD"));
+        formState.workName = res.data.data.workName;
+        formState.workRequirement = res.data.data.workRequirement;
+        formState.choosedTime=[dayjs(res.data.data.submitStartTime,"YYYY-MM-DD"),dayjs(res.data.data.submitEndTime,"YYYY-MM-DD")]
+        console.log(res);
+      }).catch(() => {
+        message.error(`查询失败`)
+      })
+    };
+    const updateWork = (id) => {
+      let obj = {
+        "createTime": "",
+        "createUser": 0,
+        "submitEndTime": dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
+        "submitStartTime": dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
+        "updateTime": "",
+        "updateUser": 0,
+        "workEnclosureAddress": "",
+        "workFlag": "",
+        "workId": id || 0,
+        "workName": formState.workName,
+        "workRequirement": formState.workRequirement,
+        "workTag": ""
+      }
+      if(id) {
+        updateWorkTaskUsing(obj).then((res) => {
+        console.log(res);
+        message.success(`编辑成功`)
+        closeDrawer();
+      }).catch((err) => {
+        message.error(`编辑失败${err}`)
+      })
+      } else {
+        createWorkTask(obj).then((res)=>{
         message.success(`添加成功${res}`)
         closeDrawer();
       }).catch((err)=>{
         message.error(`添加失败${err}`)
       })
-    }
+      }
+    };
     return {
       afterVisibleChange,
       closeDrawer,
       rowSelection,
-      addHomework,
       handleChange,
       fileList,
       formState,
@@ -261,6 +289,8 @@ export default {
       formRef,
       // layout,
       rules,
+      queryWork,
+      updateWork,
     };
   },
 };