【第一轮测试-项目-添加任务】所有添加任务涉及到从列表选择数据都存在选中数据删除后再次选择依旧为选中状态，且无法进行操作

src/components/drawers/AddLive.vue

@@ -1,20 +1,20 @@
 <!-- 直播抽屉 -->
 <template>
   <a-drawer
-      :visible="addliveVisible"
-      class="drawerStyle addliveDrawer"
-      width="80%"
-      title="添加直播"
-      placement="right"
-      @after-visible-change="afterVisibleChange"
+    :visible="addliveVisible"
+    class="drawerStyle addliveDrawer"
+    width="80%"
+    title="添加直播"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">{{ edit ? "编辑" : "添加" }}直播</div>
         <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
         />
       </div>
       <div class="contentMain">
@@ -23,18 +23,18 @@
             <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-input
-                  v-model:value="inputV1"
-                  style="width: 400px; height: 32px"
-                  placeholder="请输入考试名称"
-                  maxlength="20"
+                v-model:value="inputV1"
+                style="width: 400px; height: 32px"
+                placeholder="请输入考试名称"
+                maxlength="20"
               />
             </div>
           </div>
@@ -44,13 +44,12 @@
             </div>
             <div class="textarea">
               <a-textarea
-                  v-model:value="textV1"
-                  placeholder="请输入考试说明"
-                  allow-clear
-                   show-count
-                  :maxlength="200"
-                  :rows="6"
-                 
+                v-model:value="textV1"
+                placeholder="请输入考试说明"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
               />
             </div>
           </div>
@@ -58,19 +57,19 @@
             <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
-                  show-time
-                  style="width: 424px"
-                  v-model:value="time"
-                  format="YYYY/MM/DD HH:mm"
-                  :placeholder="['      开始时间', '        结束时间']"
+                show-time
+                style="width: 424px"
+                v-model:value="time"
+                format="YYYY/MM/DD HH:mm"
+                :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -78,24 +77,24 @@
             <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-input-number
-                  :min="0"
-                  :max="300"
-                  :precision="0"
-                  style="
+                :min="0"
+                :max="300"
+                :precision="0"
+                style="
                   width: 364px;
                   height: 32px;
                   border-radius: 8px;
                   overflow: hidden;
                 "
-                  v-model:value="inputV2"
+                v-model:value="inputV2"
               ></a-input-number>
               <span style="margin-left: 5px">分钟</span>
             </div>
@@ -104,40 +103,42 @@
             <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">
-              <ProjectManager v-model:value="memberValue.value"
-                              v-model:name="memberValue.label"></ProjectManager>
+              <ProjectManager
+                v-model:value="memberValue.value"
+                v-model:name="memberValue.label"
+              ></ProjectManager>
             </div>
           </div>
           <div class="mbl_items2">
             <div class="item_nam">
               <div class="asterisk_icon">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 14px">直播封面</span>
             </div>
             <div class="item_inp">
               <a-upload
-                  name="avatar"
-                  list-type="picture-card"
-                  class="avatar-uploader"
-                  :show-upload-list="false"
-                  :before-upload="beforeUpload"
+                name="avatar"
+                list-type="picture-card"
+                class="avatar-uploader"
+                :show-upload-list="false"
+                :before-upload="beforeUpload"
               >
                 <img
-                    class="i_upload_img"
-                    v-if="imageUrl"
-                    :src="imageUrl"
-                    alt="avatar"
+                  class="i_upload_img"
+                  v-if="imageUrl"
+                  :src="imageUrl"
+                  alt="avatar"
                 />
                 <div class="i_upload" v-else>
                   <div class="addimg">
@@ -157,10 +158,10 @@
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="inputV4"
-                  style="width: 424px; height: 32px"
-                  placeholder="请输入直播链接"
-                  :maxlength="100"
+                v-model:value="inputV4"
+                style="width: 424px; height: 32px"
+                placeholder="请输入直播链接"
+                :maxlength="100"
               />
             </div>
           </div>
@@ -169,7 +170,7 @@
               <span style="margin-right: 3px">回放设置：</span>
             </div>
             <div class="btnbox">
-              <a-switch v-model:checked="switchC1"/>
+              <a-switch v-model:checked="switchC1" />
             </div>
           </div>
           <div v-if="switchC1">
