diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index a8987e13..17cc3de3 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -317,6 +317,7 @@ export default {
       textV2: "",
       radioV1: "",
       time: "",
+      isClick: false
     });
     const closeDrawer = () => {
       ctx.emit("update:addactiveVisible", false);
@@ -464,6 +465,13 @@ export default {
         return message.warning("请输入活动地址");
       }
 
+      if(state.isClick){
+          message.destroy();
+          message.error('请勿频繁点击')
+          return
+        }
+      state.isClick = true;
+
       let obj = {
         activityAddress: state.inputV3, //活动地址
         activityDuration: state.inputV2, //活动时长
@@ -489,10 +497,12 @@ export default {
             ctx.emit("changeData", false);
             message.destroy();
             message.success("更新成功");
+            state.isClick = false;
           })
           .catch(() => {
             message.destroy();
             message.error("更新失败");
+            state.isClick = false;
           });
       } else {
         //新建活动信息
@@ -504,10 +514,12 @@ export default {
             closeDrawer();
             await updateTask(res);
             ctx.emit("changeData", false);
+            state.isClick = false;
           })
           .catch(() => {
             message.destroy();
             message.error("创建失败");
+            state.isClick = false;
           });
       }
     };
diff --git a/src/components/drawers/AddCase.vue b/src/components/drawers/AddCase.vue
index 6621e360..9941c82c 100644
--- a/src/components/drawers/AddCase.vue
+++ b/src/components/drawers/AddCase.vue
@@ -171,6 +171,7 @@ export default {
       time: undefined,
       caseId: null,
       caseName: "",
+      isClick: false
     });
     const closeDrawer = () => {
       ctx.emit("update:addcaseVisible", false);
@@ -279,6 +280,12 @@ export default {
           message.destroy();
           return message.warning("请先选中关卡");
         }
+        if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
         for (let i = 0; i < state.apiTaskList.length; i++) {
           RouterEditTask({
             chapterId: props.isactive,
@@ -293,12 +300,20 @@ export default {
               ctx.emit("changeData", false);
               closeDrawer();
               state.addLoading = false;
+              state.isClick = false;
             })
             .catch(() => {
               message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+              state.isClick = false;
             });
         }
       } else if (props.isLevel == 2) {
+        if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
         for (let i = 0; i < state.apiTaskList.length; i++) {
           apiTask
             .addTask({
@@ -314,13 +329,21 @@ export default {
               message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
               ctx.emit("changeData", false);
               closeDrawer();
+              state.isClick = false;
             })
             .catch(() => {
               message.destroy();
               message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+              state.isClick = false;
             });
         }
       } else if (props.isLevel == 3) {
+        if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
         for (let i = 0; i < state.apiTaskList.length; i++) {
           apiTask
             .addTaskTemplate({
@@ -336,10 +359,12 @@ export default {
               message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
               ctx.emit("changeData", false);
               closeDrawer();
+              state.isClick = false;
             })
             .catch(() => {
               message.destroy();
               message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+              state.isClick = false;
             });
         }
       }
diff --git a/src/components/drawers/AddFaceteach.vue b/src/components/drawers/AddFaceteach.vue
index 12d12538..6f29ed3b 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -495,6 +495,7 @@ export default {
       innerPersion: false,
       outPersion: false,
       assessmentName: null,
+      isClick: false
     });
     const clear = () => {
       state.courseName = "";
@@ -643,6 +644,12 @@ export default {
         message.destroy();
         return message.warning("请输入必填字段");
       } else {
+        if(state.isClick){
+          message.destroy();
+          message.error("请勿频繁点击")
+          return
+        }
+        state.isClick = true;
         let type = state.onlySign ? "1," : "0,";
         let t = state.completeLeave ? "1" : "0";
         let p = state.innerPersion ? "1," : "0,";
@@ -681,10 +688,12 @@ export default {
             // message.success(`添加成功`);
             await updateTask(res);
             ctx.emit("changeData", false);
+            state.isClick = false;
             closeDrawer();
           })
           .catch((e) => {
             console.log(e);
+            state.isClick = false;
             message.destroy();
             message.error(`添加失败`);
           });
diff --git a/src/components/drawers/AddHomework.vue b/src/components/drawers/AddHomework.vue
index ac0c8d4a..9a5c3ed3 100644
--- a/src/components/drawers/AddHomework.vue
+++ b/src/components/drawers/AddHomework.vue
@@ -194,6 +194,7 @@ export default {
     const state = reactive({
       addLoading: false,
       workEnclosureAddress: "",
+      isClick: false
     });
     const formRef = ref();
 
@@ -364,29 +365,47 @@ export default {
         workName: formState.workName,
         workRequirement: formState.workRequirement,
       };
+
       if (props.EditWorkId > 0) {
+        if(state.isClick){
+          message.destroy();
+          message.error('请勿频繁点击')
+          return
+        }
+        state.isClick = true;
+      
         updateWorkTaskUsing(obj)
           .then(async (res) => {
             // console.log("添加成功", res);
             await updateTask(res);
             ctx.emit("changeData", false);
             closeDrawer();
+            state.isClick = false;
           })
           .catch((err) => {
             message.destroy();
             message.error(`添加失败${err}`);
+            state.isClick = false;
           });
       } else {
+        if(state.isClick){
+          message.destroy();
+          message.error('请勿频繁点击')
+          return
+        }
+        state.isClick = true;
         createWorkTask(obj)
           .then(async (res) => {
             console.log("添加成功", res);
             await updateTask(res);
             ctx.emit("changeData", false);
             closeDrawer();
+            state.isClick = false;
           })
           .catch((err) => {
             message.destroy();
             message.error(`添加失败${err}`);
+            state.isClick = false;
           });
       }
     };
diff --git a/src/components/drawers/AddInvist.vue b/src/components/drawers/AddInvist.vue
index ddb7666f..aab3d6dc 100644
--- a/src/components/drawers/AddInvist.vue
+++ b/src/components/drawers/AddInvist.vue
@@ -1,472 +1,509 @@
 <template>
-  <a-drawer
-    :visible="addinvistVisible"
-    class="drawerStyle addinvistDrawer"
-    width="70%"
-    title="添加评估"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div v-if="edit" class="headerTitle">编辑评估</div>
-        <div v-else class="headerTitle">添加评估</div>
-        <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
-      </div>
-      <div class="contentMain">
-        <div class="main">
-          <div class="main_left">
-            <AssessmentAll
-              v-model:assessmentVisible="assessmentVisible"
-              v-model:assessmentId="assessmentId"
-              v-model:assessmentName="assessmentName"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="main_btns">
-        <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="updateTask">确定</button>
-      </div>
-    </div>
-  </a-drawer>
+	<a-drawer :visible="addinvistVisible" class="drawerStyle addinvistDrawer" width="70%" title="添加评估" placement="right"
+		@after-visible-change="afterVisibleChange">
+		<div class="drawerMain">
+			<div class="header">
+				<div v-if="edit" class="headerTitle">编辑评估</div>
+				<div v-else class="headerTitle">添加评估</div>
+				<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+					@click="closeDrawer" />
+			</div>
+			<div class="contentMain">
+				<div class="main">
+					<div class="main_left">
+						<AssessmentAll v-model:assessmentVisible="assessmentVisible" v-model:assessmentId="assessmentId"
+							v-model:assessmentName="assessmentName" />
+					</div>
+				</div>
+			</div>
+			<div class="main_btns">
+				<button class="btn1" @click="closeDrawer">取消</button>
+				<button class="btn2" @click="updateTask">确定</button>
+			</div>
+		</div>
+	</a-drawer>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
 import * as apiTask from "../../api/indexTaskadd";
 import { message } from "ant-design-vue";
 import {
-  RouterEditTask,
-  IsExistence,
-  IsExistenceProject,
-  IsExistenceProjectTemplate,
+	RouterEditTask,
+	IsExistence,
+	IsExistenceProject,
+	IsExistenceProjectTemplate,
 } from "@/api/indexTask";
 
 import { addTempTask } from "../../api/indexTaskadd";
 import AssessmentAll from "@/components/drawers/AssessmentAll.vue";
 export default {
-  name: "AddInvist",
-  components: {
-    AssessmentAll,
-  },
-  props: {
-    addinvistVisible: {
-      type: Boolean,
-      default: false,
-    },
-    EditInvistId: {
-      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,
-    },
+	name: "AddInvist",
+	components: {
+		AssessmentAll,
+	},
+	props: {
+		addinvistVisible: {
+			type: Boolean,
+			default: false,
+		},
+		EditInvistId: {
+			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,
+		},
 
-    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: "",
-      time: undefined,
-      currentPage: 1,
-      pageSize: 10,
-      tableDataTotal: 0,
-      tableData: [],
-      assessmentId: null,
-      assessmentName: "",
-      assessment: null,
-      assessment1: null,
-      assessmentVisible: false,
-      titleTag: false,
-    });
-    // const getCheckedAss = (ass) => {
-    // state.assessmentId = ass.assessmentId;
-    // state.assessment = ass;
-    // console.log("state.assessment1",state.assessment);
-    //
-    // };
+		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: "",
+			time: undefined,
+			currentPage: 1,
+			pageSize: 10,
+			tableDataTotal: 0,
+			tableData: [],
+			assessmentId: null,
+			assessmentName: "",
+			assessment: null,
+			assessment1: null,
+			assessmentVisible: false,
+			titleTag: false,
+			isClick: false
+		});
+		// const getCheckedAss = (ass) => {
+		// state.assessmentId = ass.assessmentId;
+		// state.assessment = ass;
+		// console.log("state.assessment1",state.assessment);
+		//
+		// };
 
-    const closeDrawer = () => {
-      ctx.emit("update:addinvistVisible", false);
-      ctx.emit("update:edit", false);
-      state.assessmentId = null;
-      state.assessmentName = null;
-      state.inputV1 = "";
-      // ctx.emit("changeData", false);
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-    };
-    const checkAssDrawer = () => {
-      state.assessmentVisible = true;
-    };
-    const afterVisibleChange = (bool) => {
-      if (bool && props.EditInvistId > 0) {
-        state.assessmentVisible = true;
-        state.assessmentId = props.EditInvistId;
-      } else {
-        state.assessmentId = null;
-        state.assessmentName = null;
-      }
-    };
+		const closeDrawer = () => {
+			ctx.emit("update:addinvistVisible", false);
+			ctx.emit("update:edit", false);
+			state.assessmentId = null;
+			state.assessmentName = null;
+			state.inputV1 = "";
+			// ctx.emit("changeData", false);
+			localStorage.setItem("stageId", props.chooseStageId);
+			localStorage.setItem("chapterId", props.isactive);
+		};
+		const checkAssDrawer = () => {
+			state.assessmentVisible = true;
+		};
+		const afterVisibleChange = (bool) => {
+			if (bool && props.EditInvistId > 0) {
+				state.assessmentVisible = true;
+				state.assessmentId = props.EditInvistId;
+			} else {
+				state.assessmentId = null;
+				state.assessmentName = null;
+			}
+		};
 
-    const updateTask = () => {
-      console.log(
-        "state.assessmentId ",
-        state.assessmentId,
-        state.assessmentName
-      );
-      if (!state.assessmentId) {
-        return message.warning("请选择评估");
-      }
-      let l_data_id = [];
-      l_data_id.push(Number(state.assessmentId));
-      console.log("state.assessment", state.assessment, state.assessmentId);
-      if (props.isLevel == 1) {
-        if (!props.isactive) {
-          message.destroy();
-          return message.warning("请先选中关卡");
-        }
-        IsExistence({
-          chapterId: Number(props.isactive),
-          courseTaskId: l_data_id,
-          routerId: props.routerId,
-          type: 11,
-        })
-          .then((res) => {
-            console.log("shifouchongfu", res);
-            console.log("路径图中是否包含此评估了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("评估（" + tipStr + "）重复添加");
-              return;
-            } else {
-              RouterEditTask({
-                chapterId: props.isactive,
-                courseId: state.assessmentId,
-                name: state.assessmentName,
-                routerId: props.routerId,
-                routerTaskId: props.routerTaskId || 0,
-                type: 11,
-              })
-                .then(() => {
-                  message.destroy();
-                  message.success(
-                    `${props.edit ? "编辑" : "新增"}关卡任务成功`
-                  );
-                  ctx.emit("changeData", false);
-                  closeDrawer();
-                  state.addLoading = false;
-                })
-                .catch(() => {
-                  message.destroy();
-                  message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-                });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 2) {
-        IsExistenceProject({
-          courseTaskId: l_data_id,
-          projectId: props.projectId,
-          stageId: props.chooseStageId || 0,
-          type: 11,
-        })
-          .then((res) => {
-            console.log(res);
-            console.log("项目中是否包含此评估了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("评估（" + tipStr + "）重复添加");
-              return;
-            } else {
-              apiTask
-                .addTask({
-                  courseId: state.assessmentId,
-                  name: state.assessmentName,
-                  projectId: props.projectId,
-                  projectTaskId: props.projectTaskId || 0,
-                  stageId: props.chooseStageId || 0,
-                  type: 11,
-                })
-                .then(() => {
-                  message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-                  ctx.emit("changeData", false);
-                  closeDrawer();
-                })
-                .catch(() => {
-                  message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
-                });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 3) {
-        IsExistenceProjectTemplate({
-          courseTaskId: l_data_id,
-          projectTemplateId: props.projectTemplateId,
-          stageId: props.chooseStageId || 0,
-          type: 11,
-        }).then((res) => {
-          console.log(res);
-          console.log("项目中是否包含此评估了", res);
-          if (res.data.data.length) {
-            let strdata = res.data.data;
-            let tipStr = "";
-            for (let i = 0; i < strdata.length; i++) {
-              if (i == strdata.length - 1) {
-                tipStr += strdata[i].courseName;
-              } else {
-                tipStr += strdata[i].courseName + "/";
-              }
-            }
-            message.destroy();
-            message.warning("评估（" + tipStr + "）重复添加");
-            return;
-          } else {
-            addTempTask({
-              courseId: state.assessmentId,
-              name: state.assessmentName,
-              projectTemplateId: props.projectTemplateId,
-              projectTaskId: props.projectTaskId || 0,
-              stageId: props.chooseStageId || 0,
-              type: 11,
-            })
-              .then(() => {
-                message.destroy();
-                message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-                ctx.emit("changeData", false);
-                closeDrawer();
-              })
-              .catch(() => {
-                message.destroy();
-                message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
-              });
-          }
-        });
-      }
-    };
+		const updateTask = () => {
+			console.log(
+				"state.assessmentId ",
+				state.assessmentId,
+				state.assessmentName
+			);
+			if (!state.assessmentId) {
+				return message.warning("请选择评估");
+			}
+			let l_data_id = [];
+			l_data_id.push(Number(state.assessmentId));
+			console.log("state.assessment", state.assessment, state.assessmentId);
+			if (props.isLevel == 1) {
+				if (!props.isactive) {
+					message.destroy();
+					return message.warning("请先选中关卡");
+				}
+				if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
+				IsExistence({
+					chapterId: Number(props.isactive),
+					courseTaskId: l_data_id,
+					routerId: props.routerId,
+					type: 11,
+				})
+					.then((res) => {
+						console.log("shifouchongfu", res);
+						console.log("路径图中是否包含此评估了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("评估（" + tipStr + "）重复添加");
+							state.isClick = false;
+							return;
+						} else {
+							RouterEditTask({
+								chapterId: props.isactive,
+								courseId: state.assessmentId,
+								name: state.assessmentName,
+								routerId: props.routerId,
+								routerTaskId: props.routerTaskId || 0,
+								type: 11,
+							})
+								.then(() => {
+									message.destroy();
+									message.success(
+										`${props.edit ? "编辑" : "新增"}关卡任务成功`
+									);
+									ctx.emit("changeData", false);
+									closeDrawer();
+									state.addLoading = false;
+									state.isClick = false;
+								})
+								.catch(() => {
+									message.destroy();
+									message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+									state.isClick = false;
+								});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+						state.isClick = false;
+					});
+			} else if (props.isLevel == 2) {
+				if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
+				IsExistenceProject({
+					courseTaskId: l_data_id,
+					projectId: props.projectId,
+					stageId: props.chooseStageId || 0,
+					type: 11,
+				})
+					.then((res) => {
+						console.log(res);
+						console.log("项目中是否包含此评估了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("评估（" + tipStr + "）重复添加");
+							state.isClick = false;
+							return;
+						} else {
+							apiTask
+								.addTask({
+									courseId: state.assessmentId,
+									name: state.assessmentName,
+									projectId: props.projectId,
+									projectTaskId: props.projectTaskId || 0,
+									stageId: props.chooseStageId || 0,
+									type: 11,
+								})
+								.then(() => {
+									message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+									ctx.emit("changeData", false);
+									closeDrawer();
+									state.isClick = false;
+								})
+								.catch(() => {
+									message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+									state.isClick = false;
+								});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+						state.isClick = false;
+					});
+			} else if (props.isLevel == 3) {
+				if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
+				IsExistenceProjectTemplate({
+					courseTaskId: l_data_id,
+					projectTemplateId: props.projectTemplateId,
+					templateStageId: props.chooseStageId || 0,
+					type: 11,
+				}).then((res) => {
+					console.log(res);
+					console.log("项目中是否包含此评估了", res);
+					if (res.data.data.length) {
+						let strdata = res.data.data;
+						let tipStr = "";
+						for (let i = 0; i < strdata.length; i++) {
+							if (i == strdata.length - 1) {
+								tipStr += strdata[i].courseName;
+							} else {
+								tipStr += strdata[i].courseName + "/";
+							}
+						}
+						message.destroy();
+						message.warning("评估（" + tipStr + "）重复添加");
+						state.isClick = false;
+						return;
+					} else {
+						addTempTask({
+							courseId: state.assessmentId,
+							name: state.assessmentName,
+							projectTemplateId: props.projectTemplateId,
+							projectTaskId: props.projectTaskId || 0,
+							stageId: props.chooseStageId || 0,
+							type: 11,
+						})
+							.then(() => {
+								message.destroy();
+								message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+								ctx.emit("changeData", false);
+								closeDrawer();
+								state.isClick = false;
+							})
+							.catch(() => {
+								message.destroy();
+								message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+								state.isClick = false;
+							});
+					}
+				});
+			}
+		};
 
-    return {
-      ...toRefs(state),
-      afterVisibleChange,
-      closeDrawer,
-      updateTask,
-      checkAssDrawer,
-    };
-  },
+		return {
+			...toRefs(state),
+			afterVisibleChange,
+			closeDrawer,
+			updateTask,
+			checkAssDrawer,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
+	background-color: #fafafa !important;
 }
+
 .addinvistDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-    .contentMain {
-      .main {
-        width: 100%;
-        .main_left {
-          padding-right: 30px;
-          margin-top: 32px;
-          .main_item {
-            display: flex;
-            align-items: center;
+	.drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-            .fi_input {
-              margin-right: 20px;
-            }
-            .btns {
-              margin-right: 20px;
-              padding: 0px 26px 0px 26px;
-              height: 38px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              //border: 1px solid rgba(64, 158, 255, 1);
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
-              .search {
-                width: 15px;
-                height: 17px;
-                background-image: url("../../assets/images/courseManage/search0.png");
-                background-size: 100% 100%;
-              }
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: #ffffff;
-                line-height: 36px;
-                margin-left: 5px;
-              }
-            }
-            .btnsn {
-              padding: 0px 26px 0px 26px;
-              height: 38px;
-              background: #ffffff;
-              border-radius: 8px;
-              border: 1px solid rgba(64, 158, 255, 1);
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
-              .search {
-                width: 16px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/reset1.png");
-                background-size: 100% 100%;
-              }
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: #4ea6ff;
-                line-height: 36px;
-                margin-left: 5px;
-              }
-            }
-          }
-          .main_notice {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 3px;
-            height: 40px;
-            background-color: #e9f6fe;
-            .mntc_left {
-              display: flex;
-              align-items: center;
-              .title {
-                color: rgba(0, 0, 0, 0.65);
-                margin-right: 17px;
-              }
-              .data {
-                color: #4ea6ff;
-              }
-              .notice_icon {
-                width: 14px;
-                height: 14px;
-                margin-right: 9px;
-                margin-left: 9px;
-                background-image: url(@/assets/images/coursewareManage/gan.png);
-                background-size: 100% 100%;
-              }
-            }
-            .mntc_right {
-              cursor: pointer;
-            }
-          }
-        }
-      }
-    }
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
 
-    .main_btns {
-      height: 72px;
-      width: 100%;
+		.contentMain {
+			.main {
+				width: 100%;
 
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
+				.main_left {
+					padding-right: 30px;
+					margin-top: 32px;
+
+					.main_item {
+						display: flex;
+						align-items: center;
+
+						.fi_input {
+							margin-right: 20px;
+						}
+
+						.btns {
+							margin-right: 20px;
+							padding: 0px 26px 0px 26px;
+							height: 38px;
+							background: #4ea6ff;
+							border-radius: 8px;
+							//border: 1px solid rgba(64, 158, 255, 1);
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							margin-right: 14px;
+							flex-shrink: 0;
+							cursor: pointer;
+
+							.search {
+								width: 15px;
+								height: 17px;
+								background-image: url("../../assets/images/courseManage/search0.png");
+								background-size: 100% 100%;
+							}
+
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								color: #ffffff;
+								line-height: 36px;
+								margin-left: 5px;
+							}
+						}
+
+						.btnsn {
+							padding: 0px 26px 0px 26px;
+							height: 38px;
+							background: #ffffff;
+							border-radius: 8px;
+							border: 1px solid rgba(64, 158, 255, 1);
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							margin-right: 14px;
+							flex-shrink: 0;
+							cursor: pointer;
+
+							.search {
+								width: 16px;
+								height: 18px;
+								background-image: url("../../assets/images/courseManage/reset1.png");
+								background-size: 100% 100%;
+							}
+
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								color: #4ea6ff;
+								line-height: 36px;
+								margin-left: 5px;
+							}
+						}
+					}
+
+					.main_notice {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						margin-bottom: 3px;
+						height: 40px;
+						background-color: #e9f6fe;
+
+						.mntc_left {
+							display: flex;
+							align-items: center;
+
+							.title {
+								color: rgba(0, 0, 0, 0.65);
+								margin-right: 17px;
+							}
+
+							.data {
+								color: #4ea6ff;
+							}
+
+							.notice_icon {
+								width: 14px;
+								height: 14px;
+								margin-right: 9px;
+								margin-left: 9px;
+								background-image: url(@/assets/images/coursewareManage/gan.png);
+								background-size: 100% 100%;
+							}
+						}
+
+						.mntc_right {
+							cursor: pointer;
+						}
+					}
+				}
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index f437ce06..1898eac9 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -485,6 +485,7 @@ export default {
       switchC2: false,
       assessmentVisible: false,
       assessmentName: "",
+      isClick: false
     });
     const closeDrawer = () => {
       ctx.emit("update:addliveVisible", false);
@@ -699,6 +700,13 @@ export default {
         message.destroy();
         return message.warning("请输入直播公告");
       }
+      if(state.isClick){
+          message.destroy();
+          message.error('请勿频繁点击')
+          return
+        }
+      state.isClick = true;
+
       const regular = /^[+]{0,1}(\d+)$/;
       if (!regular.test(state.inputV2)) {
         message.destroy();
@@ -749,9 +757,11 @@ export default {
             message.success("提交成功");
             closeDrawer();
             await updateTask(res);
+            state.isClick = false;
           })
           .catch((err) => {
             console.log(err);
+            state.isClick = false;
           });
       } else {
         api
@@ -761,8 +771,11 @@ export default {
             message.success("提交成功");
             await updateTask(res);
             closeDrawer();
+            state.isClick = false;
           })
-          .catch(() => {});
+          .catch(() => {
+            state.isClick = false;
+          });
       }
     };
     const beforeUpload = (file) => {
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 25549958..f22ce374 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -1,48 +1,34 @@
 <template>
-  <a-drawer
-    :visible="addonlineVisible"
-    class="drawerStyle addonlineDrawer"
-    width="80%"
-    title="添加在线"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div v-if="edit" class="headerTitle">编辑在线</div>
-        <div v-else class="headerTitle">添加在线</div>
-        <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
-      </div>
-      <div class="contentMain">
-        <div class="main_items">
-          <div class="mi_ipts">
-            <div class="mii_ipt">
-              <div class="ipt_name"></div>
-              <div class="fi_input">
-                <a-input
-                  v-model:value="inputV1"
-                  style="
+	<a-drawer :visible="addonlineVisible" class="drawerStyle addonlineDrawer" width="80%" title="添加在线" placement="right"
+		@after-visible-change="afterVisibleChange">
+		<div class="drawerMain">
+			<div class="header">
+				<div v-if="edit" class="headerTitle">编辑在线</div>
+				<div v-else class="headerTitle">添加在线</div>
+				<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+					@click="closeDrawer" />
+			</div>
+			<div class="contentMain">
+				<div class="main_items">
+					<div class="mi_ipts">
+						<div class="mii_ipt">
+							<div class="ipt_name"></div>
+							<div class="fi_input">
+								<a-input v-model:value="inputV1" style="
                     width: 280px;
                     height: 40px;
                     border-radius: 8px;
                     padding-right: 49px;
-                  "
-                  placeholder="请输入课程名称"
-                  maxlength="20"
-                />
-                <div class="inp_num" style="position: absolute; right: 7px">
-                  <span style="color: #c7cbd2">
-                  
-                  </span>
-                </div>
-              </div>
-            </div>
-            <!-- 2022-12-10注释 后面放开 李晓鸽 -->
-            <!-- <div class="mii_ipt">
+                  " placeholder="请输入课程名称" maxlength="20" />
+								<div class="inp_num" style="position: absolute; right: 7px">
+									<span style="color: #c7cbd2">
+
+									</span>
+								</div>
+							</div>
+						</div>
+						<!-- 2022-12-10注释 后面放开 李晓鸽 -->
+						<!-- <div class="mii_ipt">
               <div class="ipt_name">课程分类：</div>
               <div class="select">
                 <a-select
@@ -56,19 +42,19 @@
                 />
               </div>
             </div> -->
-          </div>
-          <div class="mi_btns">
-            <div class="btn btn1" @click="searchList()">
-              <div class="search"></div>
-              <div class="btnText">搜索</div>
-            </div>
-            <div class="btn btn2" @click="resetOnline()">
-              <div class="search"></div>
-              <div class="btnText">重置</div>
-            </div>
-          </div>
-        </div>
-    <!--
+					</div>
+					<div class="mi_btns">
+						<div class="btn btn1" @click="searchList()">
+							<div class="search"></div>
+							<div class="btnText">搜索</div>
+						</div>
+						<div class="btn btn2" @click="resetOnline()">
+							<div class="search"></div>
+							<div class="btnText">重置</div>
+						</div>
+					</div>
+				</div>
+				<!--
         <div class="main_notice">
           <div class="mntc_left">
             <div class="notice_icon"></div>
@@ -89,42 +75,28 @@
           </div>
         </div>
 -->
-        <div class="main_table">
-          <!-- 编辑的表格 -->
-          <div>
-            <div>
-              <a-table
-                class="ant-table-striped"
-                :row-class-name="
-                  (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
-                "
-                :row-selection="{
-                  type: 'radio',
-                  selectedRowKeys: selectedRowKeys,
-                  onChange: onSelectChange,
-                }"
-                :columns="tableDataFunc()"
-                :data-source="tableData"
-                :loading="tableDataTotal === -1 ? true : false"
-                :pagination="false"
-              />
-              <div class="tableBox" style="margin-top:85px;">
-              <div class="pa">
-                <a-pagination
-                  v-if="tableDataTotal > 10"
-                  :showSizeChanger="false"
-                  showQuickJumper="true"
-                  hideOnSinglePage="true"
-                  :pageSize="pageSize"
-                  :current="currentPage"
-                  :total="tableDataTotal"
-                  class="pagination"
-                  @change="handelChangePage"
-                />
-              </div>
-            </div>
-          </div></div>
-        <!--  <div v-else>
+				<div class="main_table">
+					<!-- 编辑的表格 -->
+					<div>
+						<div>
+							<a-table class="ant-table-striped" :row-class-name="
+								(_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+							" :row-selection="{
+	type: 'radio',
+	selectedRowKeys: selectedRowKeys,
+	onChange: onSelectChange,
+}" :columns="tableDataFunc()" :data-source="tableData" :loading="tableDataTotal === -1 ? true : false"
+								:pagination="false" />
+							<div class="tableBox" style="margin-top:85px;">
+								<div class="pa">
+									<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="false" showQuickJumper="true"
+										hideOnSinglePage="true" :pageSize="pageSize" :current="currentPage" :total="tableDataTotal"
+										class="pagination" @change="handelChangePage" />
+								</div>
+							</div>
+						</div>
+					</div>
+					<!--  <div v-else>
             <a-table
               class="ant-table-striped"
               :row-class-name="
@@ -159,17 +131,17 @@
 
 
           -->
-        </div>
-      </div>
-      <div class="main_btns">
-        <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="updateTask">确定</button>
-      </div>
-    </div>
-    <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-      <a-spin :spinning="addLoading" tip="" />
-    </div>
-  </a-drawer>
+				</div>
+			</div>
+			<div class="main_btns">
+				<button class="btn1" @click="closeDrawer">取消</button>
+				<button class="btn2" @click="updateTask">确定</button>
+			</div>
+		</div>
+		<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+			<a-spin :spinning="addLoading" tip="" />
+		</div>
+	</a-drawer>
 </template>
 <script>
 import { onMounted, reactive, toRefs } from "vue";
@@ -178,716 +150,780 @@ import * as apiTask from "../../api/indexTaskadd";
 // import { setCookie } from "../../api/method"
 import { message } from "ant-design-vue";
 import {
-  RouterEditTask,
-  IsExistence,
-  IsExistenceProject,
-  IsExistenceProjectTemplate,
+	RouterEditTask,
+	IsExistence,
+	IsExistenceProject,
+	IsExistenceProjectTemplate,
 } from "@/api/indexTask";
 import { addTempTask } from "../../api/indexTaskadd";
 export default {
-  name: "AddOnline",
-  props: {
-    addonlineVisible: {
-      type: Boolean,
-      default: false,
-    },
-    EditOnlineId: {
-      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,
-    },
-    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: null,
-      options1: [
-        {
-          value: "微课",
-          label: "微课",
-        },
-        {
-          value: "录播课",
-          label: "录播课",
-        },
-      ],
-      time: undefined,
-      onlineClassesId: null,
-      onlineName: "",
-      selectV: null,
-      selectedRowKeys: [],
-      tableData: [],
-      addOnlineList: [],
-      currentPage: 1,
-      tableDataTotal: 0,
-      pageSize: 10,
-      choicecourse: true,
-      ddLoading:false,
-    });
-    const ChoiceCourse = () => {
-      state.choicecourse = false;
-    };
-    const closeDrawer = () => {
-      state.choicecourse = true;
-      ctx.emit("update:addonlineVisible", false);
-      ctx.emit("update:edit", false);
-      state.inputV1 = null;
-      state.selectV = null;
-      state.selectedRowKeys = [];
-      state.addOnlineList = [];
-      state.currentPage = 1;
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-    };
-    const afterVisibleChange = (bol) => {
-      if (bol == true) {
-        getAllOnlineText();
-        getOnlineById();
-      }
-    };
-    //TODO 根据id 获取在线课信息
-    const getOnlineById=()=>{
+	name: "AddOnline",
+	props: {
+		addonlineVisible: {
+			type: Boolean,
+			default: false,
+		},
+		EditOnlineId: {
+			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,
+		},
+		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: null,
+			options1: [
+				{
+					value: "微课",
+					label: "微课",
+				},
+				{
+					value: "录播课",
+					label: "录播课",
+				},
+			],
+			time: undefined,
+			onlineClassesId: null,
+			onlineName: "",
+			selectV: null,
+			selectedRowKeys: [],
+			tableData: [],
+			addOnlineList: [],
+			currentPage: 1,
+			tableDataTotal: 0,
+			pageSize: 10,
+			choicecourse: true,
+			ddLoading: false,
+			isClick: false
+		});
+		const ChoiceCourse = () => {
+			state.choicecourse = false;
+		};
+		const closeDrawer = () => {
+			state.choicecourse = true;
+			ctx.emit("update:addonlineVisible", false);
+			ctx.emit("update:edit", false);
+			state.inputV1 = null;
+			state.selectV = null;
+			state.selectedRowKeys = [];
+			state.addOnlineList = [];
+			state.currentPage = 1;
+			localStorage.setItem("stageId", props.chooseStageId);
+			localStorage.setItem("chapterId", props.isactive);
+		};
+		const afterVisibleChange = (bol) => {
+			if (bol == true) {
+				getAllOnlineText();
+				getOnlineById();
+			}
+		};
+		//TODO 根据id 获取在线课信息
+		const getOnlineById = () => {
 
-    }
-    const tableDataFunc = () => {
-      const columns = [
-       // {
-       //   title: "课程编号",
-        //  dataIndex: "num",
-       //   key: "num",
-        //  width: "80px",
-        //  align: "center",
-      //  },
-        {
-          title: "名称",
-          dataIndex: "name",
-          key: "name",
-          width: "30%",
-          ellipsis: true,
-        },
-        {
-          title: "课程分类",
-          dataIndex: "contenttype",
-          key: "contenttype",
-          width: "15%",
-          align: "center",
-          ellipsis: true,
-        },
-       //   {
-        //    title: "授课教师",
-        //    dataIndex: "teacher",
-        //    key: "teacher",
-         //   width: "15%",
-         //   align: "center",
-        //  },
-        {
-          title: "创建人",
-          dataIndex: "sysCreateBy",
-          key: "sysCreateBy",
-          width: "15%x",
-          align: "center",
-          ellipsis: true,
-        },
-     //   {
-      //    title: "创建时间",
-       //   dataIndex: "createTime",
-      //    key: "createTime",
-       //   width: "15%",
-       //   align: "center",
-       // },
-        {
-          title: "发布时间",
-          dataIndex: "publishTime",
-          key: "publishTime",
-          width: "25%",
-          align: "center",
-          ellipsis: true,
-        },
-      ];
-      return columns;
-    };
-    const onSelectChange = (selectedRowKeys, selectedRows) => {
-      state.selectedRowKeys = selectedRowKeys;
-      state.addOnlineList = selectedRows;
-      console.log(selectedRowKeys, selectedRows);
-      if (props.edit && selectedRows.length > 0) {
-        selectedRows.map((value) => {
-          console.log(props, value);
-          if (value.courseId == props.EditOnlineId) {
-            message.destroy();
-            message.error("选项相同，请重新选择");
-            state.selectedRowKeys = [];
-            state.addOnlineList = [];
-          }
-        });
-      }
-    };
-    //清空所选
-    const clearLine = () => {
-      state.selectedRowKeys = [];
-      state.addOnlineList = [];
-    };
-    const handelChangePage = (page) => {
-      state.currentPage = page;
-      state.selectedRowKeys = [];
-      getAllOnlineText();
-    };
-    const getTableDate = (tableData) => {
-      let data = tableData;
-      let array = [];
-      data.map((value, index) => {
-        {
-          let obj = {
-            key: index + 1,
-            num: value.onlineClassesId,
-            name: value.name,
-            contenttype: value.contentType == 10 ? "微课" : "录播课",
-            teacher: value.teacher,
-            sysCreateBy: value.sysCreateBy,
-            createTime: value.sysCreateTime,
-            publishTime: value.publishTime,
-            courseId: Number(value.onlineClassesId),
-          };
-          array.push(obj);
-        }
-      });
-      state.tableData = array;
-    };
-    //获取全部在线信息接口
-    const getAllOnlineText = () => {
-      api
-        .queryOnlinelList({
-          createUser: "",
-          keyword: state.inputV1,
-          orderAsc: true,
-          orderField: "",
-          pageIndex: state.currentPage,
-          pageSize: state.pageSize,
-          publish: true,
-          status: 0,
-          sysType1: "",
-          sysType2: "",
-          sysType3: "",
-        })
-        .then((res) => {
-          let arr = res.data.data.list;
-          state.tableDataTotal = res.data.data.count;
-          if (res.status === 200) {
-            console.log("获取在线课列表数据", res);
-            for (let i = 0; i < res.data.data.list.length; i++) {
-              if (
-                Number(res.data.data.list[i].onlineClassesId) ==
-                props.EditOnlineId
-              ) {
-                state.selectedRowKeys = [i + 1];
-              }
-            }
-            getTableDate(arr);
-          }
-        })
-        .catch((err) => {
-          console.log(err, "请求失败在线");
-        });
-    };
-    // 校验当前在线课是否已经添加进来了
-    const isExistence = (id) => {
-      console.log({
-        chapterId: Number(props.isactive),
-        courseTaskId: Number(id),
-        routerId: props.routerId,
-        type: 1,
-      });
-      IsExistence({
-        chapterId: Number(props.isactive),
-        courseTaskId: Number(id),
-        routerId: props.routerId,
-        type: 1,
-      })
-        .then((res) => {
-          console.log("我是不是已经添加了", res);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    };
-    // 判断项目中是否添加当前在线课
-    const IsExistenceProjects = (id) => {
-      console.log("参数传递", {
-        courseTaskId: id,
-        projectId: props.projectId,
-        stageId: props.chooseStageId || 0,
-        type: 1,
-      });
-      IsExistenceProject({
-        courseTaskId: id,
-        projectId: Number(props.projectId),
-        stageId: props.chooseStageId || 0,
-        type: 1,
-      })
-        .then((res) => {
-          console.log("项目中是否包含此在线课了", res);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    };
-    const updateTask = () => {
-      state.addLoading =true;
-      if (props.isLevel == 1) {
-        if(!props.isactive){
-          state.addLoading =false;
-          message.destroy();
-          return message.warning("请先选中关卡");
-        }
-        console.log("我是要便利的数据2", state.addOnlineList);
-        let l_data = state.addOnlineList;
-        let l_data_id = [];
-        l_data.map((item) => {
-          l_data_id.push(item["courseId"]);
-        });
-        console.log("需要查询的在线课ID", l_data_id);
-        IsExistence({
-          chapterId: Number(props.isactive),
-          courseTaskId: l_data_id,
-          routerId: props.routerId,
-          type: 1,
-        })
-          .then((res) => {
-            console.log("路径图中是否包含此在线课了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("在线课（" + tipStr + "）重复添加");
-              state.addLoading =false;
-              return;
-            } else {
-              state.addOnlineList.map((value) => {
-                console.log(value);
-                RouterEditTask({
-                  chapterId: Number(props.isactive),
-                  courseId: value.num,
-                  name: value.name,
-                  routerId: props.routerId,
-                  routerTaskId: props.routerTaskId || 0,
-                  type: 1,
-                })
-                  .then((res) => {
-                    if(res.data.code == 200){
-                      message.destroy();
-                      message.success(
-                      `${props.edit ? "编辑" : "新增"}关卡任务成功`
-                    );
-                    }
-                    ctx.emit("changeData", false);
-                    closeDrawer();
-                    state.addLoading = false;
-                  })
-                  .catch(() => {
-                    state.addLoading =false;
-                    message.destroy();
-                    message.error(
-                      `${props.edit ? "编辑" : "新增"}关卡任务失败`
-                    );
-                  });
-              });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 2) {
-        console.log("我是要便利的数据2", state.addOnlineList);
-        let p_data = state.addOnlineList;
-        let p_data_id = [];
-        p_data.map((item) => {
-          p_data_id.push(item["courseId"]);
-        });
-        console.log("需要查询的在线课ID", p_data_id);
-        IsExistenceProject({
-          courseTaskId: p_data_id,
-          projectId: Number(props.projectId),
-          stageId: props.chooseStageId || 0,
-          type: 1,
-        })
-          .then((res) => {
-            console.log("项目中是否包含此在线课了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("在线课（" + tipStr + "）重复添加");
-              return;
-            } else {
-              state.addOnlineList.map((value) => {
-                apiTask
-                  .addTask({
-                    courseId: value.num,
-                    name: value.name,
-                    projectId: props.projectId,
-                    projectTaskId: props.projectTaskId || 0,
-                    stageId: props.chooseStageId || 0,
-                    type: 1,
-                  })
-                  .then(() => {
-                    message.destroy();
-                    message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-                    ctx.emit("changeData", false);
-                    closeDrawer();
-                  })
-                  .catch(() => {
-                    message.destroy();
-                    message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
-                  });
-              });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 3) {
+		}
+		const tableDataFunc = () => {
+			const columns = [
+				// {
+				//   title: "课程编号",
+				//  dataIndex: "num",
+				//   key: "num",
+				//  width: "80px",
+				//  align: "center",
+				//  },
+				{
+					title: "名称",
+					dataIndex: "name",
+					key: "name",
+					width: "30%",
+					ellipsis: true,
+				},
+				{
+					title: "课程分类",
+					dataIndex: "contenttype",
+					key: "contenttype",
+					width: "15%",
+					align: "center",
+					ellipsis: true,
+				},
+				//   {
+				//    title: "授课教师",
+				//    dataIndex: "teacher",
+				//    key: "teacher",
+				//   width: "15%",
+				//   align: "center",
+				//  },
+				{
+					title: "创建人",
+					dataIndex: "sysCreateBy",
+					key: "sysCreateBy",
+					width: "15%x",
+					align: "center",
+					ellipsis: true,
+				},
+				//   {
+				//    title: "创建时间",
+				//   dataIndex: "createTime",
+				//    key: "createTime",
+				//   width: "15%",
+				//   align: "center",
+				// },
+				{
+					title: "发布时间",
+					dataIndex: "publishTime",
+					key: "publishTime",
+					width: "25%",
+					align: "center",
+					ellipsis: true,
+				},
+			];
+			return columns;
+		};
+		const onSelectChange = (selectedRowKeys, selectedRows) => {
+			state.selectedRowKeys = selectedRowKeys;
+			state.addOnlineList = selectedRows;
+			console.log(selectedRowKeys, selectedRows);
+			if (props.edit && selectedRows.length > 0) {
+				selectedRows.map((value) => {
+					console.log(props, value);
+					if (value.courseId == props.EditOnlineId) {
+						message.destroy();
+						message.error("选项相同，请重新选择");
+						state.selectedRowKeys = [];
+						state.addOnlineList = [];
+					}
+				});
+			}
+		};
+		//清空所选
+		const clearLine = () => {
+			state.selectedRowKeys = [];
+			state.addOnlineList = [];
+		};
+		const handelChangePage = (page) => {
+			state.currentPage = page;
+			state.selectedRowKeys = [];
+			getAllOnlineText();
+		};
+		const getTableDate = (tableData) => {
+			let data = tableData;
+			let array = [];
+			data.map((value, index) => {
+				{
+					let obj = {
+						key: index + 1,
+						num: value.onlineClassesId,
+						name: value.name,
+						contenttype: value.contentType == 10 ? "微课" : "录播课",
+						teacher: value.teacher,
+						sysCreateBy: value.sysCreateBy,
+						createTime: value.sysCreateTime,
+						publishTime: value.publishTime,
+						courseId: Number(value.onlineClassesId),
+					};
+					array.push(obj);
+				}
+			});
+			state.tableData = array;
+		};
+		//获取全部在线信息接口
+		const getAllOnlineText = () => {
+			api
+				.queryOnlinelList({
+					createUser: "",
+					keyword: state.inputV1,
+					orderAsc: true,
+					orderField: "",
+					pageIndex: state.currentPage,
+					pageSize: state.pageSize,
+					publish: true,
+					status: 0,
+					sysType1: "",
+					sysType2: "",
+					sysType3: "",
+				})
+				.then((res) => {
+					let arr = res.data.data.list;
+					state.tableDataTotal = res.data.data.count;
+					if (res.status === 200) {
+						console.log("获取在线课列表数据", res);
+						for (let i = 0; i < res.data.data.list.length; i++) {
+							if (
+								Number(res.data.data.list[i].onlineClassesId) ==
+								props.EditOnlineId
+							) {
+								state.selectedRowKeys = [i + 1];
+							}
+						}
+						getTableDate(arr);
+					}
+				})
+				.catch((err) => {
+					console.log(err, "请求失败在线");
+				});
+		};
+		// 校验当前在线课是否已经添加进来了
+		const isExistence = (id) => {
+			console.log({
+				chapterId: Number(props.isactive),
+				courseTaskId: Number(id),
+				routerId: props.routerId,
+				type: 1,
+			});
+			IsExistence({
+				chapterId: Number(props.isactive),
+				courseTaskId: Number(id),
+				routerId: props.routerId,
+				type: 1,
+			})
+				.then((res) => {
+					console.log("我是不是已经添加了", res);
+				})
+				.catch((err) => {
+					console.log(err);
+				});
+		};
+		// 判断项目中是否添加当前在线课
+		const IsExistenceProjects = (id) => {
+			console.log("参数传递", {
+				courseTaskId: id,
+				projectId: props.projectId,
+				stageId: props.chooseStageId || 0,
+				type: 1,
+			});
+			IsExistenceProject({
+				courseTaskId: id,
+				projectId: Number(props.projectId),
+				stageId: props.chooseStageId || 0,
+				type: 1,
+			})
+				.then((res) => {
+					console.log("项目中是否包含此在线课了", res);
+				})
+				.catch((err) => {
+					console.log(err);
+				});
+		};
+		const updateTask = () => {
+			state.addLoading = true;
+			if (props.isLevel == 1) {
+				if (!props.isactive) {
+					state.addLoading = false;
+					message.destroy();
+					return message.warning("请先选中关卡");
+				}
+				console.log("我是要便利的数据2", state.addOnlineList);
+				let l_data = state.addOnlineList;
+				let l_data_id = [];
+				l_data.map((item) => {
+					l_data_id.push(item["courseId"]);
+				});
+				console.log("需要查询的在线课ID", l_data_id);
+				if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
+				IsExistence({
+					chapterId: Number(props.isactive),
+					courseTaskId: l_data_id,
+					routerId: props.routerId,
+					type: 1,
+				})
+					.then((res) => {
+						console.log("路径图中是否包含此在线课了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("在线课（" + tipStr + "）重复添加");
+							state.isClick = false;
+							state.addLoading = false;
+							return;
+						} else {
+							state.addOnlineList.map((value) => {
+								console.log(value);
+								RouterEditTask({
+									chapterId: Number(props.isactive),
+									courseId: value.num,
+									name: value.name,
+									routerId: props.routerId,
+									routerTaskId: props.routerTaskId || 0,
+									type: 1,
+								})
+									.then((res) => {
+										if (res.data.code == 200) {
+											message.destroy();
+											message.success(
+												`${props.edit ? "编辑" : "新增"}关卡任务成功`
+											);
+										}
+										ctx.emit("changeData", false);
+										closeDrawer();
+										state.addLoading = false;
+										state.isClick = false;
+									})
+									.catch(() => {
+										state.addLoading = false;
+										message.destroy();
+										message.error(
+											`${props.edit ? "编辑" : "新增"}关卡任务失败`
+										);
+										state.isClick = false;
+									});
+							});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+						state.isClick = false;
+					});
+			} else if (props.isLevel == 2) {
+				console.log("我是要便利的数据2", state.addOnlineList);
+				let p_data = state.addOnlineList;
+				let p_data_id = [];
+				p_data.map((item) => {
+					p_data_id.push(item["courseId"]);
+				});
+				console.log("需要查询的在线课ID", p_data_id);
+				if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
+				IsExistenceProject({
+					courseTaskId: p_data_id,
+					projectId: Number(props.projectId),
+					stageId: props.chooseStageId || 0,
+					type: 1,
+				})
+					.then((res) => {
+						console.log("项目中是否包含此在线课了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("在线课（" + tipStr + "）重复添加");
+							state.isClick = false;
+							return;
+						} else {
+							state.addOnlineList.map((value) => {
+								apiTask
+									.addTask({
+										courseId: value.num,
+										name: value.name,
+										projectId: props.projectId,
+										projectTaskId: props.projectTaskId || 0,
+										stageId: props.chooseStageId || 0,
+										type: 1,
+									})
+									.then(() => {
+										message.destroy();
+										message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+										ctx.emit("changeData", false);
+										closeDrawer();
+										state.isClick = false;
+									})
+									.catch(() => {
+										message.destroy();
+										message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+										state.isClick = false;
+									});
+							});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			} else if (props.isLevel == 3) {
 
-        let p_data = state.addOnlineList;
-        let p_data_id = [];
-        p_data.map((item) => {
-          p_data_id.push(item["courseId"]);
-        });
-        console.log("需要查询的在线课ID", p_data_id);
-        IsExistenceProjectTemplate({
-          courseTaskId: p_data_id,
-          projectTemplateId:props.projectTemplateId,
-          stageId: props.chooseStageId || 0,
-          type: 1,
-        }).then((res)=>{
-          console.log("项目中是否包含此在线课了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("在线课（" + tipStr + "）重复添加");
-              return;
-            }else{
-              state.addOnlineList.map((value) => {
-              
-              console.log( props, props.projectTemplateId,props.projectTaskId)
-              addTempTask({
-                courseId: value.num,
-                name: value.name,
-                projectTemplateId: localStorage.getItem("projectTemplateId"),
-                projectTaskId: props.projectTaskId || 0,
-                stageId: props.chooseStageId || 0,
-                type: 1,
-              })
-                .then((res) => {
-                  console.log('新增或者编辑在线课',res)
-                  message.destroy();
-                  message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
-                  ctx.emit("changeData", false);
-                  closeDrawer();
-                })
-                .catch(() => {
-                  message.destroy();
-                  message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
-                });
-            })
-                }
-            });
-    
-      }
-      //if(state.addOnlineList.Target==undefined){
-      // closeDrawer();
-      //}
-    };
-    //搜索在线列表
-    const searchList = () => {
-      if (state.inputV1 || state.selectV) {
-        getAllOnlineText();
-      } else {
-        resetOnline();
-      }
-    };
-    //重置在线信息
-    const resetOnline = () => {
-      state.inputV1 = null;
-      state.selectV = null;
-      state.selectedRowKeys = [];
-      state.addOnlineList = [];
-      state.currentPage = 1;
-      getAllOnlineText();
-    };
-    onMounted(() => {
-     
-    });
-    return {
-      ...toRefs(state),
-      afterVisibleChange,
-      closeDrawer,
-      tableDataFunc,
-      onSelectChange,
-      clearLine,
-      handelChangePage,
-      getAllOnlineText,
-      getTableDate,
-      updateTask,
-      searchList,
-      resetOnline,
-      isExistence,
-      IsExistenceProjects,
-      ChoiceCourse,
-    };
-  },
+				let p_data = state.addOnlineList;
+				let p_data_id = [];
+				p_data.map((item) => {
+					p_data_id.push(item["courseId"]);
+				});
+				console.log("需要查询的在线课ID", p_data_id);
+				if(state.isClick){
+					message.destroy();
+					message.error('请勿频繁点击')
+					return
+					}
+				state.isClick = true;
+				IsExistenceProjectTemplate({
+					courseTaskId: p_data_id,
+					projectTemplateId: props.projectTemplateId,
+					templateStageId: props.chooseStageId || 0,
+					type: 1,
+				}).then((res) => {
+					console.log("项目中是否包含此在线课了", res);
+					if (res.data.data.length) {
+						let strdata = res.data.data;
+						let tipStr = "";
+						for (let i = 0; i < strdata.length; i++) {
+							if (i == strdata.length - 1) {
+								tipStr += strdata[i].courseName;
+							} else {
+								tipStr += strdata[i].courseName + "/";
+							}
+						}
+						message.destroy();
+						message.warning("在线课（" + tipStr + "）重复添加");
+						state.isClick = false;
+						return;
+					} else {
+						state.addOnlineList.map((value) => {
+
+							console.log(props, props.projectTemplateId, props.projectTaskId)
+							addTempTask({
+								courseId: value.num,
+								name: value.name,
+								projectTemplateId: localStorage.getItem("projectTemplateId"),
+								projectTaskId: props.projectTaskId || 0,
+								stageId: props.chooseStageId || 0,
+								type: 1,
+							})
+								.then((res) => {
+									console.log('新增或者编辑在线课', res)
+									message.destroy();
+									message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
+									ctx.emit("changeData", false);
+									closeDrawer();
+									state.isClick = false;
+								})
+								.catch(() => {
+									message.destroy();
+									message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
+									state.isClick = false;
+								});
+						})
+					}
+				});
+
+			}
+			//if(state.addOnlineList.Target==undefined){
+			// closeDrawer();
+			//}
+		};
+		//搜索在线列表
+		const searchList = () => {
+			if (state.inputV1 || state.selectV) {
+				getAllOnlineText();
+			} else {
+				resetOnline();
+			}
+		};
+		//重置在线信息
+		const resetOnline = () => {
+			state.inputV1 = null;
+			state.selectV = null;
+			state.selectedRowKeys = [];
+			state.addOnlineList = [];
+			state.currentPage = 1;
+			getAllOnlineText();
+		};
+		onMounted(() => {
+
+		});
+		return {
+			...toRefs(state),
+			afterVisibleChange,
+			closeDrawer,
+			tableDataFunc,
+			onSelectChange,
+			clearLine,
+			handelChangePage,
+			getAllOnlineText,
+			getTableDate,
+			updateTask,
+			searchList,
+			resetOnline,
+			isExistence,
+			IsExistenceProjects,
+			ChoiceCourse,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
+	background-color: #fafafa !important;
 }
+
 .addonlineDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-shrink: 0;
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-    .contentMain {
-      padding-right: 12px;
-      .main_items {
-        display: flex;
-    
-        margin-top: 32px;
-        margin-bottom: 12px;
-        flex-wrap: wrap;
-        .mi_ipts {
-          display: flex;
-          margin-bottom: 20px;
-          .mii_ipt {
-            display: flex;
-            align-items: center;
-            margin-right: 24px;
-            .ipt_name {
-              white-space: nowrap;
-            }
-          }
-        }
-        .mi_btns {
-          display: flex;
-          margin-left: 38px;
-          margin-bottom: 20px;
-          cursor: pointer;
-          .btn {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            border-radius: 8px;
-            border: 1px solid rgba(64, 158, 255, 1);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-left: 14px;
-            flex-shrink: 0;
-            .search {
-              background-size: 100%;
-            }
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-          .btn1 {
-            background: rgb(64, 158, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-            .btnText {
-              color: rgb(255, 255, 255);
-            }
-          }
-          .btn2 {
-            background: rgb(255, 255, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/reset1.png");
-            }
-            .btnText {
-              color: rgb(64, 158, 255);
-            }
-          }
-          .btn1:hover {
-            background: rgb(255, 255, 255);
-            .search {
-              background-image: url("@/assets/images/courseManage/search1.png");
-            }
-            .btnText {
-              color: #4ea6ff;
-            }
-          }
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("@/assets/images/courseManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-      }
-      .main_notice {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 3px;
-        height: 40px;
-        background-color: #e9f6fe;
-        .mntc_left {
-          display: flex;
-          align-items: center;
-          .notice_icon {
-            width: 14px;
-            height: 14px;
-            margin-right: 9px;
-            margin-left: 9px;
-            background-image: url(@/assets/images/coursewareManage/gan.png);
-            background-size: 100% 100%;
-          }
-        }
-        .mntc_right {
-          cursor: pointer;
-        }
-      }
-      .main_table {
-        position: relative;
-        padding-bottom: 80px;
-        .ant-checkbox-wrapper {
-          align-items: center;
-          margin-top: -2px;
-        }
-        .ant-table-selection-column {
-          padding: 0px !important;
-          padding-left: 5px !important;
-        }
-        .ant-table-thead > tr > th {
-          background-color: rgba(239, 244, 252, 1);
-        }
-        th.h {
-          background-color: #eff4fc !important;
-        }
-        .ant-table-tbody
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
-          background: #f6f9fd;
-        }
-        .pa {
-          left: 0;
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          position: absolute;
-          bottom: 20px;
-        }
-      }
-    }
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
+	.drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			flex-shrink: 0;
+
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
+
+		.contentMain {
+			padding-right: 12px;
+
+			.main_items {
+				display: flex;
+
+				margin-top: 32px;
+				margin-bottom: 12px;
+				flex-wrap: wrap;
+
+				.mi_ipts {
+					display: flex;
+					margin-bottom: 20px;
+
+					.mii_ipt {
+						display: flex;
+						align-items: center;
+						margin-right: 24px;
+
+						.ipt_name {
+							white-space: nowrap;
+						}
+					}
+				}
+
+				.mi_btns {
+					display: flex;
+					margin-left: 38px;
+					margin-bottom: 20px;
+					cursor: pointer;
+
+					.btn {
+						padding: 0px 26px 0px 26px;
+						height: 38px;
+						border-radius: 8px;
+						border: 1px solid rgba(64, 158, 255, 1);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						margin-left: 14px;
+						flex-shrink: 0;
+
+						.search {
+							background-size: 100%;
+						}
+
+						.btnText {
+							font-size: 14px;
+							font-weight: 400;
+							line-height: 36px;
+							margin-left: 5px;
+						}
+					}
+
+					.btn1 {
+						background: rgb(64, 158, 255);
+
+						.search {
+							width: 15px;
+							height: 17px;
+							background-image: url("@/assets/images/coursewareManage/search0.png");
+						}
+
+						.btnText {
+							color: rgb(255, 255, 255);
+						}
+					}
+
+					.btn2 {
+						background: rgb(255, 255, 255);
+
+						.search {
+							width: 15px;
+							height: 17px;
+							background-image: url("@/assets/images/coursewareManage/reset1.png");
+						}
+
+						.btnText {
+							color: rgb(64, 158, 255);
+						}
+					}
+
+					.btn1:hover {
+						background: rgb(255, 255, 255);
+
+						.search {
+							background-image: url("@/assets/images/courseManage/search1.png");
+						}
+
+						.btnText {
+							color: #4ea6ff;
+						}
+					}
+
+					.btn2:hover {
+						background: rgba(64, 158, 255, 1);
+
+						.search {
+							background-image: url("@/assets/images/courseManage/reset0.png");
+						}
+
+						.btnText {
+							color: #ffffff;
+						}
+					}
+				}
+			}
+
+			.main_notice {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 3px;
+				height: 40px;
+				background-color: #e9f6fe;
+
+				.mntc_left {
+					display: flex;
+					align-items: center;
+
+					.notice_icon {
+						width: 14px;
+						height: 14px;
+						margin-right: 9px;
+						margin-left: 9px;
+						background-image: url(@/assets/images/coursewareManage/gan.png);
+						background-size: 100% 100%;
+					}
+				}
+
+				.mntc_right {
+					cursor: pointer;
+				}
+			}
+
+			.main_table {
+				position: relative;
+				padding-bottom: 80px;
+
+				.ant-checkbox-wrapper {
+					align-items: center;
+					margin-top: -2px;
+				}
+
+				.ant-table-selection-column {
+					padding: 0px !important;
+					padding-left: 5px !important;
+				}
+
+				.ant-table-thead>tr>th {
+					background-color: rgba(239, 244, 252, 1);
+				}
+
+				th.h {
+					background-color: #eff4fc !important;
+				}
+
+				.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+					background: #f6f9fd;
+				}
+
+				.pa {
+					left: 0;
+					width: 100%;
+					display: flex;
+					justify-content: center;
+					position: absolute;
+					bottom: 20px;
+				}
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/src/components/drawers/AddRef.vue b/src/components/drawers/AddRef.vue
index 62537d96..275bc7ed 100644
--- a/src/components/drawers/AddRef.vue
+++ b/src/components/drawers/AddRef.vue
@@ -155,6 +155,7 @@ export default {
       inputV2: "",
       textV1: "",
       title: null,
+      isClick: false
     });
     const closeDrawer = () => {
       ctx.emit("update:addrefVisible", false);
@@ -253,6 +254,14 @@ export default {
           return message.warning("请输入合法的链接地址");
         }
       }
+
+      if(state.isClick){
+          message.destroy();
+          message.error('请勿频繁点击')
+          return
+        }
+      state.isClick = true;
+
       let obj = {
         linkAddress: state.inputV2,
         linkDescription: state.textV1,
@@ -266,8 +275,11 @@ export default {
             message.success("编辑成功");
             await updateTask(res);
             ctx.emit("changeData", false);
+            state.isClick = false;
           })
-          .catch(() => {});
+          .catch(() => {
+            state.isClick = false;
+          });
       } else {
         api
           .createExternalChain(obj)
@@ -275,8 +287,11 @@ export default {
             message.success("提交成功");
             await updateTask(res);
             ctx.emit("changeData", false);
+            state.isClick = false;
           })
-          .catch(() => {});
+          .catch(() => {
+            state.isClick = false;
+          });
       }
     };
     // 查询任务
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index 38ac3dd1..3315950c 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -1,23 +1,15 @@
 <template>
-  <a-drawer
-    :visible="addtestVisible"
-    class="drawerStyle addtestDrawer"
-    width="80%"
-    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="closeDrawer2"
-        />
-      </div>
-      <!-- 2022-11-30注释 后面放开 修改div的padding-topL:32 -->
-      <div style="display: flex; flex-direction: row; padding-top: 0px">
-        <!-- <button
+	<a-drawer :visible="addtestVisible" class="drawerStyle addtestDrawer" width="80%" 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="closeDrawer2" />
+			</div>
+			<!-- 2022-11-30注释 后面放开 修改div的padding-topL:32 -->
+			<div style="display: flex; flex-direction: row; padding-top: 0px">
+				<!-- <button
           style="width: 100px"
           @click="changeOuter(1)"
           :class="[isOuter == 1 ? 'outer' : 'notOuter']"
@@ -25,283 +17,203 @@
           系统考试
         </button> -->
 
-        <!-- <button
+				<!-- <button
           style="width: 100px"
           @click="changeOuter(2)"
           :class="[isOuter == 2 ? 'outer' : 'notOuter']"
         >
           外部考试
         </button> -->
-      </div>
+			</div>
 
-      <div class="contentMain">
-        <div class="main_left">
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试名称：</span>
-            </div>
-            <div class="btnbox">
-              <a-input
-                v-model:value="test.examinationName"
-                style="width: 400px; height: 40px; border-radius: 8px"
-                placeholder="请输入考试名称"
-                :maxlength="20"
-              />
-            </div>
-          </div>
+			<div class="contentMain">
+				<div class="main_left">
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">考试名称：</span>
+						</div>
+						<div class="btnbox">
+							<a-input v-model:value="test.examinationName" style="width: 400px; height: 40px; border-radius: 8px"
+								placeholder="请输入考试名称" :maxlength="20" />
+						</div>
+					</div>
 
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">选择试卷：</span>
-            </div>
-            <div class="btnbox">
-              <button class="xkbtn" @click="selectTest">
-                {{ chooseCourse ? "重选" : "选择" }}试卷
-              </button>
-              <div v-if="paperName != ''">
-                <a-tag closable color="processing" @close="delTag">
-                  <span style="font-size: 14px; line-height: 33px">{{
-                    paperName
-                  }}</span>
-                </a-tag>
-              </div>
-            </div>
-            <!-- 选择面授侧弹窗 -->
-            <div>
-              <sel-facet
-                v-model:selfacetVisible="selfacetvisible"
-                v-model:chooseCourse="chooseCourse"
-                v-model:chooseCourseName="chooseCourseName"
-              />
-            </div>
-            <!-- 选择面授侧弹窗 -->
-          </div>
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">选择试卷：</span>
+						</div>
+						<div class="btnbox">
+							<button class="xkbtn" @click="selectTest">
+								{{ chooseCourse ? "重选" : "选择" }}试卷
+							</button>
+							<div v-if="paperName != ''">
+								<a-tag closable color="processing" @close="delTag">
+									<span style="font-size: 14px; line-height: 33px">{{
+											paperName
+									}}</span>
+								</a-tag>
+							</div>
+						</div>
+						<!-- 选择面授侧弹窗 -->
+						<div>
+							<sel-facet v-model:selfacetVisible="selfacetvisible" v-model:chooseCourse="chooseCourse"
+								v-model:chooseCourseName="chooseCourseName" />
+						</div>
+						<!-- 选择面授侧弹窗 -->
+					</div>
 
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试时间：</span>
-            </div>
-            <div class="btnbox">
-              <a-range-picker
-                style="width: 400px; height: 40px; border-radius: 8px"
-                show-time
-                format="YYYY/MM/DD HH:mm"
-                v-model:value="test.chooseTime"
-                :placeholder="['      开始时间', '        结束时间']"
-              />
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试时长：</span>
-            </div>
-            <div class="select">
-              <a-input-number
-                :min="0"
-                :max="300"
-                :precision="0"
-                style="width: 400px; height: 40px; border-radius: 8px"
-                v-model:value="test.examinationDuration"
-              ></a-input-number>
-              <span style="color: #999999; margin-left: 8px">分钟</span>
-            </div>
-          </div>
-          <div class="main_item2">
-            <div class="signbox">
-              <span style="margin-right: 3px">考试说明：</span>
-            </div>
-            <div class="textarea">
-              <a-textarea
-                v-model:value="test.examinationExplain"
-                placeholder="请输入考试说明"
-                allow-clear
-                show-count
-                :maxlength="200"
-                :rows="6"
-              />
-            </div>
-          </div>
-          <div class="main_item2">
-            <div class="signbox">
-              <span style="margin-right: 3px">考试限制：</span>
-            </div>
-            <div class="kqszbox">
-              <div class="setbox">
-                <div class="timerbox">
-                  <span>允许重复考试：</span>
-                  <a-input-number
-                    :min="-1"
-                    :max="300"
-                    :precision="0"
-                    style="
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">考试时间：</span>
+						</div>
+						<div class="btnbox">
+							<a-range-picker style="width: 400px; height: 40px; border-radius: 8px" show-time format="YYYY/MM/DD HH:mm"
+								v-model:value="test.chooseTime" :placeholder="['      开始时间', '        结束时间']" />
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">考试时长：</span>
+						</div>
+						<div class="select">
+							<a-input-number :min="0" :max="300" :precision="0" style="width: 400px; height: 40px; border-radius: 8px"
+								v-model:value="test.examinationDuration"></a-input-number>
+							<span style="color: #999999; margin-left: 8px">分钟</span>
+						</div>
+					</div>
+					<div class="main_item2">
+						<div class="signbox">
+							<span style="margin-right: 3px">考试说明：</span>
+						</div>
+						<div class="textarea">
+							<a-textarea v-model:value="test.examinationExplain" placeholder="请输入考试说明" allow-clear show-count
+								:maxlength="200" :rows="6" />
+						</div>
+					</div>
+					<div class="main_item2">
+						<div class="signbox">
+							<span style="margin-right: 3px">考试限制：</span>
+						</div>
+						<div class="kqszbox">
+							<div class="setbox">
+								<div class="timerbox">
+									<span>允许重复考试：</span>
+									<a-input-number :min="-1" :max="300" :precision="0" style="
                       width: 100px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
-                    "
-                    v-model:value="test.examinationLimit"
-                  ></a-input-number>
-                  <span style="color: #999999; margin-left: 8px"
-                    >次,-1表示无限制</span
-                  >
-                </div>
-              </div>
-            </div>
-          </div>
+                    " v-model:value="test.examinationLimit"></a-input-number>
+									<span style="color: #999999; margin-left: 8px">次,-1表示无限制</span>
+								</div>
+							</div>
+						</div>
+					</div>
 
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">显示答案：</span>
-            </div>
-            <div class="btnbox">
-              <a-radio-group
-                style="margin-right: 12px"
-                v-model:value="test.showAnswers"
-              >
-                <a-radio v-model:checked="checked" :value="1" @click="cloradio1"
-                  >允许查看
-                </a-radio>
-                <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
-                  >不允许查看
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">显示解析：</span>
-            </div>
-            <div class="btnbox">
-              <a-radio-group
-                style="margin-right: 12px"
-                v-model:value="test.showAnalysis"
-              >
-                <a-radio v-model:checked="checked" :value="1" @click="cloradio2"
-                  >允许查看
-                </a-radio>
-                <a-radio v-model:checked="checked" :value="2" @click="cloradio2"
-                  >不允许查看
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">评分模式：</span>
-            </div>
-            <div class="btnbox">
-              <a-radio-group
-                style="margin-right: 12px"
-                v-model:value="test.scoringModel"
-              >
-                <a-radio v-model:checked="checked" :value="1" @click="cloradio3"
-                  >最高一次
-                </a-radio>
-                <a-radio v-model:checked="checked" :value="2" @click="cloradio3"
-                  >最后一次
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">及格线：</span>
-            </div>
-            <div class="btnbox">
-              <a-input
-                v-model:value="test.passLine"
-                type="number"
-                style="width: 400px; height: 40px; border-radius: 8px"
-              />
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">显示答案：</span>
+						</div>
+						<div class="btnbox">
+							<a-radio-group style="margin-right: 12px" v-model:value="test.showAnswers">
+								<a-radio v-model:checked="checked" :value="1" @click="cloradio1">允许查看
+								</a-radio>
+								<a-radio v-model:checked="checked" :value="2" @click="cloradio1">不允许查看
+								</a-radio>
+							</a-radio-group>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">显示解析：</span>
+						</div>
+						<div class="btnbox">
+							<a-radio-group style="margin-right: 12px" v-model:value="test.showAnalysis">
+								<a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许查看
+								</a-radio>
+								<a-radio v-model:checked="checked" :value="2" @click="cloradio2">不允许查看
+								</a-radio>
+							</a-radio-group>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">评分模式：</span>
+						</div>
+						<div class="btnbox">
+							<a-radio-group style="margin-right: 12px" v-model:value="test.scoringModel">
+								<a-radio v-model:checked="checked" :value="1" @click="cloradio3">最高一次
+								</a-radio>
+								<a-radio v-model:checked="checked" :value="2" @click="cloradio3">最后一次
+								</a-radio>
+							</a-radio-group>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">及格线：</span>
+						</div>
+						<div class="btnbox">
+							<a-input v-model:value="test.passLine" type="number"
+								style="width: 400px; height: 40px; border-radius: 8px" />
 
-              <span style="color: #999999; margin-left: 8px">分</span>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="main_item">
-              <div class="signbox">
-                <span style="margin-right: 3px">试题排列：</span>
-              </div>
-              <div class="btnbox">
-                <a-radio-group
-                  style="margin-right: 12px"
-                  v-model:value="test.questionArrangement"
-                >
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="1"
-                    @click="cloradio4"
-                    >试题乱序
-                  </a-radio>
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="2"
-                    @click="cloradio4"
-                    >选项乱序
-                  </a-radio>
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="3"
-                    @click="cloradio4"
-                    >全部乱序
-                  </a-radio>
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="4"
-                    @click="cloradio4"
-                    >不乱序
-                  </a-radio>
-                </a-radio-group>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="main_btns">
-        <a-button class="btn1" @click="closeDrawer2">取消</a-button>
-        <a-button class="btn2" @click="updateTest">确定</a-button>
-      </div>
-      <!--  加载动画 -->
-      <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-        <a-spin :spinning="addLoading" tip="" />
-      </div>
+							<span style="color: #999999; margin-left: 8px">分</span>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="main_item">
+							<div class="signbox">
+								<span style="margin-right: 3px">试题排列：</span>
+							</div>
+							<div class="btnbox">
+								<a-radio-group style="margin-right: 12px" v-model:value="test.questionArrangement">
+									<a-radio v-model:checked="checked" :value="1" @click="cloradio4">试题乱序
+									</a-radio>
+									<a-radio v-model:checked="checked" :value="2" @click="cloradio4">选项乱序
+									</a-radio>
+									<a-radio v-model:checked="checked" :value="3" @click="cloradio4">全部乱序
+									</a-radio>
+									<a-radio v-model:checked="checked" :value="4" @click="cloradio4">不乱序
+									</a-radio>
+								</a-radio-group>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="main_btns">
+				<a-button class="btn1" @click="closeDrawer2">取消</a-button>
+				<a-button class="btn2" @click="updateTest">确定</a-button>
+			</div>
+			<!--  加载动画 -->
+			<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+				<a-spin :spinning="addLoading" tip="" />
+			</div>
 
-      <!-- 选择考试抽屉 -->
-      <s-test v-model:STvisible="STvisible" @getSTData="getData" />
-    </div>
-  </a-drawer>
+			<!-- 选择考试抽屉 -->
+			<s-test v-model:STvisible="STvisible" @getSTData="getData" />
+		</div>
+	</a-drawer>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
 import { message } from "ant-design-vue";
 import {
-  createExamination,
-  queryExaminationDetailById,
-  updateExamination,
+	createExamination,
+	queryExaminationDetailById,
+	updateExamination,
 } from "@/api/indexExam";
 import STest from "./SelectTest.vue";
 import { ProjectEditTask, RouterEditTask } from "@/api/indexTask";
@@ -310,585 +222,594 @@ import dayjs from "dayjs";
 //import { toDate } from "@/api/method";
 
 export default {
-  name: "AddTest",
-  components: {
-    STest,
-  },
-  props: {
-    addtestVisible: {
-      type: Boolean,
-      default: false,
-    },
-    EditTestId: {
-      // 要编辑的考试id
-      type: Number,
-      default: null,
-    },
-    isactive: {
-      type: Number,
-      default: null,
-    },
-    routerId: {
-      type: Number,
-      default: null,
-    },
-    projectId: {
-      type: Number,
-      default: null,
-    },
-    routerTaskId: {
-      type: Number,
-      default: null,
-    },
-    chooseStageId: {
-      type: Number,
-      default: null,
-    },
-    isLevel: {
-      // 是否是关卡页面触发
-      type: Number,
-      default: null,
-    },
-    projectTaskId: {
-      // 要编辑的projectId
-      type: Number,
-      default: null,
-    },
-    edit: {
-      //
-      type: Boolean,
-      default: null,
-    },
-    faceLevel: {
-      type: Boolean,
-      default: false,
-    },
-    projectTemplateId: {
-      type: Number,
-      default: null,
-    },
-    testName: {
-      type: String,
-      default: null,
-    },
-  },
-  setup(props, ctx) {
-    const state = reactive({
-      test: {},
+	name: "AddTest",
+	components: {
+		STest,
+	},
+	props: {
+		addtestVisible: {
+			type: Boolean,
+			default: false,
+		},
+		EditTestId: {
+			// 要编辑的考试id
+			type: Number,
+			default: null,
+		},
+		isactive: {
+			type: Number,
+			default: null,
+		},
+		routerId: {
+			type: Number,
+			default: null,
+		},
+		projectId: {
+			type: Number,
+			default: null,
+		},
+		routerTaskId: {
+			type: Number,
+			default: null,
+		},
+		chooseStageId: {
+			type: Number,
+			default: null,
+		},
+		isLevel: {
+			// 是否是关卡页面触发
+			type: Number,
+			default: null,
+		},
+		projectTaskId: {
+			// 要编辑的projectId
+			type: Number,
+			default: null,
+		},
+		edit: {
+			//
+			type: Boolean,
+			default: null,
+		},
+		faceLevel: {
+			type: Boolean,
+			default: false,
+		},
+		projectTemplateId: {
+			type: Number,
+			default: null,
+		},
+		testName: {
+			type: String,
+			default: null,
+		},
+	},
+	setup(props, ctx) {
+		const state = reactive({
+			test: {},
 
-      addLoading: false,
-      isOuter: 1, // 是否为外部考试
-      STvisible: false, //选择试卷抽屉
-      paperId: null, //试卷id 子组件传过来给考试抽屉创建考试信息需要
-      paperName: "", //试卷名称 子组件传过来给考试抽屉选择试卷后框框用
-      id: "",
-      testName: "",
-      TestName: "",
-      testObj: {
-        name: "",
-        paperId: "",
-        choosedTime: "",
-        duration: "",
-      },
-      choosedTestList: [
-        {
-          value: "提高核心竞争力",
-          key: 1,
-        },
-      ],
-    });
+			addLoading: false,
+			isOuter: 1, // 是否为外部考试
+			STvisible: false, //选择试卷抽屉
+			paperId: null, //试卷id 子组件传过来给考试抽屉创建考试信息需要
+			paperName: "", //试卷名称 子组件传过来给考试抽屉选择试卷后框框用
+			id: "",
+			testName: "",
+			TestName: "",
+			testObj: {
+				name: "",
+				paperId: "",
+				choosedTime: "",
+				duration: "",
+			},
+			choosedTestList: [
+				{
+					value: "提高核心竞争力",
+					key: 1,
+				},
+			],
+		});
 
-    const clearAll = () => {
-      state.test = {};
-    };
+		const clearAll = () => {
+			state.test = {};
+		};
 
-    const closeDrawer = () => {
-      state.statechoosedTime = "";
-      ctx.emit("update:addtestVisible", false);
-      ctx.emit("update:edit", false);
-      ctx.emit("update:EditTestId", state.EditTestId);
-      ctx.emit("update:testName", state.testName);
-      console.log("statetestName", state.testName);
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-      state.addLoading = false;
-      clearAll();
-    };
-    const closeDrawer2 = () => {
-      state.statechoosedTime = "";
-      ctx.emit("update:edit", false);
-      ctx.emit("update:addtestVisible", false);
-      clearAll();
-      state.addLoading = false;
-    };
-    const afterVisibleChange = () => {
-      console.log("props", props);
-      if (props.addtestVisible && props.edit) {
-        // 该页面显示同时 edit为true 时，发送查询请求,
-        queryTest();
-      }
-    };
-    const selectTest = () => {
-      state.STvisible = true;
-    };
-    const delTag = () => {
-      state.paperId = 0;
-      state.paperName = "";
-    };
-    const queryTest = () => {
-      queryExaminationDetailById({ examinationId: props.EditTestId })
-        .then((res) => {
-          state.test = res.data.data;
-          state.test.showAnswers = Number(state.test.showAnswers);
-          state.test.showAnalysis = Number(state.test.showAnalysis);
-          state.test.scoringModel = Number(state.test.scoringModel);
-          state.test.questionArrangement = Number(
-            state.test.questionArrangement
-          );
-          state.test.chooseTime = [
-            dayjs(res.data.data.examinationStartTime, "YYYY-MM-DD HH:mm"),
-            dayjs(res.data.data.examinationEndTime, "YYYY-MM-DD HH:mm"),
-          ];
-          state.paperName = state.test.examinationTestName;
-          // state.paperId=dayjs
-          state.paperId = state.test.examinationTestId;
+		const closeDrawer = () => {
+			state.statechoosedTime = "";
+			ctx.emit("update:addtestVisible", false);
+			ctx.emit("update:edit", false);
+			ctx.emit("update:EditTestId", state.EditTestId);
+			ctx.emit("update:testName", state.testName);
+			console.log("statetestName", state.testName);
+			localStorage.setItem("stageId", props.chooseStageId);
+			localStorage.setItem("chapterId", props.isactive);
+			state.addLoading = false;
+			clearAll();
+		};
+		const closeDrawer2 = () => {
+			state.paperName = "";
+			state.statechoosedTime = "";
+			ctx.emit("update:edit", false);
+			ctx.emit("update:addtestVisible", false);
+			clearAll();
+			state.addLoading = false;
+		};
+		const afterVisibleChange = () => {
+			console.log("props", props);
+			if (props.addtestVisible && props.edit) {
+				// 该页面显示同时 edit为true 时，发送查询请求,
+				queryTest();
+			}
+		};
+		const selectTest = () => {
+			state.STvisible = true;
+		};
+		const delTag = () => {
+			state.paperId = 0;
+			state.paperName = "";
+		};
+		const queryTest = () => {
+			queryExaminationDetailById({ examinationId: props.EditTestId })
+				.then((res) => {
+					state.test = res.data.data;
+					state.test.showAnswers = Number(state.test.showAnswers);
+					state.test.showAnalysis = Number(state.test.showAnalysis);
+					state.test.scoringModel = Number(state.test.scoringModel);
+					state.test.questionArrangement = Number(
+						state.test.questionArrangement
+					);
+					state.test.chooseTime = [
+						dayjs(res.data.data.examinationStartTime, "YYYY-MM-DD HH:mm"),
+						dayjs(res.data.data.examinationEndTime, "YYYY-MM-DD HH:mm"),
+					];
+					state.paperName = state.test.examinationTestName;
+					// state.paperId=dayjs
+					state.paperId = state.test.examinationTestId;
 
-          console.log("querytest", state.test);
-        })
-        .catch(() => {
-          //message.error(`查询失败`);
-        });
-    };
-    const updateTest = () => {
-      if (!state.test.examinationName) {
-        message.destroy();
-        return message.warning("请输入考试名称");
-      }
-      if (!state.paperId) {
-        message.destroy();
-        return message.warning("请输入选择试卷");
-      }
-      if (!state.test.chooseTime) {
-        message.destroy();
-        return message.warning("请输入开始结束时间");
-      }
-      if (!state.test.examinationDuration) {
-        message.destroy();
-        return message.warning("请输入考试时长");
-      }
+					console.log("querytest", state.test);
+				})
+				.catch(() => {
+					//message.error(`查询失败`);
+				});
+		};
+		const updateTest = () => {
+			if (!state.test.examinationName) {
+				message.destroy();
+				return message.warning("请输入考试名称");
+			}
+			if (!state.paperId) {
+				message.destroy();
+				return message.warning("请输入选择试卷");
+			}
+			if (!state.test.chooseTime) {
+				message.destroy();
+				return message.warning("请输入开始结束时间");
+			}
+			if (!state.test.examinationDuration) {
+				message.destroy();
+				return message.warning("请输入考试时长");
+			}
 
-      state.addLoading = true;
-      console.log("test", state.test);
-      // state.test.examinationStartTime = toDate(
-      //  new Date(state.test.chooseTime[0].$d).getTime() / 1000,
-      // "Y-M-D h:m"
-      // );
-      // state.test.examinationEndTime =toDate(
-      //   new Date(state.test.$slotschooseTime[1].$d).getTime() / 1000,
-      //   "Y-M-D h:m"
-      // );
-      state.test.examinationStartTime = dayjs(state.test.chooseTime[0]).format("YYYY-MM-DD HH:mm"),
-   
-      state.test.examinationEndTime = dayjs(state.test.chooseTime[1]).format("YYYY-MM-DD HH:mm"),
-      state.test.examinationPaperId = state.paperId;
-      //TODO缺少paperName字段
-      state.test.examinationTestName = state.paperName;
+			state.addLoading = true;
+			console.log("test", state.test);
+			// state.test.examinationStartTime = toDate(
+			//  new Date(state.test.chooseTime[0].$d).getTime() / 1000,
+			// "Y-M-D h:m"
+			// );
+			// state.test.examinationEndTime =toDate(
+			//   new Date(state.test.$slotschooseTime[1].$d).getTime() / 1000,
+			//   "Y-M-D h:m"
+			// );
+			state.test.examinationStartTime = dayjs(state.test.chooseTime[0]).format("YYYY-MM-DD HH:mm"),
 
-      if (props.EditTestId > 0) {
-        // 编辑任务
-        updateExamination(state.test)
-          .then(async (res) => {
-            await updateTask(res);
-            // closeDrawer();
-          })
-          .catch(() => {
-            message.destroy();
-            message.error(`编辑失败`);
-          });
-      } else {
-        // 创建任务
-        createExamination(state.test)
-          .then(async (res) => {
-            await updateTask(res);
-            // closeDrawer();
-          })
-          .catch(() => {
-            message.destroy();
-            message.error(`创建失败`);
-          });
-      }
-    };
-    const updateTask = (res) => {
-      state.EditTestId = res.data.data.examinationId;
-      if (props.faceLevel) {
-        state.EditTestId = res.data.data.examinationId;
+				state.test.examinationEndTime = dayjs(state.test.chooseTime[1]).format("YYYY-MM-DD HH:mm"),
+				state.test.examinationPaperId = state.paperId;
+			//TODO缺少paperName字段
+			state.test.examinationTestName = state.paperName;
 
-        closeDrawer();
-      } else {
-        if (props.isLevel == 1) {
-          if (!props.isactive) {
-            message.destroy();
-            return message.warning("请先选中关卡");
-          }
-          let editObj1 = {
-            chapterId: props.isactive,
-            duration: res.data.data.examinationDuration,
-            courseId: res.data.data.examinationId,
-            name: res.data.data.examinationName,
-            routerId: props.routerId,
-            routerTaskId: props.routerTaskId || 0,
-            type: 5,
-          };
-          RouterEditTask(editObj1)
-            .then(() => {
-              console.log("props.edit", props.edit);
-              message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-              ctx.emit("changeData", false);
+			if (props.EditTestId > 0) {
+				// 编辑任务
+				updateExamination(state.test)
+					.then(async (res) => {
+						await updateTask(res);
+						// closeDrawer();
+					})
+					.catch(() => {
+						message.destroy();
+						message.error(`编辑失败`);
+					});
+			} else {
+				// 创建任务
+				createExamination(state.test)
+					.then(async (res) => {
+						await updateTask(res);
+						// closeDrawer();
+					})
+					.catch(() => {
+						message.destroy();
+						message.error(`创建失败`);
+					});
+			}
+		};
+		const updateTask = (res) => {
+			state.EditTestId = res.data.data.examinationId;
+			if (props.faceLevel) {
+				state.EditTestId = res.data.data.examinationId;
+				state.paperName = "";
+				closeDrawer();
+			} else {
+				if (props.isLevel == 1) {
+					if (!props.isactive) {
+						message.destroy();
+						return message.warning("请先选中关卡");
+					}
+					let editObj1 = {
+						chapterId: props.isactive,
+						duration: res.data.data.examinationDuration,
+						courseId: res.data.data.examinationId,
+						name: res.data.data.examinationName,
+						routerId: props.routerId,
+						routerTaskId: props.routerTaskId || 0,
+						type: 5,
+					};
+					RouterEditTask(editObj1)
+						.then(() => {
+							console.log("props.edit", props.edit);
+							message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+							ctx.emit("changeData", false);
+							state.paperName = "";
+							closeDrawer();
+						})
+						.catch(() => {
+							//message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+						});
+				} else if (props.isLevel == 2) {
+					let editObj = {
+						courseId: res.data.data.examinationId,
+						duration: res.data.data.examinationDuration,
+						name: res.data.data.examinationName,
+						projectId: props.projectId,
+						projectTaskId: props.projectTaskId || 0,
+						stageId: props.chooseStageId || 0,
+						type: 5,
+					};
+					// 新增编辑或新增项目
+					ProjectEditTask(editObj)
+						.then(() => {
+							message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+							ctx.emit("changeData", false);
+							state.paperName = "";
+							closeDrawer();
+						})
+						.catch(() => {
+							//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
+						});
+				} else if (props.isLevel == 3) {
+					addTempTask({
+						courseId: res.data.data.examinationId,
+						duration: res.data.data.examinationDuration,
+						name: res.data.data.examinationName,
+						projectTemplateId: props.projectTemplateId,
+						projectTaskId: props.projectTaskId || 0,
+						stageId: props.chooseStageId || 0,
+						type: 5,
+					})
+						.then(() => {
+							message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+							ctx.emit("changeData", false);
+							state.paperName = "";
+							closeDrawer();
+						})
+						.catch(() => {
+							//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
+						});
+				}
+			}
+		};
+		const cloradio1 = (value) => {
+			if (value != "") {
+				state.showAnswers = "";
+			}
+		};
+		const cloradio2 = (value) => {
+			if (value != "") {
+				state.showAnalysis = "";
+			}
+		};
+		const cloradio3 = (value) => {
+			if (value != "") {
+				state.scoringModel = "";
+			}
+		};
+		const cloradio4 = (value) => {
+			if (value != "") {
+				state.questionArrangement = "";
+			}
+		};
+		const changeOuter = (value) => {
+			state.isOuter = value;
+		};
+		const chooseTest = () => { };
+		const closeTag = (removedTag) => {
+			const tags = state.choosedTestList.filter(
+				(item) => item.key != removedTag
+			);
+			state.choosedTestList = tags;
+		};
+		const getData = (value) => {
+			state.paperId = value.paperId;
+			state.paperName = value.testName;
+			state.id = value.id;
+			state.testName = value.testName;
+		};
 
-              closeDrawer();
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-            });
-        } else if (props.isLevel == 2) {
-          let editObj = {
-            courseId: res.data.data.examinationId,
-            duration: res.data.data.examinationDuration,
-            name: res.data.data.examinationName,
-            projectId: props.projectId,
-            projectTaskId: props.projectTaskId || 0,
-            stageId: props.chooseStageId || 0,
-            type: 5,
-          };
-          // 新增编辑或新增项目
-          ProjectEditTask(editObj)
-            .then(() => {
-              message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-              ctx.emit("changeData", false);
-              closeDrawer();
-            })
-            .catch(() => {
-              //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
-            });
-        } else if (props.isLevel == 3) {
-          addTempTask({
-            courseId: res.data.data.examinationId,
-            duration: res.data.data.examinationDuration,
-            name: res.data.data.examinationName,
-            projectTemplateId: props.projectTemplateId,
-            projectTaskId: props.projectTaskId || 0,
-            stageId: props.chooseStageId || 0,
-            type: 5,
-          })
-            .then(() => {
-              message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-              ctx.emit("changeData", false);
-              closeDrawer();
-            })
-            .catch(() => {
-              //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
-            });
-        }
-      }
-    };
-    const cloradio1 = (value) => {
-      if (value != "") {
-        state.showAnswers = "";
-      }
-    };
-    const cloradio2 = (value) => {
-      if (value != "") {
-        state.showAnalysis = "";
-      }
-    };
-    const cloradio3 = (value) => {
-      if (value != "") {
-        state.scoringModel = "";
-      }
-    };
-    const cloradio4 = (value) => {
-      if (value != "") {
-        state.questionArrangement = "";
-      }
-    };
-    const changeOuter = (value) => {
-      state.isOuter = value;
-    };
-    const chooseTest = () => {};
-    const closeTag = (removedTag) => {
-      const tags = state.choosedTestList.filter(
-        (item) => item.key != removedTag
-      );
-      state.choosedTestList = tags;
-    };
-    const getData = (value) => {
-      state.paperId = value.paperId;
-      state.paperName = value.testName;
-      state.id = value.id;
-      state.testName = value.testName;
-    };
+		return {
+			afterVisibleChange,
+			closeDrawer,
+			closeDrawer2,
+			selectTest,
+			cloradio1,
+			cloradio2,
+			cloradio3,
+			cloradio4,
 
-    return {
-      afterVisibleChange,
-      closeDrawer,
-      closeDrawer2,
-      selectTest,
-      cloradio1,
-      cloradio2,
-      cloradio3,
-      cloradio4,
+			clearAll,
 
-      clearAll,
+			delTag,
+			// layout,
 
-      delTag,
-      // layout,
+			updateTest,
+			queryTest,
+			changeOuter,
+			chooseTest,
+			closeTag,
+			getData,
 
-      updateTest,
-      queryTest,
-      changeOuter,
-      chooseTest,
-      closeTag,
-      getData,
-
-      ...toRefs(state),
-    };
-  },
+			...toRefs(state),
+		};
+	},
 };
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
+	background-color: #fafafa !important;
 }
 
 .outer {
-  background-color: #4ea6ff;
-  color: #fff;
-  border-radius: 5px;
-  border: 1px solid #a09292;
-  height: 36px;
-  margin-right: 10px;
+	background-color: #4ea6ff;
+	color: #fff;
+	border-radius: 5px;
+	border: 1px solid #a09292;
+	height: 36px;
+	margin-right: 10px;
 }
 
 .notOuter {
-  color: #000;
-  border-radius: 5px;
-  border: 1px solid #a09292;
-  background: #fff;
-  margin-right: 10px;
-  padding: 3px;
+	color: #000;
+	border-radius: 5px;
+	border: 1px solid #a09292;
+	background: #fff;
+	margin-right: 10px;
+	padding: 3px;
 }
 
 .tag-style {
-  color: rgb(113, 113, 237);
-  background-color: #d7d1f7;
+	color: rgb(113, 113, 237);
+	background-color: #d7d1f7;
 }
 
 .addtestDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-shrink: 0;
+	.drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			flex-shrink: 0;
 
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
 
-    .contentMain {
-      display: flex;
-      justify-content: space-between;
+		.contentMain {
+			display: flex;
+			justify-content: space-between;
 
-      .main_left {
-        padding-right: 30px;
-        flex: 1;
-        border-right: 1px solid #e8e8e8;
+			.main_left {
+				padding-right: 30px;
+				flex: 1;
+				border-right: 1px solid #e8e8e8;
 
-        .main_item {
-          display: flex;
-          align-items: center;
-          margin-top: 32px;
-          margin-bottom: 32px;
+				.main_item {
+					display: flex;
+					align-items: center;
+					margin-top: 32px;
+					margin-bottom: 32px;
 
-          .signbox {
-            width: 120px;
-            display: flex;
-            justify-content: end;
-            align-items: center;
+					.signbox {
+						width: 120px;
+						display: flex;
+						justify-content: end;
+						align-items: center;
 
-            .sign {
-              margin-right: 5px;
-            }
-          }
+						.sign {
+							margin-right: 5px;
+						}
+					}
 
-          .btnbox {
-            display: flex;
-            flex: 1;
-            align-items: center;
+					.btnbox {
+						display: flex;
+						flex: 1;
+						align-items: center;
 
-            .xkbtn {
-              cursor: pointer;
-              width: 130px;
-              height: 40px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              border: 0;
-              margin-right: 8px;
-              color: #fff;
-            }
-          }
-        }
+						.xkbtn {
+							cursor: pointer;
+							width: 130px;
+							height: 40px;
+							background: #4ea6ff;
+							border-radius: 8px;
+							border: 0;
+							margin-right: 8px;
+							color: #fff;
+						}
+					}
+				}
 
-        .main_item2 {
-          display: flex;
-          align-items: flex-start;
-          margin-bottom: 32px;
+				.main_item2 {
+					display: flex;
+					align-items: flex-start;
+					margin-bottom: 32px;
 
-          .textarea {
-            width: 400px;
+					.textarea {
+						width: 400px;
 
-            .ant-input {
-              width: 100%;
-            }
+						.ant-input {
+							width: 100%;
+						}
 
-            .ant-input-textarea-show-count {
-              position: relative;
-            }
+						.ant-input-textarea-show-count {
+							position: relative;
+						}
 
-            .ant-input-textarea-show-count::after {
-              position: absolute;
-              right: 10px;
-              bottom: 0px;
-            }
+						.ant-input-textarea-show-count::after {
+							position: absolute;
+							right: 10px;
+							bottom: 0px;
+						}
 
-            .ant-input {
-              border-radius: 8px;
-            }
-          }
+						.ant-input {
+							border-radius: 8px;
+						}
+					}
 
-          .signbox {
-            width: 120px;
-            display: flex;
-            justify-content: end;
-            align-items: center;
+					.signbox {
+						width: 120px;
+						display: flex;
+						justify-content: end;
+						align-items: center;
 
-            .sign {
-              margin-right: 5px;
-            }
-          }
+						.sign {
+							margin-right: 5px;
+						}
+					}
 
-          .kqszbox {
-            .qdqtbox {
-              margin-left: 56px;
-            }
+					.kqszbox {
+						.qdqtbox {
+							margin-left: 56px;
+						}
 
-            .setbox {
-              display: flex;
-              flex-wrap: wrap;
-              margin-top: 10px;
-              margin-bottom: 24px;
+						.setbox {
+							display: flex;
+							flex-wrap: wrap;
+							margin-top: 10px;
+							margin-bottom: 24px;
 
-              .timerbox {
-                margin-top: 6px;
-                margin-right: 32px;
-                display: flex;
-                align-items: center;
-                flex-wrap: nowrap;
-              }
-            }
-          }
+							.timerbox {
+								margin-top: 6px;
+								margin-right: 32px;
+								display: flex;
+								align-items: center;
+								flex-wrap: nowrap;
+							}
+						}
+					}
 
-          .btnbox2 {
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-start;
+					.btnbox2 {
+						display: flex;
+						flex-direction: column;
+						justify-content: flex-start;
 
-            .xkbtn {
-              cursor: pointer;
-              width: 130px;
-              height: 40px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              border: 0;
-              margin-right: 16px 8px 32px 0;
-              color: #fff;
-              margin-top: 16px;
-              margin-bottom: 60px;
-            }
-          }
-        }
-      }
-    }
-    .main_table {
-      position: relative;
-      padding-bottom: 80px;
-      .ant-checkbox-wrapper {
-        align-items: center;
-        margin-top: -2px;
-      }
-      .ant-table-selection-column {
-        padding: 0px !important;
-        padding-left: 5px !important;
-      }
-      .ant-table-thead > tr > th {
-        background-color: rgba(239, 244, 252, 1);
-      }
-      th.h {
-        background-color: #eff4fc !important;
-      }
-      .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
-        background: #f6f9fd;
-      }
-      .pa {
-        left: 0;
-        width: 100%;
-        display: flex;
-        justify-content: center;
-        position: absolute;
-        bottom: 20px;
-      }
-    }
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+						.xkbtn {
+							cursor: pointer;
+							width: 130px;
+							height: 40px;
+							background: #4ea6ff;
+							border-radius: 8px;
+							border: 0;
+							margin-right: 16px 8px 32px 0;
+							color: #fff;
+							margin-top: 16px;
+							margin-bottom: 60px;
+						}
+					}
+				}
+			}
+		}
 
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
+		.main_table {
+			position: relative;
+			padding-bottom: 80px;
 
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
+			.ant-checkbox-wrapper {
+				align-items: center;
+				margin-top: -2px;
+			}
+
+			.ant-table-selection-column {
+				padding: 0px !important;
+				padding-left: 5px !important;
+			}
+
+			.ant-table-thead>tr>th {
+				background-color: rgba(239, 244, 252, 1);
+			}
+
+			th.h {
+				background-color: #eff4fc !important;
+			}
+
+			.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+				background: #f6f9fd;
+			}
+
+			.pa {
+				left: 0;
+				width: 100%;
+				display: flex;
+				justify-content: center;
+				position: absolute;
+				bottom: 20px;
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 </style>
   
\ No newline at end of file
diff --git a/src/components/student/CommonStudent.vue b/src/components/student/CommonStudent.vue
index 8f0bf7c6..5b03382f 100644
--- a/src/components/student/CommonStudent.vue
+++ b/src/components/student/CommonStudent.vue
@@ -362,7 +362,7 @@ const {
   loading: audiLoading,
   total: audiTotal
 } = useBoeApiPage(AUDIENCE_LIST, audienceName.value, {
-  init: false,
+  init: true,
   result: res => res.result.audienceList.map(e => ({...e, id: e.id + ''})),
   totalPage: res => res.result.totalPage,
   total: res => res.result.totalElement
@@ -612,6 +612,7 @@ watch(visiable, () => {
   stuSelectKeys.value = []
   orgSelectKeys.value = []
   auditSelectKeys.value = []
+  stuData.value = []
   selectsData.value = {
     stageId: '',
     studentList: [],
diff --git a/src/views/courselibrary/components/seeModal.vue b/src/views/courselibrary/components/seeModal.vue
index 1d9971d6..877cb44f 100644
--- a/src/views/courselibrary/components/seeModal.vue
+++ b/src/views/courselibrary/components/seeModal.vue
@@ -1,214 +1,154 @@
 <!-- 课件管理页面 -->
 <template>
-  <!-- 预览弹窗 -->
-  <a-modal
-    :visible="visible"
-    title="查看"
-    :footer="null"
-    :closable="false"
-    wrapClassName="modalStyle lookCourseModal"
-    width="80%"
-    @cancel="handleCancel"
-    @ok="handleCancel"
-  >
-    <div class="modalHeader">
-      <div class="headerLeft">
-        <img
-          style="width: 17px; height: 18px; margin-right: 8px"
-          src="@/assets/images/basicinfo/add.png"
-        />
-        <span class="headerLeftText">预览</span>
-      </div>
-      <div style="margin-right: 57px; cursor: pointer">
-        <img
-          @click="handleCancel"
-          style="width: 22px; height: 22px"
-          src="@/assets/images/basicinfo/close22.png"
-        />
-      </div>
-    </div>
-    <div class="modalMain">
-      <div class="faceteach">
-        <div class="ft_main">
-          <div class="m_body">
-            <div class="mb_left">
-              <div class="mbl_items">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">课程名称：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.name) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items2">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">封面图：</span>
-                </div>
-                <img
-                  :src="detail.picUrl"
-                  alt="img"
-                  style="width: 100px; height: 100px"
-                />
-              </div>
-              <div class="mbl_items">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      style="width: 10px; height: 10px"
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">目标人群：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.targetUser) }}
-                  </div>
-                </div>
-              </div>
-              <div v-if="detail.meaning" class="mbl_items2">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">课程价值：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.meaning) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">内容分类：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="select i6_input">
-                    {{ filterClassTxt(detail.categoryId) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items" v-if="detail.sceneId">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">场景：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="select i7_input">
-                    {{ filterSenceTxt(detail.sceneId) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items" v-if="detail.tips">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">内容标签：</span>
-                </div>
-                <div class="item_inp">
-                  {{ filterTxt(detail.tips) }}
-                </div>
-              </div>
-            </div>
-            <div class="mb_right">
-              <div class="mbl_items">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="asterisk"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">授课教师：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.teacher) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items2" v-if="detail.intro">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">课程简介：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i10_textarea">
-                    {{ filterTxt(detail.intro) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items12">
-                <div
-                  class="i12_box1"
-                  style="position: relative"
-                  v-for="(item, index) in detail.attach"
-                  :key="index"
-                >
-                  <div class="file_img">
-                    <img
-                      v-if="
-                        item.indexOf('jpg') !== -1 ||
-                        item.indexOf('jpeg') !== -1 ||
-                        item.indexOf('png') !== -1
-                      "
-                      src="@/assets/images/coursewareManage/pngpic.png"
-                    />
-                    <div v-else>
-                      <img
-                        v-if="item.indexOf('doc') !== -1"
-                        src="@/assets/images/coursewareManage/docpic.png"
-                      />
-                      <div v-else>
-                        <img
-                          v-if="item.indexOf('xls') !== -1"
-                          src="@/assets/images/coursewareManage/xlspic.png"
-                        />
-                        <div v-else>
-                          <img
-                            v-if="item.indexOf('ppt') !== -1"
-                            src="@/assets/images/coursewareManage/pptpic.png"
-                          />
-                          <div v-else>
-                            <img
-                              v-if="item.indexOf('pdf') !== -1"
-                              src="@/assets/images/coursewareManage/pdfpic.png"
-                            />
-                            <div v-else>
-                              <img
-                                v-if="item.indexOf('zip') !== -1"
-                                src="@/assets/images/coursewareManage/zippic.png"
-                              />
-                              <img
-                                v-else
-                                src="@/assets/images/coursewareManage/docpic.png"
-                              />
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="file_detail">
-                    <div class="file_name">
-                      <!-- http://111.231.196.214:12016/7.231.196.214:12016/7-1670486854017.jpg -->
-                      <span
-                        style="
+	<!-- 预览弹窗 -->
+	<a-modal :visible="visible" title="查看" :footer="null" :closable="false" wrapClassName="modalStyle lookCourseModal"
+		width="80%" @cancel="handleCancel" @ok="handleCancel">
+		<div class="modalHeader">
+			<div class="headerLeft">
+				<img style="width: 17px; height: 18px; margin-right: 8px" src="@/assets/images/basicinfo/add.png" />
+				<span class="headerLeftText">预览</span>
+			</div>
+			<div style="margin-right: 57px; cursor: pointer">
+				<img @click="handleCancel" style="width: 22px; height: 22px" src="@/assets/images/basicinfo/close22.png" />
+			</div>
+		</div>
+		<div class="modalMain">
+			<div class="faceteach">
+				<div class="ft_main">
+					<div class="m_body">
+						<div class="mb_left">
+							<div class="mbl_items">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="img" />
+									</div>
+									<span style="margin-right: 14px">课程名称：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.name) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items2">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="img" />
+									</div>
+									<span style="margin-right: 14px">封面图：</span>
+								</div>
+								<img :src="detail.picUrl" alt="img" style="width: 100px; height: 100px" />
+							</div>
+							<div class="mbl_items">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img style="width: 10px; height: 10px" src="@/assets/images/coursewareManage/asterisk.png"
+											alt="img" />
+									</div>
+									<span style="margin-right: 14px">目标人群：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.targetUser) }}
+									</div>
+								</div>
+							</div>
+							<div v-if="detail.meaning" class="mbl_items2">
+								<div class="item_nam">
+									<span style="margin-right: 14px">课程价值：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.meaning) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="img" />
+									</div>
+									<span style="margin-right: 14px">内容分类：</span>
+								</div>
+								<div class="item_inp">
+									<div class="select i6_input">
+										{{ filterClassTxt(detail.categoryId) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items" v-if="detail.sceneId">
+								<div class="item_nam">
+									<span style="margin-right: 14px">场景：</span>
+								</div>
+								<div class="item_inp">
+									<div class="select i7_input">
+										{{ filterSenceTxt(detail.sceneId) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items" v-if="detail.tips">
+								<div class="item_nam">
+									<span style="margin-right: 14px">内容标签：</span>
+								</div>
+								<div class="item_inp">
+									{{ filterTxt(detail.tips) }}
+								</div>
+							</div>
+						</div>
+						<div class="mb_right">
+							<div class="mbl_items">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="asterisk" />
+									</div>
+									<span style="margin-right: 14px">授课教师：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.teacher) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items2" v-if="detail.intro">
+								<div class="item_nam">
+									<span style="margin-right: 14px">课程简介：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i10_textarea">
+										{{ filterTxt(detail.intro) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items12">
+								<div class="i12_box1" style="position: relative" v-for="(item, index) in detail.attach" :key="index">
+									<div class="file_img">
+										<img v-if="
+											item.indexOf('jpg') !== -1 ||
+											item.indexOf('jpeg') !== -1 ||
+											item.indexOf('png') !== -1
+										" src="@/assets/images/coursewareManage/pngpic.png" />
+										<div v-else>
+											<img v-if="item.indexOf('doc') !== -1" src="@/assets/images/coursewareManage/docpic.png" />
+											<div v-else>
+												<img v-if="item.indexOf('xls') !== -1" src="@/assets/images/coursewareManage/xlspic.png" />
+												<div v-else>
+													<img v-if="item.indexOf('ppt') !== -1" src="@/assets/images/coursewareManage/pptpic.png" />
+													<div v-else>
+														<img v-if="item.indexOf('pdf') !== -1" src="@/assets/images/coursewareManage/pdfpic.png" />
+														<div v-else>
+															<img v-if="item.indexOf('zip') !== -1"
+																src="@/assets/images/coursewareManage/zippic.png" />
+															<img v-else src="@/assets/images/coursewareManage/docpic.png" />
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="file_detail">
+										<div class="file_name">
+											<!-- http://111.231.196.214:12016/7.231.196.214:12016/7-1670486854017.jpg -->
+											<span style="
                           color: #6f6f6f;
                           width: 200px;
                           display: block;
@@ -218,692 +158,695 @@
                           position: absolute;
                           top: 4px;
                           left: 72px;
-                        "
-                      >
-                        {{
-                          item.indexOf("-") !== -1
-                            ? item.slice(
-                                item.lastIndexOf("/") + 1,
-                                item.lastIndexOf("-")
-                              ) + item.slice(item.lastIndexOf("."))
-                            : item
-                        }}
-                      </span>
-                    </div>
+                        ">
+												{{
+														item.indexOf("-") !== -1
+															? item.slice(
+																item.lastIndexOf("/") + 1,
+																item.lastIndexOf("-")
+															) + item.slice(item.lastIndexOf("."))
+															: item
+												}}
+											</span>
+										</div>
 
-                    <div class="file_updata">
-                      <div class="updatabox">
-                        <div class="updatacolor"></div>
-                        <div class="updataxq" style="right: -62px">
-                          上传完成
-                        </div>
-                      </div>
-                      <div class="upjd">
-                        <span style="margin: auto 5px">100%</span>
-                      </div>
-                    </div>
-                  </div>
-                  <a :href="item" style="margin-left: 5px">下载</a>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="m_footer" v-if="detail.outline !== '<p><br></p>'">
-            <div class="fotnam">
-              <span>课程大纲</span>
-            </div>
-            <div class="fotarea">
-              <div style="border: 1px solid #ccc">
-                <div v-html="detail.outline" />
-              </div>
-            </div>
-          </div>
-          <div class="m_btn">
-            <div class="btn btn6" @click="handleCancel">
-              <div class="btnText">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </a-modal>
+										<div class="file_updata">
+											<div class="updatabox">
+												<div class="updatacolor"></div>
+												<div class="updataxq" style="right: -62px">
+													上传完成
+												</div>
+											</div>
+											<div class="upjd">
+												<span style="margin: auto 5px">100%</span>
+											</div>
+										</div>
+									</div>
+									<a :href="item.indexOf('http') !== -1 ? item : locationHref + item" style="margin-left: 5px">下载</a>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="m_footer" v-if="detail.outline !== '<p><br></p>'">
+						<div class="fotnam">
+							<span>课程大纲</span>
+						</div>
+						<div class="fotarea">
+							<div style="border: 1px solid #ccc">
+								<div v-html="detail.outline" />
+							</div>
+						</div>
+					</div>
+					<div class="m_btn">
+						<div class="btn btn6" @click="handleCancel">
+							<div class="btnText">确定</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</a-modal>
 </template>
 <script>
 import { reactive, toRefs, defineComponent, ref } from "vue";
 import * as api1 from "../../../api/index1";
 
 export default defineComponent({
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    detail: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  setup(props, { emit }) {
-    console.log("props", props);
-    const state = reactive({
-      imgList: [],
-      options2222: [
-        {
-          title: "领导力",
-          value: "100",
-          selectable: false,
-          children: [
-            {
-              title: "领导业务",
-              value: "1001",
-            },
-            {
-              title: "领导团队",
-              value: "1002",
-            },
-            {
-              title: "领导自我",
-              value: "1003",
-            },
-          ],
-        },
-        {
-          title: "专业力",
-          value: "200",
-          selectable: false,
-          children: [
-            {
-              title: "研发",
-              value: "2001",
-            },
-            {
-              title: "产品和解决方案",
-              value: "2002",
-            },
-            {
-              title: "生产技术与制造",
-              value: "2003",
-            },
-            {
-              title: "供应链",
-              value: "2004",
-            },
-            {
-              title: "营销",
-              value: "2005",
-            },
-            {
-              title: "品质",
-              value: "2006",
-            },
-            {
-              title: "战略与企划",
-              value: "2007",
-            },
-            {
-              title: "流程管理",
-              value: "2008",
-            },
-            {
-              title: "业绩管理",
-              value: "2009",
-            },
-            {
-              title: "项目管理",
-              value: "20010",
-            },
-            {
-              title: "信息技术",
-              value: "20011",
-            },
-            {
-              title: "环境与安全",
-              value: "20012",
-            },
-            {
-              title: "人力资源",
-              value: "20013",
-            },
-            {
-              title: "企业文化",
-              value: "20014",
-            },
-            {
-              title: "品牌",
-              value: "20015",
-            },
-            {
-              title: "财务",
-              value: "20016",
-            },
-            {
-              title: "法务",
-              value: "20017",
-            },
-            {
-              title: "行政",
-              value: "20018",
-            },
-            {
-              title: "医工",
-              value: "20019",
-            },
-          ],
-        },
-        {
-          title: "通用力",
-          value: "300",
-          selectable: false,
-          children: [
-            {
-              title: "职业操守与道德",
-              value: "3001",
-            },
-            {
-              title: "职业素养与技能",
-              value: "3002",
-            },
-            {
-              title: "规章制度",
-              value: "3003",
-            },
-          ],
-        },
-      ],
-      ceshi: "https://u-pre.boe.com/upload/测试下载ppt2-1671002026755.pptx",
-      ceshi2: "http://111.231.196.214:12016/测试下载ppt3-1671001683026.pptx",
-    });
+	props: {
+		visible: {
+			type: Boolean,
+			default: false,
+		},
+		detail: {
+			type: Object,
+			default: () => { },
+		},
+	},
+	setup(props, { emit }) {
+		console.log("props", props);
+		const state = reactive({
+			imgList: [],
+			options2222: [
+				{
+					title: "领导力",
+					value: "100",
+					selectable: false,
+					children: [
+						{
+							title: "领导业务",
+							value: "1001",
+						},
+						{
+							title: "领导团队",
+							value: "1002",
+						},
+						{
+							title: "领导自我",
+							value: "1003",
+						},
+					],
+				},
+				{
+					title: "专业力",
+					value: "200",
+					selectable: false,
+					children: [
+						{
+							title: "研发",
+							value: "2001",
+						},
+						{
+							title: "产品和解决方案",
+							value: "2002",
+						},
+						{
+							title: "生产技术与制造",
+							value: "2003",
+						},
+						{
+							title: "供应链",
+							value: "2004",
+						},
+						{
+							title: "营销",
+							value: "2005",
+						},
+						{
+							title: "品质",
+							value: "2006",
+						},
+						{
+							title: "战略与企划",
+							value: "2007",
+						},
+						{
+							title: "流程管理",
+							value: "2008",
+						},
+						{
+							title: "业绩管理",
+							value: "2009",
+						},
+						{
+							title: "项目管理",
+							value: "20010",
+						},
+						{
+							title: "信息技术",
+							value: "20011",
+						},
+						{
+							title: "环境与安全",
+							value: "20012",
+						},
+						{
+							title: "人力资源",
+							value: "20013",
+						},
+						{
+							title: "企业文化",
+							value: "20014",
+						},
+						{
+							title: "品牌",
+							value: "20015",
+						},
+						{
+							title: "财务",
+							value: "20016",
+						},
+						{
+							title: "法务",
+							value: "20017",
+						},
+						{
+							title: "行政",
+							value: "20018",
+						},
+						{
+							title: "医工",
+							value: "20019",
+						},
+					],
+				},
+				{
+					title: "通用力",
+					value: "300",
+					selectable: false,
+					children: [
+						{
+							title: "职业操守与道德",
+							value: "3001",
+						},
+						{
+							title: "职业素养与技能",
+							value: "3002",
+						},
+						{
+							title: "规章制度",
+							value: "3003",
+						},
+					],
+				},
+			],
+			ceshi: "https://u-pre.boe.com/upload/测试下载ppt2-1671002026755.pptx",
+			ceshi2: "http://111.231.196.214:12016/测试下载ppt3-1671001683026.pptx",
+			locationHref: location.href.indexOf('http://') !== -1 ? 'http://111.231.196.214:12016/' : location.href.slice(0, location.href.indexOf('/m')) + '/upload/'
+		});
 
-    // item.slice(
-    //                             item.lastIndexOf("/") + 1,
-    //                             item.indexOf("-")
-    //                           ) + item.slice(item.lastIndexOf("."))
-    const filterTxt = (txt) => {
-      if (txt) {
-        return txt;
-      } else {
-        return "-";
-      }
-    };
-    const filterClassTxt = (txt) => {
-      let str = "-";
-      if (txt) {
-        for (let i = 0; i < options2.value.length; i++) {
-          for (let j = 0; j < options2.value[i].children.length; j++) {
-            if (String(options2.value[i].children[j].value) === String(txt)) {
-              str = options2.value[i].children[j].title;
-            }
-          }
-        }
-      }
-      return str;
-    };
-    const filterSenceTxt = (txt) => {
-      let str = "-";
-      if (txt) {
-        options3.value.forEach((item) => {
-          if (item.value === String(txt)) {
-            str = item.label;
-          }
-        });
-      }
-      return str;
-    };
-    const handleCancel = () => {
-      emit("cancel");
-    };
+		// item.slice(
+		//                             item.lastIndexOf("/") + 1,
+		//                             item.indexOf("-")
+		//                           ) + item.slice(item.lastIndexOf("."))
+		const filterTxt = (txt) => {
+			if (txt) {
+				return txt;
+			} else {
+				return "-";
+			}
+		};
+		const filterClassTxt = (txt) => {
+			let str = "-";
+			if (txt) {
+				for (let i = 0; i < options2.value.length; i++) {
+					for (let j = 0; j < options2.value[i].children.length; j++) {
+						if (String(options2.value[i].children[j].value) === String(txt)) {
+							str = options2.value[i].children[j].title;
+						}
+					}
+				}
+			}
+			return str;
+		};
+		const filterSenceTxt = (txt) => {
+			let str = "-";
+			if (txt) {
+				options3.value.forEach((item) => {
+					if (item.value === String(txt)) {
+						str = item.label;
+					}
+				});
+			}
+			return str;
+		};
+		const handleCancel = () => {
+			emit("cancel");
+		};
 
-    //获取分类、场景-----------字典配置-------------------------------
-    const options2 = ref([]);
-    const options3 = ref([]);
-    const getDictList = (param) => {
-      let obj = {
-        pageNo: 1,
-        pageSize: 20,
-        setCode: param,
-      };
-      api1
-        .getDict(obj)
-        .then((res) => {
-          console.log("获取字典成功", res);
-          if (res.data.code === 200) {
-            if (param === "faceclassClass") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
-                });
-              });
-              options2.value = state.options2222;
-            }
-            if (param === "faceclassScene") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
-                });
-              });
-              options3.value = newArr;
-            }
-          }
-        })
-        .catch((err) => {
-          console.log("获取字典失败", err);
-        });
-    };
-    getDictList("faceclassClass");
-    getDictList("faceclassScene");
-    //获取分类、场景----------------字典配置---------------------------
+		//获取分类、场景-----------字典配置-------------------------------
+		const options2 = ref([]);
+		const options3 = ref([]);
+		const getDictList = (param) => {
+			let obj = {
+				pageNo: 1,
+				pageSize: 20,
+				setCode: param,
+			};
+			api1
+				.getDict(obj)
+				.then((res) => {
+					console.log("获取字典成功", res);
+					if (res.data.code === 200) {
+						if (param === "faceclassClass") {
+							let arr = res.data.data.rows;
+							let newArr = [];
+							arr.forEach((item) => {
+								newArr.push({
+									value: item.dictCode,
+									label: item.dictName,
+								});
+							});
+							options2.value = state.options2222;
+						}
+						if (param === "faceclassScene") {
+							let arr = res.data.data.rows;
+							let newArr = [];
+							arr.forEach((item) => {
+								newArr.push({
+									value: item.dictCode,
+									label: item.dictName,
+								});
+							});
+							options3.value = newArr;
+						}
+					}
+				})
+				.catch((err) => {
+					console.log("获取字典失败", err);
+				});
+		};
+		getDictList("faceclassClass");
+		getDictList("faceclassScene");
+		//获取分类、场景----------------字典配置---------------------------
 
-    return {
-      ...toRefs(state),
-      filterTxt,
-      filterClassTxt,
-      filterSenceTxt,
-      handleCancel,
-    };
-  },
+		return {
+			...toRefs(state),
+			filterTxt,
+			filterClassTxt,
+			filterSenceTxt,
+			handleCancel,
+		};
+	},
 });
 </script>
 <style lang="scss">
 .lookCourseModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .modalMain {
-          .m_title {
-            margin-bottom: 20px;
-          }
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .m_body {
-            display: flex;
-            flex-wrap: wrap;
+				.modalMain {
+					.m_title {
+						margin-bottom: 20px;
+					}
 
-            .mb_left {
-              width: 50%;
+					.m_body {
+						display: flex;
+						flex-wrap: wrap;
 
-              .mbl_items {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_left {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: center;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .inp_num {
-                    position: absolute;
-                    left: 398px;
-                    top: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-top: 10px;
-                margin-bottom: 10px;
+									.inp_num {
+										position: absolute;
+										left: 398px;
+										top: 10px;
+									}
+								}
+							}
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-top: 10px;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .i_upload_img {
-                    width: 100px;
-                    height: 100px;
-                    border-radius: 8px;
-                  }
+								.item_inp {
+									flex: 1;
 
-                  .i_upload {
-                    width: 100px;
-                    height: 100px;
-                    border: 1px solid #4ea6ff;
-                    border-radius: 8px;
-                    text-align: center;
-                    align-items: center;
-                    cursor: pointer;
+									.i_upload_img {
+										width: 100px;
+										height: 100px;
+										border-radius: 8px;
+									}
 
-                    .addimg {
-                      position: relative;
+									.i_upload {
+										width: 100px;
+										height: 100px;
+										border: 1px solid #4ea6ff;
+										border-radius: 8px;
+										text-align: center;
+										align-items: center;
+										cursor: pointer;
 
-                      .heng {
-                        position: absolute;
-                        top: 50px;
-                        left: 25px;
-                        width: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
+										.addimg {
+											position: relative;
 
-                      .shu {
-                        position: absolute;
-                        top: 25px;
-                        left: 50px;
-                        height: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
-                    }
-                  }
-                }
-              }
+											.heng {
+												position: absolute;
+												top: 50px;
+												left: 25px;
+												width: 50px;
+												border: 1px solid #4ea6ff;
+											}
 
-              .i2_cz {
-                width: 440px;
-                margin-left: 100px;
+											.shu {
+												position: absolute;
+												top: 25px;
+												left: 50px;
+												height: 50px;
+												border: 1px solid #4ea6ff;
+											}
+										}
+									}
+								}
+							}
 
-                .i2_top {
-                  display: flex;
-                  justify-content: space-between;
-                }
-              }
+							.i2_cz {
+								width: 440px;
+								margin-left: 100px;
 
-              .i8_bottom {
-                display: flex;
-                width: 440px;
-                margin-left: 100px;
-              }
-            }
+								.i2_top {
+									display: flex;
+									justify-content: space-between;
+								}
+							}
 
-            .mb_right {
-              width: 50%;
+							.i8_bottom {
+								display: flex;
+								width: 440px;
+								margin-left: 100px;
+							}
+						}
 
-              .mbl_items {
-                display: flex;
-                align-items: flex-start;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_right {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: flex-start;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-top: -15px;
-                    margin-right: 5px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-top: -15px;
+										margin-right: 5px;
+									}
+								}
 
-                .accessory {
-                  display: flex;
-                  align-items: center;
+								.item_inp {
+									flex: 1;
+								}
 
-                  .accessory_icon {
-                    width: 16px;
-                    height: 16px;
-                    margin-top: -8px;
-                    margin-right: 5px;
-                  }
-                }
-              }
+								.accessory {
+									display: flex;
+									align-items: center;
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-bottom: 10px;
+									.accessory_icon {
+										width: 16px;
+										height: 16px;
+										margin-top: -8px;
+										margin-right: 5px;
+									}
+								}
+							}
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .inp_num {
-                    position: absolute;
-                    left: 395px;
-                    bottom: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items12 {
-                width: 440px;
-                margin-left: 100px;
+									.inp_num {
+										position: absolute;
+										left: 395px;
+										bottom: 10px;
+									}
+								}
+							}
 
-                .i12_box1 {
-                  display: flex;
-                  align-items: center;
-                  padding: 17px 0px 17px 21px;
-                  border: 1px solid #eff4fc;
-                  border-radius: 8px;
-                  margin-bottom: 10px;
+							.mbl_items12 {
+								width: 440px;
+								margin-left: 100px;
 
-                  .file_img {
-                    width: 27px;
-                    height: 32px;
-                    // background-image: url(@/assets/images/coursewareManage/imgs.png);
-                    margin-right: 22px;
+								.i12_box1 {
+									display: flex;
+									align-items: center;
+									padding: 17px 0px 17px 21px;
+									border: 1px solid #eff4fc;
+									border-radius: 8px;
+									margin-bottom: 10px;
 
-                    img {
-                      width: 100%;
-                      height: 100%;
-                    }
-                  }
+									.file_img {
+										width: 27px;
+										height: 32px;
+										// background-image: url(@/assets/images/coursewareManage/imgs.png);
+										margin-right: 22px;
 
-                  .file_detail {
-                    width: 250px;
-                    margin-right: 21px;
+										img {
+											width: 100%;
+											height: 100%;
+										}
+									}
 
-                    .file_updata {
-                      display: flex;
-                      align-items: center;
+									.file_detail {
+										width: 250px;
+										margin-right: 21px;
 
-                      .updatabox {
-                        position: relative;
-                        width: 230px;
-                        height: 5px;
-                        background-color: rgba(192, 192, 192, 0.25);
-                        border-radius: 3px;
+										.file_updata {
+											display: flex;
+											align-items: center;
 
-                        .updatacolor {
-                          position: absolute;
-                          left: 0;
-                          width: 100%;
-                          height: 5px;
-                          background-color: #57c887;
-                          border-radius: 3px;
-                        }
+											.updatabox {
+												position: relative;
+												width: 230px;
+												height: 5px;
+												background-color: rgba(192, 192, 192, 0.25);
+												border-radius: 3px;
 
-                        .updatacolor2 {
-                          position: absolute;
-                          left: 0;
-                          width: 80%;
-                          height: 5px;
-                          background-color: #ff7474;
-                          border-radius: 3px;
-                        }
+												.updatacolor {
+													position: absolute;
+													left: 0;
+													width: 100%;
+													height: 5px;
+													background-color: #57c887;
+													border-radius: 3px;
+												}
 
-                        .updatacolor3 {
-                          position: absolute;
-                          left: 0;
-                          width: 60%;
-                          height: 5px;
-                          background-color: #4ea6ff;
-                          border-radius: 3px;
-                        }
+												.updatacolor2 {
+													position: absolute;
+													left: 0;
+													width: 80%;
+													height: 5px;
+													background-color: #ff7474;
+													border-radius: 3px;
+												}
 
-                        .updataxq {
-                          position: absolute;
-                          right: -62px;
-                          top: -30px;
-                          color: #57c887;
-                        }
+												.updatacolor3 {
+													position: absolute;
+													left: 0;
+													width: 60%;
+													height: 5px;
+													background-color: #4ea6ff;
+													border-radius: 3px;
+												}
 
-                        .updataxq2 {
-                          position: absolute;
-                          right: -62px;
-                          top: -30px;
-                          color: #ff7474;
-                        }
+												.updataxq {
+													position: absolute;
+													right: -62px;
+													top: -30px;
+													color: #57c887;
+												}
 
-                        .updataxq3 {
-                          position: absolute;
-                          right: -62px;
-                          top: -30px;
-                          color: #4ea6ff;
-                        }
-                      }
-                    }
-                  }
+												.updataxq2 {
+													position: absolute;
+													right: -62px;
+													top: -30px;
+													color: #ff7474;
+												}
 
-                  .file_operation {
-                    display: flex;
+												.updataxq3 {
+													position: absolute;
+													right: -62px;
+													top: -30px;
+													color: #4ea6ff;
+												}
+											}
+										}
+									}
 
-                    .fobox {
-                      margin-right: 5px;
-                      cursor: pointer;
-                    }
-                  }
-                }
-              }
-            }
-          }
+									.file_operation {
+										display: flex;
 
-          .m_footer {
-            display: flex;
-            margin: 20px 0;
+										.fobox {
+											margin-right: 5px;
+											cursor: pointer;
+										}
+									}
+								}
+							}
+						}
+					}
 
-            .fotnam {
-              width: 100px;
-              display: flex;
-              justify-content: end;
-              padding-right: 15px;
-            }
+					.m_footer {
+						display: flex;
+						margin: 20px 0;
 
-            .fotarea {
-              width: calc(100% - 150px);
-              position: relative;
-              img {
-                max-width: 100%;
-              }
-              .fuwenben {
-                width: 90%;
-                height: 20px;
-                background-color: rgb(95, 95, 95);
-                position: absolute;
-                left: 50%;
-                transform: translate(-50%, 0);
-                top: 3px;
-                z-index: 9999;
-              }
-            }
-          }
+						.fotnam {
+							width: 100px;
+							display: flex;
+							justify-content: end;
+							padding-right: 15px;
+						}
 
-          .m_btn {
-            width: 100%;
-            margin-top: 25px;
-            margin-bottom: 20px;
-            display: flex;
-            justify-content: center;
-            align-content: center;
+						.fotarea {
+							width: calc(100% - 150px);
+							position: relative;
 
-            .btn {
-              width: 100px;
-              height: 40px;
-              background: rgba(64, 158, 255, 0);
-              border-radius: 8px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
+							img {
+								max-width: 100%;
+							}
 
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
+							.fuwenben {
+								width: 90%;
+								height: 20px;
+								background-color: rgb(95, 95, 95);
+								position: absolute;
+								left: 50%;
+								transform: translate(-50%, 0);
+								top: 3px;
+								z-index: 9999;
+							}
+						}
+					}
 
-            .btn5 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
+					.m_btn {
+						width: 100%;
+						margin-top: 25px;
+						margin-bottom: 20px;
+						display: flex;
+						justify-content: center;
+						align-content: center;
 
-            .btn6 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
+						.btn {
+							width: 100px;
+							height: 40px;
+							background: rgba(64, 158, 255, 0);
+							border-radius: 8px;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							margin-right: 14px;
+							flex-shrink: 0;
+							cursor: pointer;
+
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								line-height: 40px;
+							}
+						}
+
+						.btn5 {
+							border: 1px solid rgba(64, 158, 255, 1);
+							color: #4ea6ff;
+						}
+
+						.btn6 {
+							background-color: #4ea6ff;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
 }
 </style>