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

src/components/growthpath/GrowthVote.vue

@@ -1,5 +1,5 @@
 <template>
-  <div @click="openDrawer">
+  <div @click="openDrawer()">
     <slot></slot>
   </div>
   <a-drawer
@@ -34,7 +34,7 @@
               </div>
               <div class="btnbox">
                 <a-input
-                  v-model:value="formData.voteName"
+                  v-model:value="formData.info.voteName"
                   style="width: 424px; height: 40px; border-radius: 8px"
                   placeholder="请输入投票任务名称"
                   maxlength="20"
@@ -75,11 +75,11 @@
               <div class="btnbox">
                 <button class="xkbtn" @click="step = 2">
                   {{
-                    formData.voteStemDtoList.length ? "编辑" : "创建"
+                    formData.info.voteStemDtoList.length ? "编辑" : "创建"
                   }}投票题干
                 </button>
 
-                <div v-if="formData.voteStemDtoList.length">
+                <div v-if="formData.info.voteStemDtoList.length">
                   <a-tag closable color="processing" @close="handleDel">
                     <span style="font-size: 14px; line-height: 33px"
                       >删除投票题干</span
@@ -94,7 +94,7 @@
               </div>
               <div class="textarea">
                 <a-textarea
-                  v-model:value="formData.voteExplain"
+                  v-model:value="formData.info.voteExplain"
                   placeholder="请输入投票说明"
                   allow-clear
                   :rows="6"
@@ -111,7 +111,7 @@
       </template>
       <template v-if="step == 2">
         <CreateVote
-          v-model:options="formData.voteStemDtoList"
+          v-model:options="formData.info.voteStemDtoList"
           @close="step = 1"
           @confirm="step = 1"
         >
@@ -126,15 +126,17 @@ import CreateVote from "./CreateVote.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 title = computed(() => {
   if (step.value == 1) {
-    return taskIndex >= 0 ? "编辑投票任务" : "添加投票";
+    return formData.value.info ? "编辑投票任务" : "添加投票";
   } else if (step.value == 2) {
     return "创建投票题干";
   }
@@ -143,14 +145,15 @@ const title = computed(() => {
 const step = ref(1);
 const visible = ref(false);
 const formData = useResetRef({
-  voteName: "",
-  voteStartTime: "",
-  voteEndTime: "",
-  voteStemDtoList: [],
-  voteExplain: "",
+  info: {
+    voteName: "",
+    voteStartTime: "",
+    voteEndTime: "",
+    voteStemDtoList: [],
+    voteExplain: "",
+  },
 });
-const emit = defineEmits({});
-const taskIndex = ref(-1);
+const emit = defineEmits(["refresh"]);
 const dateTime = ref([]);
 const rulesRef = ref({
   voteName: [
@@ -179,22 +182,24 @@ 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 = {
+      voteStemDtoList:[]
+    };
   }
 };
 
 function timeChange(time, timeStr) {
-  formData.value.voteStartTime = timeStr[0];
-  formData.value.voteEndTime = timeStr[1];
+  formData.value.info.voteStartTime = timeStr[0];
+  formData.value.info.voteEndTime = timeStr[1];
 }
 
 const disabledDate = (current) => {
@@ -206,43 +211,42 @@ async function confirm() {
     message.warning(errorFields[0].errors.join());
     throw Error("数据校验不通过");
   });
-  if (taskIndex.value === -1) {
-    const list = props.taskList;
-    list.push({
-      name: formData.value.voteName,
-      type: props.type,
-      duration: dayjs(formData.value.voteEndTime).diff(
-        formData.value.voteStartTime,
-        "minutes"
-      ),
-      info: { ...formData.value },
-    });
-  } else {
-    const data = props.taskList[taskIndex.value];
-    data.name = formData.value.voteName;
-    data.info = { ...formData.value };
-    data.duration = dayjs(formData.value.voteEndTime).diff(
-      formData.value.voteStartTime,
-      "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.voteName;
+  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.voteStartTime, "YYYY-MM-DD HH:mm"),
       dayjs(row.info.voteEndTime, "YYYY-MM-DD HH:mm"),
     ]);
-  i >= 0 && (taskIndex.value = i);
   visible.value = true;
 }
 
 function handleDel() {
-  formData.value.voteStemDtoList = [];
+  formData.value.info.voteStemDtoList = [];
 }
 
 defineExpose({ openDrawer });