diff --git a/src/api/growthpath.js b/src/api/growthpath.js
index 8a9c5f91..29a342a8 100644
--- a/src/api/growthpath.js
+++ b/src/api/growthpath.js
@@ -19,6 +19,10 @@ export const publishedTask = (id) => http.get(API_URL + '/professional/task/publ
 export const withdrawTask = (id) => http.get(API_URL + '/professional/task/withdrawal/' + id)
 //批量删除学习任务
 export const deleteTask = (ids) => http.get(API_URL + '/professional/task/delete/' + ids)
+
+
+//列表排序
+export const toSortTask = (ids) => http.get(API_URL + `/professional/task/sortTask/` + ids)
 //新增、编辑成长路径
 // export const addEdit = (obj) => http.post('/admin/grow/edit', obj)
 //编辑获取路径信息
@@ -48,8 +52,7 @@ export const copyCreate = (obj) => http.post('/admin/grow/copy', obj)
 export const removeTask = (obj) => http.post(`/admin/grow/removeTask?growId=${obj.growId}&taskIdList=${obj.taskId}`)
 //改变选修必修
 export const isRequiredTask = (obj) => http.post(`/admin/grow/isRequiredTask?taskId=${obj.taskId}`)
-//列表排序
-export const toSortTask = (obj) => http.post(`/admin/grow/toSortTask?taskIdList=${obj}`)
+
 //获取学员列表
 export const getGrowStudent = (obj) => http.get('/admin/student/getGrowStudent', { params: obj })
 //获取查看详情
diff --git a/src/api/method.js b/src/api/method.js
index cb856747..31bd834c 100644
--- a/src/api/method.js
+++ b/src/api/method.js
@@ -278,8 +278,8 @@ const commonData = {
 const organizationalTree = []
 
 //嵌套页面
-// const iframeUrl = window.location.protocol + process.env.VUE_APP_IFRAME_URL
-const iframeUrl = 'http://localhost:80/pc/iframe'
+const iframeUrl = window.location.protocol + process.env.VUE_APP_IFRAME_URL
+// const iframeUrl = 'http://localhost:80/pc/iframe'
 //学员端路由
 const studentUrl = window.location.protocol + process.env.VUE_APP_IFRAME_STUDENT_URL
 const teacherUrl = window.location.protocol + process.env.VUE_APP_IFRAME_TEACHER_URL
diff --git a/src/components/growthpath/CommonHomework.vue b/src/components/growthpath/CommonHomework.vue
new file mode 100644
index 00000000..daf49c92
--- /dev/null
+++ b/src/components/growthpath/CommonHomework.vue
@@ -0,0 +1,355 @@
+<template>
+  <div class="growth-homework">
+    <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="formData.workName"
+              style="width: 400px; height: 40px; border-radius: 8px"
+              placeholder="请输入作业名称"
+              autocomplete="off"
+              show-count
+              :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">
+            <a-range-picker
+              style="width: 400px; height: 40px; border-radius: 8px"
+              :show-time="{ format: 'hh:mm' }"
+              v-model:value="dateTime"
+              format="YYYY-MM-DD HH:mm"
+              @change="timeChange"
+              :placeholder="['      开始时间', '        结束时间']"
+            />
+          </div>
+        </div>
+        <div class="main_item2">
+          <div class="signbox">
+            <div class="sign">
+              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+            </div>
+            <span style="margin-right: 3px">作业要求：</span>
+          </div>
+          <div class="textarea">
+            <a-textarea
+              v-model:value="formData.workRequirement"
+              placeholder="请输入作业要求"
+              autocomplete="off"
+              allow-clear
+              :rows="6"
+              show-count
+              :maxlength="200"
+            />
+          </div>
+        </div>
+        <div class="mbl_items">
+          <div class="item_nam">
+            <span style="margin-right: 10px"></span>
+          </div>
+          <div class="item_inp">
+            <FJUpload v-model:value="formData.workEnclosureAddress" />
+          </div>
+        </div>
+        <div style="width: 100%; height: 80px"></div>
+      </div>
+    </div>
+    <div class="main_btns" style="background: #fff">
+      <a-button class="btn2" @click="closeDrawer">取消</a-button>
+      <a-button class="btn2" html-type="submit" @click="confirm">确定</a-button>
+    </div>
+  </div>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, watch, onMounted } from "vue";
+import FJUpload from "@/components/common/FJUpload";
+import { useResetRef } from "@/utils/useCommon";
+import { Form, message } from "ant-design-vue";
+import dayjs from "dayjs";
+const props = defineProps({
+  info: {},
+});
+
+const formData = useResetRef({
+  workName: "",
+  submitStartTime: "",
+  submitEndTime: "",
+  workRequirement: "",
+  workEnclosureAddress: "",
+});
+const emit = defineEmits(["update:info", "close"]);
+const dateTime = ref([]);
+const rulesRef = ref({
+  workName: [
+    {
+      required: true,
+      message: "请输入作业名称",
+    },
+  ],
+  submitStartTime: [
+    {
+      required: true,
+      message: "请选择开始时间",
+    },
+  ],
+  submitEndTime: [
+    {
+      required: true,
+      message: "请选择结束时间",
+    },
+  ],
+  workRequirement: [
+    {
+      required: true,
+      message: "请输入作业要求",
+    },
+  ],
+});
+
+const { resetFields, validate } = Form.useForm(formData, rulesRef);
+
+onMounted(() => {
+  formData.value = props.info;
+  props.info.submitStartTime &&
+    (dateTime.value = [
+      dayjs(formData.value.submitStartTime, "YYYY-MM-DD HH:mm"),
+      dayjs(formData.value.submitEndTime, "YYYY-MM-DD HH:mm"),
+    ]);
+});
+const closeDrawer = () => {
+  dateTime.value = [];
+  emit("close");
+};
+
+function timeChange(time, timeStr) {
+  console.log(dateTime.value);
+  formData.value.submitStartTime = timeStr[0];
+  formData.value.submitEndTime = timeStr[1];
+}
+
+async function confirm() {
+  // 表单校验
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  emit("update:info", formData.value);
+  closeDrawer();
+}
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.growth-homework {
+  .contentMain {
+    display: flex;
+    justify-content: space-between;
+
+    .main_left {
+      flex: 1;
+      border-right: 1px solid #e8e8e8;
+      margin-top: 0px !important;
+      padding-right: 0px;
+
+      .main_item {
+        display: flex;
+        align-items: center;
+        margin-top: 32px;
+        margin-bottom: 32px;
+
+        .signbox {
+          width: 120px;
+          display: flex;
+          justify-content: end;
+          align-items: center;
+
+          .sign {
+            margin-right: 5px;
+          }
+        }
+
+        .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;
+          }
+        }
+      }
+
+      .mbl_items {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        margin-bottom: 10px;
+
+        .item_nam {
+          width: 100px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          white-space: nowrap;
+
+          .asterisk_icon {
+            width: 10px;
+            height: 10px;
+            margin-right: 5px;
+            margin-top: -15px;
+          }
+        }
+
+        .item_inp {
+          flex: 1;
+          position: relative;
+          margin-left: -25px;
+
+          .inp_num {
+            position: absolute;
+            left: 398px;
+            top: 10px;
+          }
+        }
+      }
+
+      .main_item2 {
+        display: flex;
+        align-items: flex-start;
+        margin-bottom: 32px;
+
+        .textarea {
+          width: 373px;
+
+          .ant-input {
+            width: 100%;
+          }
+
+          .ant-input-textarea-show-count {
+            position: relative;
+          }
+
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
+
+          .ant-input {
+            border-radius: 8px;
+          }
+        }
+
+        .signbox {
+          width: 120px;
+          display: flex;
+          justify-content: end;
+          align-items: center;
+
+          .sign {
+            margin-right: 5px;
+          }
+        }
+
+        .kqszbox {
+          .qdqtbox {
+            margin-left: 56px;
+          }
+
+          .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;
+            }
+          }
+        }
+
+        .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;
+            margin-left: 124px;
+          }
+        }
+      }
+    }
+  }
+
+  .main_btns {
+    position: absolute;
+    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/growthpath/CommonTest.vue b/src/components/growthpath/CommonTest.vue
new file mode 100644
index 00000000..2979ed0e
--- /dev/null
+++ b/src/components/growthpath/CommonTest.vue
@@ -0,0 +1,744 @@
+<template>
+  <div class="common-test drawerStyle">
+    <template v-if="step == 1">
+      <diva
+        style="
+          display: flex;
+          flex-direction: row;
+          padding-top: 0px;
+          margin-top: 20px;
+          margin-left: 32px;
+        "
+      >
+        <div>
+          <button
+            v-show="formData.examType === 1 || !formData.id"
+            @click="changeExamType(1)"
+            style="width: 100px; cursor: pointer"
+            :class="formData.examType === 1 ? 'outer' : 'notOuter'"
+          >
+            系统考试
+          </button>
+          <button
+            v-show="formData.examType === 2 || !formData.id"
+            @click="changeExamType(2)"
+            style="width: 100px; cursor: pointer"
+            :class="formData.examType === 2 ? 'outer' : 'notOuter'"
+          >
+            外部考试
+          </button>
+        </div>
+      </diva>
+
+      <div v-if="formData.examType === 1" 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="formData.examinationName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入考试名称"
+                :maxlength="20"
+                showCount
+              />
+            </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 v-if="formData.examinationPaperId">
+              <a-tag
+                closable
+                color="processing"
+                @close="delTag"
+                :closeIcon="true"
+              >
+                <span style="font-size: 14px; line-height: 33px">{{
+                  formData.examinationTestName
+                }}</span>
+              </a-tag>
+            </div>
+            <div class="btnbox" @click="selectTest">
+              <button class="xkbtn" style="margin: 0">
+                {{ formData.examinationPaperId ? "重选" : "选择" }}试卷
+              </button>
+            </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: 'hh:mm' }"
+                format="YYYY-MM-DD HH:mm"
+                valueFormat="YYYY-MM-DD HH:mm"
+                v-model:value="dateTime"
+                @change="timeChange"
+                :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="999999"
+                :precision="0"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                v-model:value="formData.examinationDuration"
+              ></a-input-number>
+              <span style="color: #999999; margin-left: 8px">分钟</span>
+            </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-input-number
+                min="0"
+                v-model:value="formData.passLine"
+                style="width: 400px; height: 40px; border-radius: 8px"
+              />
+
+              <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="formData.examinationExplain"
+                placeholder="请输入考试说明"
+                show-count
+                :maxlength="200"
+                :rows="6"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px; margin-top: 10px"
+                >考试限制：</span
+              >
+            </div>
+            <div class="kqszbox">
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>允许重复考试：</span>
+                  <a-input-number
+                    :min="-1"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 100px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.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="formData.showAnswers"
+              >
+                <a-radio :value="'1'">允许查看</a-radio>
+                <a-radio :value="'2'">不允许查看</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="formData.showAnalysis"
+              >
+                <a-radio :value="'1'">允许查看</a-radio>
+                <a-radio :value="'2'">不允许查看</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="formData.scoringModel"
+              >
+                <a-radio :value="'1'">最高一次</a-radio>
+                <a-radio :value="'2'">最后一次</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="formData.questionArrangement"
+              >
+                <a-radio :value="'1'">试题乱序</a-radio>
+                <a-radio :value="'2'">选项乱序</a-radio>
+                <a-radio :value="'3'">全部乱序</a-radio>
+                <a-radio :value="'4'">不乱序</a-radio>
+              </a-radio-group>
+            </div>
+          </div>
+          <div class="main_item" style="height: 20px"></div>
+        </div>
+      </div>
+      <div v-else 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="formData.examinationName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入考试名称"
+                :maxlength="20"
+                showCount
+              />
+            </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-input
+                v-model:value="formData.source"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入数据来源"
+                show-count
+                :maxlength="420"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">考试说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="formData.examinationExplain"
+                placeholder="请输入考试说明"
+                show-count
+                :maxlength="200"
+                :rows="6"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="main_btns">
+        <a-button class="btn2" @click="closeDrawer">取消</a-button>
+        <a-button class="btn2" @click="confirm">确定</a-button>
+      </div>
+    </template>
+    <div v-show="step == 2">
+      <GrowthSelectTest
+        ref="GrowthSelectTestRef"
+        :selectId="formData.examinationPaperId"
+        @confirm="selectTestConfirm"
+        @addTest="addTest"
+      >
+      </GrowthSelectTest>
+    </div>
+    <!-- 新建考试 -->
+    <div class="iframe-container" v-if="step == 3">
+      <iframe
+        id="iframe"
+        style="width: 100%; height: 100%; border: none"
+        :src="iframeUrl + '/exam/papers?addnew=true'"
+        name="myframe"
+        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      ></iframe>
+    </div>
+  </div>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, watch, computed } from "vue";
+import GrowthSelectTest from "./GrowthSelectTest.vue";
+import { Form, message } from "ant-design-vue";
+import { useResetRef } from "@/utils/useCommon";
+import { iframeUrl } from "@/api/method";
+
+const props = defineProps({
+  info: {},
+});
+
+onMounted(() => {
+  formData.value = props.info;
+  props.info.submitStartTime &&
+    (dateTime.value = [
+      dayjs(formData.value.examinationStartTime, "YYYY-MM-DD HH:mm"),
+      dayjs(formData.value.examinationEndTime, "YYYY-MM-DD HH:mm"),
+    ]);
+});
+// 步骤数
+const step = ref(1);
+const GrowthSelectTestRef = ref(null);
+// 选择试卷
+const selectTest = () => {
+  step.value = 2;
+  emit("nextStep", 6);
+};
+
+//新增试卷
+const addTest = () => {
+  step.value = 3;
+  emit("nextStep", 7);
+};
+// 选择试卷完毕
+const selectTestConfirm = (data) => {
+  step.value = step.value - 1;
+  formData.value.examinationPaperId = data.id;
+  formData.value.examinationTestName = data.testName;
+};
+
+const setStep = (val) => {
+  step.value = val;
+};
+const initValue = {
+  examinationName: "",
+  examinationPaperId: "",
+  examinationStartTime: "",
+  examinationEndTime: "",
+  examinationDuration: null,
+  passLine: "",
+  examType: 1,
+  source: "",
+  showAnswers: "2",
+  showAnalysis: "2",
+  scoringModel: "2",
+  questionArrangement: "4",
+  externalExplain: "",
+  examinationExplain: "",
+  type: 14,
+  targetId: props.growId,
+};
+const formData = useResetRef(initValue);
+const innerRule = {
+  examinationName: [
+    {
+      required: true,
+      message: "请输入考试名称",
+    },
+  ],
+  examinationPaperId: [
+    {
+      required: true,
+      message: "请输入选择试卷",
+    },
+  ],
+  examinationStartTime: [
+    {
+      required: true,
+      message: "请输入考试时间",
+    },
+  ],
+  examinationEndTime: [
+    {
+      required: true,
+      message: "请输入考试时间",
+    },
+  ],
+  examinationDuration: [
+    {
+      required: true,
+      message: "请输入考试时长",
+    },
+  ],
+  passLine: [
+    {
+      required: true,
+      message: "请输入及格线",
+    },
+  ],
+};
+const outerRule = {
+  examinationName: [
+    {
+      required: true,
+      message: "请输入考试名称",
+    },
+  ],
+  source: [
+    {
+      required: true,
+      message: "请输入数据来源",
+    },
+  ],
+};
+const rulesRef = ref(innerRule);
+const emit = defineEmits({});
+const dateTime = ref([]);
+
+const { resetFields, validate } = Form.useForm(formData.value, rulesRef);
+watch(
+  () => formData.value.examType,
+  () => {
+    formData.value.examType === 1
+      ? (rulesRef.value = innerRule)
+      : (rulesRef.value = outerRule);
+  }
+);
+const closeDrawer = () => {
+  // 新增完试卷需要更新数据
+  if (step.value == 3) {
+    GrowthSelectTestRef.value.fetch();
+  }
+  if (step.value > 1) {
+    step.value = step.value - 1;
+  } else {
+    formData.reset();
+    dateTime.value = [];
+    emit("close");
+  }
+};
+
+function timeChange(time, timeStr) {
+  formData.value.examinationStartTime = timeStr[0];
+  formData.value.examinationEndTime = timeStr[1];
+}
+
+// 系统考试
+async function confirm() {
+  if (formData.value.examinationName.trim() == "") {
+    message.warning("请输入考试名称");
+    return;
+  }
+  if (formData.value.source.trim() == "" && formData.value.examType != 1) {
+    message.warning("请输入数据来源");
+    return;
+  }
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  emit("update:info", { ...formData.value });
+  closeDrawer();
+}
+
+const delTag = () => {
+  formData.value.examinationPaperId = "";
+  formData.value.examinationTestName = "";
+};
+// 切换考试类型
+function changeExamType(v) {
+  // formData.reset()
+  formData.value.examType = v;
+}
+defineExpose({ setStep });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.outer {
+  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;
+}
+
+.tag-style {
+  color: rgb(113, 113, 237);
+  background-color: #d7d1f7;
+}
+
+.common-test {
+  .ant-input-number-input-wrap > .ant-input-number-input {
+    height: 40px !important;
+  }
+  .contentMain {
+    display: flex;
+    justify-content: space-between;
+
+    .main_left {
+      padding-right: 30px;
+      margin-top: 0px;
+      flex: 1;
+      border-right: 1px solid #e8e8e8;
+
+      .main_item {
+        display: flex;
+        align-items: center;
+        margin-top: 32px;
+        margin-bottom: 32px;
+
+        .signbox {
+          width: 120px;
+          display: flex;
+          justify-content: end;
+          align-items: center;
+
+          .sign {
+            margin-right: 5px;
+          }
+        }
+
+        .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;
+          }
+        }
+      }
+
+      .main_item2 {
+        display: flex;
+        align-items: flex-start;
+        margin-bottom: 32px;
+
+        .textarea {
+          width: 400px;
+
+          .ant-input {
+            width: 100%;
+          }
+
+          .ant-input-textarea-show-count {
+            position: relative;
+          }
+
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
+
+          .ant-input {
+            border-radius: 8px;
+          }
+        }
+
+        .signbox {
+          width: 120px;
+          display: flex;
+          justify-content: end;
+          align-items: center;
+
+          .sign {
+            margin-right: 5px;
+          }
+        }
+
+        .kqszbox {
+          .qdqtbox {
+            margin-left: 56px;
+          }
+
+          .setbox {
+            display: flex;
+            flex-wrap: wrap;
+
+            .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;
+
+          .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);
+
+    .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;
+    }
+  }
+  .iframe-container {
+    width: 100%;
+    height: calc(100% - 100px);
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthAssessment.vue b/src/components/growthpath/GrowthAssessment.vue
index 2a2a0a58..941afa55 100644
--- a/src/components/growthpath/GrowthAssessment.vue
+++ b/src/components/growthpath/GrowthAssessment.vue
@@ -1,65 +1,123 @@
-<!-- 评估列表 -->
 <template>
-  <div class="main_item">
-    <div class="fi_input">
-      <a-input
-        v-model:value="params.assessmentName"
-        style="width: 424px; height: 40px; border-radius: 8px"
-        placeholder="请输入评估名称"
-        maxlength="20"
-      />
-    </div>
-    <div class="btns" @click="search">
-      <div class="search"></div>
-      <div class="btnText">搜索</div>
-    </div>
-    <div class="btnsn" @click="reset">
-      <div class="search"></div>
-      <div class="btnText">重置</div>
-    </div>
-    <div class="btnsn" @click="reset">
-      <div class="search"></div>
-      <div class="btnText">刷新</div>
-    </div>
-  </div>
+  <div class="growth-invist">
+    <div class="contentMain">
+      <div class="main_item">
+        <div class="fi_input">
+          <a-input
+            v-model:value="params.assessmentName"
+            style="width: 424px; height: 40px; border-radius: 8px"
+            placeholder="请输入评估名称"
+            maxlength="20"
+          />
+        </div>
+        <div class="btns" @click="search">
+          <div class="search"></div>
+          <div class="btnText">搜索</div>
+        </div>
+        <div class="btnsn" @click="reset">
+          <div class="search"></div>
+          <div class="btnText">重置</div>
+        </div>
+        <div class="btnsn" @click="reset">
+          <div class="search"></div>
+          <div class="btnText">刷新</div>
+        </div>
+      </div>
 
-  <div class="main_item">
-    <button class="xkbtn" style="margin: 0" @click="goResearchmanage">
-      新建评估
-    </button>
-  </div>
+      <div class="main_item">
+        <button class="xkbtn" style="margin: 0" @click="goResearchmanage">
+          新建评估
+        </button>
+      </div>
 
-  <div class="main_notice" style="display: none">
-    <div class="mntc_left">
-      <div class="notice_icon"></div>
+      <div class="main_table">
+        <a-table
+          class="ant-table-striped"
+          :row-class-name="
+            (_, index) => (index % 2 === 1 ? 'table-striped' : null)
+          "
+          row-key="id"
+          :columns="columns"
+          :data-source="data"
+          :loading="loading"
+          :pagination="pagination"
+        >
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.dataIndex === 'select'">
+              <a
+                :style="{
+                  color: selectId == record.id ? '#999' : null,
+                }"
+                @click="confirm(record)"
+                >选择</a
+              >
+            </template>
+          </template>
+        </a-table>
+      </div>
     </div>
   </div>
-  <div class="main_table">
-    <a-table
-      :customRow="customRow"
-      class="ant-table-striped"
-      :row-class-name="(_, index) => (index % 2 === 1 ? 'table-striped' : null)"
-      row-key="id"
-      :columns="columns"
-      :data-source="data"
-      :loading="loading"
-      :pagination="pagination"
-      :row-selection="rowSelection"
-    />
-  </div>
 </template>
 <script setup lang="jsx">
-import { computed, defineEmits, defineProps, ref, watch } from "vue";
+import { defineEmits, defineProps, ref, computed } from "vue";
+import { Form, message } from "ant-design-vue";
+import { useResetRef } from "@/utils/useCommon";
 // import { useRouter } from "vue-router";
 import { useRowsPage } from "@/api/request";
 import { ASSESSMENT_PAGE } from "@/api/apis";
-
+const emit = defineEmits(["confirm"]);
 const props = defineProps({
-  id: String,
-  name: String,
+  selectId: Number,
 });
-const emit = defineEmits([]);
+const initParams = {
+  assessmentName: "",
+  pageNo: 1,
+  pageSize: 10,
+  releaseStatus: 2,
+};
+// const router = useRouter();
+const params = ref(initParams);
+const { data, loading, total, fetch } = useRowsPage(
+  ASSESSMENT_PAGE,
+  params.value
+);
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: params.value.pageNo,
+  pageSize: params.value.pageSize,
+  onChange: changePagination,
+}));
+
+const changePagination = (e) => {
+  params.value.pageNo = e;
+  fetch();
+};
+
+function search() {
+  params.value.pageIndex = 1;
+  fetch();
+}
+
+function reset() {
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  params.value.assessmentName = "";
+  fetch();
+}
+
+const goResearchmanage = () => {
+  // router.push({ path: "/researchmanage" });
+  window.open(process.env.VUE_APP_BASE + "/researchmanage?openCreate=true");
+};
 const columns = ref([
+  {
+    title: "选择",
+    dataIndex: "select",
+    key: "select",
+    width: "100px",
+    align: "center",
+  },
   {
     title: "名称",
     dataIndex: "assessmentName",
@@ -105,286 +163,116 @@ const columns = ref([
     ellipsis: true,
   },
 ]);
-const initParams = {
-  assessmentName: "",
-  pageNo: 1,
-  pageSize: 10,
-  releaseStatus: 2,
-};
-// const router = useRouter();
-const params = ref(initParams);
 
-const rowSelectKeys = ref([]);
-const selectsData = ref([]);
-
-const { data, loading, total, fetch } = useRowsPage(
-  ASSESSMENT_PAGE,
-  params.value
-);
-console.log(data);
-watch(
-  () => props.id,
-  () => {
-    if (props.id) {
-      rowSelectKeys.value = [props.id];
-      selectsData.value = [{ id: props.id, assessmentName: props.name }];
-    } else {
-      rowSelectKeys.value = [];
-      selectsData.value = [];
-    }
-  }
-);
-
-const customRow = (record) => ({
-  onClick: () => {
-    rowSelectKeys.value = [record.id];
-    selectsData.value = [record];
-    emit("update:id", selectsData.value[0].id);
-    emit("update:name", selectsData.value[0].assessmentName);
-  },
-});
-
-const pagination = computed(() => ({
-  total: total.value,
-  showSizeChanger: false,
-  current: params.value.pageNo,
-  pageSize: params.value.pageSize,
-  onChange: changePagination,
-}));
-
-const changePagination = (e) => {
-  params.value.pageNo = e;
-  fetch();
-};
-const rowSelection = computed(() => ({
-  type: "radio",
-  columnWidth: 20,
-  selectedRowKeys: rowSelectKeys.value,
-  onChange: onSelectChange,
-  preserveSelectedRowKeys: true,
-  getCheckboxProps: getCheckboxProps,
-}));
-const getCheckboxProps = () => ({
-  // 某几项默认禁止选中(R: 当state等于1时)
-  disabled: false,
-});
-
-function onSelectChange(e, l) {
-  rowSelectKeys.value = e;
-  selectsData.value = l;
-  emit("update:id", selectsData.value[0].id);
-  emit("update:name", selectsData.value[0].assessmentName);
+async function confirm(record) {
+  emit("confirm", record);
 }
-
-function search() {
-  params.value.pageIndex = 1;
-  fetch();
-}
-
-function reset() {
-  rowSelectKeys.value = [];
-  selectsData.value = [];
-  params.value.pageIndex = 1;
-  params.value.keyWord = "";
-  params.value.assessmentName = "";
-  fetch();
-}
-
-const goResearchmanage = () => {
-  // router.push({ path: "/researchmanage" });
-  window.open(process.env.VUE_APP_BASE + "/researchmanage?openCreate=true");
-};
 </script>
 <style lang="scss">
-.xkbtn {
-  cursor: pointer;
-  width: 130px;
-  height: 40px;
-  margin-top: 32px;
-  margin-bottom: 32px;
-  background: #4ea6ff;
-  border-radius: 8px;
-  border: 0;
-  margin-right: 8px;
-  color: #fff;
-}
-
 .ant-table-striped :deep(.table-striped) td {
   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_left {
-        padding-right: 30px;
-        margin-top: 32px;
-
-        .main_item {
-          display: flex;
-          align-items: center;
-          margin-top: 20px;
-          margin-bottom: 20px;
-
-          .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: rgba(64, 158, 255, 1) !important;
-            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/reset0.png") !important;
-              background-size: 100% 100%;
-            }
-
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              color: #fff !important;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-        }
-
-        .main_item2 {
-          .pa {
-            width: 100%;
-            margin: 15px auto;
-            display: flex;
-            justify-content: center;
-          }
-        }
-      }
-    }
-
-    .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;
+.growth-invist > .ant-drawer-content-wrapper {
+  min-width: 1300px !important;
+  width: 1300px !important;
+}
+.growth-invist {
+  .contentMain {
+    .main_item {
       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;
+      margin-bottom: 20px;
+      margin-top: 20px;
+      .fi_input {
+        margin-right: 20px;
       }
 
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
+      .btns {
+        margin-right: 20px;
+        padding: 0px 26px 0px 26px;
+        height: 38px;
         background: #4ea6ff;
         border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
+        //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_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;
     }
   }
 }
diff --git a/src/components/growthpath/GrowthInvist.vue b/src/components/growthpath/GrowthInvist.vue
index 104cff69..1b7ce255 100644
--- a/src/components/growthpath/GrowthInvist.vue
+++ b/src/components/growthpath/GrowthInvist.vue
@@ -345,7 +345,6 @@ defineExpose({ openDrawer });
         > td {
         background: #f6f9fd;
       }
-
     }
   }
 }
diff --git a/src/components/growthpath/GrowthLineCourse.vue b/src/components/growthpath/GrowthLineCourse.vue
index 1978ce60..810f8044 100644
--- a/src/components/growthpath/GrowthLineCourse.vue
+++ b/src/components/growthpath/GrowthLineCourse.vue
@@ -1,5 +1,5 @@
 <template>
-  <div @click="openDrawer">
+  <div @click="openDrawer()">
     <slot></slot>
   </div>
   <a-drawer
@@ -11,9 +11,7 @@
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">
-          {{ taskIndex >= 0 ? "编辑" : "添加" }}在线
-        </div>
+        <div class="headerTitle">{{ selectData.id ? "编辑" : "添加" }}在线</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -36,83 +34,52 @@
 <script setup lang="jsx">
 import { computed, defineEmits, defineProps, ref, watch, onMounted } from "vue";
 import { message } from "ant-design-vue";
-import { addOrEditTask, pagelist } from "@/api/growthpath";
+import { saveTask } from "@/api/growthpath";
 import { iframeUrl } from "@/api/method";
 const props = defineProps({
   type: Number,
   id: Number,
-  taskList: [],
   growId: String,
+  // 选秀2 必修1
+  activeKey: String,
 });
 const visible = ref(false);
-const taskIndex = ref(-1);
-const rowSelectKeys = ref([]);
-const selectsData = ref([]);
+const selectData = ref({});
 const emit = defineEmits({});
 const closeDrawer = () => {
   visible.value = false;
-  taskIndex.value = -1;
-  selectsData.value = [];
-  rowSelectKeys.value = [];
-  editId.value = null;
+  selectData.value = {};
 };
-function confirm() {
-  if (!selectsData.value.length || !rowSelectKeys.value.length) {
-    message.warning("请选择在线课！");
-    return;
-  }
-  const params = {
-    growId: props.growId,
-    name: selectsData.value[0].name,
-    type: props.type,
-    courseId: selectsData.value[0].id,
-    duration: "",
-    taskId: editId.value,
-  };
-  let isTrue = true;
-  props.taskList.forEach((taskId) => {
-    if (taskId.courseId == params.courseId) {
-      message.warning("该课程已存在");
-      isTrue = false;
-    }
-  });
-  if (isTrue) {
-    addOrEditTask(params).then((res) => {
-      if (res.data.code == 200) {
-        if (params.taskId) {
-          message.success("编辑成功");
-        } else {
-          message.success("添加成功");
-        }
-        emit("dataListUp", true);
-      } else {
-        message.error(res.msg);
-      }
+async function confirm(row) {
+  console.log(row)
+  debugger
+  // 新增
+  if (!selectData.value?.id) {
+    await saveTask({
+      growthId: props.growId,
+      taskName: row.name,
+      taskType: props.type,
+      taskId: row.id,
+      type: props.activeKey,
     });
+    message.success("添加成功");
+  } else {
+    // 编辑
+    selectData.value.taskName = row.name;
+    selectData.value.taskId = row.id;
+    await saveTask(selectData.value);
+    message.success("编辑成功");
   }
   closeDrawer();
+  emit("refresh");
 }
 
 function selectCourse(row) {
-  console.log(row, "row");
-  rowSelectKeys.value = [row.id];
-  selectsData.value = [row];
-  if (rowSelectKeys.value.length != 0) {
-    confirm();
-  }
+  confirm(row);
 }
-const editId = ref(null);
-function openDrawer(i, row) {
-  console.log(i, row, "i,row");
+function openDrawer(row) {
   window.selectCourse = selectCourse;
-  row && (rowSelectKeys.value = [row.courseId]);
-  row && (selectsData.value = [row.info]);
-  i >= 0 && (taskIndex.value = i);
-  row && (editId.value = row.id);
-  if (props.taskList.length >= 14 && (row == undefined || row == null)) {
-    message.error("最多可添加14个任务");
-    return;
-  }
+  row && (selectData.value = [row.info]);
   visible.value = true;
 }
 
diff --git a/src/components/growthpath/GrowthOpenCourse.vue b/src/components/growthpath/GrowthOpenCourse.vue
new file mode 100644
index 00000000..0c3f507d
--- /dev/null
+++ b/src/components/growthpath/GrowthOpenCourse.vue
@@ -0,0 +1,1414 @@
+<template>
+  <a-drawer
+    :visible="openCourseVisible"
+    class="drawerStyle growth-open-course"
+    :width="1000"
+    title="开课"
+    placement="right"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">{{ title }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div v-show="step == 1">
+        <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="params.name"
+                    style="width: 220px; height: 40px; border-radius: 8px"
+                    placeholder="请输入创建人"
+                    maxlength="20"
+                  />
+                </div>
+              </div>
+              <div class="mii_ipt">
+                <div class="ipt_name"></div>
+                <div class="fi_input">
+                  <a-input
+                    v-model:value="params.teacher"
+                    style="width: 220px; height: 40px; border-radius: 8px"
+                    placeholder="请输入教师名称"
+                    maxlength="20"
+                  />
+                </div>
+              </div>
+              <div class="mii_ipt">
+                <div class="ipt_name"></div>
+                <div class="fi_input">
+                  <RangePicker
+                    ref="resetTime"
+                    v-model:beginTime="params.createBeginTime"
+                    v-model:endTime="params.createEndTime"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="mi_btns" style="margin-left: 0">
+              <div class="btn btn2" @click="search">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+              <div class="btn btn2" @click="reset">
+                <div class="search"></div>
+                <div class="btnText">重置</div>
+              </div>
+            </div>
+          </div>
+          <div class="main_item">
+            <button class="xkbtn" @click="createNewCourse">新建开课</button>
+          </div>
+          <div class="main_table">
+            <div class="drawerbox">
+              <BaseTable
+                ref="tableRef"
+                :url="COURSE_PLAN_PAGE"
+                v-model:params="params"
+                :columns="columns"
+                :request="useRowsPageNoInit"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="main_btns">
+          <button @click="closeDrawer" class="btn2">取消</button>
+          <button @click="confirm" class="btn2">确定</button>
+        </div>
+      </div>
+
+      <template v-if="step == 2">
+        <div class="createschooltime">
+          <div class="cst_main">
+            <div class="cstm_title">
+              <span>面授名称：{{ courseName }}</span>
+            </div>
+            <div class="cstm_items" style="align-items: flex-start">
+              <div class="signbox" style="position: relative; top: 11px">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">开课名称</span>
+              </div>
+              <div class="b_input">
+                <NameInput
+                  maxlength="30"
+                  v-model:value="formData.name"
+                  v-model:validated="validated"
+                  :id="formData.id"
+                  show-count
+                  :onceName="onceName"
+                  :type="5"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入开课名称"
+                  :disabled="editBeginClass"
+                  :changeName="changeName"
+                ></NameInput>
+              </div>
+            </div>
+            <div class="cstm_items">
+              <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 fitems">
+                <!-- <a-range-picker
+                style="width: 88%; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'HH:mm' }"
+                format="YYYY-MM-DD HH:mm"
+                valueFormat="YYYY-MM-DD HH:mm"
+                v-model:value="dateTime"
+                @change="timeChange"
+                separator="至"
+                :placeholder="['        开始时间', '        结束时间']"
+                :disabled="editBeginClass"
+              /> -->
+                <a-date-picker
+                  style="width: 41%; height: 40px; border-radius: 8px"
+                  :show-time="{ format: 'HH:mm' }"
+                  :format="['YYYY-MM-DD HH:mm', 'YYYY/MM/DD HH:mm']"
+                  valueFormat="YYYY-MM-DD HH:mm"
+                  v-model:value="dateTime[0]"
+                  @change="timeChange"
+                  :placeholder="'        开始时间'"
+                  :disabled="editBeginClass"
+                  @blur="onBlurStart"
+                  @focus="onFocusStart"
+                  @select="onDateSelect"
+                  :open="openStart"
+                  @ok="onOkStart"
+                  ref="datePicker"
+                />
+
+                <span style="margin: 0 10px">至</span>
+                <!-- 第二个日期选择器，用于结束时间 -->
+                <a-date-picker
+                  style="width: 41%; height: 40px; border-radius: 8px"
+                  :show-time="{ format: 'HH:mm' }"
+                  :format="['YYYY-MM-DD HH:mm', 'YYYY/MM/DD HH:mm']"
+                  valueFormat="YYYY-MM-DD HH:mm"
+                  v-model:value="dateTime[1]"
+                  @change="timeChangeEnd"
+                  :placeholder="'        结束时间'"
+                  :disabled="editBeginClass"
+                  @focus="onFocusEnd"
+                  @blur="onBlurEnd"
+                  @select="onDateEnd"
+                  :open="openEnd"
+                  @ok="onOkEnd"
+                  :disabled-date="disabledDate"
+                  :disabled-time="disabledDateTime"
+                />
+              </div>
+            </div>
+
+            <div class="cstm_items" style="align-items: flex-start">
+              <div class="signbox" style="position: relative; top: 11px">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">授课教师</span>
+              </div>
+              <div
+                class="teacher_input select"
+                style="display: flex; flex-wrap: wrap; width: 74.5%"
+              >
+                <div
+                  v-for="(item, index) in formData.offteachers"
+                  :key="index"
+                  style="display: flex; margin-bottom: 10px; width: 100%"
+                >
+                  <ProjectManager
+                    v-model:value="item.teacherId"
+                    v-model:name="item.teacherName"
+                    :disabled="editBeginClass"
+                  ></ProjectManager>
+                  <a-input-number
+                    :min="0"
+                    @change="inputWeightChange(index)"
+                    v-model:value="item.weight"
+                    placeholder="%"
+                  />
+                  <span style="margin-top: 10px; width: 34px">权重</span>
+                  <div style="display: flex">
+                    <!-- <a-button v-if="index===0" shape="circle" class="btn-circle btn-add" @click="inputAdd">+</a-button> -->
+                    <a-button
+                      shape="circle"
+                      class="btn-circle"
+                      @click="inputRemove(index)"
+                      :disabled="formData.offteachers.length == 1"
+                      ><template #icon
+                        ><delete-outlined class="custom-icon" /></template
+                    ></a-button>
+                  </div>
+                </div>
+                <a-button
+                  shape="circle"
+                  class="btn-circle btn-add"
+                  @click="inputAdd"
+                  >+</a-button
+                >
+              </div>
+            </div>
+            <div class="cstm_items">
+              <div class="signbox">
+                <!--                    <div class="sign">-->
+                <!--                        <img src="@/assets/images/coursewareManage/asterisk.png" alt=""/>-->
+                <!--                    </div>-->
+                <span style="margin-right: 3px">持续时间</span>
+              </div>
+              <div class="b_input">
+                <a-input-number
+                  :min="0"
+                  :max="999999"
+                  :precision="0"
+                  :placeholder="durationText"
+                  style="
+                    width: 88%;
+                    height: 32px;
+                    border-radius: 8px;
+                    overflow: hidden;
+                  "
+                  v-model:value="formData.duration"
+                ></a-input-number>
+                <div class="inp_num" style="right: 96px; line-height: 12px">
+                  <span style="color: #c7cbd2">分钟</span>
+                </div>
+              </div>
+            </div>
+            <div class="cstm_items">
+              <div class="signbox">
+                <div class="sign"></div>
+                <span style="margin-right: 3px">地点</span>
+              </div>
+              <div class="b_input">
+                <a-input
+                  v-model:value="formData.address"
+                  maxlength="50"
+                  style="width: 88%; height: 40px; border-radius: 8px"
+                  placeholder="请输入详细地点"
+                />
+                <div class="inp_num" style="right: 90px">
+                  <span style="color: #c7cbd2"
+                    >{{ formData.address.length || 0 }}/50</span
+                  >
+                </div>
+              </div>
+            </div>
+            <div class="cstm_items">
+              <div class="signbox">
+                <span style="margin-right: 3px">考勤设置</span>
+              </div>
+              <div style="display: flex; align-items: center; width: 88%">
+                <div style="margin-right: 24px">签到</div>
+                <div
+                  style="display: flex; align-items: center; margin-right: 20px"
+                >
+                  <span>开始前：</span>
+                  <a-input-number
+                    :min="0"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 100px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.beforeStart"
+                  ></a-input-number>
+                  <span style="color: #999999; margin-left: 8px">分钟</span>
+                </div>
+                <div style="display: flex; align-items: center">
+                  <span>开始后：</span>
+                  <a-input-number
+                    :min="0"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 100px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.afterStart"
+                  ></a-input-number>
+                  <span style="color: #999999; margin-left: 8px">分钟</span>
+                </div>
+              </div>
+            </div>
+            <!-- <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">报名设置</span>
+            </div>
+            <div class="b_input" style="width: 88%;">
+              <CheckBox v-model="formData.applyFlag"
+                        :check-value="1"
+                        :un-check-value="0">
+                <span style="color: #6d7584">是否允许公开报名</span>
+              </CheckBox>
+            </div>
+          </div> -->
+
+            <div class="cstm_items" style="align-items: flex-start">
+              <div class="signbox">
+                <span style="margin-right: 3px">现场参与</span>
+              </div>
+              <div
+                class="b_input"
+                style="width: 88%; display: flex; flex-direction: column"
+              >
+                <CheckBox
+                  v-model="formData.projectSignFlag"
+                  :check-value="1"
+                  :un-check-value="0"
+                  @change="toggleCheckboxes('projectSignFlag')"
+                >
+                  <span style="color: #6d7584"
+                    >允许项目内人员临时到场参加(不在本场次培训的人员可以临时签到评估)</span
+                  >
+                </CheckBox>
+                <CheckBox
+                  v-model="formData.outSignFlag"
+                  :check-value="1"
+                  style="margin-left: 0px"
+                  :un-check-value="0"
+                  @change="toggleCheckboxes('outSignFlag')"
+                >
+                  <span style="color: #6d7584">允许项目外人员临时到场参加</span>
+                </CheckBox>
+              </div>
+            </div>
+
+            <div class="cstm_items">
+              <div class="signbox">
+                <span style="margin-right: 3px">评估设置</span>
+              </div>
+              <div class="b_input" style="width: 88%">
+                <CheckBox
+                  v-model="formData.evalFlag"
+                  :disabled="editBeginClass"
+                  :checkValue="1"
+                  :un-checkValue="0"
+                >
+                  <span style="color: #6d7584">是否需要评估</span>
+                </CheckBox>
+              </div>
+            </div>
+            <div v-if="formData.evalFlag" class="cstm_items main_item">
+              <div class="signbox"></div>
+              <div class="btnbox" style="display: flex">
+                <button
+                  @click="step = 3"
+                  class="xkbtn"
+                  style="margin-bottom: 0; margin-top: 0"
+                >
+                  选择评估
+                </button>
+
+                <div v-if="formData.assessmentId > 0">
+                  <a-tag
+                    :closable="!editBeginClass"
+                    @close="removePG"
+                    color="processing"
+                  >
+                    <span style="font-size: 14px; line-height: 33px">
+                      {{ formData.assessmentName }}
+                    </span>
+                  </a-tag>
+                </div>
+              </div>
+            </div>
+
+            <div class="cstm_items main_item">
+              <div class="signbox"></div>
+              <div class="btnbox" style="display: flex">
+                <button
+                  @click="step = 4"
+                  class="xkbtn"
+                  style="margin-bottom: 0; margin-top: 0"
+                >
+                  配置作业
+                </button>
+                <div v-if="formData?.workInfo?.workName">
+                  <a-tag closable @close="logW" color="processing">
+                    <span style="font-size: 14px; line-height: 33px">
+                      {{ formData?.workInfo?.workName }}
+                    </span>
+                  </a-tag>
+                </div>
+              </div>
+            </div>
+            <div class="cstm_items main_item" style="margin-bottom: 0">
+              <div class="signbox"></div>
+              <div class="btnbox" style="display: flex">
+                <button
+                  @click="step = 5"
+                  class="xkbtn"
+                  style="margin-bottom: 0; margin-top: 0"
+                >
+                  配置考试
+                </button>
+                <div v-if="formData?.examInfo?.examinationName">
+                  <a-tag closable @close="logT" color="processing">
+                    <span style="font-size: 14px; line-height: 33px">
+                      {{ formData.examInfo?.examinationName }}
+                    </span>
+                  </a-tag>
+                </div>
+              </div>
+            </div>
+            <div class="cstm_items items_fj">
+              <div class="signbox">
+                <span style="margin-right: 3px"></span>
+              </div>
+              <div class="b_input">
+                <FJUpload
+                  v-model:value="formData.attach"
+                  @changevalue="changevalue"
+                />
+              </div>
+            </div>
+
+            <div class="items_btn">
+              <div class="cstm_btn btn6" @click="handleCancelStu">
+                <div class="btnText">取消</div>
+              </div>
+              <a-button
+                class="cstm_btn btn6"
+                @click="coursePlanConfirm"
+                :loading="validated === 1"
+              >
+                确定
+              </a-button>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template v-if="step == 3">
+        <GrowthAssessment
+          :selectId="formData.assessmentId"
+          @confirm="growthAssessmentConfirm"
+          :disabled="editBeginClass"
+        >
+        </GrowthAssessment>
+      </template>
+      <template v-if="step == 4">
+        <CommonHomework v-model:info="formData.workInfo" @close="step = 2">
+        </CommonHomework>
+      </template>
+      <template v-if="step == 5">
+        <CommonTest
+          ref="CommonTestRef"
+          v-model:info="formData.examInfo"
+          @close="step = 2"
+          @nextStep="commonTestNextStep"
+        >
+        </CommonTest>
+      </template>
+    </div>
+    <!--新建开课页面 -->
+    <a-modal
+      v-model:visible="offCourseNewVisiable"
+      style="margin-top: 400px"
+      @cancel="handleCancelStu"
+    >
+    </a-modal>
+  </a-drawer>
+</template>
+<script setup lang="jsx">
+import {
+  defineProps,
+  ref,
+  nextTick,
+  computed,
+  defineEmits,
+  onMounted,
+  watch,
+} from "vue";
+import { Form, message } from "ant-design-vue";
+import FJUpload from "@/components/common/FJUpload";
+import CheckBox from "@/components/common/CheckBox";
+import RangePicker from "@/components/common/RangePicker";
+import ProjectManager from "@/components/project/ProjectManagerNewTeacher";
+import CommonHomework from "@/components/growthpath/CommonHomework.vue";
+import CommonTest from "@/components/growthpath/CommonTest.vue";
+import NameInput from "@/components/project/NameInputNew";
+import GrowthAssessment from "@/components/growthpath/GrowthAssessment.vue";
+import {
+  COURSE_PLAN_EDIT,
+  COURSE_PLAN_PAGE,
+  DEL_PLAN,
+  EXAM_DETAIL,
+  WORK_DETAIL,
+  PROJECT_DETAIL_MODIFY,
+  PROJECT_RELEASE,
+  ROUTER_DETAIL_MODIFY,
+} from "@/api/apis";
+import dayjs from "dayjs";
+import { GetRouterDraftDetail, releaseRouter } from "@/api/indexTask";
+import BaseTable from "@/components/common/BaseTable";
+import { request, useRowsPageNoInit } from "@/api/request";
+import dialog from "@/utils/dialog";
+import { useResetRef } from "@/utils/useCommon";
+import { validateName } from "@/api/index1";
+import moment from "moment";
+import * as api from "../../api/indexTaskadd";
+import { useRoute } from "vue-router";
+import { DeleteOutlined } from "@ant-design/icons-vue";
+// 步骤数
+const step = ref(1);
+
+// 弹框名称
+const title = computed(() => {
+  if (step.value == 1) {
+    return "开课";
+  } else if (step.value == 2) {
+    return formData.value.id ? "编辑开课" : "新建开课";
+  } else if (step.value == 3) {
+    return "选择评估";
+  } else if (step.value == 4) {
+    return "配置作业";
+  } else if (step.value == 5) {
+    return "配置考试";
+  }
+});
+// 选择评估确认
+const growthAssessmentConfirm = (select) => {
+  formData.value.assessmentName = select.assessmentName;
+  formData.value.assessmentId = select.id;
+  // 返回编辑开课
+  step.value = 2;
+};
+
+const commonTestStep = ref(1);
+// 选择试卷内步骤操作
+const commonTestNextStep = (val) => {
+  commonTestStep.value = val;
+};
+const changeName = ref(false);
+const props = defineProps({
+  type: Number,
+});
+const openCourseVisible = ref(false);
+const offCourseNewVisiable = ref(false);
+const tableRef = ref();
+const toggleCheckboxes = (checkedName) => {
+  if (checkedName === "projectSignFlag") {
+    if (formData.value.projectSignFlag) {
+      formData.value.outSignFlag = !formData.value.projectSignFlag;
+    }
+  } else if (checkedName === "outSignFlag") {
+    if (formData.value.outSignFlag) {
+      formData.value.projectSignFlag = !formData.value.outSignFlag;
+    }
+  }
+};
+const columns = ref([
+  {
+    title: "名称",
+    dataIndex: "name",
+    key: "name",
+    width: "20%",
+    ellipsis: true,
+  },
+  {
+    title: "场地",
+    dataIndex: "address",
+    key: "address",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "开始时间",
+    dataIndex: "beginTime",
+    key: "beginTime",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "教师",
+    dataIndex: "teacher",
+    key: "teacher",
+    width: "20%",
+    align: "center",
+    customRender: ({ record }) => {
+      // const teachers = record.offteachers;
+      // return teachers.map((teacher, index) => {
+      //   // 如果需要显示为列表形式
+      //   return (
+      //     <div key={index}>
+      //       {teacher.teacherName}
+      //       {index !== teachers.length - 1 && ', '}
+      //     </div>
+      //   );
+      // });
+      return record.offteachers.map((item) => item.teacherName).join(",");
+    },
+  },
+  {
+    title: "学员数",
+    dataIndex: "studentCnt",
+    key: "studentCnt",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+    customRender: ({ record }) => {
+      return (
+        <div class="opa">
+          <a style="margin-right:10px;" onClick={() => planEdit(record)}>
+            编辑
+          </a>
+          <a onClick={() => del(record.id, record)}>删除</a>
+        </div>
+      );
+    },
+  },
+]);
+const params = ref({
+  type: props.type,
+  offcourseId: "",
+  draftTaskId: "",
+  taskId: "",
+  createBeginTime: "",
+  createEndTime: "",
+  offteachers: [
+    {
+      teacherId: "",
+      teacherName: "",
+      weight: "",
+    },
+  ],
+});
+const validated = ref(0);
+const dateTime = ref([]);
+const courseName = ref();
+const onceName = ref("");
+const formData = useResetRef({
+  name: "",
+  address: "",
+  teacherId: "",
+  // teacher: "",
+  beforeValue: "",
+  afterStartValue: "",
+  applyFlag: 0,
+  projectSignFlag: 0,
+  signFlag: 0,
+  evalFlag: 0,
+  assessmentName: "",
+  assessmentId: "",
+  duration: "",
+  workInfo: {},
+  examInfo: {},
+  attach: "",
+  type: props.type,
+  offcourseId: "",
+  draftTaskId: "",
+  taskId: "",
+  offteachers: [
+    {
+      teacherId: "",
+      teacherName: "",
+      weight: "",
+    },
+  ],
+});
+const formDataRule = {
+  name: [
+    {
+      required: true,
+      message: "请输入开课名称",
+    },
+  ],
+  // beginTime: [
+  //   {
+  //     required: true,
+  //     message: "请选择开始时间",
+  //   },
+  // ],
+  // endTime: [
+  //   {
+  //     required: true,
+  //     message: "请选择结束时间",
+  //   },
+  // ],
+  offteachers: [
+    {
+      validator: (rule, value, callback) => {
+        if (!value.every((item) => item.teacherName)) {
+          callback(new Error("请填写教师名称和设置权重"));
+        } else {
+          callback();
+        }
+      },
+      message: "请填写教师名称和设置权重",
+      fields: {
+        teacherName: [
+          {
+            required: true,
+            message: "请填写教师名称和设置权重",
+          },
+        ],
+      },
+    },
+  ],
+};
+const { validate } = Form.useForm(formData, formDataRule);
+const durationText = computed(() =>
+  dateTime.value?.length
+    ? dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]), "minute")
+    : "请输入持续时间"
+);
+const nums = ref(0);
+watch(durationText, (val) => {
+  nums.value++;
+  if (nums.value > 1) {
+    formData.value.duration = val;
+  }
+});
+function inputAdd() {
+  formData.value.offteachers.push({
+    teacherId: "",
+    teacherName: "",
+    weight: "",
+  });
+}
+function inputRemove(index) {
+  dialog({
+    content: "确定删除此授课教师吗？",
+    ok: async () => {
+      formData.value.offteachers.splice(index, 1);
+      message.success("删除成功");
+    },
+  });
+}
+const totalWeightSum = ref(0);
+function inputWeightChange(index) {
+  let totalWeight = 0;
+  formData.value.offteachers.forEach((item) => {
+    totalWeight += Number(item.weight);
+  });
+  if (totalWeight > 100) {
+    message.info("权重值最大为100%");
+    formData.value.offteachers[index].weight -= totalWeight - 100;
+    totalWeight = 100;
+  }
+  totalWeightSum.value = totalWeight;
+}
+function timeChange(timeStr) {
+  console.log(timeStr, "timeStr");
+  formData.value.beginTime = timeStr;
+  // formData.value.duration = durationText.value
+  // formData.value.duration || (formData.value.duration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+}
+function onDateSelect(date) {
+  const month = String(date.$M + 1).padStart(2, "0");
+  const day = String(date.$D).padStart(2, "0");
+  const hour = String(date.$H).padStart(2, "0");
+  const minute = String(date.$m).padStart(2, "0");
+  dateTime.value[0] =
+    date.$y + "-" + month + "-" + day + " " + hour + ":" + minute;
+}
+const openStart = ref(false);
+const onOkStart = () => {
+  openStart.value = false;
+};
+function onBlurStart(e) {
+  dateTime.value[0] = e.target.value;
+  openStart.value = false;
+}
+function onFocusStart() {
+  openStart.value = true;
+  if (!dateTime.value[0]) {
+    // dateTime.value[0] = moment().format('YYYY-MM-DD HH:mm')
+    //   let now=new Date()
+    //   let start=new Date(now.setFullYear(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0))
+    //   dateTime.value = [
+    //     moment(start).format('YYYY-MM-DD HH:mm'),
+    //     dateTime.value[1]
+    //   ];
+  }
+}
+function timeChangeEnd(timeStr) {
+  formData.value.endTime = timeStr;
+}
+const openEnd = ref(false);
+const onOkEnd = () => {
+  openEnd.value = false;
+};
+function onBlurEnd(e) {
+  dateTime.value[1] = e.target.value;
+  openEnd.value = false;
+}
+function onDateEnd(date) {
+  const month = String(date.$M + 1).padStart(2, "0");
+  const day = String(date.$D).padStart(2, "0");
+  const hour = String(date.$H).padStart(2, "0");
+  const minute = String(date.$m).padStart(2, "0");
+  dateTime.value[1] =
+    date.$y + "-" + month + "-" + day + " " + hour + ":" + minute;
+  if (dateTime.value[0] == dateTime.value[1]) {
+    const minute = String(date.$m + 1).padStart(2, "0");
+    dateTime.value[1] =
+      date.$y + "-" + month + "-" + day + " " + hour + ":" + minute;
+  }
+}
+function onFocusEnd() {
+  openEnd.value = true;
+  // if(!dateTime.value[1]){
+  //   let now=new Date()
+  //      let start=new Date()
+  //      let end=new Date(now.setFullYear(now.getFullYear()))
+  //      dateTime.value = [
+  //      dateTime.value[0],
+  //       moment(end).format('YYYY-MM-DD HH:mm')
+  //   ];
+  // }
+}
+function search() {
+  tableRef.value.fetch();
+}
+
+const resetTime = ref();
+function reset() {
+  tableRef.value.reset({
+    type: props.type,
+    offcourseId: params.value.offcourseId,
+    draftTaskId: params.value.draftTaskId,
+  });
+  resetTime.value.resetTime();
+}
+const CommonTestRef = ref(null);
+// 关闭步骤
+const closeDrawer = () => {
+  debugger
+  // 如果不是第一步则退到新增
+  if (step.value > 2 && commonTestStep.value == 1) {
+    step.value = 2;
+  } else if (step.value > 2 && commonTestStep.value == 6) {
+    // 配置考试
+    // commonTestStep = 6，说明在配置考试组件内，展示页面为选择试卷
+    // 主弹框不退步，配置考试组件内退一步
+    CommonTestRef.value.setStep(1);
+    commonTestStep.value = 1;
+  } else if (step.value == 2 && commonTestStep.value == 7) {
+    // commonTestStep = 7，说明在配置考试组件内，展示页面为新增试卷
+     // 主弹框不退步，配置考试组件内退一步
+    CommonTestRef.value.setStep(2);
+    commonTestStep.value = 6;
+  } else if (step.value == 2) {
+    step.value = 1;
+  } else {
+    openCourseVisible.value = false;
+    tableRef.value.reset({
+      type: props.type,
+      offcourseId: params.value.offcourseId,
+      draftTaskId: params.value.draftTaskId,
+    });
+  }
+};
+const route = useRoute();
+const projectInfo = ref({});
+const emit = defineEmits(["call-parent-method"]);
+const confirm = async () => {
+  closeDrawer();
+  if (route.query.projectId) {
+    await api.getDraftTask({ projectId: route.query.projectId }).then((res) => {
+      projectInfo.value = res.data.data;
+    });
+    request(PROJECT_DETAIL_MODIFY, { ...projectInfo.value });
+    if (projectInfo.value.projectInfo.status == 3) {
+      request(PROJECT_RELEASE, { projectId: route.query.projectId });
+    }
+    emit("call-parent-method");
+  }
+  if (route.query.routerId) {
+    await GetRouterDraftDetail(route.query.routerId).then((res) => {
+      projectInfo.value = res.data.data;
+    });
+    request(ROUTER_DETAIL_MODIFY, { ...projectInfo.value });
+    if (projectInfo.value.routerInfo.status == 1) {
+      await releaseRouter(route.query.routerId);
+    }
+    emit("call-parent-method");
+  }
+};
+
+const createNewCourse = () => {
+  changeName.value = true;
+  editBeginClass.value = false;
+  formData.reset({
+    type: props.type,
+    offcourseId: params.value.offcourseId,
+    draftTaskId: params.value.draftTaskId,
+    name: courseName.value,
+  });
+  dateTime.value = [moment().format("YYYY-MM-DD HH:mm"), ""];
+  validated.value = 0;
+  onceName.value = "";
+  formData.value.offteachers = [
+    {
+      teacherId: "",
+      teacherName: "",
+      weight: "",
+    },
+  ];
+  // 第二步新增课程
+  step.value = 2;
+};
+const handleCancelStu = () => {
+  changeName.value = false;
+  offCourseNewVisiable.value = false;
+};
+
+const expenseStatus = {
+  A10: true,
+  S00: true,
+};
+const del = (id, record) => {
+  console.log(record, "删除");
+  if (record.expenseStatus && !expenseStatus[record.expenseStatus]) {
+    return message.warning("该开课已在审批流程中，不可进行删除!");
+  }
+  dialog({
+    content: "确定删除此开课吗？",
+    ok: async () => {
+      message.success("删除成功");
+      tableRef.value.toLoading();
+      await request(DEL_PLAN(id));
+      tableRef.value.fetch();
+    },
+  });
+};
+
+async function coursePlanConfirm() {
+  if (!dateTime.value[0]) {
+    message.info("开始时间未填写");
+    return;
+  }
+  if (!dateTime.value[1]) {
+    message.info("结束时间未填写");
+    return;
+  }
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  inputWeightChange();
+  if (formData.value.offteachers.length == 1 && totalWeightSum.value != 100) {
+    message.error("单名教师您设置的权重应该是100%");
+    return;
+  } else if (
+    formData.value.offteachers.length > 1 &&
+    totalWeightSum.value != 100
+  ) {
+    console.log(totalWeightSum.value, "权重值不为100%");
+    message.error("多名教师权重合计值为100%");
+    return;
+  }
+  const teacherNames = new Set(
+    formData.value.offteachers.map((item) => item.teacherName)
+  );
+  if (teacherNames.size !== formData.value.offteachers.length) {
+    message.error("教师重复，请检查");
+    return;
+  }
+  if (formData.value.offteachers.some((item) => item.weight == 0)) {
+    message.error("权重值不能为0%");
+    return;
+  }
+  if (editBeginClass.value) {
+    message.info("讲师费已进入审批阶段，无法编辑");
+    return;
+  }
+  if (dateTime.value.length < 2) {
+    message.info("请选择开始时间和结束时间");
+    return;
+  }
+  if (durationText.value < 0) {
+    message.info("结束时间不能小于开始时间，请重新填写");
+    return;
+  }
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  const offName = await validateName({
+    name: formData.value.name,
+    type: 5,
+    id: formData.value.id,
+  }).then((res) => {
+    console.log(res, res.data.data);
+    return res.data.data === 1;
+  });
+  if (offName) {
+    message.destroy();
+    message.warning("开课名称重复，请重新填写");
+    return;
+  }
+  offCourseNewVisiable.value = false;
+  tableRef.value.toLoading();
+  // TODO 当点击选择了是否评估按钮 点击保存的时候没有选择评估 则是否需要评估重置为 0 不需要
+  formData.value.evalFlag = formData.value.assessmentName ? 1 : 0;
+  formData.value.duration = formData.value.duration
+    ? formData.value.duration
+    : durationText.value;
+  formData.value.outSignFlag = formData.value.outSignFlag ? 1 : 0;
+  formData.value.projectSignFlag = formData.value.projectSignFlag ? 1 : 0;
+  formData.value.beginTime = dateTime.value[0];
+  formData.value.endTime = dateTime.value[1];
+  await request(COURSE_PLAN_EDIT, { ...formData.value });
+  if (route.query.projectId) {
+    await api.getDraftTask({ projectId: route.query.projectId }).then((res) => {
+      projectInfo.value = res.data.data;
+    });
+    request(PROJECT_DETAIL_MODIFY, { ...projectInfo.value });
+    if (projectInfo.value.projectInfo.status == 3) {
+      request(PROJECT_RELEASE, { projectId: route.query.projectId });
+    }
+    emit("call-parent-method");
+  }
+  if (route.query.routerId) {
+    await GetRouterDraftDetail(route.query.routerId).then((res) => {
+      projectInfo.value = res.data.data;
+    });
+    console.log(projectInfo.value, "ite2545m");
+    request(ROUTER_DETAIL_MODIFY, { ...projectInfo.value });
+    if (projectInfo.value.routerInfo.status == 1) {
+      await releaseRouter(route.query.routerId);
+    }
+    emit("call-parent-method");
+  }
+  handleCancelStu();
+  tableRef.value.fetch();
+}
+
+const editBeginClass = ref(false);
+function planEdit(record) {
+  nums.value = 0;
+  editBeginClass.value = false;
+  if (record.expenseStatus && !expenseStatus[record.expenseStatus]) {
+    editBeginClass.value = true;
+    console.log(editBeginClass.value);
+  }
+  onceName.value = record.name;
+  formData.value = { ...record };
+  // formData.value.duration = ''
+  console.log({ ...record }, "{ ...record }");
+  validated.value = 0;
+  formData.value.homeWorkId &&
+    request(WORK_DETAIL(formData.value.homeWorkId), {}).then(
+      (res) => (formData.value.workInfo = res.data)
+    );
+  formData.value.testId &&
+    request(EXAM_DETAIL(formData.value.testId), {}).then(
+      (res) => (formData.value.examInfo = res.data)
+    );
+  dateTime.value = [formData.value.beginTime, formData.value.endTime];
+  offCourseNewVisiable.value = true;
+}
+function openDrawer(row) {
+  openCourseVisible.value = true;
+  params.value.offcourseId = row.taskId;
+  params.value.draftTaskId = row.id;
+  formData.value.offcourseId = row.taskId;
+  formData.value.draftTaskId = row.id;
+  courseName.value = row.taskName;
+  setTimeout(() => {
+    nextTick(tableRef?.value.fetch);
+  });
+}
+const range = (start, end) => {
+  const result = [];
+  for (let i = start; i < end; i++) {
+    result.push(i);
+  }
+  return result;
+};
+// const disabledDate = (current) => current && current < dayjs(dateTime.value[0]);
+const disabledDateTime = () => {
+  // const dateOnlyStart = new Date(dateTime.value[0].split(' ')[0]);
+  // const dateOnlyEnd = new Date(dateTime.value[1].split(' ')[0]);
+  // if(dateOnlyStart.getTime()==dateOnlyEnd.getTime()){
+  //   const currentMinute = dayjs(dateTime.value[0]).minute();
+  //   return {
+  //     disabledHours: () => range(0, dayjs(dateTime.value[0]).hour()).splice(0, dayjs(dateTime.value[0]).hour()),
+  //     disabledMinutes: () => range(0, currentMinute+1).splice(0, currentMinute+1),
+  //   };
+  // }
+};
+// 删除文件返回参数
+const changevalue = (e) => {
+  let arr = formData.value.attach.split(",");
+  let newarr = [];
+  for (let i = 0; i < arr.length; i++) {
+    if (i !== e) {
+      newarr.push(arr[i]);
+    }
+  }
+  if (newarr.length == 0) {
+    formData.value.attach = "";
+  } else {
+    formData.value.attach = newarr.toString();
+  }
+  console.log("changevalue", e, newarr, formData.value.attach);
+};
+
+const logT = () => {
+  formData.value.examInfo = {};
+};
+const removePG = () => {
+  formData.value.assessmentId = null;
+  formData.value.assessmentName = "";
+  // state.isEvaluate = "0";
+};
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.growth-open-course > .ant-drawer-content-wrapper {
+  width: 1300px !important;
+  min-width: 1300px !important;
+}
+
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.fitems {
+  width: 88%;
+}
+.contentMain {
+  .main_items {
+    margin: 20px 0 !important;
+    .mi_ipts,
+    .mi_btns {
+      margin-bottom: 0 !important;
+    }
+  }
+  .main_item {
+    .xkbtn {
+      margin: 0 0 20px 0;
+    }
+  }
+}
+
+.createschooltime {
+  .cst_main {
+    width: 100%;
+    max-height: 700px;
+    overflow-y: auto;
+    position: relative;
+
+    .cstm_title {
+      margin: 10px auto 20px 0;
+      font-weight: bold;
+    }
+
+    .cstm_items {
+      display: flex;
+      margin: auto;
+      align-items: center;
+      margin-bottom: 23px;
+      .teacher_input {
+        .ant-input-number {
+          width: 15%;
+          height: 40px !important;
+          border-radius: 8px !important;
+          border: 1px solid #c7cbd2 !important;
+          margin: 0 10px 0 10px;
+          padding-top: 3px;
+        }
+      }
+      .btn-add {
+        margin: 0 10px 0 10px;
+      }
+      .btn-circle {
+        text-align: center;
+        line-height: 100%;
+        margin-top: 5px;
+        .custom-icon {
+          font-size: 20px;
+          svg {
+            margin: auto;
+          }
+        }
+        span {
+          width: 100%;
+          height: 100%;
+          font-size: 33px;
+        }
+      }
+      .signbox {
+        display: flex;
+        justify-content: end;
+        width: 100px;
+        margin-right: 6px;
+
+        .sign {
+          margin-top: -5px;
+          margin-right: 4px;
+        }
+      }
+
+      .b_input {
+        flex: 1;
+        position: relative;
+
+        .upload_box {
+          display: flex;
+          cursor: pointer;
+
+          .upload_icon {
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+          }
+        }
+
+        .inp_num {
+          position: absolute;
+          top: 9px;
+          right: 10px;
+        }
+      }
+    }
+
+    .items_fj {
+      margin-bottom: 1px;
+
+      .fujian {
+        display: none;
+      }
+
+      .mbl_items12 {
+        width: 440px;
+        margin-right: 56px;
+
+        .i12_box1 {
+          display: flex;
+          align-items: center;
+          padding: 17px 0 17px 21px;
+          border: 1px solid #eff4fc;
+          border-radius: 8px;
+          margin-bottom: 10px;
+
+          .file_img {
+            width: 27px;
+            height: 32px;
+            background-image: url(@/assets/images/coursewareManage/imgs.png);
+            margin-right: 22px;
+
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+
+          .file_detail {
+            width: 250px;
+            margin-right: 21px;
+
+            .file_updata {
+              display: flex;
+              align-items: center;
+
+              .updatabox {
+                position: relative;
+                width: 230px;
+                height: 5px;
+                background-color: rgba(192, 192, 192, 0.25);
+                border-radius: 3px;
+
+                .updatacolor {
+                  position: absolute;
+                  left: 0;
+                  width: 100%;
+                  height: 5px;
+                  background-color: #57c887;
+                  border-radius: 3px;
+                }
+
+                .updatacolor2 {
+                  position: absolute;
+                  left: 0;
+                  width: 80%;
+                  height: 5px;
+                  background-color: #ff7474;
+                  border-radius: 3px;
+                }
+
+                .updatacolor3 {
+                  position: absolute;
+                  left: 0;
+                  width: 60%;
+                  height: 5px;
+                  background-color: #4ea6ff;
+                  border-radius: 3px;
+                }
+
+                .updataxq {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #57c887;
+                }
+
+                .updataxq2 {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #ff7474;
+                }
+
+                .updataxq3 {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #4ea6ff;
+                }
+              }
+            }
+          }
+
+          .file_operation {
+            display: flex;
+
+            .fobox {
+              margin-right: 5px;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+
+    .items_btn {
+      display: flex;
+      justify-content: center;
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      .cstm_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>
diff --git a/src/views/growthpath/EditingTasks.vue b/src/views/growthpath/EditingTasks.vue
index d205fb0b..3ab0fe29 100644
--- a/src/views/growthpath/EditingTasks.vue
+++ b/src/views/growthpath/EditingTasks.vue
@@ -251,15 +251,13 @@
         </div>
       </div>
     </div>
-    <!-- 面授课开课弹框 -->
-    <AddOpenCourse ref="coursePlanRef" :type="2" />
+
   </div>
 </template>
 <script setup>
 import { computed, onMounted, ref, watch } from "vue";
 import { message } from "ant-design-vue";
 import { useRoute } from "vue-router";
-import AddOpenCourse from "@/components/drawers/AddOpenCourse.vue";
 import { TASK_TYPE } from "@/utils/constGrown";
 import dialog from "@/utils/dialog";
 import {
@@ -341,20 +339,7 @@ const getListTask = () => {
     }
   });
 };
-watch(
-  () => listDatas.value,
-  (old, val) => {
-    if (old.length == val.length) {
-      const listIds = old.map((item) => item.id).join(",");
-      // toSortTask(listIds).then((res) => {
-      //   if (res.data.code == 200) {
-      //     // message.success('排序成功')
-      //   }
-      // });
-    }
-  },
-  { deep: true }
-);
+
 const basicData = ref({});
 const getBasicInfoData = () => {
   getBasicInfo({ growId: growId }).then((res) => {
@@ -364,8 +349,6 @@ const getBasicInfoData = () => {
     }
   });
 };
-// 开课按钮
-const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
 
 // 发布
 const published = (element) => {
diff --git a/src/views/growthpath/PathManage.vue b/src/views/growthpath/PathManage.vue
index 10567060..01888b18 100644
--- a/src/views/growthpath/PathManage.vue
+++ b/src/views/growthpath/PathManage.vue
@@ -419,6 +419,15 @@
       </a-tabs>
     </div>
 
+    <!-- 面授管理抽屉 开始 -->
+    <ProjectFaceTaskManage
+      :permissions="preId"
+      :createId="createId"
+      :type="2"
+      v-model:visible="faceTeachModelVisible"
+      :datasource="faceData"
+    />
+    <!-- 面授管理抽屉 结束-->
     <!-- 查看学员 传入查看学员的id-->
     <seeStu
       v-model:Seevisible="Seevisible"
@@ -522,7 +531,7 @@
   </div>
 
   <!-- 面授课开课弹框 -->
-  <AddOpenCourse ref="coursePlanRef" :type="2" />
+  <GrowthOpenCourse ref="coursePlanRef" :type="2" />
 </template>
 <script lang="jsx">
 import { ref, reactive, toRefs, onMounted, createVNode, watch } from "vue";
@@ -535,12 +544,13 @@ import GrowthExternalExamManage from "@/components/growthpath/GrowthExternalExam
 import GrowthExamManage from "@/components/growthpath/GrowthExamManage";
 import GrowthOnlineManage from "@/components/growthpath/GrowthOnlineManage";
 import CommonStudent from "@/components/student/CommonStudent";
-import AddOpenCourse from "@/components/drawers/AddOpenCourse.vue";
+import GrowthOpenCourse from "@/components/growthpath/GrowthOpenCourse.vue";
 import qrCode from "@/utils/growQrCode";
 import { fixDoublePer, checkGrowthPer } from "@/utils/utils";
 import dialog from "@/utils/dialog";
 import { TASK_TYPE } from "@/utils/constGrown";
 import Draggable from "vuedraggable";
+import ProjectFaceTaskManage from "../../components/drawers/project/ProjectFaceTaskManage";
 import GrowthHomeworkManage from "@/components/growthpath/GrowthHomeworkManage";
 import {
   getOverview,
@@ -548,6 +558,7 @@ import {
   taskOutline,
   handleGrowth,
   getPublishInfo,
+  toSortTask,
 } from "@/api/growthpath";
 export default {
   name: "pathManage",
@@ -560,6 +571,8 @@ export default {
     CommonStudent,
     GrowthHomeworkManage,
     Draggable,
+    ProjectFaceTaskManage,
+    GrowthOpenCourse
   },
   setup() {
     const router = useRouter();
@@ -593,7 +606,22 @@ export default {
       TASK_TYPE: TASK_TYPE,
       // 课程类型 1必修 2选修
       courseType: "1",
+      // 面授管理
+      faceTeachModelVisible: false,
+      faceTeachModelVisibleTitle: "",
+      faceData: {},
     });
+
+    watch(
+      () => state.listTaskData,
+      (old, val) => {
+        if (old.length == val.length) {
+          const listIds = old.map((item) => item.id).join(",");
+          toSortTask(listIds)
+        }
+      },
+      { deep: true }
+    );
     const resize = () => {
       dialog({
         content: "确定撤回？",
@@ -733,6 +761,14 @@ export default {
       state.homeworkData = data;
       // 作业弹框名称 RouterHomeworkManage
     };
+    // 面授课点击管理弹框
+    const faceTeachModel = (data) => {
+      console.log(data);
+      state.faceTeachModelVisible = true;
+      state.faceTeachModelVisibleTitle = data.name;
+      state.faceData = data;
+      // 面授课弹框名称 RouterFaceTeachManage
+    };
     const showOnline = (item) => {
       console.log(item, "item");
       item.targetId = state.routerId;
@@ -807,9 +843,9 @@ export default {
       });
     };
     // 开课按钮
-    const coursePlanRef = ref()
+    const coursePlanRef = ref();
     const openCourse = (ele) => {
-      coursePlanRef.value.openDrawer(ele)
+      coursePlanRef.value.openDrawer(ele);
     };
     return {
       ...toRefs(state),
@@ -832,7 +868,8 @@ export default {
       getListTask,
       fixDoublePer,
       checkGrowthPer,
-      openCourse
+      openCourse,
+      faceTeachModel,
     };
   },
 };
diff --git a/vue.config.js b/vue.config.js
index 40974f89..b834fcc5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -19,8 +19,8 @@ module.exports = defineConfig({
         },
         proxy: {
             "/professional": {
-                target: 'http://192.168.16.195:32002',
-                // target: 'http://192.168.175.141:32002',
+                // target: 'http://192.168.16.195:32002',
+                target: 'http://192.168.175.141:32002',
                 changeOrigin: true,
                 pathRewrite: {
                     "^/manageApi/growth": "",