--fix 路径图整体修改

src/components/drawers/AddDiscuss.vue

@@ -1,14 +1,16 @@
 <template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
   <a-drawer
-      :visible="adddiscussVisible"
+      :visible="visible"
       class="drawerStyle addrefDrawer"
       width="80%"
       placement="right"
-      @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">{{ edit ? "编辑" : "添加" }}讨论</div>
+        <div class="headerTitle">{{ taskIndex >= 0 ? "编辑" : "添加" }}讨论</div>
         <img
             style="width: 29px; height: 29px; cursor: pointer"
             src="../../assets/images/basicinfo/close.png"
@@ -29,7 +31,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="inputV1"
+                  v-model:value="formData.discussName"
                   style="width: 424px; height: 32px"
                   placeholder="请输入讨论名称"
                   show-count
@@ -43,7 +45,7 @@
             </div>
             <div class="textarea">
               <a-textarea
-                  v-model:value="textV1"
+                  v-model:value="formData.discussExplain"
                   placeholder="请输入讨论说明"
                   allow-clear
                   :rows="6"
@@ -57,252 +59,73 @@
               <span style="margin-right: 3px">讨论设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox v-model:checked="checkedC1" @change="checkRadio"
-              >允许评论
-              </a-checkbox
-              >
+              <a-checkbox v-model:checked="formData.discussSettings">允许评论</a-checkbox>
             </div>
           </div>
         </div>
       </div>
       <div class="main_btns">
-        <button class="btn1" @click="closeDrawer1">取消</button>
-        <button class="btn2" @click="updateDiscussInfo">确定</button>
+        <button class="btn1" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="confirm">确定</button>
       </div>
     </div>
   </a-drawer>
 </template>
-<script>
-import {reactive, toRefs} from "vue";
-import * as api from "../../api/indexDiscuss";
-import * as apiTask from "../../api/indexTaskadd";
-import {RouterEditTask} from "@/api/indexTask";
-import {message} from "ant-design-vue";
-import {addTempTask} from "../../api/indexTaskadd";
+<script setup>
+import {defineEmits, defineProps, ref} from "vue";
+import {Form, message} from "ant-design-vue";
 