@@ -179,10 +180,10 @@
               </div>
               <div class="btnbox">
                 <a-input
-                    v-model:value="inputV5"
-                    style="width: 424px; height: 32px"
-                    placeholder="请输入回放链接"
-                    :maxlength="100"
+                  v-model:value="inputV5"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入回放链接"
+                  :maxlength="100"
                 />
               </div>
             </div>
@@ -193,29 +194,28 @@
             </div>
             <div class="btnbox2">
               <a-checkbox
-                  v-model:checked="needEval"
-                  @click="needEval = !needEval"
-              >需要评估
-              </a-checkbox
-              >
+                v-model:checked="needEval"
+                @click="needEval = !needEval"
+                >需要评估
+              </a-checkbox>
             </div>
           </div>
           <div v-if="needEval" class="main_item">
             <div class="signbox"></div>
             <div class="btnbox">
               <button class="xkbtn" @click="showAssessment">选择评估</button>
-              <div v-if="(assessmentId > 0)">
+              <div v-if="assessmentId > 0">
                 <a-tag closable @close="removePG" color="processing">
-                  <span style="font-size: 14px; line-height: 33px"
-                  >{{assessmentName}}</span
-                  >
+                  <span style="font-size: 14px; line-height: 33px">{{
+                    assessmentName
+                  }}</span>
                 </a-tag>
               </div>
               <AssessmentList
-                  v-model:assessmentVisible="assessmentVisible"
-                  v-model:titleTag="titleTag"
-                  v-model:assessmentId="assessmentId"
-                  v-model:assessmentName="assessmentName"
+                v-model:assessmentVisible="assessmentVisible"
+                v-model:titleTag="titleTag"
+                v-model:assessmentId="assessmentId"
+                v-model:assessmentName="assessmentName"
               />
             </div>
           </div>
@@ -233,32 +233,32 @@
                 <div class="timerbox">
                   <span>开始前：</span>
                   <a-input-number
-                      :min="0"
-                      :max="30"
-                      :precision="0"
-                      style="
+                    :min="0"
+                    :max="30"
+                    :precision="0"
+                    style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
                     "
-                      v-model:value="inputV6"
+                    v-model:value="inputV6"
                   ></a-input-number>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
                 <div class="timerbox">
                   <span>开始后：</span>
                   <a-input-number
-                      :min="0"
-                      :max="30"
-                      :precision="0"
-                      style="
+                    :min="0"
+                    :max="30"
+                    :precision="0"
+                    style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
                     "
-                      v-model:value="inputV7"
+                    v-model:value="inputV7"
                   ></a-input-number>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
@@ -288,7 +288,7 @@
               </div> -->
             </div>
           </div>
-          
+
           <div class="main_item">
             <div class="signbox">
               <span style="margin-right: 3px">完成标准设置：</span>
@@ -303,18 +303,16 @@
             </div>
           </div>
 
-
           <div class="main_item">
             <div class="signbox">
               <span style="margin-right: 3px">其他设置：</span>
             </div>
             <div class="btnbox">
               <a-checkbox
-                  v-model:checked="switchC2"
-                  @onclick="switchC2 = !switchC2"
-              >学员请假后记为任务完成
-              </a-checkbox
-              >
+                v-model:checked="switchC2"
+                @onclick="switchC2 = !switchC2"
+                >学员请假后记为任务完成
+              </a-checkbox>
             </div>
           </div>
         </div>
@@ -327,18 +325,18 @@
   </a-drawer>
 </template>
 <script>
-import {reactive, toRefs, ref} from "vue";
-import {message} from "ant-design-vue";
+import { reactive, toRefs, ref } from "vue";
+import { message } from "ant-design-vue";
 import * as api from "../../api/indexLiveBroadcast";
 import * as apiTask from "../../api/indexTaskadd";
-import {toDate} from "@/api/method";
-import {RouterEditTask} from "@/api/indexTask";
-import {addTempTask} from "../../api/indexTaskadd";
-import {getMemberInfo} from "@/api/index1";
+import { toDate } from "@/api/method";
+import { RouterEditTask } from "@/api/indexTask";
+import { addTempTask } from "../../api/indexTaskadd";
+import { getMemberInfo } from "@/api/index1";
 import dayjs from "dayjs";
-import {fileUp} from "../../api/indexEval";
+import { fileUp } from "../../api/indexEval";
 import AssessmentList from "../drawers/ AssessmentList.vue";
-import {debounce} from "lodash-es";
+import { debounce } from "lodash-es";
 import ProjectManager from "@/components/project/ProjectManager";
 
 // import { useRouter } from "vue-router";
@@ -402,7 +400,6 @@ export default {
       type: Number,
       default: null,
     },
-    
   },
   setup(props, ctx) {
     // const router = useRouter();
@@ -441,7 +438,7 @@ export default {
       needEval: false,
       switchC2: false,
       assessmentVisible: false,
-      assessmentName:"",
+      assessmentName: "",
     });
     const closeDrawer = () => {
       ctx.emit("update:addliveVisible", false);
@@ -462,7 +459,7 @@ export default {
       state.imageUrl = "";
       state.needEval = false;
       state.switchC2 = false;
-      state.assessmentId =null;
+      state.assessmentId = null;
       ctx.emit("changeData", false);
       localStorage.setItem("stageId", props.chooseStageId);
       localStorage.setItem("chapterId", props.isactive);
@@ -472,57 +469,60 @@ export default {
         queryLive();
       }
       api
-          .queryAssessmentDetailList({
-            assessmentName: "",
-            pageNo: 1,
-            pageSize: 200,
-            releaseStatus: "",
-            searchEndTime: "",
-            searchStartTime: "",
-          })
-          .then((res) => {
-            res.data.data.rows.forEach((item) => {
-              let obj = item;
-              obj.value = item.assessmentId;
-              obj.label = item.assessmentName;
-              state.assessment.push(obj);
-            });
+        .queryAssessmentDetailList({
+          assessmentName: "",
+          pageNo: 1,
+          pageSize: 200,
+          releaseStatus: "",
+          searchEndTime: "",
+          searchStartTime: "",
+        })
+        .then((res) => {
+          res.data.data.rows.forEach((item) => {
+            let obj = item;
+            obj.value = item.assessmentId;
+            obj.label = item.assessmentName;
+            state.assessment.push(obj);
           });
+        });
     };
     const queryLive = () => {
       let d = props.EditLiveId;
       api
-          .getLiveBroadcastInfor({liveId: d})
-          .then((res) => {
-            console.log("获取的数据",res)
-            state.inputV1 = res.data.data.liveName;
-            state.time = [
-              dayjs(res.data.data.liveStartTime, "YYYY-MM-DD HH:mm"),
-              dayjs(res.data.data.liveEndTime, "YYYY-MM-DD HH:mm"),
-            ];
-            console.log(state.time)
+        .getLiveBroadcastInfor({ liveId: d })
+        .then((res) => {
+          console.log("获取的数据", res);
+          state.inputV1 = res.data.data.liveName;
+          state.time = [
+            dayjs(res.data.data.liveStartTime, "YYYY-MM-DD HH:mm"),
+            dayjs(res.data.data.liveEndTime, "YYYY-MM-DD HH:mm"),
+          ];
+          console.log(state.time);
 
-            state.inputV2 = res.data.data.liveDuration;
-            state.inputV3 = res.data.data.liveTeacherId;
-            //state.fileList= res.data.data
-            state.inputV4 = res.data.data.liveLink;
-            state.inputV5 = res.data.data.livePlaybackLink;
-            state.inputV6 = res.data.data.beforeSignIn;
-            state.inputV7 = res.data.data.afterSignIn;
-            state.inputV8 = res.data.data.signOutTime;
-            state.textV1 = res.data.data.liveExplain;
-            state.radioV1 = Number(res.data.data.standardSettings);
-            //state.= res.data.data
-            state.assessmentId = res.data.data.assessmentId;
-            state.imageUrl = res.data.data.liveCover;
-            state.switchC1 = res.data.data.livePlayback === '1' ? true : false;
-            state.switchC2 = res.data.data.otherSettings == 1 ? true : false;
-            state.needEval = res.data.data.isEvaluate == '1' ? true : false;
-            state.memberValue = {value: res.data.data.liveTeacherId || '', label: res.data.data.liveTeacherName || ''};
-          })
-          .catch(() => {
-            //message.error(`查询失败`);
-          });
+          state.inputV2 = res.data.data.liveDuration;
+          state.inputV3 = res.data.data.liveTeacherId;
+          //state.fileList= res.data.data
+          state.inputV4 = res.data.data.liveLink;
+          state.inputV5 = res.data.data.livePlaybackLink;
+          state.inputV6 = res.data.data.beforeSignIn;
+          state.inputV7 = res.data.data.afterSignIn;
+          state.inputV8 = res.data.data.signOutTime;
+          state.textV1 = res.data.data.liveExplain;
+          state.radioV1 = Number(res.data.data.standardSettings);
+          //state.= res.data.data
+          state.assessmentId = res.data.data.assessmentId;
+          state.imageUrl = res.data.data.liveCover;
+          state.switchC1 = res.data.data.livePlayback === "1" ? true : false;
+          state.switchC2 = res.data.data.otherSettings == 1 ? true : false;
+          state.needEval = res.data.data.isEvaluate == "1" ? true : false;
+          state.memberValue = {
+            value: res.data.data.liveTeacherId || "",
+            label: res.data.data.liveTeacherName || "",
+          };
+        })
+        .catch(() => {
+          //message.error(`查询失败`);
+        });
     };
     const cloradio1 = (value) => {
       if (state.radioV1 === value.target._value) {
@@ -560,31 +560,31 @@ export default {
           routerTaskId: props.routerTaskId || 0,
           type: 6,
         })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
-              ctx.emit("changeData", false);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-            });
+          .then(() => {
+            //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
+            ctx.emit("changeData", false);
+          })
+          .catch(() => {
+            //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+          });
       } else if (props.isLevel == 2) {
         apiTask
-            .addTask({
-              courseId: res.data.data.liveId,
-              duration: res.data.data.liveDuration,
-              name: res.data.data.liveName,
-              projectId: props.projectId,
-              projectTaskId: props.projectTaskId || 0,
-              stageId: props.chooseStageId || 0,
-              type: 6,
-            })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
-              ctx.emit("changeData", false);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
-            });
+          .addTask({
+            courseId: res.data.data.liveId,
+            duration: res.data.data.liveDuration,
+            name: res.data.data.liveName,
+            projectId: props.projectId,
+            projectTaskId: props.projectTaskId || 0,
+            stageId: props.chooseStageId || 0,
+            type: 6,
+          })
+          .then(() => {
+            //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+            ctx.emit("changeData", false);
+          })
+          .catch(() => {
+            //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+          });
       } else if (props.isLevel == 3) {
         console.log("props.projectTemplateId", props.projectTemplateId);
         addTempTask({
@@ -596,18 +596,17 @@ export default {
           stageId: props.chooseStageId || 0,
           type: 6,
         })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
-              ctx.emit("changeData", false);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
-            });
+          .then(() => {
+            //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+            ctx.emit("changeData", false);
+          })
+          .catch(() => {
+            //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+          });
       }
     };
     const showAssessment = () => {
       state.assessmentVisible = true;
-    
     };
     //创建直播
     const updateLiveBroadcast = () => {
@@ -624,7 +623,7 @@ export default {
         message.destroy();
         return message.warning("请输入直播时长");
       }
-      if (state.memberValue.value=="") {
+      if (state.memberValue.value == "") {
         message.destroy();
         return message.warning("请选择授课教师");
       }
@@ -638,17 +637,20 @@ export default {
         return message.warning("直播时长需大于0");
       }
       let startTime = toDate(
-          new Date(state.time[0].$d).getTime() / 1000,
-          "Y-M-D h:m"
+        new Date(state.time[0].$d).getTime() / 1000,
+        "Y-M-D h:m"
       );
       let endTime = toDate(
-          new Date(state.time[1].$d).getTime() / 1000,
-          "Y-M-D h:m"
+        new Date(state.time[1].$d).getTime() / 1000,
+        "Y-M-D h:m"
       );
       state.obj = {
         afterSignIn: state.inputV6,
         beforeSignIn: state.inputV7,
-        assessmentId: state.assessmentId == null || state.assessmentId == "" ? 0 : Number(state.assessmentId),
+        assessmentId:
+          state.assessmentId == null || state.assessmentId == ""
+            ? 0
+            : Number(state.assessmentId),
         liveCover: state.imageUrl, //直播封面
         liveDuration: Number(state.inputV2),
         liveEndTime: endTime,
@@ -663,48 +665,46 @@ export default {
         liveTeacherId: state.memberValue.value,
         liveTeacherName: state.memberValue.label,
         otherSettings: state.switchC2 ? "1" : "0", //1或0
-        signOutTime: state.inputV8, 
+        signOutTime: state.inputV8,
         standardSettings: state.radioV1, //1或2
         isEvaluate: state.needEval ? "1" : "0",
       };
-      console.log('我是要更新的数据',state.obj )
-      
+      console.log("我是要更新的数据", state.obj);
+
       if (props.edit) {
         api
-            .updateLiveBroadcastMessage(state.obj)
-            .then(async (res) => {
-              console.log(res)
-              message.destroy();
-              message.success("提交成功");
-              closeDrawer();
-              await updateTask(res);
-              
-            })
-            .catch((err) => {
-              console.log(err)
-            });
+          .updateLiveBroadcastMessage(state.obj)
+          .then(async (res) => {
+            console.log(res);
+            message.destroy();
+            message.success("提交成功");
+            closeDrawer();
+            await updateTask(res);
+          })
+          .catch((err) => {
+            console.log(err);
+          });
       } else {
         api
-            .createLiveBroadcast(state.obj)
-            .then(async (res) => {
-              message.destroy();
-              message.success("提交成功");
-              await updateTask(res);
-              closeDrawer();
-            })
-            .catch(() => {
-            });
+          .createLiveBroadcast(state.obj)
+          .then(async (res) => {
+            message.destroy();
+            message.success("提交成功");
+            await updateTask(res);
+            closeDrawer();
+          })
+          .catch(() => {});
       }
     };
     const beforeUpload = (file) => {
       return new Promise((resolve, reject) => {
         const isJpgOrPng =
-            file.type === "image/jpg" ||
-            file.type === "image/jpeg" ||
-            file.type === "image/png" ||
-            file.type === "image/svg" ||
-            file.type === "image/bmp" ||
-            file.type === "image/gif";
+          file.type === "image/jpg" ||
+          file.type === "image/jpeg" ||
+          file.type === "image/png" ||
+          file.type === "image/svg" ||
+          file.type === "image/bmp" ||
+          file.type === "image/gif";
         if (!isJpgOrPng) {
           message.destroy();
           message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
@@ -732,7 +732,7 @@ export default {
     };
     const templateScroll = (e) => {
       console.log("滚动", e);
-      const {target} = e;
+      const { target } = e;
       const scrllHeight = target.scrollHeight - target.scrollTop;
       const clientHeight = target.clientHeight;
       // console.log("scrllHeight", scrllHeight, clientHeight);
@@ -758,20 +758,20 @@ export default {
         pageSize: state.pageSize,
       };
       getMemberInfo(obj)
-          .then((res) => {
-            let data = res.data.data.rows;
-            state.totalPages = res.data.data.total;
-            for (let i in data) {
-              options.value.push({
-                value: data[i].id,
-                label: data[i].realName,
-              });
-            }
-          })
-          .catch((err) => {
-            message.destroy();
-            message.error("获取员工失败" + err);
-          });
+        .then((res) => {
+          let data = res.data.data.rows;
+          state.totalPages = res.data.data.total;
+          for (let i in data) {
+            options.value.push({
+              value: data[i].id,
+              label: data[i].realName,
+            });
+          }
+        })
+        .catch((err) => {
+          message.destroy();
+          message.error("获取员工失败" + err);
+        });
     };
     const handleSearch = debounce((memberValue) => {
       console.log("fetching user", memberValue);
@@ -800,10 +800,10 @@ export default {
 
     // 删除评估
     const removePG = () => {
-      console.log("11111")
+      console.log("11111");
       state.assessmentId = "";
       state.isEvaluate = "0";
-    }
+    };
 
     return {
       ...toRefs(state),
@@ -821,7 +821,7 @@ export default {
       templateScroll,
       handleSearch,
       showAssessment,
-      removePG
+      removePG,
     };
   },
 };