修改专业力必修任务编辑模块，新增任务

src/components/growthpath/GrowthEval.vue

@@ -1,5 +1,5 @@
 <template>
-  <div @click="openDrawer">
+  <div @click="openDrawer()">
     <slot></slot>
   </div>
   <a-drawer
@@ -35,7 +35,7 @@
               </div>
               <div class="btnbox">
                 <a-input
-                  v-model:value="formData.evaluationName"
+                  v-model:value="formData.info.evaluationName"
                   style="width: 400px; height: 40px; border-radius: 8px"
                   placeholder="请输入测评名称"
                   show-count
@@ -55,16 +55,16 @@
               </div>
               <div class="btnbox" @click="selectEval">
                 <button class="checkEval">
-                  {{ formData.evaluationTypeName ? "修改" : "选择" }}测评
+                  {{ formData.info.evaluationTypeName ? "修改" : "选择" }}测评
                 </button>
 
                 <div
-                  v-if="formData.evaluationTypeName"
+                  v-if="formData.info.evaluationTypeName"
                   style="margin-left: 20px"
                 >
                   <a-tag closable @close="delTag" color="processing">
                     <span style="font-size: 14px; line-height: 33px">{{
-                      formData.evaluationTypeName
+                      formData.info.evaluationTypeName
                     }}</span>
                   </a-tag>
                 </div>
@@ -94,7 +94,7 @@
                 <a-textarea
                   show-count
                   :maxlength="200"
-                  v-model:value="formData.evaluationExplain"
+                  v-model:value="formData.info.evaluationExplain"
                   placeholder="请输入测评说明"
                   style="width: 400px"
                   allowClear
@@ -112,7 +112,7 @@
 
       <div v-show="step == 2">
         <EvList
-          :selectId="formData.evaluationTypeId"
+          :selectId="formData.info.evaluationTypeId"
           ref="EvListRef"
           @confirm="selectEvalConfirm"
         >
@@ -127,17 +127,20 @@ import EvList from "./EvList.vue";
 import { Form, message } from "ant-design-vue";
 import dayjs from "dayjs";
 import { useResetRef } from "@/utils/useCommon";
+import { saveTask } from "@/api/growthpath";
 
 const props = defineProps({
   type: Number,
-  taskList: [],
+  // 选秀2 必修1
+  activeKey: String,
+  growId: String,
 });
 // 步骤数
 const step = ref(1);
 // 弹框标题
 const title = computed(() => {
   if (step.value == 1) {
-    return taskIndex >= 0 ? "编辑测评" : "添加测评";
+    return formData.value.id ? "编辑测评" : "添加测评";
   } else if (step.value == 2) {
     return "选择测评";
   }
@@ -149,21 +152,22 @@ const selectEval = () => {
 // 选择测评完毕
 const selectEvalConfirm = (data) => {
   step.value = step.value - 1;
-  formData.value.evaluationTypeId = data.id;
-  formData.value.evaluationTypeName = data.title;
+  formData.value.info.evaluationTypeId = data.id;
+  formData.value.info.evaluationTypeName = data.title;
 };
 
 const visible = ref(false);
 const formData = useResetRef({
-  evaluationName: "",
-  evaluationTypeId: "",
-  evaluationTypeName: "",
-  evaluationExplain: "",
-  evaluationStartTime: "",
-  evaluationEndTime: "",
+  info: {
+    evaluationName: "",
+    evaluationTypeId: "",
+    evaluationTypeName: "",
+    evaluationExplain: "",
+    evaluationStartTime: "",
+    evaluationEndTime: "",
+  },
 });
-const emit = defineEmits({});
-const taskIndex = ref(-1);
+const emit = defineEmits(["refresh"]);
 const dateTime = ref([]);
 const rulesRef = ref({
   evaluationName: [
@@ -186,16 +190,16 @@ const rulesRef = ref({
   ],
 });
 
-const { validate } = Form.useForm(formData, rulesRef);
+const { validate } = Form.useForm(formData.info, rulesRef);
 
 const closeDrawer = () => {
   if (step.value > 1) {
     step.value = step.value - 1;
   } else {
     visible.value = false;
-    taskIndex.value = -1;
     dateTime.value = [];
     formData.reset();
+    formData.value.info = {};
   }
 };
 
@@ -208,8 +212,8 @@ const range = (start, end) => {
 };
 
 function timeChange(time, timeStr) {
-  formData.value.evaluationStartTime = timeStr[0];
-  formData.value.evaluationEndTime = timeStr[1];
+  formData.value.info.evaluationStartTime = timeStr[0];
+  formData.value.info.evaluationEndTime = timeStr[1];
 }
 
 const disabledDate = (current) => {
@@ -223,8 +227,8 @@ const disabledRangeTime = () => ({
 });
 
 function delTag() {
-  formData.value.evaluationTypeId = "";
-  formData.value.evaluationTypeName = "";
+  formData.value.info.evaluationTypeId = "";
+  formData.value.info.evaluationTypeName = "";
 }
 
 async function confirm() {
@@ -232,38 +236,37 @@ async function confirm() {
     message.warning(errorFields[0].errors.join());
     throw Error("数据校验不通过");
   });
-  if (taskIndex.value === -1) {
-    const list = props.taskList;
-    list.push({
-      name: formData.value.evaluationName,
-      duration: dayjs(formData.value.evaluationEndTime).diff(
-        formData.value.evaluationStartTime,
-        "minutes"
-      ),
-      type: props.type,
-      info: { ...formData.value },
-    });
-  } else {
-    const data = props.taskList[taskIndex.value];
-    data.name = formData.value.evaluationName;
-    data.info = { ...formData.value };
-    data.duration = dayjs(formData.value.evaluationEndTime).diff(
-      formData.value.evaluationStartTime,
-      "minutes"
-    );
-  }
-  emit("update:taskList", [...props.taskList]);
-  closeDrawer();
+
+  // 专业力ID
+  formData.value.growthId = props.growId;
+  // 任务类型
+  formData.value.taskType = props.type;
+  // 必修/选修
+  formData.value.type = props.activeKey;
+  // 任务名称
+  formData.value.taskName = formData.value.info.evaluationName;
+  saveTask(formData.value).then((res) => {
+    if (res.data.code == 200) {
+      if (formData.value.id) {
+        message.success("编辑成功");
+      } else {
+        message.success("添加成功");
+      }
+      emit("refresh");
+    } else {
+      message.error(res.msg);
+    }
+    closeDrawer();
+  });
 }
 
-function openDrawer(i, row) {
-  row && (formData.value = { ...row.info });
+function openDrawer(row) {
+  row && (formData.value = row);
   row &&
     (dateTime.value = [
       dayjs(row.info.evaluationStartTime, "YYYY-MM-DD HH:mm"),
       dayjs(row.info.evaluationEndTime, "YYYY-MM-DD HH:mm"),
     ]);
-  i >= 0 && (taskIndex.value = i);
   visible.value = true;
 }