-export default {
-  name: "AddDiscuss",
-  props: {
-    adddiscussVisible: {
-      type: Boolean,
-      default: false,
+const props = defineProps({
+  type: Number,
+  taskList: []
+})
+const visible = ref(false)
+const formData = ref({discussName: '', discussExplain: '', discussSettings: ''})
+const emit = defineEmits({})
+const taskIndex = ref(-1);
+const dateTime = ref([]);
+const rulesRef = ref({
+  discussName: [
+    {
+      required: true,
+      message: '请输入讨论名称',
     },
-    EditDiscussId: {
-      type: Number,
-      default: null,
-    },
-    taskIdDraft: {
-      type: Number,
-      default: null,
-    },
-    edit: {
-      //  是否为编辑
-      type: Boolean,
-      default: null,
-    },
-    projectId: {
-      type: Number,
-      default: null,
-    },
-    chooseStageId: {
-      type: Number,
-      default: null,
-    },
-    routerTaskId: {
-      type: Number,
-      default: 0,
-    },
-    isLevel: {
-      // 是否是关卡页面触发
-      type: Number,
-      default: null,
-    },
-    EditWorkId: {
-      // 要编辑的workId
-      type: Number,
-      default: null,
-    },
-    projectTaskId: {
-      // 要编辑的projectId
-      type: Number,
-      default: null,
-    },
-    routerId: {
-      type: Number,
-      default: null,
-    },
-    isactive: {
-      type: Number,
-      default: null,
-    },
-    projectTemplateId: {
-      type: Number,
-      default: null,
-    },
-  },
-  setup(props, ctx) {
-    const state = reactive({
-      inputV1: "",
-      inputV2: "",
-      textV1: "",
-      checkedC1: false,
-      discussSettings: "",
-      addLoading: false,
-    });
-    const checkRadio = () => {
-      if (state.checkedC1) {
-        state.discussSettings = "true";
-      } else {
-        state.discussSettings = "false";
-      }
-    };
-    const closeDrawer = () => {
-      ctx.emit("update:adddiscussVisible", false);
-      ctx.emit("update:edit", false);
-      state.inputV1 = "";
-      state.textV1 = "";
-      //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-    };
-    const closeDrawer1 = () => {
-      ctx.emit("update:adddiscussVisible", false);
-      ctx.emit("update:edit", false);
-      state.inputV1 = "";
-      state.textV1 = "";
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-    };
-    const queryDiscuss = () => {
-      if (props.edit) {
-        //编辑讨
-        api
-            .getDiscussDetail({discussId: props.EditDiscussId})
-            .then((res) => {
-              //更新讨论信息
-              state.inputV1 = res.data.data.discussName;
-              state.textV1 = res.data.data.discussExplain;
-              state.checkedC1 = res.data.data.discussSettings == "true";
-            })
-            .catch(() => {
-            });
-      }
-    };
-    const afterVisibleChange = (bool) => {
-      if (bool) {
-        queryDiscuss();
-      }
-    };
-    const updateTask = async (res) => {
-   
-      if (props.isLevel == 1) {
-        if(!props.isactive){
-          message.destroy();
-          return message.warning("请先选中关卡");
-        }
-        await RouterEditTask({
-          chapterId: props.isactive,
-          courseId: res.data.data.id,
-          name: res.data.data.discussName,
-          routerId: props.routerId,
-          routerTaskId: props.routerTaskId || 0,
-          type: 8,
-          id: props.taskIdDraft
-        })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-            });
-      } else if (props.isLevel == 2) {
-        await apiTask
-            .addTask({
-              courseId: res.data.data.id,
-              name: res.data.data.discussName,
-              projectId: props.projectId,
-              projectTaskId: props.projectTaskId || 0,
-              stageId: props.chooseStageId || 0,
-              type: 8,
-              id: props.taskIdDraft
-            })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-            });
-      } else if (props.isLevel == 3) {
-        console.log("");
-        addTempTask({
-          courseId: res.data.data.id,
-          name: res.data.data.discussName,
-          projectTemplateId: props.projectTemplateId,
-          projectTaskId: props.projectTaskId || 0,
-          stageId: props.chooseStageId || 0,
-          type: 8,
-        })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-            });
-      }
-    };
-    const updateDiscussInfo = () => {
-      if (!state.inputV1) {
-        message.destroy();
-        return message.warning("请输入讨论名称");
-      }
-      let obj = {
-        discussName: state.inputV1, //讨论名称
-        discussExplain: state.textV1, //讨论说明
-        discussSettings: state.discussSettings, //讨论设置
-        discussId: props.edit ? props.EditDiscussId : 0, //讨论Id
-        projectId: 0, //项目id,接口多余字段，
-        id: props.edit?props.taskIdDraft:""
-      };
-      if (props.edit) {
-        api
-            .updateDiscuss(obj)
-            .then(async (res) => {
-              await updateTask(res);
-              closeDrawer();
-              ctx.emit("changeData", false);
-              message.destroy();
-              message.success("创建讨论成功");
-            })
-            .catch(() => {
-              message.destroy();
-              message.error("创建讨论失败");
-            });
-      } else {
-        api
-            .createDiscuss(obj)
-            .then(async (res) => {
-              await updateTask(res);
-              closeDrawer();
-              ctx.emit("changeData", false);
-              message.destroy();
-              message.success("创建讨论成功");
-            })
-            .catch(() => {
-              message.destroy();
-              message.error("创建讨论失败");
-            });
-      }
-    };
-    return {
-      ...toRefs(state),
-      afterVisibleChange,
-      closeDrawer,
-      closeDrawer1,
-      updateDiscussInfo,
-      checkRadio,
-    };
-  },
+  ],
+});
+
+const {resetFields, validate} = Form.useForm(formData, rulesRef);
+
+const closeDrawer = () => {
+  visible.value = false
+  taskIndex.value = -1
+  dateTime.value = []
+  resetFields()
 };
+
+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.discussName, type: props.type, info: {...formData.value}})
+  } else {
+    const data = props.taskList[taskIndex.value]
+    data.name = formData.value.discussName
+    data.info = {...formData.value}
+  }
+  emit('update:taskList', [...props.taskList])
+  closeDrawer()
+}
+
+function openDrawer(i, row) {
+  row && (formData.value = {...row.info});
+  (i >= 0) && (taskIndex.value = i);
+  visible.value = true
+}
+
+defineExpose({openDrawer})
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {