From 2b2d8aa377c2c8b5685b44fd94c948a52695350c Mon Sep 17 00:00:00 2001
From: Pengxiansen <2422914688@qq.com>
Date: Tue, 21 Jan 2025 11:17:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=93=E4=B8=9A=E5=8A=9B=E5=BF=85=E4=BF=AE?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |   21 +-
 src/api/growthpath.js                         |   50 +-
 src/api/method.js                             |    3 +-
 src/components/growthpath/AddFaceClass.vue    |  284 ---
 src/components/growthpath/AddLine.vue         |  481 ----
 src/components/growthpath/AddTest.vue         |  670 ------
 src/components/growthpath/CreateVote.vue      |  180 ++
 src/components/growthpath/EvList.vue          |  458 ++++
 src/components/growthpath/FeaceClassAll.vue   |  470 ++++
 src/components/growthpath/GrowthActive.vue    |  550 +++++
 .../growthpath/GrowthAssessment.vue           |  391 +++
 .../{AddCase.vue => GrowthCase.vue}           |  210 +-
 .../growthpath/GrowthCommonStudent.vue        |  347 ++-
 .../growthpath/GrowthCourseModal.vue          | 1578 ++++++++++++
 src/components/growthpath/GrowthDiscuss.vue   |  297 +++
 src/components/growthpath/GrowthEval.vue      |  502 ++++
 src/components/growthpath/GrowthExa.vue       |  845 +++++++
 src/components/growthpath/GrowthFaceClass.vue |  176 ++
 .../{AddHomework.vue => GrowthHomework.vue}   |  154 +-
 src/components/growthpath/GrowthInvist.vue    |  352 +++
 .../{PreView.vue => GrowthLineCourse.vue}     |  368 ++-
 src/components/growthpath/GrowthLive.vue      |  811 +++++++
 .../growthpath/GrowthOwnerTable.vue           |   22 +-
 src/components/growthpath/GrowthProject.vue   |  367 +++
 src/components/growthpath/GrowthRef.vue       |  325 +++
 .../growthpath/GrowthSelectTest.vue           |  301 +++
 .../growthpath/GrowthTableModel.vue           |  251 +-
 src/components/growthpath/GrowthVote.vue      |  460 ++++
 src/components/growthpath/LineAddCourse.vue   |  740 ------
 src/components/growthpath/OfficeSelect.vue    |    2 +-
 src/components/growthpath/SelectTest.vue      |  421 ----
 src/components/growthpath/StudentManage.vue   |  806 +++----
 .../{seeStu.vue => StudentSeeStu.vue}         |  242 +-
 src/components/growthpath/UpdateRecord.vue    |   30 +-
 src/utils/constGrown.js                       |   87 +-
 src/views/growthpath/EditingTasks.vue         |  722 +++---
 src/views/growthpath/GrowthPath.vue           |  364 ++-
 src/views/growthpath/PathManage.vue           | 2123 ++++-------------
 vue.config.js                                 |   24 +-
 39 files changed, 10077 insertions(+), 6408 deletions(-)
 delete mode 100644 src/components/growthpath/AddFaceClass.vue
 delete mode 100644 src/components/growthpath/AddLine.vue
 delete mode 100644 src/components/growthpath/AddTest.vue
 create mode 100644 src/components/growthpath/CreateVote.vue
 create mode 100644 src/components/growthpath/EvList.vue
 create mode 100644 src/components/growthpath/FeaceClassAll.vue
 create mode 100644 src/components/growthpath/GrowthActive.vue
 create mode 100644 src/components/growthpath/GrowthAssessment.vue
 rename src/components/growthpath/{AddCase.vue => GrowthCase.vue} (65%)
 create mode 100644 src/components/growthpath/GrowthCourseModal.vue
 create mode 100644 src/components/growthpath/GrowthDiscuss.vue
 create mode 100644 src/components/growthpath/GrowthEval.vue
 create mode 100644 src/components/growthpath/GrowthExa.vue
 create mode 100644 src/components/growthpath/GrowthFaceClass.vue
 rename src/components/growthpath/{AddHomework.vue => GrowthHomework.vue} (73%)
 create mode 100644 src/components/growthpath/GrowthInvist.vue
 rename src/components/growthpath/{PreView.vue => GrowthLineCourse.vue} (53%)
 create mode 100644 src/components/growthpath/GrowthLive.vue
 create mode 100644 src/components/growthpath/GrowthProject.vue
 create mode 100644 src/components/growthpath/GrowthRef.vue
 create mode 100644 src/components/growthpath/GrowthSelectTest.vue
 create mode 100644 src/components/growthpath/GrowthVote.vue
 delete mode 100644 src/components/growthpath/LineAddCourse.vue
 delete mode 100644 src/components/growthpath/SelectTest.vue
 rename src/components/growthpath/{seeStu.vue => StudentSeeStu.vue} (63%)

diff --git a/package-lock.json b/package-lock.json
index b73ffc61..e500dfe5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3727,6 +3727,8 @@
       "resolved": "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -3738,7 +3740,9 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
+      "dev": true,
+      "optional": true,
+      "peer": true
     },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
@@ -14453,7 +14457,6 @@
       "integrity": "sha512-yl+5qhpjd8e1G4cMXfORkkBlvtPCIgmRf3IYCWYDKIQ7m+PPa5iTm4feiNmCMD6yGqQWMhhK/7M3oWGL9boKwg==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.12.16",
         "@babel/helper-compilation-targets": "^7.12.16",
         "@babel/helper-module-imports": "^7.12.13",
         "@babel/plugin-proposal-class-properties": "^7.12.13",
@@ -14466,7 +14469,6 @@
         "@vue/babel-plugin-jsx": "^1.0.3",
         "@vue/babel-preset-jsx": "^1.1.2",
         "babel-plugin-dynamic-import-node": "^2.3.3",
-        "core-js": "^3.8.3",
         "core-js-compat": "^3.8.3",
         "semver": "^7.3.4"
       },
@@ -15332,15 +15334,14 @@
       "resolved": "https://registry.npmmirror.com/ajv-formats/-/ajv-formats-2.1.1.tgz",
       "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
       "dev": true,
-      "requires": {
-        "ajv": "^8.0.0"
-      },
+      "requires": {},
       "dependencies": {
         "ajv": {
-          "version": "8.12.0",
-          "resolved": "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz",
+          "version": "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz",
           "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
           "dev": true,
+          "optional": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "json-schema-traverse": "^1.0.0",
@@ -15352,7 +15353,9 @@
           "version": "1.0.0",
           "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
           "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
+          "dev": true,
+          "optional": true,
+          "peer": true
         }
       }
     },
diff --git a/src/api/growthpath.js b/src/api/growthpath.js
index cccf7b50..8a9c5f91 100644
--- a/src/api/growthpath.js
+++ b/src/api/growthpath.js
@@ -1,35 +1,49 @@
 import http from "./config";
 import https from './configPublic'
-//查询成长路径
-export const listData = (obj) => http.post('/admin/grow/list', obj)
+const API_URL = "/growth"
+//查询专业力必修列表
+export const listData = (obj) => http.get(API_URL + '/professional/compulsory/list', { params: obj })
+//基本信息
+export const getBasicInfo = (obj) => http.get(API_URL + '/professional/compulsory/details/' + obj.growId)
+//获取任务列表
+export const taskOutline = (obj) => http.get(API_URL + '/professional/task/list', { params: obj })
+//新增任务
+export const saveTask = (obj) => http.post(API_URL + '/professional/task/saveTask', obj)
+
+//获取未发布编辑任务列表
+export const notPublishedTaskList = (obj) => http.get(API_URL + '/professional/task/notPublishedTaskList', { params: obj })
+
+//发布学习任务
+export const publishedTask = (id) => http.get(API_URL + '/professional/task/published/' + id)
+//撤回学习任务
+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 addEdit = (obj) => http.post('/admin/grow/edit', obj)
+// export const addEdit = (obj) => http.post('/admin/grow/edit', obj)
 //编辑获取路径信息
-export const getEditData = (obj) => http.get('/admin/grow/getEditData', {params:obj})
+export const getEditData = (obj) => http.get('/admin/grow/getEditData', { params: obj })
 //获取可添加职级信息
-export const getAllBandInfo = (obj) => http.get('/admin/thirdApi/getAllBandInfo', {params:obj})
+export const getAllBandInfo = (obj) => http.get('/admin/thirdApi/getAllBandInfo', { params: obj })
 //获取可添加岗位信息
 export const getAllPosition = (obj) => http.get(`/admin/thirdApi/getAllPosition?positionName=${obj.positionName}&positionCode=${obj.positionCode}`)
 //获取可添加组织信息
-export const getOrgList = (obj) => http.get('/admin/thirdApi/org/list', {params:obj})
+export const getOrgList = (obj) => http.get('/admin/thirdApi/org/list', { params: obj })
 //添加在线、面授课 type:1为在线课,2为面授课，3为案例，4为作业，5为考试
 export const addOrEditTask = (obj) => http.post('/admin/grow/addOrEditTask', obj)
 //添加案例、作业 type: 3：案例 4：考试
 // export const addTask = (obj) => http.post('/admin/grow/addTask', obj)
 //概览
-export const getOverview = (obj) => http.get('/admin/grow/overview', {params:obj})
-//基本信息
-export const getBasicInfo = (obj) => http.get('/admin/grow/basicInfo', {params:obj})
+export const getOverview = (obj) => http.get('/admin/grow/overview', { params: obj })
+
 //发布、撤回、删除 -- 1发布 0撤回 -2删除
 export const handleGrowth = (obj) => http.post('/admin/grow/handle', obj)
 //复制路径信息
-export const getCopyData = (obj) => http.get('/admin/grow/getCopyData', {params:obj})
+export const getCopyData = (obj) => http.get('/admin/grow/getCopyData', { params: obj })
 //保存复制的路径信息
 export const copyCreate = (obj) => http.post('/admin/grow/copy', obj)
-//获取编辑任务列表
-export const listTask = (obj) => http.get('/admin/grow/taskList', {params:obj})
-//获取路径任务列表
-export const taskOutline = (obj) => http.get('/admin/grow/taskOutline', {params:obj})
+
+
 //移除编辑任务
 export const removeTask = (obj) => http.post(`/admin/grow/removeTask?growId=${obj.growId}&taskIdList=${obj.taskId}`)
 //改变选修必修
@@ -37,9 +51,9 @@ export const isRequiredTask = (obj) => http.post(`/admin/grow/isRequiredTask?tas
 //列表排序
 export const toSortTask = (obj) => http.post(`/admin/grow/toSortTask?taskIdList=${obj}`)
 //获取学员列表
-export const getGrowStudent = (obj) => http.get('/admin/student/getGrowStudent', {params:obj})
+export const getGrowStudent = (obj) => http.get('/admin/student/getGrowStudent', { params: obj })
 //获取查看详情
-export const getGrowStudentDetail = (obj) => http.get('/admin/student/getGrowStudentDetail', {params:obj})
+export const getGrowStudentDetail = (obj) => http.get('/admin/student/getGrowStudentDetail', { params: obj })
 //获取考试管理列表
 export const queryExamManagementMessage = (obj) => http.post('/admin/exam/manage/queryExamManagementMessageOfGrow', obj)
 //获取外部考试
@@ -49,13 +63,13 @@ export const batchSendMessage = (obj) => http.post('/admin/taskmanage/batchSendM
 //在线管理列表
 export const queryOnlineManagementDetail = (obj) => http.post('/admin/online/manage/queryOnlineManagementDetail', obj)
 //获取导入的信息
-export const getImportStatus = (obj) => http.get('/admin/grow/getImportStatus', {params:obj})
+export const getImportStatus = (obj) => http.get('/admin/grow/getImportStatus', { params: obj })
 //保存成功的数据
 export const saveStudent = (obj) => http.post(`/admin/grow/saveStudent?redisKey=${obj.redisKey}&growId=${obj.growId}&isImportNotMatchStudent=${obj.isImportNotMatchStudent}`)
 //保存考试
 export const saveGrowExamScoreToDatabase = (obj) => http.post(`/admin/grow/saveGrowExamScoreToDatabase?redisKey=${obj.redisKey}&growId=${obj.growId}`)
 //发布弹窗信息
-export const getPublishInfo = (obj) => http.get('/admin/grow/getPublishInfo', {params:obj})
+export const getPublishInfo = (obj) => http.get('/admin/grow/getPublishInfo', { params: obj })
 //删除学员
 export const delGrowStudent = obj => http.post("/admin/student/delGrowStudent", obj);
 //导入记录接口
diff --git a/src/api/method.js b/src/api/method.js
index d88badad..cb856747 100644
--- a/src/api/method.js
+++ b/src/api/method.js
@@ -278,7 +278,8 @@ const commonData = {
 const organizationalTree = []
 
 //嵌套页面
-const iframeUrl = window.location.protocol + process.env.VUE_APP_IFRAME_URL
+// 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/AddFaceClass.vue b/src/components/growthpath/AddFaceClass.vue
deleted file mode 100644
index d122bf7f..00000000
--- a/src/components/growthpath/AddFaceClass.vue
+++ /dev/null
@@ -1,284 +0,0 @@
-<template>
-  <div @click="openDrawer">
-    <slot></slot>
-  </div>
-  <a-drawer :visible="visible" class="drawerStyle addinvistDrawer" width="70%" title="添加面授" placement="right">
-    <div class="drawerMain">
-      <div class="header">
-        <div v-if="taskIndex>=0" class="headerTitle">编辑面授</div>
-        <div v-else class="headerTitle">添加面授</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-             @click="closeDrawer"/>
-      </div>
-      <div class="contentMain">
-        <div class="main">
-          <div class="main_left">
-            <FaceClassAll v-model:id="formData.courseId" v-model:name="formData.courseName"/>
-          </div>
-        </div>
-      </div>
-      <div class="main_btns">
-        <button class="btn2" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="confirm">确定</button>
-      </div>
-    </div>
-  </a-drawer>
-</template>
-<script setup>
-import {computed, defineEmits, defineProps, ref} from "vue";
-import {Form, message} from "ant-design-vue";
-import FaceClassAll from "@/components/drawers/FeaceClassAll.vue";
-import {useResetRef} from "@/utils/useCommon";
-
-const props = defineProps({
-  type: Number,
-  taskList: [],
-  chapterList: [],
-  infoType: Number,
-});
-const visible = ref(false);
-const formData = useResetRef({
-  courseId: "",
-  courseName: "",
-});
-const emit = defineEmits({});
-const taskIndex = ref(-1);
-const rulesRef = ref({
-  courseId: [
-    {
-      required: true,
-      message: "请选择课程",
-    },
-  ],
-  courseName: [
-    {
-      required: true,
-      message: "请选择课程",
-    },
-  ],
-});
-
-const { validate } = Form.useForm(formData, rulesRef);
-
-// const selectIds = computed(()=>props.chapterList.flatMap(t=>props.infoType===1?t.taskDraftDtoList:props.infoType===2?t.draftTaskList:t.taskTemplateList)?.filter(s=>s?.type==props.type).map(t=>t.courseId).join(',') || '')
-
-const closeDrawer = () => {
-  visible.value = false;
-  taskIndex.value = -1;
-  formData.reset();
-};
-
-async function confirm() {
-  await validate().catch(({ errorFields }) => {
-    message.warning(errorFields[0].errors.join());
-    throw Error("数据校验不通过");
-  });
-  // if (selectIds.value.includes(formData.value.courseId)) {
-  //   message.warning("本项目中已经包含此在线课！");
-  //   return;
-  // }
-
-  if (taskIndex.value === -1) {
-    const list = props.taskList;
-    list.push({
-      name: formData.value.courseName,
-      type: props.type,
-      courseId: formData.value.courseId,
-      info: { ...formData.value }
-    });
-  } else {
-    const data = props.taskList[taskIndex.value];
-    data.name = formData.value.courseName;
-    data.courseId = formData.value.courseId;
-    data.info = { ...formData.value };
-  }
-  emit("update:taskList", [...props.taskList]);
-  closeDrawer();
-}
-
-function openDrawer(i, row) {
-  row && (formData.value = {
-    courseId: row.courseId,
-    courseName: row.name
-  });
-  (i >= 0) && (taskIndex.value = i);
-  visible.value = true;
-}
-
-defineExpose({ openDrawer });
-</script>
-<style lang="scss">
-.ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
-}
-.addinvistDrawer > .ant-drawer-content-wrapper {
-    min-width: 1300px !important;
-    width: 1300px !important;
-}
-.addinvistDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-
-    .contentMain {
-      .main {
-        width: 100%;
-
-        .main_left {
-          padding-right: 30px;
-          margin-top: 32px;
-
-          .main_item {
-            display: flex;
-            align-items: center;
-
-            .fi_input {
-              margin-right: 20px;
-            }
-
-            .btns {
-              padding: 0 26px 0 26px;
-              height: 38px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              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: 0 26px 0 26px;
-              height: 38px;
-              background: #ffffff;
-              border-radius: 8px;
-              border: 1px solid rgba(64, 158, 255, 1);
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
-
-              .search {
-                width: 16px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/reset1.png");
-                background-size: 100% 100%;
-              }
-
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: #4ea6ff;
-                line-height: 36px;
-                margin-left: 5px;
-              }
-            }
-          }
-
-          .main_notice {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 3px;
-            height: 40px;
-            background-color: #e9f6fe;
-
-            .mntc_left {
-              display: flex;
-              align-items: center;
-
-              .title {
-                color: rgba(0, 0, 0, 0.65);
-                margin-right: 17px;
-              }
-
-              .data {
-                color: #4ea6ff;
-              }
-
-              .notice_icon {
-                width: 14px;
-                height: 14px;
-                margin-right: 9px;
-                margin-left: 9px;
-                background-image: url(@/assets/images/coursewareManage/gan.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .mntc_right {
-              cursor: pointer;
-            }
-          }
-        }
-      }
-    }
-
-    .main_btns {
-      height: 72px;
-      width: 100%;
-
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.16);
-
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
-
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/src/components/growthpath/AddLine.vue b/src/components/growthpath/AddLine.vue
deleted file mode 100644
index 33b60d4f..00000000
--- a/src/components/growthpath/AddLine.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 在线列表 -->
-<template>
-    <div class="main_item">
-      <div class="fi_input addfaceclass">
-        <a-input
-          v-model:value="params.offcourseNumber"
-          style="width: 220px; height: 40px; border-radius: 8px;margin-right: 32px;"
-          placeholder="请输入课程编号"
-          maxlength="20"
-        />
-        <a-input
-          v-model:value="params.courseName"
-          style="width: 220px; height: 40px; border-radius: 8px;margin-right: 32px;"
-          placeholder="请输入课程名称"
-          maxlength="20"
-        />
-        <a-tree-select
-            :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
-            v-model:value="valueproj" 
-            show-search 
-            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-            :fieldNames="{
-                children: 'children',
-                label: 'name',
-                value: 'code',
-            }"
-            placeholder="请选择内容分类" 
-            allow-clear 
-            tree-default-expand-all 
-            :tree-data="sysTypeOptions">
-        </a-tree-select>
-      </div>
-      <div class="btns" @click="search" style="margin-left: 16px;">
-        <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_notice" style="display: none">
-      <div class="mntc_left">
-        <div class="notice_icon"></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>
-    <!-- 新建面授课 -->
-    <CourseModal
-      ref="CourseModalRef"
-      v-model:xzinputV1="xzinputV1"
-      @visibleClose="visibleClose"
-    />
-  </template>
-  <script setup lang="jsx">
-  import { computed, defineEmits, defineProps, ref, watch } from "vue";
-  import { list } from "@/api/indexCourse";
-  import CourseModal from "../../views/courselibrary/courseModal.vue";
-  import {useStore} from "vuex";
-
-  const props = defineProps({
-    id: String,
-    name: String,
-  });
-  const emit = defineEmits([]);
-  const store = useStore();
-  const sysTypeOptions = computed(() => store.state.content_type);
-  const valueproj = ref(null);
-  const columns = ref([
-    {
-      title: "课程编号",
-      dataIndex: "offcourseNumber",
-      key: "offcourseNumber",
-      width: "40%",
-      ellipsis: true,
-    },
-    {
-      title: "名称",
-      dataIndex: "name",
-      key: "name",
-      width: "40%",
-      ellipsis: true,
-    },
-    {
-      title: "内容分类",
-      dataIndex: "sysTypeId",
-      key: "sysTypeId",
-      width: "20%",
-      align: "center",
-      ellipsis: true,
-      customRender: (text) => (
-        <div>
-            {sHX(text.record.sysTypeId)}
-        </div>
-      ),
-    },
-    {
-      title: "创建人",
-      dataIndex: "createName",
-      key: "createName",
-      width: "20%",
-      align: "center",
-      ellipsis: true,
-    },
-    {
-      title: "创建时间",
-      dataIndex: "createTime",
-      key: "createTime",
-      width: "20%",
-      align: "center",
-      ellipsis: true,
-    },
-  ]);
-  const initParams = {
-    courseName: "",
-    offcourseNumber: "",
-    pageNo: 1,
-    pageSize: 10,
-    releaseStatus: 2,
-  };
-  // const router = useRouter();
-  const params = ref(initParams);
-  
-  const rowSelectKeys = ref([]);
-  const selectsData = ref([]);
-  const total = ref(0);
-  const data = ref([]);
-  const loading = ref(false);
-
-  const sysTypeOption = computed(() => store.state.content_type);
-
-  function findClassFullName(list,classify,name=''){
-    return list && list.length && list.map(e=>{
-    return  classify == e.code ? name?name+'-'+e.name:e.name : findClassFullName(e.children,classify,name?name+'-'+e.name:e.name)
-    }).filter(name=>name).join('')
-  }
-
-  // 课程三级分类回显
-  const sHX = (classify) => {
-    return findClassFullName(sysTypeOption.value,classify) || '-'
-  }
-
-  const getList = () => {
-    loading.value = true
-    let objn = {
-        auditStatus: 2,
-        sysTypeId: valueproj.value,
-        offcourseNumber: params.value.offcourseNumber,
-        name: params.value.courseName,
-        pageNo: params.value.pageNo,
-        pageSize: 10,
-    };
-    console.log(objn);
-    list(objn)
-      .then((res) => {
-          console.log("获取已审核课程成功", res.data.data);
-          data.value = res.data.data.rows;
-          total.value = Number(res.data.data.total);
-          loading.value = false;
-      })
-      .catch((err) => {
-          console.log("获取已审核课程失败", err);
-          loading.value = false;
-      });
-  };
-
-  getList()   
-
-  // 新建面授课
-  const CourseModalRef = ref(null);
-
-  const visibleClose = () => {
-    getList()
-  };
-
-  watch(
-    () => props.id,
-    () => {
-      if (props.id) {
-        console.log(props)
-        rowSelectKeys.value = [props.id];
-        selectsData.value = [{ id: props.id, name: 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].name);
-    },
-  });
-  
-  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;
-    getList();
-  };
-  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) {
-    console.log(e,l)
-    rowSelectKeys.value = e;
-    selectsData.value = l;
-    console.log('112233',selectsData.value)
-    emit("update:id", selectsData.value[0].id);
-    emit("update:name", selectsData.value[0].name);
-  }
-  
-  function search() {
-    params.value.pageIndex = 1;
-    getList();
-  }
-  
-  function reset() {
-    rowSelectKeys.value = [];
-    selectsData.value = [];
-    params.value.pageIndex = 1;
-    params.value.keyWord = "";
-    params.value.courseName = "";
-    params.value.offcourseNumber = "";
-    valueproj.value = null;
-    getList();
-  }
-  
-  const goResearchmanage = () => {
-    CourseModalRef.value.visibleOpen(null, "");
-  };
-  </script>
-  <style lang="scss">
-  .addfaceclass {
-    .ant-select-selector {
-      border-radius: 8px !important;
-      align-items: center !important;
-      width: 220px !important;
-      height: 40px !important;
-      padding-top: 5px;
-      margin-right: 32px;
-    }
-
-    .ant-select-show-search {
-      width: 220px !important;
-    }
-  }
-
-  .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;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-  
-        .btn1 {
-          width: 100px;
-          height: 40px;
-          border: 1px solid #4ea6ff;
-          border-radius: 8px;
-          color: #4ea6ff;
-          background-color: #fff;
-          cursor: pointer;
-        }
-  
-        .btn2 {
-          cursor: pointer;
-          width: 100px;
-          height: 40px;
-          background: #4ea6ff;
-          border-radius: 8px;
-          border: 0;
-          margin-left: 15px;
-          color: #fff;
-        }
-      }
-    }
-  }
-  </style>
-  
\ No newline at end of file
diff --git a/src/components/growthpath/AddTest.vue b/src/components/growthpath/AddTest.vue
deleted file mode 100644
index 6d46383a..00000000
--- a/src/components/growthpath/AddTest.vue
+++ /dev/null
@@ -1,670 +0,0 @@
-<template>
-  <div @click="openDrawer">
-    <slot></slot>
-  </div>
-  <a-drawer :visible="visible" class="drawerStyle addtestDrawer" width="800" placement="right">
-    <div class="drawerMain">
-      <div class="header">
-        <div class="headerTitle">{{ taskIndex >= 0 ? "编辑" : "添加" }}考试</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer" />
-      </div>
-      <div style="display: flex; flex-direction: row; padding-top: 0px; margin-top: 20px; margin-left: 32px;">
-        <div v-if="taskIndex >= 0">
-          <button v-show="formData.examType === 1" style="width: 100px; cursor: pointer;"
-                  :class="formData.examType === 1 ? 'outer' : 'notOuter'">
-            系统考试
-          </button>
-          <button v-show="formData.examType === 2" style="width: 100px; cursor: pointer;"
-                  :class="formData.examType === 2 ? 'outer' : 'notOuter'">
-            外部考试
-          </button>
-        </div>
-        <div  v-else>
-          <button style="width: 100px; cursor: pointer;" @click="changeOuter(1)"
-                  :class="formData.examType === 1 ? 'outer' : 'notOuter'">
-            系统考试
-          </button>
-          <button  style="width: 100px; cursor: pointer;" @click="changeOuter(2)"
-                  :class="formData.examType === 2 ? 'outer' : 'notOuter'">
-            外部考试
-          </button>
-        </div>
-      </div>
-
-      <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>
-            <s-test v-if="taskIndex < 0" v-model:id="formData.examinationPaperId" v-model:name="formData.examinationTestName">
-              <div class="btnbox">
-                <button class="xkbtn" style="margin:0" >
-                  {{ formData.examinationPaperId ? "重选" : "选择" }}试卷
-                </button>
-              </div>
-            </s-test>
-            <s-test v-if="taskIndex >= 0 && isEdit==false" v-model:id="formData.examinationPaperId" v-model:name="formData.examinationTestName">
-              <div class="btnbox">
-                <button class="xkbtn" style="margin:0" >
-                  {{ formData.examinationPaperId ? "重选" : "选择" }}试卷
-                </button>
-              </div>
-            </s-test>
-          </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>
-    </div>
-  </a-drawer>
-</template>
-<script setup>
-import { defineEmits, defineProps, ref, watch } from "vue";
-import STest from "./SelectTest.vue";
-import dayjs from "dayjs";
-import { Form, message } from "ant-design-vue";
-import {useResetRef} from "@/utils/useCommon";
-import { addOrEditTask } from "@/api/growthpath";
-
-const props = defineProps({
-  type: Number,
-  taskList: [],
-  infoType: String,
-  growId: String,
-})
-const visible = ref(false)
-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 taskIndex = ref(-1);
-const dateTime = ref([]);
-let isEdit = ref(true);
-
-const { resetFields, validate } = Form.useForm(formData, rulesRef);
-watch(() => formData.value.examType, () => {
-  formData.value.examType === 1 ? rulesRef.value = innerRule : rulesRef.value = outerRule
-})
-const closeDrawer = () => {
-  editId.value = null
-  visible.value = false
-  taskIndex.value = -1
-  formData.reset()
-  dateTime.value = []
-};
-
-
-function timeChange(time, timeStr) {
-  formData.value.examinationStartTime = timeStr[0]
-  formData.value.examinationEndTime = timeStr[1]
-}
-
-const disabledDate = (current) => {
-  return current && current < dayjs().startOf('day');
-};
-
-
-// 系统考试
-async function confirm() {
-  // debugger
-  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("数据校验不通过")
-  });
-  const params = {
-    growId: props.growId,
-    name: formData.value.examinationName,
-    duration: '',
-    type: props.type,
-    taskId: editId.value,
-    info: { ...formData.value }
-  }
-  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)
-    }
-  })
-  closeDrawer()
-}
-
-const editId = ref(null)
-function openDrawer(i, row) {
-  console.log(i,row,'irow')
-  row && (props.infoType=='1'?(row.projectTaskId?row.projectTaskId==null?isEdit.value=false:isEdit.value=true:isEdit.value=false):isEdit.value=true);
-  row && resetFields(row.info);
-  row && (dateTime.value = [row.info.examinationStartTime, row.info.examinationEndTime]);
-  (i >= 0) && (taskIndex.value = i);
-  row && (editId.value = row.id)
-  if(props.taskList.length>=14&&(row==undefined||row==null)){
-    message.error('最多可添加14个任务')
-    return
-  }
-  visible.value = true
-}
-
-const delTag = () => {
-  formData.value.examinationPaperId = '';
-  formData.value.examinationTestName = '';
-}
-
-function changeOuter(v) {
-  formData.value.examType = v;
-}
-
-defineExpose({ openDrawer })
-</script>
-<style lang="scss">
-.ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
-}
-
-.addtestDrawer > .ant-drawer-content-wrapper {
-    min-width: 800px !important;
-    width: 800px !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;
-}
-
-.addtestDrawer {
-  .ant-input-number-input-wrap > .ant-input-number-input {
-    height: 40px !important;
-  }
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-shrink: 0;
-
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-
-    .contentMain {
-      display: flex;
-      justify-content: space-between;
-
-      .main_left {
-        padding-right: 30px;
-        flex: 1;
-        border-right: 1px solid #e8e8e8;
-
-        .main_item {
-          display: flex;
-          align-items: center;
-          margin-top: 32px;
-          margin-bottom: 32px;
-
-          .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;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/components/growthpath/CreateVote.vue b/src/components/growthpath/CreateVote.vue
new file mode 100644
index 00000000..9e054db9
--- /dev/null
+++ b/src/components/growthpath/CreateVote.vue
@@ -0,0 +1,180 @@
+<!-- 评估管理-创建评估页面 -->
+<template>
+  <div class="researchadd growth-create-vote">
+    <div class="main_left">
+      <div class="main_item">
+        <div class="signbox">
+          <div class="sign">
+            <img
+              src="@/assets/images/coursewareManage/asterisk.png"
+              alt="asterisk"
+            />
+          </div>
+          <span>创建题干：</span>
+        </div>
+        <div class="btnbox">
+          <button class="xkbtn" @click="handleAdd">添加题干</button>
+        </div>
+      </div>
+    </div>
+    <div v-for="(item, index) in formData" :key="index + Math.random()">
+      <VoteQuestion
+        v-if="!item.deleted"
+        :item="item"
+        :index="index"
+        @del="itemDel"
+      />
+    </div>
+
+    <div class="footer">
+      <div class="btn">
+        <a-button
+          type="primary"
+          ghost
+          style="
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            background-color: #4ea6ff;
+            color: #fff;
+          "
+          @click="closeDrawer"
+        >
+          取消
+        </a-button>
+        <a-button
+          type="primary"
+          style="
+            margin-left: 14px;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            background-color: #4ea6ff;
+          "
+          @click="confirm"
+        >
+          保存
+        </a-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, watch } from "vue";
+import VoteQuestion from "../vote/VoteQuestion.vue";
+import { message } from "ant-design-vue";
+
+const props = defineProps({
+  options: [],
+});
+
+const emit = defineEmits(["update:options", "close", "confirm"]);
+const formData = ref(
+  props.options && props.options.length
+    ? [...props.options]
+    : [
+        {
+          voteStemName: "",
+          optionDetailList: [],
+        },
+      ]
+);
+
+watch(
+  () => props.options.length,
+  () => {
+    formData.value =
+      props.options && props.options.length
+        ? [...props.options]
+        : [
+            {
+              voteStemName: "",
+              optionDetailList: [],
+            },
+          ];
+  }
+);
+
+const closeDrawer = () => {
+  formData.value =
+    props.options && props.options.length
+      ? [...props.options]
+      : [
+          {
+            voteStemName: "",
+            optionDetailList: [],
+          },
+        ];
+
+  emit("close");
+};
+
+async function confirm() {
+  console.log(formData.value);
+  if (formData.value.some((t) => !t.voteStemName && !t.deleted)) {
+    message.warning("请输入题干名称");
+    return;
+  }
+  emit("update:options", formData.value);
+  emit("confirm");
+}
+
+function handleAdd() {
+  formData.value.push({
+    voteStemName: "",
+    optionDetailList: [],
+  });
+}
+
+function itemDel(i) {
+  formData.value[i].deleted = true;
+}
+</script>
+<style lang="scss">
+.growth-create-vote > .ant-drawer-content-wrapper {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+.growth-create-vote {
+  .main_left {
+    margin-left: 50px;
+    padding-right: 30px;
+    flex: 1;
+    border-right: 1px solid #e8e8e8;
+
+    .main_item {
+      display: flex;
+      align-items: center;
+      margin: 32px 0 10px 0;
+
+      .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;
+          color: #fff;
+          margin: 0px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/EvList.vue b/src/components/growthpath/EvList.vue
new file mode 100644
index 00000000..7272527c
--- /dev/null
+++ b/src/components/growthpath/EvList.vue
@@ -0,0 +1,458 @@
+<template>
+  <div class="ev-list">
+    <div class="contentMain" v-if="data.length > 0">
+      <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.keyword"
+                style="width: 424px; height: 40px; border-radius: 8px"
+                placeholder="请输入测评名称"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="mi_btns">
+          <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_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 class="contentMain nolimits" v-else>
+      <img style="width: 700px" src="../../assets/images/evimg2.png" />
+    </div>
+  </div>
+</template>
+<script setup>
+import { computed, defineEmits, defineProps, ref, watch, onMounted } from "vue";
+import { useBoeApiPage } from "@/api/request";
+import { TEST_PAGE } from "@/api/ThirdApi";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+const props = defineProps({
+  selectId: String,
+});
+
+const emit = defineEmits(["confirm"]);
+
+const columns = ref([
+  {
+    title: "选择",
+    dataIndex: "select",
+    key: "select",
+    width: "100px",
+    align: "center",
+  },
+  {
+    title: "测评编号",
+    width: "20%",
+    dataIndex: "quiz_code",
+    key: "code",
+    ellipsis: true,
+  },
+  {
+    title: "测评名称",
+    width: "20%",
+    dataIndex: "title",
+    key: "title",
+    align: "center",
+    ellipsis: true,
+  },
+  {
+    title: "备注",
+    width: "40%",
+    dataIndex: "notes",
+    key: "content",
+    align: "center",
+    ellipsis: true,
+  },
+  {
+    title: "可答题人数",
+    width: "20%",
+    dataIndex: "quiz_range",
+    key: "time",
+    align: "center",
+    ellipsis: true,
+  },
+]);
+
+const store = useStore();
+
+const initParams = {
+  keyword: "",
+  page: 1,
+  size: 10,
+  user_id: store.state.userInfo.userId,
+  // orderAsc: true
+};
+const params = ref(initParams);
+
+const { data, loading, total, fetch } = useBoeApiPage(TEST_PAGE, params.value, {
+  init: false,
+  result: (res) => {
+    console.log("获取测评", res);
+    let newArr = [];
+    for (let i = 0; i < res.result.data.length; i++) {
+      res.result.data[i].id = res.result.data[i].quiz_kid;
+      newArr.push(res.result.data[i]);
+    }
+    return newArr;
+  },
+  totalPage: (res) => res.result.total_page_num,
+  total: (res) => res.result.count,
+});
+
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: params.value.pageIndex,
+  pageSize: params.value.pageSize,
+  onChange: changePagination,
+}));
+
+const changePagination = (e) => {
+  params.value.pageIndex = e;
+  params.value.page = e;
+  fetch();
+};
+
+function search() {
+  params.value.pageIndex = 1;
+  fetch();
+}
+// 重置
+function reset() {
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  fetch();
+}
+// 选择完成
+function confirm(record) {
+  emit("confirm", record);
+  reset();
+}
+
+// 如果是编辑先通过改方法处理数据
+const initData = (data) => {};
+defineExpose({
+  initData,
+  fetch,
+});
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.ev-list {
+  .contentMain {
+    padding-right: 12px;
+
+    .main_items {
+      display: flex;
+
+      margin-bottom: 12px;
+      flex-wrap: wrap;
+
+      .mi_ipts {
+        display: flex;
+        margin-bottom: 20px;
+
+        .mii_ipt {
+          display: flex;
+          align-items: center;
+          margin-right: 24px;
+
+          .ipt_name {
+            white-space: nowrap;
+          }
+        }
+      }
+
+      .mi_btns {
+        display: flex;
+
+        cursor: pointer;
+
+        .btn {
+          padding: 0px 26px 0px 26px;
+          height: 38px;
+          border-radius: 8px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-left: 14px;
+          flex-shrink: 0;
+
+          .search {
+            background-size: 100%;
+          }
+
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 36px;
+            margin-left: 5px;
+          }
+        }
+
+        .btn1 {
+          background: rgb(64, 158, 255);
+
+          .search {
+            width: 15px;
+            height: 17px;
+            background-image: url("@/assets/images/coursewareManage/search0.png");
+          }
+
+          .btnText {
+            color: rgb(255, 255, 255);
+          }
+        }
+
+        .btn2 {
+          background: rgb(64, 158, 255);
+
+          .search {
+            width: 15px;
+            height: 17px;
+            background-image: url("@/assets/images/coursewareManage/reset0.png");
+          }
+
+          .btnText {
+            color: rgb(255, 255, 255);
+          }
+        }
+
+        // .btn1:hover {
+        //   background: rgb(255, 255, 255);
+
+        //   .search {
+        //     background-image: url("@/assets/images/courseManage/search1.png");
+        //   }
+
+        //   .btnText {
+        //     color: #4ea6ff;
+        //   }
+        // }
+
+        // .btn2:hover {
+        //   background: rgba(64, 158, 255, 1);
+
+        //   .search {
+        //     background-image: url("@/assets/images/courseManage/reset0.png");
+        //   }
+
+        //   .btnText {
+        //     color: #ffffff;
+        //   }
+        // }
+      }
+    }
+
+    .main_notice {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 32px;
+      height: 40px;
+      background-color: #e9f6fe;
+
+      .mntc_left {
+        display: flex;
+        align-items: center;
+
+        .notice_icon {
+          width: 14px;
+          height: 14px;
+          margin-right: 9px;
+          margin-left: 9px;
+          background-image: url(@/assets/images/coursewareManage/gan.png);
+          background-size: 100% 100%;
+        }
+      }
+
+      .mntc_right {
+        cursor: pointer;
+      }
+    }
+
+    .main_table {
+      position: relative;
+      padding-bottom: 80px;
+
+      .classify {
+        margin-left: 10px !important;
+        padding-left: 9px !important;
+      }
+
+      .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;
+      }
+    }
+  }
+  .nolimits {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .limitstext1 {
+      margin-top: 30px;
+      font-size: 23px;
+      color: #333333;
+      font-weight: 600;
+    }
+    .limitstext2 {
+      margin-top: 30px;
+      font-size: 18px;
+      color: #333333;
+      font-weight: 800;
+    }
+    .limitsRow {
+      display: flex;
+      align-items: center;
+      margin-top: 20px;
+      width: 100%;
+      .limitsRowDrop {
+        width: 8px;
+        height: 8px;
+        background-color: #333333;
+        border-radius: 4px;
+        margin-left: 20px;
+        margin-right: 20px;
+        flex-shrink: 0;
+      }
+      .limitsRowText {
+        display: flex;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #333333;
+        font-weight: 400;
+        line-height: 28px;
+      }
+    }
+    .tool {
+      width: 100%;
+      border-bottom: 1px dashed rgba(0, 78, 126);
+      display: flex;
+      margin-top: 30px;
+      align-items: center;
+      padding-bottom: 30px;
+      .toolName {
+        width: 100px;
+        height: 100px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 16px;
+        font-weight: 600;
+
+        border-radius: 5px;
+        margin-left: 20px;
+        margin-right: 20px;
+      }
+      .toolEvery1 {
+        text-align: center;
+        font-size: 16px;
+        color: rgba(71, 74, 76);
+        margin-right: 12px;
+        line-height: 26px;
+      }
+    }
+  }
+
+  .main_btns {
+    height: 72px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+    .btn1 {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #4ea6ff;
+      border-radius: 8px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/FeaceClassAll.vue b/src/components/growthpath/FeaceClassAll.vue
new file mode 100644
index 00000000..d22127dc
--- /dev/null
+++ b/src/components/growthpath/FeaceClassAll.vue
@@ -0,0 +1,470 @@
+<!-- 面授列表 -->
+<template>
+  <div class="main_item">
+    <div class="fi_input face-class-all">
+      <a-input
+        v-model:value="params.offcourseNumber"
+        style="
+          width: 220px;
+          height: 40px;
+          border-radius: 8px;
+          margin-right: 32px;
+        "
+        placeholder="请输入课程编号"
+        maxlength="20"
+      />
+      <a-input
+        v-model:value="params.courseName"
+        style="
+          width: 220px;
+          height: 40px;
+          border-radius: 8px;
+          margin-right: 32px;
+        "
+        placeholder="请输入课程名称"
+        maxlength="20"
+      />
+      <a-tree-select
+        :getPopupContainer="
+          (triggerNode) => triggerNode.parentNode || document.body
+        "
+        v-model:value="valueproj"
+        show-search
+        :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+        :fieldNames="{
+          children: 'children',
+          label: 'name',
+          value: 'code',
+        }"
+        placeholder="请选择内容分类"
+        allow-clear
+        tree-default-expand-all
+        :tree-data="sysTypeOptions"
+      >
+      </a-tree-select>
+    </div>
+    <div class="btns" @click="search" style="margin-left: 16px">
+      <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_notice" style="display: none">
+    <div class="mntc_left">
+      <div class="notice_icon"></div>
+    </div>
+  </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: props.id == record.id ? '#999' : null,
+            }"
+            @click="selectData(record)"
+            >选择</a
+          >
+        </template>
+      </template>
+    </a-table>
+  </div>
+</template>
+<script setup lang="jsx">
+import {
+  computed,
+  defineEmits,
+  defineProps,
+  ref,
+  watch,
+  toRef,
+  onMounted,
+} from "vue";
+import { list } from "@/api/indexCourse";
+import { useStore } from "vuex";
+
+const props = defineProps({
+  id: String,
+  name: String,
+});
+const emit = defineEmits(["addData", "select"]);
+const store = useStore();
+const sysTypeOptions = computed(() => store.state.content_type);
+const valueproj = ref(null);
+const columns = ref([
+  {
+    title: "选择",
+    dataIndex: "select",
+    key: "select",
+    width: "100px",
+    align: "center",
+  },
+  {
+    title: "课程编号",
+    dataIndex: "offcourseNumber",
+    key: "offcourseNumber",
+    width: "40%",
+    ellipsis: true,
+  },
+  {
+    title: "名称",
+    dataIndex: "name",
+    key: "name",
+    width: "40%",
+    ellipsis: true,
+  },
+  {
+    title: "内容分类",
+    dataIndex: "sysTypeId",
+    key: "sysTypeId",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+    customRender: (text) => <div>{sHX(text.record.sysTypeId)}</div>,
+  },
+  {
+    title: "创建人",
+    dataIndex: "createName",
+    key: "createName",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+  },
+]);
+const initParams = {
+  courseName: "",
+  offcourseNumber: "",
+  pageNo: 1,
+  pageSize: 10,
+  releaseStatus: 2,
+};
+// const router = useRouter();
+const params = ref(initParams);
+
+const total = ref(0);
+const data = ref([]);
+const loading = ref(false);
+
+const sysTypeOption = computed(() => store.state.content_type);
+
+function findClassFullName(list, classify, name = "") {
+  return (
+    list &&
+    list.length &&
+    list
+      .map((e) => {
+        return classify == e.code
+          ? name
+            ? name + "-" + e.name
+            : e.name
+          : findClassFullName(
+              e.children,
+              classify,
+              name ? name + "-" + e.name : e.name
+            );
+      })
+      .filter((name) => name)
+      .join("")
+  );
+}
+
+// 课程三级分类回显
+const sHX = (classify) => {
+  return findClassFullName(sysTypeOption.value, classify) || "-";
+};
+
+const getList = () => {
+  loading.value = true;
+  let objn = {
+    auditStatus: 2,
+    sysTypeId: valueproj.value,
+    offcourseNumber: params.value.offcourseNumber,
+    name: params.value.courseName,
+    pageNo: params.value.pageNo,
+    pageSize: 10,
+  };
+  console.log(objn);
+  list(objn)
+    .then((res) => {
+      console.log("获取已审核课程成功", res.data.data);
+      data.value = res.data.data.rows;
+      total.value = Number(res.data.data.total);
+      loading.value = false;
+    })
+    .catch((err) => {
+      console.log("获取已审核课程失败", err);
+      loading.value = false;
+    });
+};
+
+getList();
+
+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;
+  getList();
+};
+
+function search() {
+  params.value.pageIndex = 1;
+  getList();
+}
+
+function reset() {
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  params.value.courseName = "";
+  params.value.offcourseNumber = "";
+  valueproj.value = null;
+  getList();
+}
+
+const goResearchmanage = () => {
+  emit("addData");
+};
+function selectData(row) {
+  if (row.id == props.id) return;
+  emit("select", row);
+}
+defineExpose({ getList });
+</script>
+<style lang="scss">
+.face-class-all {
+  .ant-select-selector {
+    border-radius: 8px !important;
+    align-items: center !important;
+    width: 220px !important;
+    height: 40px !important;
+    padding-top: 5px;
+    margin-right: 32px;
+  }
+
+  .ant-select-show-search {
+    width: 220px !important;
+  }
+}
+
+.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;
+}
+
+.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: 0px !important;
+
+    .ant-checkbox-wrapper {
+      align-items: center;
+      margin-top: -2px;
+    }
+
+    .ant-table-selection-column {
+      padding: 0px !important;
+      padding-left: 5px !important;
+    }
+
+    .ant-table-thead > tr > th {
+      background-color: rgba(239, 244, 252, 1);
+    }
+
+    th.h {
+      background-color: #eff4fc !important;
+    }
+
+    .ant-table-tbody
+      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      > td {
+      background: #f6f9fd;
+    }
+
+    .pa {
+      left: 0;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      position: absolute;
+      bottom: 20px;
+    }
+  }
+
+  .main_btns {
+    height: 72px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+    .btn1 {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #4ea6ff;
+      border-radius: 8px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthActive.vue b/src/components/growthpath/GrowthActive.vue
new file mode 100644
index 00000000..caa402b4
--- /dev/null
+++ b/src/components/growthpath/GrowthActive.vue
@@ -0,0 +1,550 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-active"
+    width="800"
+    title="添加活动"
+    placement="right"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">
+          {{ taskIndex >= 0 ? "编辑" : "添加" }}活动
+        </div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">活动名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="formData.activityName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入活动名称"
+                maxlength="20"
+              />
+            </div>
+          </div>
+
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">活动时间：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+                :show-time="{ format: 'HH:mm' }"
+                format="YYYY-MM-DD HH:mm"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                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="btnbox">
+              <a-input-number
+                :min="0"
+                :max="999999"
+                :precision="0"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                :placeholder="durationText"
+                v-model:value="formData.activityDuration"
+              />
+              <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
+                v-model:value="formData.activityAddress"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入活动地点"
+                maxlength="100"
+              />
+            </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.activityNotice"
+                placeholder="请输入活动公告"
+                allow-clear
+                :rows="6"
+                show-count
+                :maxlength="200"
+              />
+            </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.activityExplain"
+                placeholder="请输入活动说明"
+                allow-clear
+                :rows="6"
+                show-count
+                :maxlength="200"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">考勤设置：</span>
+            </div>
+            <div class="kqszbox">
+              <div class="qdqtbox">
+                <div class="qdbtn">
+                  <div class="btntext">签到</div>
+                </div>
+              </div>
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>活动开始前：</span>
+                  <a-input-number
+                    :min="0"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 88px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.beforeSignIn"
+                  />
+                  <span style="color: #999999; margin-left: 8px"
+                    >分钟允许签到</span
+                  >
+                </div>
+                <div class="timerbox">
+                  <span>活动开始后：</span>
+                  <a-input-number
+                    :min="0"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 88px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.afterSignIn"
+                  />
+                  <span style="color: #999999; margin-left: 8px"
+                    >分钟允许签到</span
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="main_item" style="height: 40px">
+            <div class="signbox">
+              <span style="margin-right: 3px"></span>
+            </div>
+            <div class="btnbox"></div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn2" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="confirm">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import { computed, defineEmits, defineProps, ref } from "vue";
+import { Form, message } from "ant-design-vue";
+import dayjs from "dayjs";
+import { useResetRef } from "@/utils/useCommon";
+
+const props = defineProps({
+  type: Number,
+  taskList: [],
+});
+const visible = ref(false);
+const formData = useResetRef({
+  activityName: "",
+  activityNotice: "",
+  activityStartTime: "",
+  activityEndTime: "",
+  activityDuration: "",
+  activityAddress: "",
+  activityExplain: "",
+  beforeSignIn: "",
+  afterSignIn: "",
+});
+const emit = defineEmits({});
+const taskIndex = ref(-1);
+const dateTime = ref([]);
+const rulesRef = ref({
+  activityName: [
+    {
+      required: true,
+      message: "请输入活动名称",
+    },
+  ],
+  activityNotice: [
+    {
+      required: true,
+      message: "请输入活动公告",
+    },
+  ],
+  activityStartTime: [
+    {
+      required: true,
+      message: "请输入活动开始时间",
+    },
+  ],
+  activityEndTime: [
+    {
+      required: true,
+      message: "请输入活动结束时间",
+    },
+  ],
+  // activityDuration: [
+  //   {
+  //     required: true,
+  //     message: '请输入持续时间',
+  //   },
+  // ],
+  activityAddress: [
+    {
+      required: true,
+      message: "请输入活动地址",
+    },
+  ],
+});
+
+const { validate } = Form.useForm(formData, rulesRef);
+const durationText = computed(() =>
+  dateTime.value?.length
+    ? dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]), "minute")
+    : "请输入持续时间"
+);
+
+const closeDrawer = () => {
+  visible.value = false;
+  taskIndex.value = -1;
+  dateTime.value = [];
+  formData.reset();
+};
+
+function timeChange(time, timeStr) {
+  formData.value.activityStartTime = timeStr[0];
+  formData.value.activityEndTime = timeStr[1];
+  // formData.value.activityDuration || (formData.value.activityDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+}
+
+const disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+
+async function confirm() {
+  // debugger
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  if (taskIndex.value === -1) {
+    const list = props.taskList;
+    list.push({
+      name: formData.value.activityName,
+      type: props.type,
+      duration: dayjs(formData.value.activityEndTime).diff(
+        formData.value.activityStartTime,
+        "minutes"
+      ),
+      info: { ...formData.value },
+    });
+  } else {
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.activityName;
+    data.info = { ...formData.value };
+    data.duration = dayjs(formData.value.activityEndTime).diff(
+      formData.value.activityStartTime,
+      "minutes"
+    );
+  }
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
+}
+
+function openDrawer(i, row) {
+  row && (formData.value = { ...row.info });
+  row &&
+    (dateTime.value = [
+      dayjs(row.info.activityStartTime, "YYYY-MM-DD HH:mm"),
+      dayjs(row.info.activityEndTime, "YYYY-MM-DD HH:mm"),
+    ]);
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.growth-active > .ant-drawer-content-wrapper {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+
+.growth-active {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+
+      .ant-input {
+        height: 88px;
+        width: 384px;
+        border-radius: 8px;
+      }
+
+      .ant-picker {
+        border-radius: 8px;
+      }
+
+      .main_left {
+        margin-top: 0px;
+        padding-right: 30px;
+        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: 5px;
+              cursor: pointer;
+            }
+
+            .qdbtn,
+            .qtbtn {
+              width: 75px;
+              height: 24px;
+              background: rgba(56, 139, 225, 0.16);
+              border-radius: 2px;
+              border: 1px solid #387df7;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+
+              .btntext {
+                color: #387df7;
+              }
+            }
+
+            .setbox {
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+
+              .timerbox {
+                margin-top: 22px;
+                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_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthAssessment.vue b/src/components/growthpath/GrowthAssessment.vue
new file mode 100644
index 00000000..2a2a0a58
--- /dev/null
+++ b/src/components/growthpath/GrowthAssessment.vue
@@ -0,0 +1,391 @@
+<!-- 评估列表 -->
+<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="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>
+  </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 { useRouter } from "vue-router";
+import { useRowsPage } from "@/api/request";
+import { ASSESSMENT_PAGE } from "@/api/apis";
+
+const props = defineProps({
+  id: String,
+  name: String,
+});
+const emit = defineEmits([]);
+const columns = ref([
+  {
+    title: "名称",
+    dataIndex: "assessmentName",
+    key: "assessmentName",
+    width: "40%",
+    ellipsis: true,
+  },
+  {
+    title: "题数",
+    dataIndex: "num",
+    key: "num",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+    customRender: (text) => {
+      return (
+        <div class="racona">
+          <span>
+            {" "}
+            {text.record.essayQuestionVoList.length +
+              text.record.multipleStemVoList.length +
+              text.record.scoringQuestionVoList.length +
+              text.record.singleStemVoList.length}
+          </span>
+        </div>
+      );
+    },
+  },
+  {
+    title: "创建人",
+    dataIndex: "createName",
+    key: "createName",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+    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);
+}
+
+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;
+      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/AddCase.vue b/src/components/growthpath/GrowthCase.vue
similarity index 65%
rename from src/components/growthpath/AddCase.vue
rename to src/components/growthpath/GrowthCase.vue
index 989d817c..29f8a6f2 100644
--- a/src/components/growthpath/AddCase.vue
+++ b/src/components/growthpath/GrowthCase.vue
@@ -1,5 +1,5 @@
 <template>
-  <div @click="openDrawer">
+  <div @click="openDrawer()">
     <slot></slot>
   </div>
   <a-drawer
@@ -56,45 +56,8 @@
             </div>
           </div>
         </div>
-        <div
-          class="main_notice"
-          v-if="taskIndex >= 0"
-          style="
-            background-color: #e9f6fe;
-            height: 40px;
-            display: flex;
-            align-items: center;
-          "
-        >
-          <div class="mntc_left" v-if="selectedRows">
-            <div class="notice_icon"></div>
-            <div>
-              <div>
-                <span class="title"
-                  >已选择
-                  <span class="data" style="color: #4ea6ff">{{ 1 }}</span>
-                  条&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
-                >
-                <span class="title"
-                  >案例标题：
-                  <span
-                    class="data"
-                    style="color: #4ea6ff; margin-right: 15px"
-                    >{{
-                      selectedRows?.name
-                        ? selectedRows?.name
-                        : selectedRows?.title
-                    }}</span
-                  >
-                </span>
-              </div>
-            </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)
@@ -104,14 +67,21 @@
             :data-source="data"
             :loading="loading"
             :pagination="pagination"
-            :row-selection="rowSelection"
-          />
+          >
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.dataIndex === 'select'">
+                <a
+                  :style="{
+                    color: selectedRows?.taskId == record.id ? '#999' : null,
+                  }"
+                  @click="confirm(record)"
+                  >选择</a
+                >
+              </template>
+            </template>
+          </a-table>
         </div>
       </div>
-      <div class="main_btns">
-        <button class="btn2" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="confirm">确定</button>
-      </div>
     </div>
   </a-drawer>
 </template>
@@ -120,23 +90,29 @@ import { computed, defineEmits, defineProps, ref, watch } from "vue";
 import { useBoeApiPage } from "@/api/request";
 import { CASE_PAGE } from "@/api/ThirdApi";
 import { message } from "ant-design-vue";
-import {useResetRef} from "@/utils/useCommon";
-import {addOrEditTask} from "@/api/growthpath";
+import { useResetRef } from "@/utils/useCommon";
+import { saveTask } from "@/api/growthpath";
 const props = defineProps({
   type: Number,
-  taskList: [],
   growId: String,
+  activeKey: String,
 });
 const visible = ref(false);
-const emit = defineEmits({});
+const emit = defineEmits(["refresh"]);
 
 const columns = ref([
+  {
+    title: "选择",
+    dataIndex: "select",
+    key: "select",
+    width: "100px",
+    align: "center",
+  },
   {
     title: "案例标题",
     dataIndex: "title",
     key: "title",
     width: "400px",
-    ellipsis: true,
   },
   {
     title: "作者名称",
@@ -154,10 +130,6 @@ const params = useResetRef({
   orderAsc: true,
 });
 
-const rowSelectKeys = ref([]);
-const selectsData = ref([]);
-const taskIndex = ref(-1);
-
 const { data, loading, total, fetch } = useBoeApiPage(CASE_PAGE, params.value, {
   init: false,
   result: (res) => res.result.list,
@@ -165,23 +137,6 @@ const { data, loading, total, fetch } = useBoeApiPage(CASE_PAGE, params.value, {
   total: (res) => res.result.count,
 });
 
-watch(taskIndex, () => {
-  if (taskIndex.value >= 0) {
-    rowSelectKeys.value = [props.taskList[taskIndex.value].courseId];
-    selectsData.value =
-      data.value.find(
-        (t) => t.id === props.taskList[taskIndex.value].courseId
-      ) || {};
-  }
-});
-
-const customRow = (record) => ({
-  onClick: () => {
-    rowSelectKeys.value = [record.id];
-    selectsData.value = [record];
-  },
-});
-
 const pagination = computed(() => ({
   total: total.value,
   showSizeChanger: false,
@@ -194,25 +149,6 @@ const changePagination = (e) => {
   params.value.pageIndex = 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;
-  selectedRows.value = l[0];
-  console.log("llllllllll", l);
-  console.log("selectedRows", selectedRows);
-}
 
 function search() {
   params.value.pageIndex = 1;
@@ -220,57 +156,41 @@ function search() {
 }
 
 function reset() {
-  rowSelectKeys.value = [];
-  selectsData.value = [];
-  params.reset()
+  params.reset();
   fetch();
 }
 
 const closeDrawer = () => {
   visible.value = false;
-  taskIndex.value = -1;
-  selectedRows.value = null;
-  taskId.value = null
+  selectedRows.value = {};
   reset();
 };
 
-function confirm() {
-  if (!selectsData.value.length || !rowSelectKeys.value.length) {
-    message.warning("请选择案例！");
-    return;
+async function confirm(row) {
+  // 新增
+  if (!selectedRows?.value?.id) {
+    await saveTask({
+      growthId: props.growId,
+      taskName: row.title,
+      taskType: props.type,
+      taskId: row.id,
+      type: props.activeKey,
+    });
+    message.success("添加成功");
+  } else {
+    // 编辑
+    selectedRows.value.taskName = row.title;
+    selectedRows.value.taskId = row.id;
+    await saveTask(selectedRows.value);
+    message.success("编辑成功");
   }
-  const params = {
-    id: taskId.value,
-    growId: props.growId,
-    name: selectsData.value[0].title,
-    type: props.type,
-    courseId: selectsData.value[0].id,
-    info: { ...selectsData.value[0] },
-  }
-  addOrEditTask(params).then(res=>{
-    if(res.data.code == 200){
-      if(params.id){
-        message.success('编辑成功')
-      }else{
-        message.success('添加成功')
-      }
-      emit('dataListUp', true)
-    }else{
-      message.error(res.msg)
-    }
-  })
-  // emit("update:taskList", [...props.taskList]);
   closeDrawer();
+  emit("refresh");
 }
-const taskId = ref(null)
-let selectedRows = ref(null);
-function openDrawer(i, row) {
-  row && (rowSelectKeys.value = [row.info]);
-  row && (selectsData.value = [{ title: row.name, id: row.courseId }]);
-  row && (taskId.value = row.id);
-  i >= 0 && (taskIndex.value = i);
+let selectedRows = ref({});
+function openDrawer(row) {
+  row && (selectedRows.value = row);
   visible.value = true;
-  selectedRows.value = row;
 }
 
 defineExpose({ openDrawer });
@@ -280,8 +200,8 @@ defineExpose({ openDrawer });
   background-color: #fafafa !important;
 }
 .addcaseDrawer > .ant-drawer-content-wrapper {
-    min-width: 1300px !important;
-    width: 1300px !important;
+  min-width: 1300px !important;
+  width: 1300px !important;
 }
 .addcaseDrawer {
   .drawerMain {
@@ -412,7 +332,7 @@ defineExpose({ openDrawer });
 
       .main_table {
         position: relative;
-        padding-bottom: 80px;
+        padding-bottom: 0 !important;
 
         .ant-checkbox-wrapper {
           align-items: center;
@@ -485,31 +405,5 @@ defineExpose({ openDrawer });
       }
     }
   }
-  .main_notice {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 3px;
-    height: 40px;
-    background-color: #e9f6fe;
-
-    .mntc_left {
-      display: flex;
-      align-items: center;
-
-      .notice_icon {
-        width: 14px;
-        height: 14px;
-        margin-right: 9px;
-        margin-left: 9px;
-        background-image: url(@/assets/images/coursewareManage/gan.png);
-        background-size: 100% 100%;
-      }
-    }
-
-    .mntc_right {
-      cursor: pointer;
-    }
-  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/growthpath/GrowthCommonStudent.vue b/src/components/growthpath/GrowthCommonStudent.vue
index e394e32b..f1188803 100644
--- a/src/components/growthpath/GrowthCommonStudent.vue
+++ b/src/components/growthpath/GrowthCommonStudent.vue
@@ -2,39 +2,62 @@
 <!-- eslint-disable vue/require-v-for-key -->
 <template>
   <div class="CommonStudent">
-    <a-drawer :visible="visiable" class="drawerStyle ProjCheckship CommonStudent" placement="right" width="60%">
+    <a-drawer
+      :visible="visiable"
+      class="drawerStyle ProjCheckship CommonStudent"
+      placement="right"
+      width="60%"
+    >
       <div class="drawerMain" id="ProjCheckship" style="">
         <div class="header">
           <div class="headerTitle">
             {{ { 1: "添加学员", 2: "添加学员", 3: "添加学员" }[type] || title }}
           </div>
-          <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-               @click="closeDrawer"/>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
         </div>
-        <div style="display: flex; overflow-x: auto; overflow-y: auto">
+        <div class="drawer-content" style="">
           <div class="tabs" style="min-width: 800px">
             <a-tabs v-model:activeKey="activeKey">
               <a-tab-pane v-if="infoType" :key="4" tab="项目内学员">
                 <div :style="{ height: screenHeight - 235 + 'px' }">
                   <div>
                     <a-form-item label="姓名：">
-                      <a-input v-model:value="projectParams.studentName"
-                               style="width: 260px; height: 40px; border-radius: 8px"
-                               placeholder="请输入姓名"/>
-                      <a-button type="primary" @click="getProjectStu" style="margin-left: 20px; border-radius: 4px">
+                      <a-input
+                        v-model:value="projectParams.studentName"
+                        style="width: 260px; height: 40px; border-radius: 8px"
+                        placeholder="请输入姓名"
+                      />
+                      <a-button
+                        type="primary"
+                        @click="getProjectStu"
+                        style="margin-left: 20px; border-radius: 4px"
+                      >
                         <template #icon>
-                          <SearchOutlined/>
+                          <SearchOutlined />
                         </template>
                         搜索
                       </a-button>
-                      <a-button type="primary" @click="resetProjectStu" style="margin-left: 20px; border-radius: 4px">重置
+                      <a-button
+                        type="primary"
+                        @click="resetProjectStu"
+                        style="margin-left: 20px; border-radius: 4px"
+                        >重置
                       </a-button>
                     </a-form-item>
                   </div>
                   <div class="tableBox tabb">
-                    <BaseTable ref="projectStuTableRef" :columns="projectStuColumns" :url="STUDENT_LIST"
-                               v-model:params="projectParams" v-model:selectedRows="projectSelectRows"
-                               type="checkbox"></BaseTable>
+                    <BaseTable
+                      ref="projectStuTableRef"
+                      :columns="projectStuColumns"
+                      :url="STUDENT_LIST"
+                      v-model:params="projectParams"
+                      v-model:selectedRows="projectSelectRows"
+                      type="checkbox"
+                    ></BaseTable>
                   </div>
                 </div>
               </a-tab-pane>
@@ -42,42 +65,77 @@
                 <div :style="{ height: screenHeight - 235 + 'px' }">
                   <div class="tab1">
                     <a-form-item label="姓名">
-                      <a-input v-model:value="nameSearch.keyword" style="width: 270px; height: 40px; border-radius: 8px"
-                               placeholder="请输入姓名"/>
-                      <a-button type="primary" @click="onSearchStu" style="margin-left: 20px; border-radius: 4px">
+                      <a-input
+                        v-model:value="nameSearch.keyword"
+                        style="width: 270px; height: 40px; border-radius: 8px"
+                        placeholder="请输入姓名"
+                      />
+                      <a-button
+                        type="primary"
+                        @click="onSearchStu"
+                        style="margin-left: 20px; border-radius: 4px"
+                      >
                         <template #icon>
-                          <SearchOutlined/>
+                          <SearchOutlined />
                         </template>
                         搜索
                       </a-button>
-                      <a-button type="primary" @click="resetStu" style="margin-left: 20px; border-radius: 4px">重置
+                      <a-button
+                        type="primary"
+                        @click="resetStu"
+                        style="margin-left: 20px; border-radius: 4px"
+                        >重置
                       </a-button>
                     </a-form-item>
                   </div>
-                  <div class="chooseLeft" style="display: grid; grid-template-columns: 250px auto">
-                    <div :style="{
-                      height: screenHeight - 180 + 'px',
-                      overflowY: 'auto',
-                    }" style="border: 1px solid #f0f0f0">
+                  <div
+                    class="chooseLeft"
+                    style="display: grid; grid-template-columns: 250px auto"
+                  >
+                    <div
+                      :style="{
+                        height: screenHeight - 180 + 'px',
+                        overflowY: 'auto',
+                      }"
+                      style="border: 1px solid #f0f0f0"
+                    >
                       <div class="tree" style="margin: 10px 4px 220px 10px">
-                        <a-tree allow-clear tree-default-expand-all :tree-data="treeData" :loading="orgLoading"
-                                :load-data="onLoadData" v-model:selectedKeys="stuTreeSelectKeys"
-                                v-model:expandedKeys="stuTreeExpandedKeys" :fieldNames="{
+                        <a-tree
+                          allow-clear
+                          tree-default-expand-all
+                          :tree-data="treeData"
+                          :loading="orgLoading"
+                          :load-data="onLoadData"
+                          v-model:selectedKeys="stuTreeSelectKeys"
+                          v-model:expandedKeys="stuTreeExpandedKeys"
+                          :fieldNames="{
                             children: 'treeChildList',
                             key: 'id',
                             title: 'name',
                             value: 'name',
-                          }" @select="stuStuOrgSelect">
+                          }"
+                          @select="stuStuOrgSelect"
+                        >
                         </a-tree>
                       </div>
                     </div>
-                    <div class="tableBox tabb" style="
-                                    margin: 0px 4px 120px 10px;
-                                    border: 1px solid #f0f0f0;
-                                  ">
-                      <BaseTable ref="stuTableRef" :columns="stuColumns" :url="USER_LIST_PAGE" pageKey="pageNo"
-                                 v-model:params="nameSearch" :request="useNewRowsPageNoInit"
-                                 v-model:selectedRows="stuSelectRows" type="checkbox"></BaseTable>
+                    <div
+                      class="tableBox tabb"
+                      style="
+                        margin: 0px 4px 120px 10px;
+                        border: 1px solid #f0f0f0;
+                      "
+                    >
+                      <BaseTable
+                        ref="stuTableRef"
+                        :columns="stuColumns"
+                        :url="USER_LIST_PAGE"
+                        pageKey="pageNo"
+                        v-model:params="nameSearch"
+                        :request="useNewRowsPageNoInit"
+                        v-model:selectedRows="stuSelectRows"
+                        type="checkbox"
+                      ></BaseTable>
                     </div>
                   </div>
                 </div>
@@ -86,28 +144,47 @@
                 <div :style="{ height: screenHeight - 235 + 'px' }">
                   <div class="tab2">
                     <a-form-item label="组织：">
-                      <a-input v-model:value="searchOrgName.keyword"
-                               style="width: 230px; height: 40px; border-radius: 8px" placeholder="请输入组织"
-                               @click="orgValue"/>
-                      <a-button type="primary" @click="searchOrg" style="margin-left: 20px; border-radius: 4px">
+                      <a-input
+                        v-model:value="searchOrgName.keyword"
+                        style="width: 230px; height: 40px; border-radius: 8px"
+                        placeholder="请输入组织"
+                        @click="orgValue"
+                      />
+                      <a-button
+                        type="primary"
+                        @click="searchOrg"
+                        style="margin-left: 20px; border-radius: 4px"
+                      >
                         <template #icon>
-                          <SearchOutlined/>
+                          <SearchOutlined />
                         </template>
                         搜索
                       </a-button>
-                      <a-button type="primary" @click="resetOrg" style="margin-left: 20px; border-radius: 4px">重置
+                      <a-button
+                        type="primary"
+                        @click="resetOrg"
+                        style="margin-left: 20px; border-radius: 4px"
+                        >重置
                       </a-button>
                     </a-form-item>
                   </div>
                   <div class="boeTree">
-                    <a-tree v-model:selectedKeys="selectedOrgKeys"
-                            :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
-                            :loading="orgOrgLoading" :load-data="onLoadOrgData" :fieldNames="{
+                    <a-tree
+                      v-model:selectedKeys="selectedOrgKeys"
+                      :tree-data="searchOrgName.keyword ? orgData : treeOrgData"
+                      @select="onOrgSelectChange"
+                      :loading="orgOrgLoading"
+                      :load-data="onLoadOrgData"
+                      :fieldNames="{
                         children: 'treeChildList',
                         key: 'id',
                         title: 'name',
                         value: 'name',
-                      }" row-key="id" :row-selection="orgRowSelection" multiple>
+                      }"
+                      row-key="id"
+                      :row-selection="orgRowSelection"
+                      multiple
+                    >
                     </a-tree>
                   </div>
                 </div>
@@ -116,25 +193,42 @@
                 <div :style="{ height: screenHeight - 235 + 'px' }">
                   <div>
                     <a-form-item label="受众名称：">
-                      <a-input v-model:value="audienceName.keyword"
-                               style="width: 260px; height: 40px; border-radius: 8px"
-                               placeholder="请输入受众名称"/>
-                      <a-button type="primary" @click="searchAudi" style="margin-left: 20px; border-radius: 4px">
+                      <a-input
+                        v-model:value="audienceName.keyword"
+                        style="width: 260px; height: 40px; border-radius: 8px"
+                        placeholder="请输入受众名称"
+                      />
+                      <a-button
+                        type="primary"
+                        @click="searchAudi"
+                        style="margin-left: 20px; border-radius: 4px"
+                      >
                         <template #icon>
-                          <SearchOutlined/>
+                          <SearchOutlined />
                         </template>
                         搜索
                       </a-button>
-                      <a-button type="primary" @click="resetAudienceInfo" style="margin-left: 20px; border-radius: 4px">
+                      <a-button
+                        type="primary"
+                        @click="resetAudienceInfo"
+                        style="margin-left: 20px; border-radius: 4px"
+                      >
                         重置
                       </a-button>
                     </a-form-item>
                   </div>
                   <div class="tableBox tabb">
-                    <BaseTable ref="auditTableRef" :columns="audiColums" :url="AUDIENCE_LIST" page-key="pageNo"
-                               v-model:params="audienceName" :request="useTotalPage"
-                               v-model:selectedRows="auditSelectRows" v-model:selectedRowKeys="auditSelectRowKeys"
-                               type="checkbox"></BaseTable>
+                    <BaseTable
+                      ref="auditTableRef"
+                      :columns="audiColums"
+                      :url="AUDIENCE_LIST"
+                      page-key="pageNo"
+                      v-model:params="audienceName"
+                      :request="useTotalPage"
+                      v-model:selectedRows="auditSelectRows"
+                      v-model:selectedRowKeys="auditSelectRowKeys"
+                      type="checkbox"
+                    ></BaseTable>
                   </div>
                 </div>
               </a-tab-pane>
@@ -146,7 +240,10 @@
                 <div class="already">已选</div>
               </div>
             </div>
-            <div :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto">
+            <div
+              :style="{ 'max-height': screenHeight - 235 + 'px' }"
+              style="overflow-y: auto; padding-bottom: 10px"
+            >
               <div class="selecteds" v-if="infoType">
                 <div class="person">项目内学员</div>
                 <div v-for="(item, i) in projectSelectRows" :key="i">
@@ -165,10 +262,16 @@
                     </div>
                   </div>
                 </div>
-                <div v-if="!member && projectSelectRows?.length > 10" class="ifsw">
+                <div
+                  v-if="!member && projectSelectRows?.length > 10"
+                  class="ifsw"
+                >
                   <div @click="member = !member" class="“sw”">查看更多></div>
                 </div>
-                <div v-if="member && projectSelectRows?.length > 10" class="ifsw">
+                <div
+                  v-if="member && projectSelectRows?.length > 10"
+                  class="ifsw"
+                >
                   <div @click="member = !member" class="sw">收起&lt;</div>
                 </div>
               </div>
@@ -203,7 +306,11 @@
                   <div v-if="i < 11">
                     <div class="chose1">
                       <div class="span">{{ item.name }}</div>
-                      <div class="ch1" @click="orgDel(i)" style="cursor: pointer;"></div>
+                      <div
+                        class="ch1"
+                        @click="orgDel(i)"
+                        style="cursor: pointer"
+                      ></div>
                     </div>
                   </div>
                   <div v-else>
@@ -261,8 +368,15 @@
       <slot></slot>
     </a-button>
   </div>
-  <a-modal :style="{ padding: 0, position:'relative', right: '-20%' }" :closable="true" :visible="stageVisible"
-           :footer="null" centered="true" @ok="handleStageOk" wrapClassName="changeModal">
+  <a-modal
+    :style="{ padding: 0, position: 'relative', right: '-20%' }"
+    :closable="true"
+    :visible="stageVisible"
+    :footer="null"
+    centered="true"
+    @ok="handleStageOk"
+    wrapClassName="changeModal"
+  >
     <div class="con">
       <div class="header">
         <div class="inhe">
@@ -273,18 +387,36 @@
       <div class="mid">
         <div class="inher">
           <div class="select">
-            <a-select style="width: 400px" :placeholder="type === 1 ? '选择阶段' : '选择关卡'" v-model:value="stageId"
-                      className="cus-select">
-              <a-select-option v-for="(item, i) in stageIds" :key="i" :value="item.id">{{ item.name || "默认" }}
+            <a-select
+              style="width: 400px"
+              :placeholder="type === 1 ? '选择阶段' : '选择关卡'"
+              v-model:value="stageId"
+              className="cus-select"
+            >
+              <a-select-option
+                v-for="(item, i) in stageIds"
+                :key="i"
+                :value="item.id"
+                >{{ item.name || "默认" }}
               </a-select-option>
             </a-select>
           </div>
-          <span style="color: #999999; margin-left: 10px"><minus-circle-outlined/>已在其他关卡的学员，不会被添加到该关卡</span>
+          <span style="color: #999999; margin-left: 10px"
+            ><minus-circle-outlined />已在其他关卡的学员，不会被添加到该关卡</span
+          >
           <div class="btn" style="margin-top: 50px">
-            <button class="sameb btn1" @click="closeChangeModal" style="cursor: pointer">
+            <button
+              class="sameb btn1"
+              @click="closeChangeModal"
+              style="cursor: pointer"
+            >
               取消
             </button>
-            <button class="sameb btn2" @click="handleDialogOk" style="cursor: pointer">
+            <button
+              class="sameb btn2"
+              @click="handleDialogOk"
+              style="cursor: pointer"
+            >
               确定
             </button>
           </div>
@@ -294,15 +426,24 @@
   </a-modal>
 </template>
 <script setup>
-import {message} from "ant-design-vue";
-import {computed, defineEmits, defineProps, ref, watch} from "vue";
-import {useNewRowsPageNoInit, request, useRequest, useTotalPage} from "@/api/request";
+import { message } from "ant-design-vue";
+import { computed, defineEmits, defineProps, ref, watch } from "vue";
 import {
-  saveStu,
-} from "@/api/index1";
+  useNewRowsPageNoInit,
+  request,
+  useRequest,
+  useTotalPage,
+} from "@/api/request";
+import { saveStu } from "@/api/index1";
 import dialog from "@/utils/dialog";
 import BaseTable from "@/components/common/BaseTable";
-import {AUDIENCE_LIST, ORG_CHILD_LIST, ORG_LIST, STUDENT_LIST, USER_LIST_PAGE} from "@/api/apis";
+import {
+  AUDIENCE_LIST,
+  ORG_CHILD_LIST,
+  ORG_LIST,
+  STUDENT_LIST,
+  USER_LIST_PAGE,
+} from "@/api/apis";
 
 const emit = defineEmits({});
 const props = defineProps({
@@ -369,7 +510,11 @@ const member = ref(false);
 const dept = ref(false);
 const projectStuTableRef = ref();
 const stuTableRef = ref();
-const projectParams = ref({ pid: props.infoId, type: props.infoType, studentName: "" });
+const projectParams = ref({
+  pid: props.infoId,
+  type: props.infoType,
+  studentName: "",
+});
 
 const getProjectStu = () => projectStuTableRef.value.fetch();
 const resetProjectStu = () => {
@@ -386,7 +531,7 @@ const stageId = ref();
 
 const nameSearch = ref({
   keyword: "",
-  departId: '',
+  departId: "",
 });
 const stuTreeSelectKeys = ref([]);
 const stuTreeExpandedKeys = ref([]);
@@ -402,16 +547,14 @@ const stageIds = computed(() => props.stage);
 
 const { data: orgData, fetchData: searchOrg } = useRequest(
   ORG_LIST,
-    searchOrgName.value,
-);
-const { data: treeData, loading: orgLoading } = useRequest(
-  ORG_LIST,
-  { keyword: "" },
-);
-const { data: treeOrgData, loading: orgOrgLoading } = useRequest(
-  ORG_LIST,
-  { keyword: "" },
+  searchOrgName.value
 );
+const { data: treeData, loading: orgLoading } = useRequest(ORG_LIST, {
+  keyword: "",
+});
+const { data: treeOrgData, loading: orgOrgLoading } = useRequest(ORG_LIST, {
+  keyword: "",
+});
 
 const projectStuColumns = ref([
   {
@@ -571,7 +714,9 @@ watch(selectedOrgKeys, () => {
 });
 
 function orgDel(i) {
-  orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== deptList.value[i].id);
+  orgSelectKeys.value = orgSelectKeys.value.filter(
+    (e) => e !== deptList.value[i].id
+  );
   selectedOrgKeys.value.splice(i, 1);
   deptList.value.splice(i, 1);
 }
@@ -583,7 +728,7 @@ function onOrgSelectChange(e, l) {
 
 const resetStu = () => {
   nameSearch.value.keyword = "";
-  stuTableRef.value.reset({ keyword: "", departId: '' });
+  stuTableRef.value.reset({ keyword: "", departId: "" });
 };
 //清空选择部门信息
 const deleteDepSelect = () => {
@@ -612,14 +757,24 @@ const submitAuth = () => {
 
 function handleDialogOk() {
   if (auditSelectRowKeys.value.length || deptList.value.length) {
-    dialog({ content: "您选择了组织或受众，此添加为异步添加，请稍后手动刷新学员！", ok: handleStageOk });
+    dialog({
+      content: "您选择了组织或受众，此添加为异步添加，请稍后手动刷新学员！",
+      ok: handleStageOk,
+    });
     return;
   }
   handleStageOk();
 }
 
 function handleStageOk() {
-  if (props.type === 1 && props.groupId && (props.groupMemberCount < (props.groupMemberNumber * 1 + projectSelectRows.value.length + stuSelectRows.value.length))) {
+  if (
+    props.type === 1 &&
+    props.groupId &&
+    props.groupMemberCount <
+      props.groupMemberNumber * 1 +
+        projectSelectRows.value.length +
+        stuSelectRows.value.length
+  ) {
     return message.warning("添加小组学员超过最大值");
   }
   stageVisible.value = false;
@@ -654,7 +809,7 @@ watch(visiable, () => {
   orgSelectKeys.value = [];
   deptList.value = [];
   audienceName.value.keyword = "";
-  nameSearch.value.departId = '';
+  nameSearch.value.departId = "";
   stuTreeExpandedKeys.value = [];
   stuTreeSelectKeys.value = [];
   activeKey.value = props.isGroup ? 4 : 1;
@@ -668,9 +823,14 @@ watch(visiable, () => {
     auditTableRef.value && auditTableRef.value.clear();
     auditTableRef.value && auditTableRef.value.reset({ keyword: "" });
     stuTableRef.value && stuTableRef.value.clear();
-    stuTableRef.value && stuTableRef.value.reset({ keyword: "", departId: '' });
+    stuTableRef.value && stuTableRef.value.reset({ keyword: "", departId: "" });
     projectStuTableRef.value && projectStuTableRef.value.clear();
-    projectStuTableRef.value && projectStuTableRef.value.reset({ pid: props.infoId, type: props.infoType, studentName: "" });
+    projectStuTableRef.value &&
+      projectStuTableRef.value.reset({
+        pid: props.infoId,
+        type: props.infoType,
+        studentName: "",
+      });
   }
 });
 </script>
@@ -679,7 +839,12 @@ watch(visiable, () => {
   min-width: 1200px !important;
   width: 1200px !important;
 }
-
+.drawer-content {
+  display: flex;
+  overflow-x: auto;
+  overflow-y: auto;
+  margin-left: 24px;
+}
 .CommonStudent {
   .ant-btn-primary {
     background-color: #4ea6ff !important;
diff --git a/src/components/growthpath/GrowthCourseModal.vue b/src/components/growthpath/GrowthCourseModal.vue
new file mode 100644
index 00000000..450e9ceb
--- /dev/null
+++ b/src/components/growthpath/GrowthCourseModal.vue
@@ -0,0 +1,1578 @@
+<!-- 确定新建面授课弹窗 -->
+<template>
+  <div class="modalMain">
+    <div class="faceteach">
+      <div class="ft_main">
+        <div class="m_body">
+          <div class="mb_left">
+            <div class="mbl_items">
+              <div class="item_nam">
+                <div class="asterisk_icon">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt="asterisk"
+                  />
+                </div>
+                <span style="margin-right: 14px">课程名称</span>
+              </div>
+              <div class="item_inp">
+                <div class="i1_input">
+                  <NameInput
+                    ref="inputRef"
+                    placeholder="请输入课程名称"
+                    v-model:value="qdms_inputV1"
+                    v-model:validated="validated"
+                    :maxlength="20"
+                    show-count
+                    :type="2"
+                    :id="offcourseId"
+                  ></NameInput>
+                  <!--                    <a-input-->
+                  <!--                        v-model:value="qdms_inputV1"-->
+                  <!--                        maxlength="90"-->
+                  <!--                        style="width: 440px; height: 40px; border-radius: 8px"-->
+                  <!--                        placeholder="请输入课程名称"-->
+                  <!--                    />-->
+                  <!--                    <div class="inp_num">-->
+                  <!--                      <span style="color: #c7cbd2">-->
+                  <!--                        {{ qdms_inputV1.length }}/90-->
+                  <!--                      </span>-->
+                  <!--                    </div>-->
+                </div>
+              </div>
+            </div>
+            <div class="i2_cz">
+              <div class="i2_top">
+                <div class="i2_left">
+                  <span style="color: #999ba3">课程命名规则</span>
+                </div>
+                <div class="i2_right" @click="hideShow" style="cursor: pointer">
+                  <div
+                    class="b_zk"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                  >
+                    <span style="color: #4ea6ff">收起</span>
+                  </div>
+                  <div
+                    class="b_sq"
+                    :style="{ display: hideshow ? 'none' : 'block' }"
+                  >
+                    <span style="color: #4ea6ff">展开</span>
+                  </div>
+                  <div class="b_icon"></div>
+                </div>
+              </div>
+              <div
+                class="i2_detail"
+                :style="{ display: hideshow ? 'block' : 'none' }"
+              >
+                <span style="color: #999ba3">
+                  1、课程名称统一不加书名号。<br />
+                  2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                  之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                  看到的是课程内容主题。<br />
+                  3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                  版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                </span>
+              </div>
+            </div>
+            <div class="mbl_items2">
+              <div class="item_nam" style="margin-top: 8px">
+                <div class="asterisk_icon">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 14px">封面图</span>
+              </div>
+              <div class="item_inp">
+                <div
+                  style="
+                    width: 440px;
+                    height: 100px;
+                    display: flex;
+                    justify-content: flex-start;
+                    align-items: center;
+                  "
+                >
+                  <div
+                    v-for="(item, index) in optionsUrl"
+                    :key="index"
+                    class="choiceoptionurl"
+                    :style="{
+                      border:
+                        pathBgId === item.id
+                          ? '3px solid rgba(78, 166, 255, 1)'
+                          : '1px solid #ccc',
+                      display: index >= 3 ? 'none' : 'flex',
+                      background: `url(${item.value}) center center / 100% no-repeat`,
+                    }"
+                    @click="chooseImg(item)"
+                  />
+                  <div @click="showLearnBgMore" class="learnBgItem learnBgMore">
+                    查看更多
+                    <img src="../../assets/images/projectadd/go.png" />
+                  </div>
+                </div>
+
+                <!-- <img
+                    class="i_upload_img"
+                    v-if="feng_mian_1"
+                    :src="feng_mian_1"
+                    style="width: 220px; height: 120px; border-radius: 8px"
+                    alt="avatar"
+                  />
+                  <div class="i_bottom">
+                    <span style="color: #999ba3">
+                      高宽比为16:9 (如:800*450) png或jpg图片
+                    </span>
+                  </div> -->
+              </div>
+            </div>
+            <div class="mbl_items">
+              <div class="item_nam" style="margin-bottom: 102px">
+                <div class="asterisk_icon">
+                  <img
+                    style="width: 10px; height: 10px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 14px">目标人群</span>
+              </div>
+              <div class="item_inp">
+                <div class="i1_input">
+                  <!-- <a-input v-model:value="qdms_inputV2" maxlength="50"
+											style="width: 440px; height: 40px; border-radius: 8px" placeholder="请输入目标人群" />
+										<div class="inp_num">
+											<span style="color: #c7cbd2">
+												{{ qdms_inputV2.length }}/50
+											</span>
+										</div> -->
+                  <div>
+                    <OrgClassCheck
+                      v-model:value="orgSelect"
+                      v-model:name="orgSelectName"
+                    ></OrgClassCheck>
+                  </div>
+                  <div style="margin-top: 10px">
+                    <a-select
+                      v-if="jobType && jobType.length"
+                      :getPopupContainer="
+                        (triggerNode) => triggerNode.parentNode || document.body
+                      "
+                      v-model:value="selectJobId"
+                      mode="multiple"
+                      style="width: 440px; min-height: 40px"
+                      placeholder="请选择岗位"
+                      :options="jobType"
+                      @change="handleChangeJob"
+                      :fieldNames="{
+                        key: 'id',
+                        label: 'name',
+                        value: 'id',
+                      }"
+                    ></a-select>
+                  </div>
+                  <div style="margin-top: 10px">
+                    <a-select
+                      v-if="bandList && bandList.length"
+                      :getPopupContainer="
+                        (triggerNode) => triggerNode.parentNode || document.body
+                      "
+                      v-model:value="selectBandId"
+                      mode="multiple"
+                      style="width: 440px; min-height: 40px"
+                      placeholder="请选择Band"
+                      :options="bandList"
+                      @change="handleChangeBand"
+                      :fieldNames="{
+                        key: 'id',
+                        label: 'name',
+                        value: 'id',
+                      }"
+                    ></a-select>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="mbl_items">
+              <div class="item_nam">
+                <div class="asterisk_icon">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt="asterisk"
+                  />
+                </div>
+                <span style="margin-right: 14px">资源归属</span>
+              </div>
+              <div class="item_inp">
+                <div class="select i6_input" style="width: 440px">
+                  <OrgClass
+                    v-model:value="sourceBelongId"
+                    v-model:name="sourceBelongName"
+                  ></OrgClass>
+                </div>
+              </div>
+            </div>
+            <div class="mbl_items">
+              <div class="item_nam">
+                <div class="asterisk_icon">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt="asterisk"
+                  />
+                </div>
+                <span style="margin-right: 14px">内容分类</span>
+              </div>
+              <div class="item_inp">
+                <div class="select i6_input">
+                  <a-tree-select
+                    style="width: 440px"
+                    placeholder="请选择内容分类"
+                    :treeDefaultExpandAll="true"
+                    :getPopupContainer="
+                      (triggerNode) => triggerNode.parentNode || document.body
+                    "
+                    v-model:value="fen_lei"
+                    :tree-data="sysTypeOptions"
+                    :fieldNames="{
+                      children: 'children',
+                      label: 'name',
+                      value: 'code',
+                    }"
+                  >
+                  </a-tree-select>
+                </div>
+              </div>
+            </div>
+            <div v-if="fen_lei" class="mbl_items">
+              <div class="item_nam">
+                <div class="asterisk_icon"></div>
+                <span style="margin-right: 14px"> </span>
+              </div>
+              <div class="item_inp">
+                <div class="select i6_input">
+                  <div
+                    style="
+                      width: 440px;
+                      height: 26px;
+                      font-size: 14px;
+                      color: rgb(153, 155, 163);
+                    "
+                  >
+                    所属层级：{{ fen_lei1 }}
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="mbl_items">
+              <div class="item_nam" style="margin-top: 8px">
+                <div class="asterisk_icon">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt="asterisk"
+                  />
+                </div>
+                <span style="margin-right: 14px">课程简介</span>
+              </div>
+              <div class="item_inp">
+                <div class="i10_textarea">
+                  <a-textarea
+                    v-model:value="qdms_inputV6"
+                    :maxlength="200"
+                    style="width: 440px; height: 100px; border-radius: 8px"
+                    placeholder="请输入"
+                  />
+                  <div class="inp_num">
+                    <span style="color: #c7cbd2">
+                      {{ qdms_inputV6.length }}/200
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="mb_right">
+            <div class="mbl_items">
+              <div class="item_nam">
+                <span style="margin-right: 14px">关键字</span>
+              </div>
+              <div class="item_inp">
+                <div style="cursor: pointer" @click="handleTagChange">
+                  <a-input
+                    v-model:value="tags_val_single"
+                    style="width: 440px; height: 40px; border-radius: 8px"
+                    placeholder="请输入关键字按回车键添加关键字，可添加多个关键字。"
+                    @pressEnter="handleTagChange"
+                  />
+                  <img
+                    style="width: 20px; height: 20px; margin-left: 20px"
+                    src="../../assets/images/courseManage/add1.png"
+                  />
+                </div>
+                <div class="tag-content">
+                  <a-tag
+                    v-for="(item, index) in tags_val"
+                    :key="index"
+                    closable
+                    @close="handleTagClose(item)"
+                  >
+                    {{ item }}
+                  </a-tag>
+                </div>
+              </div>
+            </div>
+
+            <div class="mbl_items">
+              <div class="item_nam">
+                <span style="margin-right: 14px">场景</span>
+              </div>
+              <div class="item_inp">
+                <div class="i1_input">
+                  <a-textarea
+                    v-model:value="chang_jin"
+                    :maxlength="200"
+                    style="width: 440px; height: 80px; border-radius: 8px"
+                    placeholder="请输入场景"
+                  />
+                  <div class="inp_num">
+                    <span style="color: #c7cbd2">
+                      {{ chang_jin.length }}/200
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="mbl_items">
+              <div class="item_nam" style="margin-bottom: 110px">
+                <span style="margin-right: 14px">课程价值</span>
+              </div>
+              <div class="item_inp">
+                <div class="i1_input">
+                  <a-textarea
+                    v-model:value="qdms_inputV3"
+                    :maxlength="200"
+                    style="width: 440px; height: 140px; border-radius: 8px"
+                    placeholder="请输入课程价值"
+                  />
+                  <div class="inp_num" style="top: 110px">
+                    <span style="color: #c7cbd2"
+                      >{{ qdms_inputV3.length }}/200</span
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="mbl_items">
+              <div class="item_nam" style="margin-top: 8px">
+                <span style="margin-right: 10px">附件</span>
+              </div>
+              <div class="item_inp">
+                <FJUpload v-model:value="attach" @changevalue="changevalue" />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="m_footer">
+          <div class="fotnam">
+            <span>课程大纲</span>
+          </div>
+          <div class="fotarea">
+            <div style="border: 1px solid #ccc">
+              <Toolbar
+                style="border-bottom: 1px solid #ccc"
+                :editor="editorRef"
+                :defaultConfig="toolbarConfig"
+                :mode="mode"
+              />
+              <Editor
+                style="height: 250px; overflow-y: hidden"
+                v-model="valueHtml"
+                :defaultConfig="editorConfig"
+                :mode="mode"
+                @onCreated="handleCreated"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="m_btn">
+          <div class="btn btn6" @click="noEditClose">
+            <div class="btnText">取消</div>
+          </div>
+          <a-button
+            class="btn btn6"
+            @click="handlePush"
+            :loading="validated === 1"
+          >
+            <div class="btnText">保存</div>
+          </a-button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+    <a-spin :spinning="addLoading" tip="" />
+  </div>
+
+  <!-- 更多背景图 v-model:visible="learnBgMore"  -->
+  <a-modal
+    :closable="sh"
+    centered="true"
+    v-model:visible="learnBgMore"
+    :footer="null"
+    wrapClassName="courseBgMoreModal"
+    :z-index="9999"
+  >
+    <div class="main">
+      <div class="top">
+        <div class="topc">面授课封面</div>
+        <div @click="closeLearnBgMore">
+          <img
+            style="width: 20px; height: 20px"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        </div>
+      </div>
+      <div class="imagesBox">
+        <div
+          @click="chooseImg(item)"
+          v-for="item in optionsUrl"
+          :key="item.id"
+          class="learnBgItem"
+          :style="{
+            border:
+              pathBgId === item.id
+                ? '3px solid rgba(78, 166, 255, 1)'
+                : '1px solid #ccc',
+            background: `url(${item.value}) center center / 100% no-repeat`,
+          }"
+        >
+          <!-- <img class="im" :src="item.source" /> -->
+        </div>
+      </div>
+      <div class="btn">
+        <button class="samtn btn2" @click="closeLearnBgMore">取消</button>
+        <a-button class="samtn btn2" @click="closeLearnBgMore">确定</a-button>
+      </div>
+    </div>
+  </a-modal>
+</template>
+<script>
+import {
+  reactive,
+  toRefs,
+  defineComponent,
+  ref,
+  shallowRef,
+  onUnmounted,
+  computed,
+  watch,
+} from "vue";
+import { validateName } from "@/api/index1";
+import { message } from "ant-design-vue";
+import { edit, detail, handle } from "@/api/indexCourse";
+import { fileUp } from "../../api/indexEval";
+import "@wangeditor/editor/dist/css/style.css";
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import NameInput from "@/components/project/NameInput";
+import FJUpload from "@/components/common/FJUpload";
+import * as moment from "moment";
+import * as api2 from "../../api/indexAudit";
+import { useStore } from "vuex";
+import OrgClassCheck from "@/components/project/OrgClassCheck";
+import OrgClass from "@/components/project/OrgClass";
+export default defineComponent({
+  components: {
+    Editor,
+    Toolbar,
+    FJUpload,
+    NameInput,
+    OrgClassCheck,
+    OrgClass,
+  },
+  props: {},
+  setup(props, { expose, emit }) {
+    const state = reactive({
+      hideshow: true,
+      ft_eidt: false,
+      attach: "",
+      validated: 2,
+      addLoading: false,
+      statusTingQi: 1,
+      member: { name: "", value: "" },
+
+      offcourseId: null,
+      qdms_inputV1: "",
+      qdms_inputV2: "",
+      qdms_inputV3: "",
+      fen_lei: null,
+      fen_lei1: null,
+      feng_mian_1: null,
+      chang_jin: "",
+      tags_val_single: "",
+      tags_val: [],
+      qdms_inputV6: "",
+      imgList: [],
+      auditDescription: "",
+      contentClassify: [],
+      // 课程三级分类
+      projectInfo: { id: "" },
+      //选择的封面图id及url
+      pathBgId: null,
+      pathBgUrl: null,
+      learnBgMore: false, //封面图弹窗
+
+      //目标任务
+      orgSelect: [],
+      orgSelectName: [],
+      orgSelectFullName: [],
+      selectJobName: [],
+      selectJobId: [],
+      selectBandName: [],
+      selectBandId: [],
+      //资源归属
+      sourceBelongId: null,
+      sourceBelongName: null,
+      sourceBelongFullName: null,
+    });
+    const store = useStore();
+    console.log(store, 666);
+    const sysTypeOptions = computed(() => store.state.content_type);
+    const optionsUrl = computed(() => store.state.course_pic);
+    console.log("optionsUrl", optionsUrl);
+    //获取岗位
+    const jobType = computed(() => store.state.job_type);
+    //获取band
+    const bandList = computed(() => store.state.band);
+    const userInfo = computed(() => store.state.userInfo);
+    console.log("jobTypebandList", jobType, bandList);
+    if (userInfo.value.departId && userInfo.value.departName) {
+      state.sourceBelongName = userInfo.value.departName;
+      state.sourceBelongId = userInfo.value.departId;
+    }
+    watch(
+      () => state.fen_lei,
+      () => {
+        state.fen_lei1 = findClassFullName(sysTypeOptions.value);
+      }
+    );
+
+    function findClassFullName(list, name = "") {
+      return (
+        list &&
+        list.length > 0 &&
+        list
+          .map((e) => {
+            return state.fen_lei === e.code
+              ? name
+                ? name + "-" + e.name
+                : e.name
+              : findClassFullName(
+                  e.children,
+                  name ? name + "-" + e.name : e.name
+                );
+          })
+          .filter((name) => name)
+          .join("")
+      );
+    }
+
+    // 删除文件返回参数
+    const changevalue = (e) => {
+      let arr = state.attach.split(",");
+      let newarr = [];
+      for (let i = 0; i < arr.length; i++) {
+        if (i !== e) {
+          newarr.push(arr[i]);
+        }
+      }
+      if (newarr.length == 0) {
+        state.attach = "";
+      } else {
+        state.attach = newarr.toString();
+      }
+      console.log("changevalue", e, newarr, state.attach);
+    };
+
+    const visibleOpen = (offcourseId, name) => {
+      state.offcourseId = offcourseId;
+
+      if (state.offcourseId) {
+        state.ft_eidt = true;
+        handleEditInfo(state.offcourseId);
+      } else {
+        state.ft_eidt = false;
+        state.qdms_inputV1 = name;
+        console.log(" state.qdms_inputV1 ", state.qdms_inputV1);
+      }
+    };
+    const visibleClose = () => {
+      valueHtml.value = "";
+      ft_exit();
+      emit("visibleClose");
+    };
+
+    // 未编辑直接离开的 不予刷新
+    const noEditClose = () => {
+      ft_exit();
+      emit("noEdit");
+    };
+
+    expose({
+      visibleOpen,
+      visibleClose,
+    });
+
+    const ft_exit = () => {
+      state.hideshow = true;
+      state.addLoading = false;
+      state.statusTingQi = 1;
+      state.member = { name: "", value: "" };
+
+      state.offcourseId = null;
+      state.qdms_inputV1 = "";
+      state.qdms_inputV2 = "";
+      state.qdms_inputV3 = "";
+      state.fen_lei = null;
+      state.fen_lei1 = null;
+      state.feng_mian_1 = null;
+      state.chang_jin = "";
+      state.tags_val_single = "";
+      state.tags_val = [];
+      state.qdms_inputV6 = "";
+      state.imgList = [];
+      state.attach = "";
+      state.auditDescription = "";
+
+      valueHtml.value = "";
+
+      //目标任务
+      state.orgSelect = [];
+      state.orgSelectName = [];
+      state.orgSelectFullName = [];
+      state.selectJobName = [];
+      state.selectJobId = [];
+      state.selectBandName = [];
+      state.selectBandId = [];
+      //资源归属
+      state.sourceBelongId = null;
+      state.sourceBelongName = null;
+      state.sourceBelongFullName = null;
+      // valueHtml.value = "";
+      console.log("清空");
+    };
+
+    //  富文本 sssssssssssssss
+    // 编辑器实例，必须用 shallowRef
+    const editorRef = shallowRef();
+    // 内容 HTML
+    const valueHtml = ref("");
+    // // 模拟 ajax 异步获取内容
+    // onMounted(() => {
+    //   setTimeout(() => {
+    //     //     valueHtml.value = "<p>模拟 Ajax 异步设置内容</p>";
+    //     console.log(editorRef.value);
+    //     // const toolbar = DomEditor.getToolbar(editorRef.value);
+    //     // const menu = editorRef.value.getAllMenuKeys();
+    //     // const bar = toolbar.getConfig().toolbarKeys;
+    //     // console.log(menu);
+    //     // console.log(bar);
+    //   }, 3500);
+    // });
+    const toolbarConfig = {
+      excludeKeys: ["insertVideo", "insertImage"],
+    };
+    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
+    editorConfig.MENU_CONF["uploadImage"] = {
+      // 自定义上传
+      async customUpload(file, insertFn) {
+        const formData = new FormData();
+        formData.append("file", file);
+        fileUp(formData).then((res) => {
+          if (res.data.code === 200) {
+            // 最后插入图片  url alt href
+            console.log(
+              "上传图片结果",
+              process.env.VUE_APP_FILE_PATH + res.data.data
+            );
+            insertFn(
+              process.env.VUE_APP_FILE_PATH + res.data.data,
+              file.name,
+              res.data.data
+            );
+          }
+        });
+      },
+    };
+    const handleCreated = (editor) => {
+      editorRef.value = editor; // 记录 editor 实例，重要！
+    };
+    // const handleDestory = () => {
+    //   const editor = editorRef.value;
+    //   if (editor == null) return;
+    //   editor.destroy();
+    // };
+    // 组件销毁时，也及时销毁编辑器
+    onUnmounted(() => {
+      console.log("组件销毁时，也及时销毁编辑器");
+      // handleDestory();
+    });
+    //  富文本 eeeeeeeeeeeeee
+
+    // 点击图片选择图片
+    const chooseImg = (item) => {
+      console.log(item);
+      state.pathBgId = item.id;
+      state.feng_mian_1 = item.value;
+    };
+
+    //获取分类、场景、封面图、-----------字典配置-------------------------------
+    const options2 = ref([]);
+    const options3 = ref([]);
+    const options4 = ref([]);
+
+    //获取分类、场景、封面图、----------------字典配置---------------------------
+
+    const hideShow = () => {
+      if (state.hideshow == true) {
+        state.hideshow = false;
+      } else {
+        state.hideshow = true;
+      }
+    };
+
+    //保存面授课
+    const handlePush = async (param) => {
+      console.log(
+        "组织、岗位、Band、资源归属选择" + JSON.stringify(state)
+        // state.orgSelect,
+        // state.selectJobId,
+        // state.selectBandId,
+        // state.sourceBelongId
+      );
+      let files = "";
+      if (state.imgList.length) {
+        state.imgList.forEach((item) => {
+          files += item.img + ",";
+        });
+      }
+      files = files.slice(0, files.length - 1);
+
+      let orgSelectIds = "";
+      let orgSelectNames = "";
+      if (state.orgSelect && state.orgSelect.length) {
+        state.orgSelect.forEach((item) => {
+          orgSelectIds += item.value + ",";
+        });
+        state.orgSelect.forEach((item) => {
+          orgSelectNames += item.label + ",";
+        });
+      }
+      console.log("orgSelectIds&orgSelectNames2", orgSelectIds, orgSelectNames);
+      orgSelectIds = orgSelectIds.slice(0, orgSelectIds.length - 1);
+      orgSelectNames = orgSelectNames.slice(0, orgSelectNames.length - 1);
+
+      let selectJobId = "";
+      if (state.selectJobId.length) {
+        state.selectJobId.forEach((item) => {
+          selectJobId += item + ",";
+        });
+      }
+      selectJobId = selectJobId.slice(0, selectJobId.length - 1);
+
+      let selectBandId = "";
+      if (state.selectBandId.length) {
+        state.selectBandId.forEach((item) => {
+          selectBandId += item + ",";
+        });
+      }
+      selectBandId = selectBandId.slice(0, selectBandId.length - 1);
+
+      console.log("filesfiles", files);
+      const offName = await validateName({
+        name: state.qdms_inputV1,
+        type: 2,
+        id: state.offcourseId,
+      }).then((res) => {
+        return res.data.data === 1;
+      });
+      console.log("校验重复", offName);
+      if (offName) {
+        message.destroy();
+        return message.warning("课程名称重复，请重新填写");
+      }
+
+      const postData = {
+        id: state.offcourseId, //不传代表新增
+        name: state.qdms_inputV1,
+        picUrl: state.feng_mian_1,
+        targetUser: state.qdms_inputV2,
+        meaning: state.qdms_inputV3,
+        // categoryId: state.fen_lei,
+        sysTypeId: state.fen_lei,
+        sceneContent: state.chang_jin,
+        tips: state.tags_val ? state.tags_val.join(",") : null,
+        // teacherId: state.member.value,
+        // teacher: state.member.name,
+        intro: state.qdms_inputV6,
+        attach: state.attach,
+        outline: valueHtml.value,
+        // organizationIds: orgSelect, //todo 传的不对
+        organizationIds: orgSelectIds,
+        organizationNames: orgSelectNames,
+        jobTypeIds: selectJobId,
+        bandIds: selectBandId,
+        sourceBelongId: state.sourceBelongId,
+        sourceBelongFullName: state.sourceBelongName,
+      };
+      console.log("postData", postData);
+      const checkList = [
+        postData.name,
+        // postData.targetUser,
+        // postData.categoryId,
+        postData.sysTypeId,
+        // postData.teacherId,
+        postData.picUrl,
+        postData.intro,
+        postData.sourceBelongId,
+      ];
+      console.log("checkList", checkList);
+      if (!postData.organizationIds) {
+        return message.error("请选择目标人群的归属组织");
+      }
+      if (!postData.jobTypeIds && jobType.value && jobType.value.length) {
+        return message.error("请选择目标人群的岗位");
+      }
+      if (!postData.bandIds && bandList.value && bandList.value.length) {
+        return message.error("请选择目标人群的Band");
+      }
+      if (!postData.intro) {
+        return message.error("请输入课程简介");
+      }
+      if (!postData.name) {
+        return message.error("请输入课程名称");
+      }
+      if (!postData.picUrl) {
+        return message.error("请选择封面图");
+      }
+      if (!postData.sourceBelongId) {
+        return message.error("请选择资源归属");
+      }
+      if (!postData.sysTypeId) {
+        return message.error("请选择内容分类");
+      }
+
+      state.addLoading = true;
+      edit(postData).then((res) => {
+        state.addLoading = false;
+        if (res.data.code === 200) {
+          state.statusTingQi = 1;
+          if (param === "review") {
+            //新建时点击审核按钮
+            submitReview(res.data.data.id);
+          } else {
+            message.destroy();
+            message.success("保存成功");
+            visibleClose();
+          }
+        } else if (res.data.code === -1) {
+          message.destroy();
+          message.success("无此操作权限");
+        }
+      });
+    };
+
+    //编辑面授课渲染绑定
+    const handleEditInfo = async (offcourseId) => {
+      console.log("jjjaj");
+      state.validate = true;
+      state.qdms_inputV1 = "";
+      const item = await detail({
+        offcourseId: Number(offcourseId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
+
+      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
+
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
+        state.statusTingQi = 1;
+      }
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
+        state.statusTingQi = 0;
+      }
+      if (Number(item.auditStatus) === -1) {
+        let obj = {
+          offcourseId: offcourseId,
+          type: 2,
+          pageNo: 1,
+          pageSize: 1,
+        };
+        const res = await api2.auditList(obj).then((res) => {
+          if (res.data.code === 200) return res.data.data;
+        });
+        if (res.rows && res.rows.length > 0) {
+          let i = res.rows.length;
+          state.auditDescription = res.rows[i - 1].description
+            ? res.rows[i - 1].description
+            : "-";
+        }
+      }
+
+      state.qdms_inputV1 = item.name;
+      state.feng_mian_1 = item.picUrl;
+      state.qdms_inputV2 = item.targetUser;
+      state.qdms_inputV3 = item.meaning;
+      // state.fen_lei = item.categoryId;
+      state.fen_lei = item.sysTypeId;
+      state.chang_jin = String(item.sceneContent ? item.sceneContent : "");
+      state.tags_val = item.tips ? item.tips.split(",") : [];
+      state.qdms_inputV6 = item.intro;
+      state.member = { value: item.teacherId, name: item.teacher };
+      valueHtml.value = item.outline;
+      // let arrss = item.attach.split(",");
+      // let str = "";
+      // for (let i = 0; i < arrss.length; i++) {
+      //   i == arrss.length - 1
+      //     ? (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1))
+      //     : (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1) + ",");
+      // }
+      // console.log(str);
+      state.attach = item.attach;
+
+      if (item.jobTypeIds) {
+        state.selectJobId = item.jobTypeIds.split(",");
+      }
+      if (item.bandIds) {
+        state.selectBandId = item.bandIds.split(",");
+      }
+      console.log("state.selectBandId", state.selectBandId);
+      state.sourceBelongId = item.sourceBelongId;
+      state.sourceBelongName = item.sourceBelongFullName;
+      if (item.organizationIds && item.organizationNames) {
+        let orgSelectIds = item.organizationIds;
+        let orgSelectNames = item.organizationNames;
+        orgSelectIds = orgSelectIds.split(",");
+        orgSelectNames = orgSelectNames.split(",");
+        console.log(
+          "orgSelectIds&orgSelectNames",
+          orgSelectIds,
+          orgSelectNames
+        );
+        let arrObj = [];
+        arrObj = orgSelectIds.map((item, index) => {
+          return { value: item, label: orgSelectNames[index] };
+        });
+        console.log("arrObj-------------", arrObj);
+        state.orgSelect = arrObj;
+      }
+      const imgDict = optionsUrl.value.find(
+        (img) => img.value.split(",")[0] === item.picUrl
+      );
+      console.log("imgDict", imgDict);
+      if (imgDict) {
+        state.pathBgId = imgDict.id;
+      }
+    };
+
+    const handleTagChange = () => {
+      if (state.tags_val_single) {
+        state.tags_val.push(state.tags_val_single);
+      }
+      state.tags_val_single = "";
+    };
+    const handleTagClose = (item) => {
+      const arr = state.tags_val.filter((itm) => itm !== item);
+      state.tags_val = arr;
+    };
+
+    //提交审核
+    const reviewClick = () => {
+      if (state.offcourseId) {
+        submitReview(state.offcourseId);
+      } else {
+        handlePush("review");
+      }
+    };
+    const submitReview = (id) => {
+      state.addLoading = true;
+
+      if (id === "") {
+        return message.error("请先完成保存");
+      }
+      let obj = {
+        offcourseId: id ? id : state.offcourseId,
+        type: 1,
+      };
+      console.log("提交审核参数", obj);
+      handle(obj).then((res) => {
+        console.log("提交审核成功", res.data);
+        if (res.data.code === 200) {
+          message.destroy();
+          message.success("已提交审核");
+          state.addLoading = false;
+          visibleClose();
+        } else if (res.data.code === -1) {
+          message.destroy();
+          message.success("无此操作权限");
+        }
+      });
+    };
+    //目标人群
+    const handleChangeJob = (e, k) => {
+      console.log("eeee", e, k);
+      state.selectJobId = e;
+    };
+    const handleChangeBand = (e, k) => {
+      console.log("eeeeeeeeeee", e, k);
+      state.selectBandId = e;
+    };
+    //封面图
+    const showLearnBgMore = () => {
+      state.learnBgMore = true;
+    };
+    //关闭更多路径背景弹窗
+    const closeLearnBgMore = () => {
+      state.learnBgMore = false;
+    };
+
+    return {
+      ...toRefs(state),
+      sysTypeOptions,
+      moment,
+      options2,
+      options3,
+      options4,
+      optionsUrl,
+      jobType,
+      bandList,
+      hideShow,
+      visibleOpen,
+      handleTagChange,
+      handleTagClose,
+      handlePush,
+      reviewClick,
+      noEditClose,
+      editorRef,
+      valueHtml,
+      mode: "simple", // 或 'simple'
+      toolbarConfig,
+      editorConfig,
+      handleCreated,
+      chooseImg,
+      changevalue,
+      showLearnBgMore,
+      closeLearnBgMore,
+      handleChangeJob,
+      handleChangeBand,
+    };
+  },
+});
+</script>
+<style lang="scss">
+.modalMain {
+  .m_title {
+    margin-bottom: 20px;
+  }
+
+  .m_body {
+    display: flex;
+    flex-wrap: wrap;
+
+    .mb_left {
+      width: 50%;
+
+      .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;
+
+          .inp_num {
+            position: absolute;
+            left: 398px;
+            top: 10px;
+          }
+        }
+      }
+
+      .mbl_items2 {
+        display: flex;
+        align-items: start;
+        margin-top: 10px;
+        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;
+
+          .i_upload_img {
+            margin-top: 10px;
+            width: 100px;
+            height: 100px;
+            border-radius: 8px;
+          }
+
+          .i_upload {
+            width: 100px;
+            height: 100px;
+            border: 1px solid #4ea6ff;
+            border-radius: 8px;
+            text-align: center;
+            align-items: center;
+            cursor: pointer;
+
+            .addimg {
+              position: relative;
+
+              .heng {
+                position: absolute;
+                top: 50px;
+                left: 25px;
+                width: 50px;
+                border: 1px solid #4ea6ff;
+              }
+
+              .shu {
+                position: absolute;
+                top: 25px;
+                left: 50px;
+                height: 50px;
+                border: 1px solid #4ea6ff;
+              }
+            }
+          }
+        }
+      }
+
+      .i2_cz {
+        width: 440px;
+        margin-left: 100px;
+
+        .i2_top {
+          display: flex;
+          justify-content: space-between;
+        }
+      }
+
+      .i8_bottom {
+        display: flex;
+        width: 440px;
+        margin-left: 100px;
+      }
+    }
+
+    .mb_right {
+      width: 50%;
+
+      .mbl_items {
+        display: flex;
+        align-items: flex-start;
+        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-top: -15px;
+            margin-right: 5px;
+          }
+        }
+
+        .item_inp {
+          flex: 1;
+        }
+
+        .accessory {
+          display: flex;
+          align-items: center;
+
+          .accessory_icon {
+            width: 16px;
+            height: 16px;
+            margin-top: -8px;
+            margin-right: 5px;
+          }
+        }
+      }
+
+      .mbl_items2 {
+        display: flex;
+        align-items: start;
+        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;
+
+          .inp_num {
+            position: absolute;
+            left: 395px;
+            bottom: 10px;
+          }
+        }
+      }
+      .fujian {
+        display: none;
+      }
+      .mbl_items12 {
+        width: 440px;
+        margin-right: 56px;
+
+        .i12_box1 {
+          display: flex;
+          align-items: center;
+          padding: 17px 0px 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;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .m_footer {
+    display: flex;
+    margin: 20px 0;
+
+    .fotnam {
+      width: 100px;
+      display: flex;
+      justify-content: end;
+      padding-right: 15px;
+    }
+
+    .fotarea {
+      width: calc(100% - 150px);
+      position: relative;
+
+      .fuwenben {
+        width: 90%;
+        height: 20px;
+        background-color: rgb(95, 95, 95);
+        position: absolute;
+        left: 50%;
+        transform: translate(-50%, 0);
+        top: 3px;
+        z-index: 9999;
+      }
+    }
+  }
+
+  .m_btn {
+    width: 100%;
+    margin-top: 25px;
+    margin-bottom: 20px;
+    display: flex;
+    justify-content: center;
+    align-content: center;
+
+    .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;
+    }
+  }
+}
+
+.choiceoptionurl {
+  width: 100px;
+  height: 100px;
+  margin-right: 10px;
+  border-radius: 8px;
+}
+.learnBgItem {
+  border-radius: 8px;
+  width: 100px;
+  height: 100px;
+  background-size: 100%;
+  margin-right: 6px;
+}
+
+.learnBgMore {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #c7cbd2;
+  font-size: 14px;
+  font-weight: 400;
+  color: #4ea6ff;
+  line-height: 36px;
+  cursor: pointer;
+}
+
+.aeLoading {
+  z-index: 10000;
+}
+.coursemodal {
+  .i1_input {
+    .ant-select-selector {
+      min-height: 40px !important;
+      border-radius: 8px !important;
+      border: 1px solid #c7cbd2 !important;
+    }
+  }
+}
+.courseBgMoreModal {
+  .ant-modal {
+    width: 680px !important;
+    height: 528px !important;
+
+    .ant-modal-content {
+      width: 680px !important;
+      height: 528px !important;
+
+      .ant-modal-body {
+        width: 680px !important;
+        height: 528px !important;
+        padding: 0 !important;
+
+        .main {
+          display: flex;
+          flex-direction: column;
+
+          .top {
+            padding-left: 51px;
+            padding-right: 51px;
+            padding-top: 28px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            cursor: pointer;
+
+            .topc {
+              font-size: 16px;
+              font-weight: bold;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+
+          .imagesBox {
+            display: flex;
+            //  justify-content: space-between;
+            flex-wrap: wrap;
+            padding-left: 51px;
+            padding-right: 39px;
+            margin-top: 20px;
+            height: 350px;
+            overflow-y: auto;
+
+            .learnBgItem {
+              border-radius: 8px;
+              width: 136px;
+              height: 106px;
+              background-size: 100%;
+              background-repeat: no-repeat;
+              margin-bottom: 20px;
+              margin-right: 10px;
+            }
+          }
+
+          .btn {
+            width: 100%;
+            position: absolute;
+            bottom: 30px;
+            margin-top: 30px;
+            display: flex;
+            justify-content: center;
+
+            .samtn {
+              width: 100px;
+              height: 40px;
+              font-size: 14px;
+              border: 1px solid #4ea6ff;
+              border-radius: 8px;
+              cursor: pointer;
+            }
+
+            .btn1 {
+              background-color: #fff;
+              color: #4ea6ff;
+            }
+
+            .btn2 {
+              background-color: #4ea6ff;
+              color: #fff;
+              margin-left: 16px;
+            }
+          }
+        }
+      }
+    }
+    .ant-modal-close-x {
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthDiscuss.vue b/src/components/growthpath/GrowthDiscuss.vue
new file mode 100644
index 00000000..cb957a37
--- /dev/null
+++ b/src/components/growthpath/GrowthDiscuss.vue
@@ -0,0 +1,297 @@
+<template>
+    <div @click="openDrawer">
+      <slot></slot>
+    </div>
+    <a-drawer
+      :visible="visible"
+      class="drawerStyle growth-discuss"
+      width="800"
+      placement="right"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">{{ taskIndex >= 0 ? "编辑" : "添加" }}讨论</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
+        </div>
+        <div class="contentMain">
+          <div class="main_left">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">讨论名称：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="formData.discussName"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入讨论名称"
+                  show-count
+                  :maxlength="20"
+                />
+              </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.discussExplain"
+                  placeholder="请输入讨论说明"
+                  allow-clear
+                  :rows="6"
+                  show-count
+                  :maxlength="200"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">讨论设置：</span>
+              </div>
+              <div class="btnbox">
+                <a-checkbox v-model:checked="formData.discussSettings" @click="discussSettings">允许评论</a-checkbox>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn2" @click="closeDrawer">取消</button>
+          <button class="btn2" @click="confirm">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+  </template>
+  <script setup>
+  import {defineEmits, defineProps, ref} from "vue";
+  import {Form, message} from "ant-design-vue";
+  import {useResetRef} from "@/utils/useCommon";
+  
+  const props = defineProps({
+    type: Number,
+    taskList: []
+  })
+  const visible = ref(false)
+  const formData = useResetRef({discussName: '', discussExplain: '', discussSettings: true})
+  const emit = defineEmits({})
+  const taskIndex = ref(-1);
+  const dateTime = ref([]);
+  const rulesRef = ref({
+    discussName: [
+      {
+        required: true,
+        message: '请输入讨论名称',
+      },
+    ],
+    discussExplain: [
+      {
+        required: true,
+        message: '请输入讨论说明',
+      },
+    ],
+  });
+  
+  const {validate} = Form.useForm(formData, rulesRef);
+  
+  const closeDrawer = () => {
+    visible.value = false
+    taskIndex.value = -1
+    dateTime.value = []
+    formData.reset()
+  };
+  
+  async function confirm() {
+    await validate().catch(({errorFields}) => {
+      message.warning(errorFields[0].errors.join());
+      throw Error("数据校验不通过")
+    });
+    if (taskIndex.value === -1) {
+      const list = props.taskList
+      list.push({name: formData.value.discussName, type: props.type, info: {...formData.value}})
+    } else {
+      const data = props.taskList[taskIndex.value]
+      data.name = formData.value.discussName
+      data.info = {...formData.value}
+    }
+    emit('update:taskList', [...props.taskList])
+    closeDrawer()
+  }
+  
+  function openDrawer(i, row) {
+    console.log(i,row)
+    row && (formData.value = {...row.info});
+    (i >= 0) && (taskIndex.value = i);
+    row && (formData.value.discussSettings = row.info.discussSettings === "false" || row.info.discussSettings === false ? false : true);
+    visible.value = true
+  }
+  
+  const discussSettings = () => {
+    formData.value.discussSettings = !formData.value.discussSettings;
+  }
+  
+  defineExpose({openDrawer})
+  </script>
+  <style lang="scss">
+  .ant-table-striped :deep(.table-striped) td {
+    background-color: #fafafa !important;
+  }
+  
+  .growth-discuss {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex-shrink: 0;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+  
+      .contentMain {
+        display: flex;
+        justify-content: space-between;
+  
+        .main_left {
+          margin-top: 0px;
+          padding-right: 30px;
+          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;
+  
+              .ant-input {
+                height: 100%;
+              }
+  
+              .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;
+  
+            .signbox {
+              width: 120px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+  
+              .sign {
+                margin-right: 5px;
+              }
+            }
+  
+            .textarea {
+              width: 423px;
+  
+              .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;
+              }
+            }
+          }
+        }
+      }
+  
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+  
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+        }
+  
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/components/growthpath/GrowthEval.vue b/src/components/growthpath/GrowthEval.vue
new file mode 100644
index 00000000..1890b01f
--- /dev/null
+++ b/src/components/growthpath/GrowthEval.vue
@@ -0,0 +1,502 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-eval"
+    width="800"
+    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>
+      <template v-if="step == 1">
+        <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.evaluationName"
+                  style="width: 400px; height: 40px; border-radius: 8px"
+                  placeholder="请输入测评名称"
+                  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" @click="selectEval">
+                <button class="checkEval">
+                  {{ formData.evaluationTypeName ? "修改" : "选择" }}测评
+                </button>
+
+                <div
+                  v-if="formData.evaluationTypeName"
+                  style="margin-left: 20px"
+                >
+                  <a-tag closable @close="delTag" color="processing">
+                    <span style="font-size: 14px; line-height: 33px">{{
+                      formData.evaluationTypeName
+                    }}</span>
+                  </a-tag>
+                </div>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">有效期：</span>
+              </div>
+              <div class="btnbox">
+                <a-range-picker
+                  :show-time="{ format: 'HH:mm' }"
+                  style="width: 400px; height: 40px; border-radius: 8px"
+                  v-model:value="dateTime"
+                  format="YYYY-MM-DD HH:mm"
+                  valueFormat="YYYY-MM-DD HH:mm"
+                  @change="timeChange"
+                  :placeholder="['      开始时间', '        结束时间']"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">测评说明：</span>
+              </div>
+              <div class="textarea">
+                <a-textarea
+                  show-count
+                  :maxlength="200"
+                  v-model:value="formData.evaluationExplain"
+                  placeholder="请输入测评说明"
+                  style="width: 400px"
+                  allowClear
+                  :rows="6"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn2" @click="closeDrawer">取消</button>
+          <button class="btn2" @click="confirm">确定</button>
+        </div>
+      </template>
+
+      <div v-show="step == 2">
+        <EvList
+          :selectId="formData.evaluationTypeId"
+          ref="EvListRef"
+          @confirm="selectEvalConfirm"
+        >
+        </EvList>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, computed } from "vue";
+import EvList from "./EvList.vue";
+import { Form, message } from "ant-design-vue";
+import dayjs from "dayjs";
+import { useResetRef } from "@/utils/useCommon";
+
+const props = defineProps({
+  type: Number,
+  taskList: [],
+});
+// 步骤数
+const step = ref(1);
+// 弹框标题
+const title = computed(() => {
+  if (step.value == 1) {
+    return taskIndex >= 0 ? "编辑测评" : "添加测评";
+  } else if (step.value == 2) {
+    return "选择测评";
+  }
+});
+// 选择测评
+const selectEval = () => {
+  step.value = 2;
+};
+// 选择测评完毕
+const selectEvalConfirm = (data) => {
+  step.value = step.value - 1;
+  formData.value.evaluationTypeId = data.id;
+  formData.value.evaluationTypeName = data.title;
+};
+
+const visible = ref(false);
+const formData = useResetRef({
+  evaluationName: "",
+  evaluationTypeId: "",
+  evaluationTypeName: "",
+  evaluationExplain: "",
+  evaluationStartTime: "",
+  evaluationEndTime: "",
+});
+const emit = defineEmits({});
+const taskIndex = ref(-1);
+const dateTime = ref([]);
+const rulesRef = ref({
+  evaluationName: [
+    {
+      required: true,
+      message: "请输入测评名称",
+    },
+  ],
+  evaluationTypeId: [
+    {
+      required: true,
+      message: "请选择测评",
+    },
+  ],
+  evaluationTypeName: [
+    {
+      required: true,
+      message: "请选择测评",
+    },
+  ],
+});
+
+const { validate } = Form.useForm(formData, rulesRef);
+
+const closeDrawer = () => {
+  if (step.value > 1) {
+    step.value = step.value - 1;
+  } else {
+    visible.value = false;
+    taskIndex.value = -1;
+    dateTime.value = [];
+    formData.reset();
+  }
+};
+
+const range = (start, end) => {
+  const result = [];
+  for (let i = start; i < end; i++) {
+    result.push(i);
+  }
+  return result;
+};
+
+function timeChange(time, timeStr) {
+  formData.value.evaluationStartTime = timeStr[0];
+  formData.value.evaluationEndTime = timeStr[1];
+}
+
+const disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+
+const disabledRangeTime = () => ({
+  // disabledHours: () => range(0, 24).splice(4, 20),
+  disabledMinutes: () => range(30, 60),
+  disabledSeconds: () => [55, 56],
+});
+
+function delTag() {
+  formData.value.evaluationTypeId = "";
+  formData.value.evaluationTypeName = "";
+}
+
+async function confirm() {
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  if (taskIndex.value === -1) {
+    const list = props.taskList;
+    list.push({
+      name: formData.value.evaluationName,
+      duration: dayjs(formData.value.evaluationEndTime).diff(
+        formData.value.evaluationStartTime,
+        "minutes"
+      ),
+      type: props.type,
+      info: { ...formData.value },
+    });
+  } else {
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.evaluationName;
+    data.info = { ...formData.value };
+    data.duration = dayjs(formData.value.evaluationEndTime).diff(
+      formData.value.evaluationStartTime,
+      "minutes"
+    );
+  }
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
+}
+
+function openDrawer(i, row) {
+  row && (formData.value = { ...row.info });
+  row &&
+    (dateTime.value = [
+      dayjs(row.info.evaluationStartTime, "YYYY-MM-DD HH:mm"),
+      dayjs(row.info.evaluationEndTime, "YYYY-MM-DD HH:mm"),
+    ]);
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss" scoped>
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.growth-eval > .ant-drawer-content-wrapper {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+
+.growth-eval {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+
+      .main_left {
+        margin-top: 0px;
+        padding-right: 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;
+
+            .checkEval {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #4ea6ff;
+              border-radius: 8px;
+              border: 0;
+              color: #fff;
+            }
+
+            .tag-style {
+              color: rgb(113, 113, 237);
+              background-color: #d7d1f7;
+            }
+          }
+        }
+
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+
+          .textarea {
+            width: 423px;
+
+            .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;
+            }
+          }
+        }
+      }
+    }
+
+    .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;
+      }
+    }
+
+    .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;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthExa.vue b/src/components/growthpath/GrowthExa.vue
new file mode 100644
index 00000000..83159d58
--- /dev/null
+++ b/src/components/growthpath/GrowthExa.vue
@@ -0,0 +1,845 @@
+<template>
+  <div @click="openDrawer()">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-exa"
+    width="1500"
+    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>
+      <template v-if="step == 1">
+        <div
+          style="
+            display: flex;
+            flex-direction: row;
+            padding-top: 0px;
+            margin-top: 20px;
+            margin-left: 32px;
+          "
+        >
+          <div>
+            <button
+              v-show="formData.info.examType === 1 || !formData.id"
+              @click="changeExamType(1)"
+              style="width: 100px; cursor: pointer"
+              :class="formData.info.examType === 1 ? 'outer' : 'notOuter'"
+            >
+              系统考试
+            </button>
+            <button
+              v-show="formData.info.examType === 2 || !formData.id"
+              @click="changeExamType(2)"
+              style="width: 100px; cursor: pointer"
+              :class="formData.info.examType === 2 ? 'outer' : 'notOuter'"
+            >
+              外部考试
+            </button>
+          </div>
+        </div>
+
+        <div v-if="formData.info.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.info.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.info.examinationPaperId">
+                <a-tag
+                  closable
+                  color="processing"
+                  @close="delTag"
+                  :closeIcon="true"
+                >
+                  <span style="font-size: 14px; line-height: 33px">{{
+                    formData.info.examinationTestName
+                  }}</span>
+                </a-tag>
+              </div>
+              <div class="btnbox" @click="selectTest">
+                <button class="xkbtn" style="margin: 0">
+                  {{ formData.info.examinationPaperId ? "重选" : "选择" }}试卷
+                </button>
+              </div>
+
+              <!-- <GrowthSelectTest
+              v-if="taskIndex < 0 || (taskIndex >= 0 && isEdit == false)"
+              v-model:id="formData.examinationPaperId"
+              v-model:name="formData.examinationTestName"
+            >
+              <div class="btnbox">
+                <button class="xkbtn" style="margin: 0">
+                  {{ formData.examinationPaperId ? "重选" : "选择" }}试卷
+                </button>
+              </div>
+            </GrowthSelectTest> -->
+            </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.info.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.info.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.info.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.info.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.info.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.info.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.info.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.info.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.info.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.info.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.info.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.info.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>
+  </a-drawer>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, watch, computed } from "vue";
+import GrowthSelectTest from "./GrowthSelectTest.vue";
+import dayjs from "dayjs";
+import { Form, message } from "ant-design-vue";
+import { useResetRef } from "@/utils/useCommon";
+import { saveTask } from "@/api/growthpath";
+import { iframeUrl } from "@/api/method";
+
+const props = defineProps({
+  type: Number,
+  // 选秀2 必修1
+  activeKey: String,
+  growId: String,
+});
+// 步骤数
+const step = ref(1);
+const GrowthSelectTestRef = ref(null);
+// 选择试卷
+const selectTest = () => {
+  // if (formData.value.examinationPaperId) {
+  //   GrowthSelectTestRef.value.initData({
+  //     id: formData.value.examinationPaperId,
+  //   });
+  // }
+  step.value = 2;
+};
+
+//新增试卷
+const addTest = () => {
+  step.value = 3;
+};
+// 选择试卷完毕
+const selectTestConfirm = (data) => {
+  step.value = step.value - 1;
+  formData.value.info.examinationPaperId = data.id;
+  formData.value.info.examinationTestName = data.testName;
+};
+
+const title = computed(() => {
+  if (step.value == 1) {
+    return formData.value.id ? "编辑考试" : "添加考试";
+  } else if (step.value == 2) {
+    return "选择试卷";
+  } else if (step.value == 3) {
+    return "新建试卷";
+  }
+});
+const visible = ref(false);
+const initValue = {
+  info: {
+    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.info, rulesRef);
+watch(
+  () => formData.value.info.examType,
+  () => {
+    formData.value.info.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.value.info = {};
+    visible.value = false;
+    formData.reset();
+    dateTime.value = [];
+  }
+};
+
+function timeChange(time, timeStr) {
+  formData.value.info.examinationStartTime = timeStr[0];
+  formData.value.info.examinationEndTime = timeStr[1];
+}
+
+
+// 系统考试
+async function confirm() {
+  console.log(formData.value)
+  if (formData.value.info.examinationName.trim() == "") {
+    message.warning("请输入考试名称");
+    return;
+  }
+  if (
+    formData.value.info.source.trim() == "" &&
+    formData.value.info.examType != 1
+  ) {
+    message.warning("请输入数据来源");
+    return;
+  }
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+
+  // 专业力ID
+  formData.value.growthId = props.growId;
+  // 任务类型
+  formData.value.taskType = props.type;
+  // 必修/选修
+  formData.value.type = props.activeKey;
+  // 任务名称
+  formData.value.taskName = formData.value.info.examinationName;
+  // 任务时长
+  formData.value.duration = formData.value.info.examinationDuration
+  saveTask(formData.value).then((res) => {
+    if (res.data.code == 200) {
+      if (formData.value.id) {
+        message.success("编辑成功");
+      } else {
+        message.success("添加成功");
+      }
+      emit("refresh");
+    } else {
+      message.error(res.msg);
+    }
+  });
+  closeDrawer();
+}
+
+function openDrawer(row) {
+  console.log(row, "irow");
+  row && resetFields(row.info);
+  row &&
+    (dateTime.value = [
+      row.info.examinationStartTime,
+      row.info.examinationEndTime,
+    ]);
+  row && (formData.value = row);
+
+  visible.value = true;
+}
+
+const delTag = () => {
+  formData.value.examinationPaperId = "";
+  formData.value.examinationTestName = "";
+};
+// 切换考试类型
+function changeExamType(v) {
+  // formData.reset()
+  formData.value.info.examType = v;
+}
+
+defineExpose({ openDrawer });
+</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;
+}
+
+.growth-exa {
+  .ant-input-number-input-wrap > .ant-input-number-input {
+    height: 40px !important;
+  }
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      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/GrowthFaceClass.vue b/src/components/growthpath/GrowthFaceClass.vue
new file mode 100644
index 00000000..97aaf4bc
--- /dev/null
+++ b/src/components/growthpath/GrowthFaceClass.vue
@@ -0,0 +1,176 @@
+<template>
+  <div @click="openDrawer()">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-face-class"
+    width="70%"
+    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 class="contentMain">
+        <div class="main">
+          <div class="main_left">
+            <div v-show="step == 1">
+              <FaceClassAll
+                ref="FaceClassAllRef"
+                v-model:id="formData.taskId"
+                v-model:name="formData.taskName"
+                @addData="addData"
+                @select="confirm"
+              />
+            </div>
+            <div v-show="step == 2">
+              <GrowthCourseModal
+                @noEdit="noEdit"
+                @visibleClose="visibleClose"
+                ref="CourseModalRef"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import { computed, defineEmits, defineProps, ref } from "vue";
+import FaceClassAll from "./FeaceClassAll.vue";
+import GrowthCourseModal from "./GrowthCourseModal.vue";
+import { useResetRef } from "@/utils/useCommon";
+import { saveTask } from "@/api/growthpath";
+import { message } from "ant-design-vue";
+const props = defineProps({
+  type: Number,
+  growId: Number,
+  // 选秀2 必修1
+  activeKey: String,
+});
+const title = computed(() => {
+  if (step.value == 1) {
+    return formData.value.id ? "编辑面授" : "添加面授";
+  } else if (step.value == 2) {
+    return "新建课程";
+  }
+});
+// 步骤数
+const step = ref(1);
+const visible = ref(false);
+const formData = useResetRef({
+  id: "",
+  taskName: "",
+});
+const emit = defineEmits(["refresh"]);
+
+// 新建课程
+const addData = () => {
+  step.value = 2;
+};
+// 未新建课程直接离开的 不予刷新
+const noEdit = () => {
+  step.value = step.value - 1;
+};
+const FaceClassAllRef = ref(null);
+// 新建课程需刷新数据
+const visibleClose = () => {
+  step.value = step.value - 1;
+  FaceClassAllRef.value.getList();
+};
+// 关闭抽屉
+const closeDrawer = () => {
+  if (step.value > 1) {
+    step.value = step.value - 1;
+  } else {
+    visible.value = false;
+    formData.reset();
+  }
+};
+
+async function confirm(row) {
+  // 新增
+  if (!formData.value?.id) {
+    await saveTask({
+      growthId: props.growId,
+      taskName: row.name,
+      taskType: props.type,
+      taskId: row.id,
+      type: props.activeKey,
+    });
+    message.success("添加成功");
+  } else {
+    // 编辑
+    formData.value.taskName = row.name;
+    formData.value.taskId = row.id;
+    await saveTask(formData.value);
+    message.success("编辑成功");
+  }
+  closeDrawer();
+  emit("refresh");
+}
+
+function openDrawer(row) {
+  row && (formData.value = row);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.growth-face-class > .ant-drawer-content-wrapper {
+  min-width: 1300px !important;
+  width: 1300px !important;
+}
+.growth-face-class {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      .main {
+        width: 100%;
+
+        .main_left {
+          padding-right: 30px;
+          margin-top: 32px;
+
+          .main_item {
+            display: flex;
+            align-items: center;
+
+            .fi_input {
+              margin-right: 20px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/AddHomework.vue b/src/components/growthpath/GrowthHomework.vue
similarity index 73%
rename from src/components/growthpath/AddHomework.vue
rename to src/components/growthpath/GrowthHomework.vue
index 8a53e687..0899ed86 100644
--- a/src/components/growthpath/AddHomework.vue
+++ b/src/components/growthpath/GrowthHomework.vue
@@ -1,13 +1,21 @@
 <template>
-  <div @click="openDrawer">
+  <div @click="openDrawer()">
     <slot></slot>
   </div>
-  <a-drawer :visible="visible" class="drawerStyle addhomeworkDrawer" width="1000" placement="right">
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-homework"
+    width="800"
+    placement="right"
+  >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">{{ edit ? "编辑" : "添加" }}作业</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-             @click="closeDrawer"/>
+        <div class="headerTitle">{{ formData.id ? "编辑" : "添加" }}作业</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
       </div>
       <div class="contentMain">
         <div class="main_left">
@@ -22,10 +30,14 @@
               <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"/>
-
+              <a-input
+                v-model:value="formData.info.workName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入作业名称"
+                autocomplete="off"
+                show-count
+                :maxlength="20"
+              />
             </div>
           </div>
 
@@ -61,45 +73,59 @@
               <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"/>
+              <a-textarea
+                v-model:value="formData.info.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"/>
+              <FJUpload v-model:value="formData.info.workEnclosureAddress" />
             </div>
           </div>
-          <div style="width:100%;height: 80px;"></div>
+          <div style="width: 100%; height: 80px"></div>
         </div>
       </div>
-      <div class="main_btns" style="background:#fff;">
+      <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>
+        <a-button class="btn2" html-type="submit" @click="confirm"
+          >确定</a-button
+        >
       </div>
     </div>
   </a-drawer>
 </template>
 <script setup>
-import {defineEmits, defineProps, ref} from "vue";
+import { defineEmits, defineProps, ref } from "vue";
 import dayjs from "dayjs";
 import FJUpload from "@/components/common/FJUpload";
-import {useResetRef} from "@/utils/useCommon";
-import {Form, message} from "ant-design-vue";
-import {addOrEditTask} from "@/api/growthpath";
+import { useResetRef } from "@/utils/useCommon";
+import { Form, message } from "ant-design-vue";
+import { saveTask } from "@/api/growthpath";
 const props = defineProps({
   type: Number,
-  taskList: [],
   growId: String,
+  activeKey: String,
 });
 const visible = ref(false);
-const formData = useResetRef({ workName: "", submitStartTime: "", submitEndTime: "", workRequirement: "" });
-const emit = defineEmits({});
-const taskIndex = ref(-1);
+const formData = useResetRef({
+  info: {
+    workName: "",
+    submitStartTime: "",
+    submitEndTime: "",
+    workRequirement: "",
+  },
+});
+const emit = defineEmits(["refresh"]);
 const dateTime = ref([]);
 const rulesRef = ref({
   workName: [
@@ -128,57 +154,59 @@ const rulesRef = ref({
   ],
 });
 
-const { validate } = Form.useForm(formData, rulesRef);
+const { validate } = Form.useForm(formData.info, rulesRef);
 const closeDrawer = () => {
   visible.value = false;
-  taskIndex.value = -1;
   formData.reset();
+  formData.value.info = {};
   dateTime.value = [];
-  taskId.value = null;
 };
 
 function timeChange(time, timeStr) {
-  formData.value.submitStartTime = timeStr[0];
-  formData.value.submitEndTime = timeStr[1];
+  formData.value.info.submitStartTime = timeStr[0];
+  formData.value.info.submitEndTime = timeStr[1];
 }
 
-const disabledDate = (current) => {
-  return current && current < dayjs().startOf("day");
-};
-
 async function confirm() {
+  // 表单校验
   await validate().catch(({ errorFields }) => {
     message.warning(errorFields[0].errors.join());
     throw Error("数据校验不通过");
   });
-  const params = {
-    id: taskId.value,
-    growId: props.growId,
-    name: formData.value.workName,
-    duration: dayjs(formData.value.submitEndTime).diff(formData.value.submitStartTime, "minutes"),
-    type: props.type,
-    info: { ...formData.value }
-  }
-  addOrEditTask(params).then(res=>{
-    if(res.data.code == 200){
-      if(params.id){
-        message.success('编辑成功')
-      }else{
-        message.success('添加成功')
+  // 专业力ID
+  formData.value.growthId = props.growId;
+  // 任务类型
+  formData.value.taskType = props.type;
+  // 必修/选修
+  formData.value.type = props.activeKey;
+  // 任务名称
+  formData.value.taskName = formData.value.info.workName;
+  // 任务时长
+  formData.value.duration = dayjs(formData.value.info.submitEndTime).diff(
+    formData.value.info.submitStartTime,
+    "minutes"
+  );
+  saveTask(formData.value).then((res) => {
+    if (res.data.code == 200) {
+      if (formData.value.id) {
+        message.success("编辑成功");
+      } else {
+        message.success("添加成功");
       }
-      emit('dataListUp', true)
-    }else{
-      message.error(res.msg)
+      emit("refresh");
+    } else {
+      message.error(res.msg);
     }
-  })
+  });
   closeDrawer();
 }
-const taskId = ref(null)
-function openDrawer(i, row) {
-  row && (formData.value = { ...row.info });
-  row && (dateTime.value = [dayjs(row.info.submitStartTime, "YYYY-MM-DD HH:mm"), dayjs(row.info.submitEndTime, "YYYY-MM-DD HH:mm")]);
-  row && (taskId.value = row.id);
-  (i >= 0) && (taskIndex.value = i);
+function openDrawer(row) {
+  row && (formData.value = row);
+  row &&
+    (dateTime.value = [
+      dayjs(row.info.submitStartTime, "YYYY-MM-DD HH:mm"),
+      dayjs(row.info.submitEndTime, "YYYY-MM-DD HH:mm"),
+    ]);
   visible.value = true;
 }
 
@@ -189,12 +217,7 @@ defineExpose({ openDrawer });
   background-color: #fafafa !important;
 }
 
-.addhomeworkDrawer > .ant-drawer-content-wrapper {
-    min-width: 800px !important;
-    width: 800px !important;
-}
-
-.addhomeworkDrawer {
+.growth-homework {
   .drawerMain {
     .header {
       height: 73px;
@@ -218,10 +241,10 @@ defineExpose({ openDrawer });
       justify-content: space-between;
 
       .main_left {
-        padding-right: 30px;
         flex: 1;
         border-right: 1px solid #e8e8e8;
-        margin-top: 32px;
+        margin-top: 0px;
+        padding-right: 0px;
 
         .main_item {
           display: flex;
@@ -409,4 +432,3 @@ defineExpose({ openDrawer });
   }
 }
 </style>
-
diff --git a/src/components/growthpath/GrowthInvist.vue b/src/components/growthpath/GrowthInvist.vue
new file mode 100644
index 00000000..104cff69
--- /dev/null
+++ b/src/components/growthpath/GrowthInvist.vue
@@ -0,0 +1,352 @@
+<template>
+  <div @click="openDrawer()">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-invist"
+    width="70%"
+    title="添加评估"
+    placement="right"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div v-if="formData.id" class="headerTitle">编辑评估</div>
+        <div v-else class="headerTitle">添加评估</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_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_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: formData.taskId == record.id ? '#999' : null,
+                  }"
+                  @click="confirm(record)"
+                  >选择</a
+                >
+              </template>
+            </template>
+          </a-table>
+        </div>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup lang="jsx">
+import { defineEmits, defineProps, ref, computed } from "vue";
+import { Form, message } from "ant-design-vue";
+import { useResetRef } from "@/utils/useCommon";
+import { saveTask } from "@/api/growthpath";
+// import { useRouter } from "vue-router";
+import { useRowsPage } from "@/api/request";
+import { ASSESSMENT_PAGE } from "@/api/apis";
+const emit = defineEmits(["refresh"]);
+const props = defineProps({
+  type: Number,
+  growId: String,
+  activeKey: String,
+});
+const visible = ref(false);
+const formData = useResetRef({});
+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",
+    key: "assessmentName",
+    width: "40%",
+    ellipsis: true,
+  },
+  {
+    title: "题数",
+    dataIndex: "num",
+    key: "num",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+    customRender: (text) => {
+      return (
+        <div class="racona">
+          <span>
+            {" "}
+            {text.record.essayQuestionVoList.length +
+              text.record.multipleStemVoList.length +
+              text.record.scoringQuestionVoList.length +
+              text.record.singleStemVoList.length}
+          </span>
+        </div>
+      );
+    },
+  },
+  {
+    title: "创建人",
+    dataIndex: "createName",
+    key: "createName",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+    ellipsis: true,
+  },
+]);
+
+const closeDrawer = () => {
+  visible.value = false;
+  formData.reset();
+};
+
+async function confirm(record) {
+  if (!formData?.value?.id) {
+    await saveTask({
+      growthId: props.growId,
+      taskName: record.assessmentName,
+      taskType: props.type,
+      taskId: record.id,
+      type: props.activeKey,
+    });
+    message.success("添加成功");
+  } else {
+    // 编辑
+    formData.value.taskName = record.assessmentName;
+    formData.value.taskId = record.id;
+    await saveTask(formData.value);
+    message.success("编辑成功");
+  }
+  closeDrawer();
+  emit("refresh");
+}
+
+function openDrawer(row) {
+  row && (formData.value = row);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.growth-invist > .ant-drawer-content-wrapper {
+  min-width: 1300px !important;
+  width: 1300px !important;
+}
+.growth-invist {
+  .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_item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 20px;
+        margin-top: 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: #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;
+      }
+
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/PreView.vue b/src/components/growthpath/GrowthLineCourse.vue
similarity index 53%
rename from src/components/growthpath/PreView.vue
rename to src/components/growthpath/GrowthLineCourse.vue
index baa675a0..1978ce60 100644
--- a/src/components/growthpath/PreView.vue
+++ b/src/components/growthpath/GrowthLineCourse.vue
@@ -1,91 +1,210 @@
 <template>
-  <div @click="openModal">
+  <div @click="openDrawer">
     <slot></slot>
   </div>
-  <a-modal
+  <a-drawer
     :visible="visible"
-    :footer="null"
-    width="80%"
-    height="80%"
-    @cancel="closeModal"
+    class="drawerStyle growth-line-course"
+    width="1400"
+    title="添加在线"
+    placement="right"
   >
-    <div class="headers">
-      <div class="left">预览</div>
-      <div class="right" @click="closeModal">
-        <img  class="img" src="../../../src/assets/images/growthpath/out.png" alt="">
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">
+          {{ taskIndex >= 0 ? "编辑" : "添加" }}在线
+        </div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
       </div>
-    </div>
-    <div>
       <iframe
         id="iframe"
-        style="width: 100%; height: 600px"
-        :src="getIframeSrc()"
+        style="width: 100%; height: 100%; border: none"
+        :src="`${iframeUrl}/course/manages?f=choose&refId=${
+          props.id
+        }&refType=${14}&courseIds=&projectId=${props.growId}`"
         name="myframe"
         security="restricted"
         sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
       ></iframe>
     </div>
-  </a-modal>
+  </a-drawer>
 </template>
-<script setup>
-import {defineProps, ref} from "vue";
-const iframeUrl = ref(process.env.VUE_APP_BOE_API_URL);
-const visible = ref(false);
+<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 { iframeUrl } from "@/api/method";
 const props = defineProps({
-  name: String,
+  type: Number,
   id: Number,
+  taskList: [],
+  growId: String,
 });
+const visible = ref(false);
+const taskIndex = ref(-1);
+const rowSelectKeys = ref([]);
+const selectsData = ref([]);
+const emit = defineEmits({});
+const closeDrawer = () => {
+  visible.value = false;
+  taskIndex.value = -1;
+  selectsData.value = [];
+  rowSelectKeys.value = [];
+  editId.value = null;
+};
+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);
+      }
+    });
+  }
+  closeDrawer();
+}
 
-function openModal() {
+function selectCourse(row) {
+  console.log(row, "row");
+  rowSelectKeys.value = [row.id];
+  selectsData.value = [row];
+  if (rowSelectKeys.value.length != 0) {
+    confirm();
+  }
+}
+const editId = ref(null);
+function openDrawer(i, row) {
+  console.log(i, row, "i,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;
+  }
   visible.value = true;
 }
 
-function closeModal() {
-  visible.value = false;
-}
-function getIframeSrc() {
-  const timestamp = new Date().getTime();
-  return `https:${iframeUrl.value}/pc/growthpath?growId=${props.id}&name=${props.name}&isTrue=${''}&_=${timestamp}`;
-}
-defineExpose({ closeModal });
-
+defineExpose({ openDrawer, selectCourse });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.growth-line-course > .ant-drawer-content-wrapper {
+  min-width: 1400px !important;
+  width: 1400px !important;
+}
 
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
-.headers{
-  padding-top: 25px;
-  height: 71px;
-  display: flex;
-  position: relative;
-  border-bottom: 1px #E8E8E8 solid;
-  .left{
-    font-weight: 600;
-    font-size: 18px;
-    color: #333333;
-    line-height: 25px;
-    text-align: left;
-    margin-left: 45px;
-  }
-  .right{
-    position: absolute;
-    top: 19px;
-    right: 2px;
-    background: #fff;
-    width: 76px;
-    height: 49px;
-    z-index: 20;
-    .img{
-      cursor: pointer;
-      width: 30px;
-      height: 30px;
-    }
-  }
-}
-.addonlineDrawer {
+
+.growth-line-course {
   .drawerMain {
+    .title {
+      display: flex;
+      flex-wrap: wrap;
+      .select {
+        margin-left: 16px;
+        margin-top: 16px;
+      }
+      .btn {
+        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 {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn1 {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: rgba(64, 158, 255, 1);
+        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 {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+    }
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -261,8 +380,8 @@ defineExpose({ closeModal });
         }
 
         .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
           background: #f6f9fd;
         }
 
@@ -310,125 +429,4 @@ defineExpose({ closeModal });
     }
   }
 }
-
-.changeModal {
-  .ant-modal {
-    width: 549px !important;
-    height: 245px !important;
-
-    .ant-modal-close-x {
-      display: none;
-    }
-
-    .ant-modal-content {
-      width: 549px !important;
-      height: 245px !important;
-
-      .ant-modal-body {
-        padding: 0 !important;
-        width: 549px !important;
-        height: 245px !important;
-
-        .con {
-          // background-color: #bfa;
-          width: 100%;
-          height: 100%;
-
-          .header {
-            width: 100%;
-            display: flex;
-            height: 68px;
-            position: relative;
-            justify-content: center;
-
-            background: linear-gradient(
-                rgba(78, 166, 255, 0.2) 0%,
-                rgba(78, 166, 255, 0) 100%
-            );
-
-            .inhe {
-              width: 80%;
-              height: 100%;
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-
-              .mod {
-                left: 30px;
-                top: 27px;
-                position: absolute;
-                width: 18px;
-                height: 17px;
-                background-image: url(../../assets/images/leveladd/mod.png);
-              }
-
-              .tz {
-                color: #000000;
-                font-weight: 400;
-                font-size: 16px;
-              }
-
-              .mg {
-                width: 20px;
-                height: 20px;
-                background-image: url(../../assets/images/basicinfo/close22.png);
-                background-size: 100% 100%;
-                cursor: pointer;
-              }
-            }
-          }
-
-          .mid {
-            width: 100%;
-            display: flex;
-            height: 100%;
-            justify-content: center;
-
-            .inher {
-              width: 80%;
-              height: 100%;
-
-              .cur {
-                color: #6f6f6f;
-                font-size: 14px;
-              }
-
-              .select {
-                margin-top: 10px;
-              }
-
-              .btn {
-                width: 100%;
-                display: flex;
-                justify-content: center;
-                margin-top: 30px;
-
-                .sameb {
-                  width: 100px;
-                  height: 40px;
-                  font-size: 14px;
-
-                  border-radius: 8px;
-                }
-
-                .btn1 {
-                  color: #4ea6ff;
-                  background: #ffffff;
-                  border: 1px solid #4ea6ff;
-                }
-
-                .btn2 {
-                  margin-left: 16px;
-                  border: 0;
-                  color: #ffffff;
-                  background: #4ea6ff;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/growthpath/GrowthLive.vue b/src/components/growthpath/GrowthLive.vue
new file mode 100644
index 00000000..a1eb14f1
--- /dev/null
+++ b/src/components/growthpath/GrowthLive.vue
@@ -0,0 +1,811 @@
+<!-- 直播抽屉 -->
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-live"
+    width="1000"
+    title="添加直播"
+    placement="right"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">
+          {{ taskIndex >= 0 ? "编辑" : "添加" }}直播
+        </div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">直播名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="formData.liveName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入直播名称"
+                :maxlength="20"
+              />
+            </div>
+          </div>
+          <div class="main_item" style="margin-top: -10px">
+            <div class="signbox">
+              <div class="asterisk_icon">
+                <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.liveLink"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入直播链接"
+                :maxlength="100"
+              />
+            </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
+                :show-time="{ format: 'HH:mm' }"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                v-model:value="dateTime"
+                format="YYYY-MM-DD HH:mm"
+                valueFormat="YYYY-MM-DD HH:mm"
+                @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="btnbox">
+              <a-input-number
+                :min="0"
+                :max="999999"
+                :precision="0"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                :placeholder="durationText"
+                v-model:value="formData.liveDuration"
+              ></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="select" style="width: 400px">
+              <ProjectManager
+                v-model:value="formData.liveTeacherId"
+                v-model:name="formData.liveTeacherName"
+              >
+              </ProjectManager>
+            </div>
+          </div>
+          <div class="mbl_items2">
+            <div class="item_nam">
+              <div class="asterisk_icon">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 2px">直播封面：</span>
+            </div>
+            <div class="item_inp" style="background-color: #fff">
+              <a-upload
+                name="avatar"
+                list-type="picture-card"
+                class="avatar-uploader"
+                :show-upload-list="false"
+                :headers="headers"
+                :before-upload="beforeUpload"
+              >
+                <img
+                  class="i_upload_img"
+                  v-if="imageUrl"
+                  :src="imageUrl"
+                  alt="avatar"
+                />
+                <div class="i_upload" v-else>
+                  <div class="addimg">
+                    <div class="heng"></div>
+                    <div class="shu"></div>
+                  </div>
+                </div>
+              </a-upload>
+              <div class="i_bottom">
+                <div class="tip">
+                  <span style="color: #999999; margin-left: 8px"
+                    >支持图片格式为jpg/jpeg/png 图片最大为2MB</span
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <div class="asterisk_icon">
+                <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.liveNotice"
+                placeholder="请输入直播公告"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
+              />
+            </div>
+          </div>
+
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">回放设置：</span>
+            </div>
+            <div class="btnbox">
+              <a-switch
+                v-model:checked="formData.livePlayback"
+                @change="getchange(formData.livePlayback)"
+              />
+            </div>
+          </div>
+          <div v-if="formData.livePlayback">
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">回放链接：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="formData.livePlaybackLink"
+                  style="width: 400px; height: 40px; border-radius: 8px"
+                  placeholder="请输入回放链接"
+                  :maxlength="100"
+                />
+              </div>
+            </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.liveExplain"
+                placeholder="请输入直播说明"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
+              />
+            </div>
+          </div>
+
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">考勤设置：</span>
+            </div>
+            <div class="kqszbox">
+              <div class="qdqtbox">
+                <div class="qdbtn">
+                  <div class="btntext">签到</div>
+                </div>
+              </div>
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>直播开始前：</span>
+                  <a-input-number
+                    :min="0"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 88px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.beforeSignIn"
+                  ></a-input-number>
+                  <span style="color: #999999; margin-left: 8px"
+                    >分钟允许签到</span
+                  >
+                </div>
+                <div class="timerbox">
+                  <span>直播开始后：</span>
+                  <a-input-number
+                    :min="0"
+                    :max="999999"
+                    :precision="0"
+                    style="
+                      width: 88px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.afterSignIn"
+                  ></a-input-number>
+                  <span style="color: #999999; margin-left: 8px"
+                    >分钟允许签到</span
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">评估：</span>
+            </div>
+            <div class="btnbox2">
+              <a-checkbox
+                v-model:checked="formData.isEvaluate"
+                @change="getchanges(formData.isEvaluate)"
+                >需要评估
+              </a-checkbox>
+            </div>
+          </div>
+          <div v-if="formData.isEvaluate" class="main_item">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <AddInvistRoot
+                v-model:id="formData.assessmentId"
+                v-model:name="formData.assessmentName"
+              >
+                <button class="xkbtn">选择评估</button>
+              </AddInvistRoot>
+
+              <div v-if="formData.assessmentId">
+                <a-tag closable @close="removePG" color="processing">
+                  <span style="font-size: 14px; line-height: 33px">{{
+                    formData.assessmentName
+                  }}</span>
+                </a-tag>
+              </div>
+            </div>
+          </div>
+          <div class="main_item" style="height: 30px">
+            <div class="signbox">
+              <span style="margin-right: 3px"></span>
+            </div>
+            <div class="btnbox"></div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn2" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="confirm">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import { computed, defineEmits, defineProps, ref } from "vue";
+import dayjs from "dayjs";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import AddInvistRoot from "@/components/drawers/AddInvistRoot.vue";
+import { Form, message } from "ant-design-vue";
+import { fileUp } from "../../api/indexEval";
+import { useResetRef } from "@/utils/useCommon";
+import { getCookieForName } from "@/api/method";
+
+const removePG = () => {
+  formData.value.assessmentId = "";
+  formData.value.assessmentName = "";
+};
+const getchange = (mess) => {
+  console.log(mess); //输出true或者false
+};
+const getchanges = (mess) => {
+  console.log(mess); //输出true或者false
+};
+const props = defineProps({
+  type: Number,
+  taskList: [],
+});
+const visible = ref(false);
+const headers = { token: getCookieForName("token") };
+const formData = useResetRef({
+  liveName: "",
+  liveLink: "",
+  liveStartTime: "",
+  liveEndTime: "",
+  liveNotice: "",
+  liveDuration: "",
+  liveTeacherId: "",
+  liveTeacherName: "",
+  liveCover: "",
+  beforeSignIn: "",
+  afterSignIn: "",
+  isEvaluate: false,
+  assessmentId: "",
+  assessmentName: "",
+  livePlayback: "",
+  liveExplain: "",
+});
+const emit = defineEmits({});
+const taskIndex = ref(-1);
+const dateTime = ref([]);
+
+const rulesRef = ref({
+  liveName: [
+    {
+      required: true,
+      message: "请输入直播名称",
+    },
+  ],
+  liveLink: [
+    {
+      type: "url",
+      required: true,
+      message: "请输入合法的直播链接",
+    },
+  ],
+  liveStartTime: [
+    {
+      required: true,
+      message: "请选择开始时间",
+    },
+  ],
+  liveEndTime: [
+    {
+      required: true,
+      message: "请选择结束时间",
+    },
+  ],
+  liveNotice: [
+    {
+      required: true,
+      message: "请输入直播公告",
+    },
+  ],
+  // liveDuration: [
+  //   {
+  //     required: true,
+  //     message: "请输入持续时间",
+  //   },
+  // ],
+  liveTeacherId: [
+    {
+      required: true,
+      message: "请选择直播教师",
+    },
+  ],
+  liveTeacherName: [
+    {
+      required: true,
+      message: "请选择直播教师",
+    },
+  ],
+  liveCover: [
+    {
+      required: true,
+      message: "请上传直播封面",
+    },
+  ],
+});
+
+const { resetFields, validate } = Form.useForm(formData, rulesRef);
+const durationText = computed(() =>
+  dateTime.value?.length
+    ? dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]), "minute")
+    : "请输入持续时间"
+);
+
+const closeDrawer = () => {
+  imageUrl.value = "";
+  visible.value = false;
+  taskIndex.value = -1;
+  dateTime.value = [];
+  formData.reset();
+  resetFields();
+};
+function timeChange(time, timeStr) {
+  formData.value.liveStartTime = timeStr[0];
+  formData.value.liveEndTime = timeStr[1];
+  // formData.value.liveDuration || (formData.value.liveDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+}
+const disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+async function confirm() {
+  // debugger;
+  console.log("确定按钮:");
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  if (taskIndex.value === -1) {
+    let list = props.taskList;
+    list.push({
+      name: formData.value.liveName,
+      type: props.type,
+      info: { ...formData.value },
+      duration: dayjs(formData.value.liveEndTime).diff(
+        formData.value.liveStartTime,
+        "minutes"
+      ),
+    });
+  } else {
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.liveName;
+    data.info = { ...formData.value };
+    data.duration = dayjs(formData.value.liveEndTime).diff(
+      formData.value.liveStartTime,
+      "minutes"
+    );
+    console.log(data);
+  }
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
+}
+
+function openDrawer(i, row) {
+  console.log(i, row);
+  row && (formData.value = { ...row.info });
+  row && (dateTime.value = [row.info.liveStartTime, row.info.liveEndTime]);
+  row && (imageUrl.value = row.info.liveCover);
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+
+const imageUrl = ref("");
+const beforeUpload = (file) => {
+  const isJpgOrPng =
+    file.type === "image/jpg" ||
+    file.type === "image/jpeg" ||
+    file.type === "image/png" ||
+    file.type === "image/svg" ||
+    file.type === "image/bmp" ||
+    file.type === "image/gif";
+  if (!isJpgOrPng) {
+    message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
+    return false;
+  }
+
+  let isLt1M = file.size < 2000000;
+  console.log(file.size, isLt1M);
+  if (!isLt1M) {
+    message.error("图片大小超过2MB!");
+    return false;
+  }
+
+  const formDatas = new FormData();
+  formDatas.append("file", file);
+  fileUp(formDatas).then((res) => {
+    if (res.data.code === 200) {
+      console.log(res.data.data, 45);
+      imageUrl.value = process.env.VUE_APP_FILE_PATH + res.data.data;
+      formData.value.liveCover = process.env.VUE_APP_FILE_PATH + res.data.data;
+
+      // state.hasImgName = file.name;
+      // emit("src", { id: '', src: res.data.data });
+    }
+  });
+  return false;
+};
+</script>
+<style lang="scss">
+.ant-upload {
+  background-color: #fff !important;
+}
+
+.growth-live > .ant-drawer-content-wrapper {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.growth-live {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+
+      .main_left {
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        margin-top: 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;
+            }
+          }
+        }
+
+        .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: 5px;
+              cursor: pointer;
+            }
+
+            .qdbtn,
+            .qtbtn {
+              width: 75px;
+              height: 24px;
+              background: rgba(56, 139, 225, 0.16);
+              border-radius: 2px;
+              border: 1px solid #387df7;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+
+              .btntext {
+                color: #387df7;
+              }
+            }
+
+            .setbox {
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 6px;
+
+              .timerbox {
+                margin-top: 22px;
+                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;
+            }
+          }
+        }
+
+        .mbl_items2 {
+          display: flex;
+          align-items: start;
+          margin-top: 10px;
+          margin-bottom: 10px;
+
+          .i_bottom {
+            margin-bottom: 30px;
+          }
+
+          .item_nam {
+            width: 120px;
+            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;
+
+            .i_upload_img {
+              width: 100px;
+              height: 100px;
+              border-radius: 8px;
+            }
+
+            .i_upload {
+              width: 100px;
+              height: 100px;
+              border: 1px solid #4ea6ff;
+              border-radius: 8px;
+              text-align: center;
+              align-items: center;
+              cursor: pointer;
+
+              .addimg {
+                position: relative;
+
+                .heng {
+                  position: absolute;
+                  top: 50px;
+                  left: 25px;
+                  width: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+
+                .shu {
+                  position: absolute;
+                  top: 25px;
+                  left: 50px;
+                  height: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+              }
+            }
+
+            .ant-upload.ant-upload-select-picture-card {
+              border: 0px !important;
+            }
+          }
+        }
+      }
+    }
+
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthOwnerTable.vue b/src/components/growthpath/GrowthOwnerTable.vue
index 44c36315..ee344801 100644
--- a/src/components/growthpath/GrowthOwnerTable.vue
+++ b/src/components/growthpath/GrowthOwnerTable.vue
@@ -9,17 +9,9 @@
 <template>
   <TableModelStudent :types="types" :id="id" ref="tableModelRef">
     <template #extension="{ data: { record } }">
-      <CommonStudent
-        v-if="record.type === type"
-        :type="type"
-        :id="id"
-        @finash="submitCall"
-        :clear="true"
-        :select-stu="true"
-        :select-one="true"
+      <a-button style="" type="link" @click="transferOwnership(record)"
+        >转移归属权</a-button
       >
-        <a-button type="link">转移归属权</a-button>
-      </CommonStudent>
     </template>
     <slot></slot>
   </TableModelStudent>
@@ -27,11 +19,9 @@
 <script setup>
 import { defineProps, ref } from "vue";
 import TableModelStudent from "@/components/growthpath/GrowthTableModel";
-import CommonStudent from "@/components/growthpath/GrowthCommonStudent";
 
 defineProps({
   id: String,
-  type: Number,
   types: {
     type: Array,
     default: () => [],
@@ -39,8 +29,8 @@ defineProps({
 });
 const tableModelRef = ref();
 
-function submitCall(flag) {
-  tableModelRef.value.loading = true;
-  flag && tableModelRef.value.searchStu();
-}
+// 转移归属权
+const transferOwnership = (data) => {
+  console.log(data);
+};
 </script>
diff --git a/src/components/growthpath/GrowthProject.vue b/src/components/growthpath/GrowthProject.vue
new file mode 100644
index 00000000..06efce92
--- /dev/null
+++ b/src/components/growthpath/GrowthProject.vue
@@ -0,0 +1,367 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-project"
+    width="1300"
+    placement="right"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div v-if="selectData.id" class="headerTitle">编辑项目</div>
+        <div v-else class="headerTitle">添加项目</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_items">
+          <div class="mi_ipts">
+            <div class="mii_ipt">
+              <div class="ipt_name"></div>
+              <div class="fi_input">
+                <a-input
+                  v-model:value="params.name"
+                  style="width: 210px; 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.manager"
+                  style="width: 210px; 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.createName"
+                  style="width: 210px; height: 40px; border-radius: 8px"
+                  placeholder="请输入创建人"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+          </div>
+          <div class="mi_btns" style="margin-left: 0px">
+            <div class="btn btn1">
+              <div class="search"></div>
+              <div class="btnText" @click="search">搜索</div>
+            </div>
+            <div class="btn btn2" @click="reset">
+              <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="goProjectmanage">新建项目</button>
+        </div>
+        <div class="main_table">
+          <div class="drawerbox">
+            <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: selectData.taskId == record.id ? '#999' : null,
+                    }"
+                    @click="confirm(record)"
+                    >选择</a
+                  >
+                </template>
+              </template>
+            </a-table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup lang="jsx">
+import { computed, defineEmits, defineProps, ref, watch } from "vue";
+import { message } from "ant-design-vue";
+// import { useRouter } from "vue-router";
+import { useRowsPage } from "@/api/request";
+import { PROJECT_AUDIT_PAGE } from "@/api/apis";
+import { saveTask } from "@/api/growthpath";
+const props = defineProps({
+  type: Number,
+  growId: String,
+  activeKey: String,
+});
+const visible = ref(false);
+const emit = defineEmits(["refresh"]);
+
+const columns = ref([
+  {
+    title: "选择",
+    dataIndex: "select",
+    key: "select",
+    width: "100px",
+    align: "center",
+  },
+  {
+    title: "项目名称",
+    dataIndex: "name",
+    key: "projectName",
+    width: "20%",
+    ellipsis: true,
+  },
+  {
+    title: "所属项目",
+    dataIndex: "topName",
+    key: "topName",
+    width: "20%",
+    ellipsis: true,
+    customRender: ({ record: { gaName, faName, name } }) => (
+      <div
+        title={
+          faName ? (gaName !== null ? gaName + "/" + faName : faName) : name
+        }
+      >
+        {faName
+          ? gaName !== null
+            ? (gaName + "/" + faName).length > 16
+              ? (gaName + "/" + faName).slice(0, 16) + "..."
+              : gaName + "/" + faName
+            : faName.length > 16
+            ? faName.slice(0, 16) + "..."
+            : faName
+          : name.length > 16
+          ? name.slice(0, 16) + "..."
+          : name}
+      </div>
+    ),
+  },
+  {
+    title: "项目经理",
+    dataIndex: "manager",
+    key: "manager",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    dataIndex: "createName",
+    key: "createName",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+  },
+]);
+const initParams = {
+  pageNo: 1,
+  pageSize: 10,
+  orderAsc: true,
+};
+const params = ref(initParams);
+// const router = useRouter();
+const selectData = ref({});
+
+const { data, loading, total, fetch } = useRowsPage(
+  PROJECT_AUDIT_PAGE,
+  params.value,
+  {
+    init: false,
+    result: (res) => res.result.list,
+    totalPage: (res) => res.result.totalPages,
+    total: (res) => res.result.count,
+  }
+);
+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.pageNo = 1;
+  fetch();
+}
+
+function reset() {
+  selectData.value = {};
+  params.value.pageNo = 1;
+  params.value.keyWord = "";
+  params.value.createName = "";
+  params.value.manager = "";
+  params.value.name = "";
+  fetch();
+}
+
+const closeDrawer = () => {
+  visible.value = false;
+  reset();
+};
+
+async function confirm(record) {
+  // 新增
+  if (!selectData?.value?.id) {
+    await saveTask({
+      growthId: props.growId,
+      taskName: record.name,
+      taskType: props.type,
+      taskId: record.id,
+      type: props.activeKey,
+    });
+    message.success("添加成功");
+  } else {
+    // 编辑
+    selectData.value.taskName = record.name;
+    selectData.value.taskId = record.id;
+    await saveTask(selectData.value);
+    message.success("编辑成功");
+  }
+  closeDrawer();
+  emit("refresh");
+}
+
+const goProjectmanage = () => {
+  // router.push({path: "/projectmanage"});
+  window.open(process.env.VUE_APP_BASE + "/projectmanage");
+};
+
+function openDrawer(row) {
+  row && (selectData.value = row);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.growth-project > .ant-drawer-content-wrapper {
+  min-width: 1300px !important;
+  width: 1300px !important;
+}
+
+.growth-project {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      .main_items {
+        margin: 20px 0;
+        .mi_ipts {
+          margin-bottom: 0px;
+        }
+        .mi_btns {
+          margin-bottom: 0px;
+        }
+      }
+      .main_item {
+        display: flex;
+        align-items: center;
+        .xkbtn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-top: 0px;
+          margin-bottom: 20px;
+          color: #fff;
+        }
+
+      }
+    }
+
+    .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;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthRef.vue b/src/components/growthpath/GrowthRef.vue
new file mode 100644
index 00000000..77f52802
--- /dev/null
+++ b/src/components/growthpath/GrowthRef.vue
@@ -0,0 +1,325 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-ref"
+    width="1000"
+    placement="right"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">
+          {{ taskIndex >= 0 ? "编辑" : "添加" }}外链
+        </div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">外链名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="formData.linkName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入外链名称"
+                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-input
+                v-model:value="formData.linkAddress"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入链接"
+                show-count
+                :maxlength="100"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">外链说明：</span>
+            </div>
+            <div class="textarea" style="width: 400px">
+              <a-textarea
+                v-model:value="formData.linkDescription"
+                placeholder="请输入外链说明"
+                allow-clear
+                :rows="6"
+                show-count
+                :maxlength="200"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn2" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="confirm">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref } from "vue";
+import { Form, message } from "ant-design-vue";
+import { useResetRef } from "@/utils/useCommon";
+
+const props = defineProps({
+  type: Number,
+  taskList: [],
+});
+const visible = ref(false);
+const formData = useResetRef({
+  linkName: "",
+  linkAddress: "",
+  linkDescription: "",
+});
+const emit = defineEmits({});
+const taskIndex = ref(-1);
+const dateTime = ref([]);
+const rulesRef = ref({
+  linkName: [
+    {
+      required: true,
+      message: "请输入链接名称",
+    },
+  ],
+  linkAddress: [
+    {
+      type: "url",
+      required: true,
+      message: "请输入合法的链接地址",
+    },
+  ],
+});
+
+const { validate } = Form.useForm(formData, rulesRef);
+
+const closeDrawer = () => {
+  visible.value = false;
+  taskIndex.value = -1;
+  dateTime.value = [];
+  formData.reset();
+};
+
+async function confirm() {
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  if (taskIndex.value === -1) {
+    const list = props.taskList;
+    list.push({
+      name: formData.value.linkName,
+      type: props.type,
+      info: { ...formData.value },
+    });
+  } else {
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.linkName;
+    data.info = { ...formData.value };
+  }
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
+}
+
+function openDrawer(i, row) {
+  row && (formData.value = { ...row.info });
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.growth-ref > .ant-drawer-content-wrapper {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+
+.growth-ref {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        margin-top: 0px;
+
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin: 32px 0;
+
+          .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;
+
+          .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;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 1px 35px 0 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/GrowthSelectTest.vue b/src/components/growthpath/GrowthSelectTest.vue
new file mode 100644
index 00000000..a8a1fe9c
--- /dev/null
+++ b/src/components/growthpath/GrowthSelectTest.vue
@@ -0,0 +1,301 @@
+<template>
+  <div class="growth-select-test">
+    <div class="main">
+      <div class="search">
+        <div class="sealeft">
+          <div class="namecon" style="margin-right: 30px">
+            <div class="name">试卷名称：</div>
+            <a-input
+              v-model:value="params.keyWord"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入试卷名称"
+            />
+          </div>
+        </div>
+        <div class="btns">
+          <div class="btn btn1" style="margin-right: 20px" @click="search">
+            <div class="img1"></div>
+            <div class="wz">搜索</div>
+          </div>
+          <div class="btn btn2" @click="reset">
+            <div class="img2"></div>
+            <div class="wz">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btnss" style="margin-top: 20px">
+        <div class="btn btn1" @click="createPage" style="margin-right: 20px">
+          <div class="wz">新建试卷</div>
+        </div>
+      </div>
+      <div class="tab" style="margin-top: 20px">
+        <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>
+</template>
+
+<script setup>
+import { computed, defineEmits, defineProps, ref } from "vue";
+import { useBoeApiPage } from "@/api/request";
+import { EXAM_PAPER_PAGE } from "@/api/ThirdApi";
+import { message } from "ant-design-vue";
+const props = defineProps({
+  selectId: String,
+});
+const emit = defineEmits(["confirm", "addTest"]);
+
+const columns = ref([
+  {
+    title: "选择",
+    dataIndex: "select",
+    key: "select",
+    width: "100px",
+    align: "center",
+  },
+  {
+    title: "试卷名称",
+    dataIndex: "testName",
+    key: "testName",
+    width: "40%",
+    align: "center",
+    className: "h head",
+    ellipsis: true,
+  },
+  {
+    title: "随机模式",
+    dataIndex: "paperMode",
+    key: "paperMode",
+    width: "20%",
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "创建人",
+    dataIndex: "sysCreateBy",
+    key: "sysCreateBy",
+    width: "20%",
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+]);
+const initParams = {
+  keyWord: "",
+  pageIndex: 1,
+  pageSize: 10,
+  orderAsc: true,
+};
+const params = ref(initParams);
+
+const { data, loading, total, fetch } = useBoeApiPage(
+  EXAM_PAPER_PAGE,
+  params.value,
+  {
+    init: false,
+    result: (res) => res.result.list,
+    totalPage: (res) => res.result.totalPages,
+    total: (res) => res.result.count,
+  }
+);
+
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: params.value.pageIndex,
+  pageSize: params.value.pageSize,
+  onChange: changePagination,
+}));
+
+const changePagination = (e) => {
+  params.value.pageIndex = e;
+  fetch();
+};
+
+function search() {
+  params.value.pageIndex = 1;
+  fetch();
+}
+// 重置
+function reset() {
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  fetch();
+}
+
+// 如果是编辑先通过改方法处理数据
+const initData = (data) => {
+};
+// 选择完毕
+function confirm(record) {
+  emit("confirm", record);
+  reset();
+}
+
+function createPage() {
+  emit("addTest");
+}
+defineExpose({
+  initData,
+  fetch,
+});
+</script>
+
+<style lang="scss">
+.growth-select-test {
+  min-width: 550px;
+  overflow-x: auto;
+  display: flex;
+  flex-direction: column;
+
+  .main {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    padding-right: 10px;
+
+    .search {
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      margin-top: 20px;
+
+      .sealeft {
+        display: flex;
+        flex-wrap: wrap;
+
+        .namecon {
+          display: flex;
+          flex-wrap: nowrap;
+          margin-bottom: 10px;
+
+          .name {
+            margin-top: 8px;
+            white-space: nowrap;
+          }
+        }
+      }
+
+      .btns {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/courseManage/search0.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+
+          .img2 {
+            width: 16px;
+            height: 18px;
+            background-image: url(../../assets/images/courseManage/reset0.png) !important;
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+        }
+
+        .btn1 {
+          background: #4ea6ff;
+
+          color: #ffffff;
+        }
+
+        .btn2 {
+          background: #4ea6ff !important;
+
+          color: #fff !important;
+          border: 1px solid #4ea6ff;
+        }
+      }
+    }
+
+    .btnss {
+      display: flex;
+      flex-wrap: nowrap;
+
+      .btn {
+        cursor: pointer;
+        width: 130px;
+        height: 40px;
+        border-radius: 8px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .btn1 {
+        background: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+
+    .tab {
+      th,
+      th.h {
+        background-color: #eff4fc !important;
+      }
+
+      .ant-table-tbody
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
+        background: #f6f9fd;
+      }
+
+      .tableBox {
+        .pa {
+          margin-top: 15px;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-item,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.addExamModal {
+  .ant-modal {
+    width: 80% !important;
+  }
+}
+</style>
diff --git a/src/components/growthpath/GrowthTableModel.vue b/src/components/growthpath/GrowthTableModel.vue
index ed3c385e..13d16d70 100644
--- a/src/components/growthpath/GrowthTableModel.vue
+++ b/src/components/growthpath/GrowthTableModel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="CommonStudent">
+  <div class="common-student">
     <a-drawer
       :visible="visiable"
       class="drawerStyle ProjCheckship"
@@ -7,8 +7,8 @@
       width="60%"
     >
       <div class="drawerMain" id="ProjCheckship" style="">
-        <div class="header" style="margin-bottom: 20px;">
-          <div class="headerTitle">权限名单</div>
+        <div class="header" style="margin-bottom: 20px">
+          <div class="headerTitle">归属权转移</div>
           <img
             style="width: 29px; height: 29px; cursor: pointer"
             src="../../assets/images/basicinfo/close.png"
@@ -49,7 +49,7 @@
             <a-col :span="2">
               <a-button
                 class="cus-btn"
-                style="width: 100px;background: #4ea6ff;color: #fff;"
+                style="width: 100px; background: #4ea6ff; color: #fff"
                 @click="reset"
               >
                 <template #icon
@@ -74,9 +74,7 @@
                 <a-space :size="2">
                   <slot name="extension" v-bind:data="{ record }"></slot>
                   <a-button
-                    v-if="
-                      record.type !== 17
-                    "
+                    v-if="record.type !== 17"
                     @click="del(record.id)"
                     type="link"
                     danger
@@ -128,17 +126,11 @@
   </a-modal>
 </template>
 <script setup>
-import {
-  computed,
-  defineProps,
-  defineExpose,
-  ref,
-  watch,
-} from "vue";
+import { computed, defineProps, defineExpose, ref, watch } from "vue";
 import { usePage } from "@/api/request";
 import { STUDENT_LIST } from "@/api/apis";
 import { delStudentList } from "@/api/index1";
-import {useAsyncStu} from "@/utils/useCommon";
+import { useAsyncStu } from "@/utils/useCommon";
 import { message } from "ant-design-vue";
 
 const props = defineProps({
@@ -223,8 +215,11 @@ const {
   loading,
 } = usePage(STUDENT_LIST, searchParams);
 
-const { loading: stuAsyncLoading } = useAsyncStu(props.id, props.types.join(","), searchStu);
-
+const { loading: stuAsyncLoading } = useAsyncStu(
+  props.id,
+  props.types.join(","),
+  searchStu
+);
 
 const stuPagination = computed(() => ({
   total: total.value,
@@ -245,7 +240,7 @@ const changePagination = (page) => {
 function search() {
   searchParams.value.studentName = searchName.value;
   searchParams.value.pageNo = 1;
-  searchStu()
+  searchStu();
 }
 
 const deleteModalVisible = ref(false);
@@ -261,7 +256,7 @@ const sureSameModal = () => {
     loading.value = true;
     delStudentList({ ids: [deleteId.value] }).then(() => {
       message.success("删除成功");
-      searchStu()
+      searchStu();
     });
     deleteModalVisible.value = false;
   }
@@ -279,9 +274,9 @@ const closeDrawer = () => {
 function reset() {
   searchParams.value = initParams;
   searchName.value = "";
-  searchParams.value.studentName = ''
+  searchParams.value.studentName = "";
   searchParams.value.pageNo = 1;
-  searchStu()
+  searchStu();
 }
 
 watch(visiable, () => {
@@ -294,7 +289,7 @@ defineExpose({
   loading,
 });
 </script>
-<style lang="scss">
+<style lang="scss" >
 .btnn {
   height: 72px;
   width: 100%;
@@ -342,31 +337,17 @@ defineExpose({
   color: #fff;
 }
 
-.white {
-  background: #fff;
-  color: #4ea6ff;
-}
 
 .cus-input {
   height: 40px;
   border-radius: 8px;
 }
 
-.cus-select {
-  height: 40px;
-  border-radius: 8px;
-}
-
-.CommonStudent {
+.common-student {
   .ant-btn-primary {
     background-color: #4ea6ff !important;
   }
 
-  .cus-select {
-    height: 40px;
-    border-radius: 8px;
-  }
-
   .tableBox .ant-table-row .ant-table-cell {
     height: 48px;
     font-size: 14px;
@@ -388,199 +369,7 @@ defineExpose({
     overflow: visible;
   }
 
-  .right1 {
-    border-left: 1px solid #f2f6fe;
-    margin-left: 20px;
-
-    .onerow {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-right: 40px;
-      flex-wrap: wrap;
-
-      width: 100%;
-
-      .onleft {
-        display: flex;
-        text-align: center;
-
-        .already {
-          color: rgba(51, 51, 51, 1);
-          font-size: 16px;
-          font-weight: 500;
-          margin-left: 32px;
-          white-space: nowrap;
-          // margin-bottom: 20px;
-        }
-
-        .count {
-          color: #4ea6ff;
-          font-size: 16px;
-          margin: 0 6px;
-        }
-
-        .peo {
-          color: rgba(51, 51, 51, 1);
-          font-size: 16px;
-          font-weight: 500;
-        }
-      }
-
-      .clbox {
-        margin-right: 50px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        width: 104px;
-        height: 32px;
-        border-radius: 4px;
-        background: #4ea6ff;
-
-        .colose {
-          width: 16px;
-          height: 16px;
-          // border-radius: 8px;
-          // background: #ffffff;
-          // position: relative;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          background-size: 100%;
-          margin-right: 4px;
-        }
-
-        .allclear {
-          color: rgba(255, 255, 255, 1);
-          font-size: 14px;
-        }
-      }
-    }
-
-    .selecteds {
-      display: flex;
-      flex-wrap: wrap;
-      margin-left: 32px;
-
-      .person {
-        width: 100%;
-        margin-top: 20px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-      .chose {
-        width: 64px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
-
-        .ch {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
-      }
-
-      .ifsw {
-        display: flex;
-        align-items: end;
-        justify-content: center;
-        color: #4ea6ff;
-      }
-
-      .sw {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        text-align: justify;
-        color: #4ea6ff;
-        margin-top: 23px;
-        margin-left: 10px;
-      }
-
-      .dept {
-        width: 100%;
-        margin-top: 30px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-      .chose1 {
-        //width: 90px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
-
-        .span {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        .ch1 {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
-      }
-
-      .group {
-        width: 100%;
-        margin-top: 30px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-      .chose2 {
-        //width: 120px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
-
-        .span {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        .ch2 {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
-      }
-    }
-  }
+ 
 }
 .deleteModal1 {
   .ant-modal {
@@ -711,4 +500,4 @@ defineExpose({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/growthpath/GrowthVote.vue b/src/components/growthpath/GrowthVote.vue
new file mode 100644
index 00000000..90511383
--- /dev/null
+++ b/src/components/growthpath/GrowthVote.vue
@@ -0,0 +1,460 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle growth-vote"
+    width="800"
+    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>
+      <template v-if="step == 1">
+        <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.voteName"
+                  style="width: 424px; height: 40px; border-radius: 8px"
+                  placeholder="请输入投票任务名称"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">起止时间：</span>
+              </div>
+              <div class="select">
+                <a-range-picker
+                  :show-time="{ format: 'HH:mm' }"
+                  format="YYYY-MM-DD HH:mm"
+                  style="width: 424px"
+                  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>创建投票题干：</span>
+              </div>
+              <div class="btnbox">
+                <button class="xkbtn" @click="step = 2">
+                  {{
+                    formData.voteStemDtoList.length ? "编辑" : "创建"
+                  }}投票题干
+                </button>
+
+                <div v-if="formData.voteStemDtoList.length">
+                  <a-tag closable color="processing" @close="handleDel">
+                    <span style="font-size: 14px; line-height: 33px"
+                      >删除投票题干</span
+                    >
+                  </a-tag>
+                </div>
+              </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.voteExplain"
+                  placeholder="请输入投票说明"
+                  allow-clear
+                  :rows="6"
+                  maxlength="150"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn2" @click="closeDrawer">取消</button>
+          <button class="btn2" @click="confirm">确定</button>
+        </div>
+      </template>
+      <template v-if="step == 2">
+        <CreateVote
+          v-model:options="formData.voteStemDtoList"
+          @close="step = 1"
+          @confirm="step = 1"
+        >
+        </CreateVote>
+      </template>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, computed } from "vue";
+import CreateVote from "./CreateVote.vue";
+import { Form, message } from "ant-design-vue";
+import dayjs from "dayjs";
+import { useResetRef } from "@/utils/useCommon";
+
+const props = defineProps({
+  type: Number,
+  taskList: [],
+});
+// 弹框标题
+const title = computed(() => {
+  if (step.value == 1) {
+    return taskIndex >= 0 ? "编辑投票任务" : "添加投票";
+  } else if (step.value == 2) {
+    return "创建投票题干";
+  }
+});
+// 步骤数
+const step = ref(1);
+const visible = ref(false);
+const formData = useResetRef({
+  voteName: "",
+  voteStartTime: "",
+  voteEndTime: "",
+  voteStemDtoList: [],
+  voteExplain: "",
+});
+const emit = defineEmits({});
+const taskIndex = ref(-1);
+const dateTime = ref([]);
+const rulesRef = ref({
+  voteName: [
+    {
+      required: true,
+      message: "请输入投票名称",
+    },
+  ],
+  voteStartTime: [
+    {
+      required: true,
+      message: "请输入起止时间",
+    },
+  ],
+  voteEndTime: [
+    {
+      required: true,
+      message: "请输入起止时间",
+    },
+  ],
+  voteStemDtoList: [
+    {
+      required: true,
+      message: "请创建题干信息",
+    },
+  ],
+});
+
+const { validate } = Form.useForm(formData, rulesRef);
+// 关闭弹窗
+const closeDrawer = () => {
+  if (step.value > 1) {
+    step.value = step.value - 1;
+  } else {
+    visible.value = false;
+    taskIndex.value = -1;
+    dateTime.value = [];
+    formData.reset();
+  }
+};
+
+function timeChange(time, timeStr) {
+  formData.value.voteStartTime = timeStr[0];
+  formData.value.voteEndTime = timeStr[1];
+}
+
+const disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+
+async function confirm() {
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  if (taskIndex.value === -1) {
+    const list = props.taskList;
+    list.push({
+      name: formData.value.voteName,
+      type: props.type,
+      duration: dayjs(formData.value.voteEndTime).diff(
+        formData.value.voteStartTime,
+        "minutes"
+      ),
+      info: { ...formData.value },
+    });
+  } else {
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.voteName;
+    data.info = { ...formData.value };
+    data.duration = dayjs(formData.value.voteEndTime).diff(
+      formData.value.voteStartTime,
+      "minutes"
+    );
+  }
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
+}
+
+function openDrawer(i, row) {
+  row && (formData.value = { ...row.info });
+  row &&
+    (dateTime.value = [
+      dayjs(row.info.voteStartTime, "YYYY-MM-DD HH:mm"),
+      dayjs(row.info.voteEndTime, "YYYY-MM-DD HH:mm"),
+    ]);
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
+}
+
+function handleDel() {
+  formData.value.voteStemDtoList = [];
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss" scoped>
+.growth-vote > .ant-drawer-content-wrapper {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.growth-vote {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        margin-top: 0px;
+
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin: 32px 0;
+
+          .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;
+              color: #fff;
+              margin: 0 16px 0 0;
+            }
+
+            .fileTigan {
+              display: flex;
+              align-items: center;
+              padding: 3px 5px;
+              background-color: rgba(42, 103, 209, 0.4);
+
+              span {
+                margin-right: 5px;
+              }
+
+              .delBox {
+                width: 13px;
+                height: 13px;
+                background-image: url(@/assets/images/basicinfo/ch.png);
+                background-size: 100% 100%;
+                border-radius: 50%;
+              }
+            }
+          }
+        }
+
+        .in {
+          element.style {
+            border-radius: 8px;
+          }
+
+          .ant-input-affix-wrapper {
+            position: relative;
+            display: inline-block;
+            width: 132%;
+            /* min-width: 19px; */
+            padding: 4px 11px;
+            color: rgba(0, 0, 0, 0.85);
+            font-size: 14px;
+            line-height: 1.5715;
+            background-color: #fff;
+            background-image: none;
+            border: 1px solid #d9d9d9;
+            border-radius: 2px;
+            transition: all 0.3s;
+            display: inline-flex;
+          }
+        }
+
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+
+          .textarea {
+            width: 423px;
+
+            .ant-input {
+              width: 355px;
+            }
+
+            .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;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/growthpath/LineAddCourse.vue b/src/components/growthpath/LineAddCourse.vue
deleted file mode 100644
index 03d5d450..00000000
--- a/src/components/growthpath/LineAddCourse.vue
+++ /dev/null
@@ -1,740 +0,0 @@
-<template>
-  <div @click="openDrawer">
-    <slot></slot>
-  </div>
-  <a-drawer
-    :visible="visible"
-    class="drawerStyle addonlineDrawer"
-    width="800"
-    title="添加在线"
-    placement="right"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div class="headerTitle">{{ taskIndex >= 0 ? "编辑" : "添加" }}在线</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-             @click="closeDrawer"/>
-      </div>
-      <div>
-        <!-- <div class="contentMain" style="padding:20px">
-          <CreateOnline ref="onlineRef" :id="props.courseSyncFlag?'':props.id" :type="props.courseSyncFlag?'':props.infoType" :courseIds="props.taskList" :projectId="props.growId">
-            <a-button type="primary" style="border-radius: 4px">{{
-                taskIndex === -1 ? "选择/新建课程" : "重新选择"
-              }}
-            </a-button>
-          </CreateOnline>
-        </div> -->
-      </div>
-      <!-- <div class="title">
-        <div class="select">
-          <a-tree-select
-            v-model:value="sysTypeId"
-            show-search
-            style="width: 200px"
-            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-            placeholder="请选择内容分类"
-            allow-clear
-            tree-default-expand-all
-            :fieldNames="{
-              children: 'children',
-              label: 'name',
-              value: 'code',
-            }"
-            :tree-data="sysTypeOptions"
-            @select="onSelect"
-          >
-          </a-tree-select>
-        </div>
-        <div class="select">
-          <a-input
-            v-model:value="params.createUser"
-            style="width: 200px; height: 40px; border-radius: 8px"
-            placeholder="创建人"
-            maxlength="20"
-          />
-        </div>
-        <div class="select">
-          <a-input
-            v-model:value="params.keyWord"
-            style="width: 200px; height: 40px; border-radius: 8px"
-            placeholder="名称"
-            maxlength="20"
-          />
-        </div>
-        <div class="select" >
-          <a-select
-            v-model:value="params.statusValue"
-            style="width: 181px;height: 40px;"
-            placeholder="状态"
-            :options="statusValues"
-            allowClear
-          ></a-select>
-        </div>
-        <div class="select" >
-          <a-select
-            v-model:value="params.statusType"
-            style="width: 181px;height: 40px;"
-            placeholder="是否发布"
-            :options="statusTypes"
-            allowClear
-          ></a-select>
-        </div>
-        <div style="display: flex; margin-top: 16px;margin-left:16px;">
-          <div class="btn btn1" @click="searchLearnPath">
-            <div class="search"></div>
-            <div class="btnText">搜索</div>
-          </div>
-          <div class="btnn1 btn2" @click="resetLearnPath">
-            <div class="search"></div>
-            <div class="btnText">重置</div>
-          </div>
-        </div>
-      </div> -->
-      <div class="drawerMain" style="margin: 20px 0 10px 0;">
-        <!-- <a-table
-          :columns="columns"
-          :data-source="pageData"
-          row-key="id"
-          :loading="params.tableDataTotal"
-          :pagination="pagination"
-          :scroll="{ x: 'max-content' }"
-        >
-          <template #clickAdd="{ record, column }">
-            <a-button @click="selectCourse(record)" v-if="record?.published" type="default" size="mini">选择</a-button>
-          </template>
-        </a-table> -->
-        <iframe
-          id="iframe"
-          style="width: 100%; height: 600px"
-          :src="`${iframeUrl}/course/manages?f=choose&refId=${props.id}&refType=${14}&courseIds=${props.taskList}&projectId=${props.growId}`"
-          name="myframe"
-          security="restricted"
-          sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
-        ></iframe>
-      </div>
-      <!-- <div class="main_btns">
-        <button class="btn2" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="confirm">确定</button>
-      </div> -->
-    </div>
-  </a-drawer>
-</template>
-<script setup lang="jsx">
-import {computed, defineEmits, defineProps, ref, watch,onMounted} from "vue";
-import {message} from "ant-design-vue";
-import CreateOnline from "@/components/drawers/CreateOnline.vue";
-import { addOrEditTask,pagelist } from "@/api/growthpath";
-import {iframeUrl} from "@/api/method";
-import { useStore } from "vuex";
-const props = defineProps({
-  type: Number,
-  infoType: Number,
-  courseSyncFlag: Number,
-  id: Number,
-  taskList: [],
-  chapterList: [],
-  growId: String,
-});
-const visible = ref(false);
-const onlineRef = ref(false);
-const taskIndex = ref(-1);
-const rowSelectKeys = ref([]);
-const selectsData = ref([]);
-const store = useStore();
-const emit = defineEmits({});
-onMounted(()=>{
-  // getPagelist()
-})
-const pageData = ref([])
-const getPagelist = () => {
-  params.value.tableDataTotal = true
-  if(sysTypeId.value==''||sysTypeId.value==null){
-    sysTypes.value = []
-  }
-  let query = {
-    pageIndex: params.value.pageNo,
-    pageSize: params.value.pageSize,
-    sysType1: sysTypes.value[0],
-    sysType2: sysTypes.value[1],
-    sysType3: sysTypes.value[2],
-    createUser: params.value.createUser,
-    keyword: params.value.keyWord,
-    status: params.value.statusValue,
-    publish: params.value.statusType,
-  }
-  pagelist(query).then(res=>{
-    params.value.tableDataTotal = false
-    if(res.status==200){
-      pageData.value = res.data.result.list;
-      params.value.total = res.data.result.count;
-    }
-  })
-}
-const sysTypes = ref([])
-const onSelect = () => {
-  const foundId = []
-  sysTypeOptions.value.forEach(item=>{
-    if(sysTypeId.value == item.id){
-      foundId.unshift(item.id)
-    }else{
-      if(item.children && item.children != ''){
-        item.children.forEach(i=>{
-          if(sysTypeId.value == i.id){
-            foundId.unshift(i.id)
-            foundId.unshift(item.id)
-          }else{
-            if(i.children && i.children != ''){
-              i.children.forEach(over=>{
-                if(sysTypeId.value == over.id){
-                  foundId.unshift(over.id)
-                  foundId.unshift(i.id)
-                  foundId.unshift(item.id)
-                  }
-              })
-            }
-          }
-        })
-      }
-    }
-  })
-  sysTypes.value = foundId
-}
-const searchLearnPath = () => {
-  params.value.pageNo = 1
-  getPagelist()
-}
-const resetLearnPath = () => {
-  sysTypeId.value = null
-  params.value.createUser = null
-  params.value.keyWord = null
-  params.value.statusValue = null
-  params.value.statusType = null
-  searchLearnPath()
-}
-const statusValues = ref([
-  { value: 'null', label: '全部' },
-  { value: '2', label: '待审核' },
-  { value: '1', label: '未提交' },
-  { value: '5', label: '已审核' },
-  { value: '3', label: '审核未通过' },
-])
-const statusTypes = ref([
-  { value: 'null', label: '全部' },
-  { value: 'true', label: '已发布' },
-  { value: 'false', label: '未发布' },
-])
-const columns = ref([
-  {
-    title: "序号",
-    dataIndex: "index",
-    key: "index",
-    width: "50px",
-    ellipsis: true,
-    customRender: ({ text,record,index }) => index + 1
-  },
-  {
-    title: "选择",
-    width: 100,
-    align: "center",
-    slots: { customRender: "clickAdd" },
-  },
-  {
-    title: "名称",
-    dataIndex: "name",
-    key: "name",
-    width: "200px",
-    ellipsis: true,
-  },
-  {
-    title: "内容分类",
-    dataIndex: "sysType",
-    key: "sysType",
-    width: "250px",
-    align: "center",
-    customRender: ({ record,text }) =>
-      `${getSysTypeMap(record.sysType1, record.sysTypeId)?getSysTypeMap(record.sysType1) : ""}
-      ${getSysTypeMap(record.sysType2, record.sysTypeId)?'/'+getSysTypeMap(record.sysType2) : ""}
-      ${getSysTypeMap(record.sysType3, record.sysTypeId)?'/'+getSysTypeMap(record.sysType3) : ""}`
-  },
-  {
-    title: "关键字",
-    dataIndex: "keywords",
-    key: "keywords",
-    width: "100px",
-    align: "center",
-  },
-  {
-    title: "状态",
-    dataIndex: "status",
-    key: "status",
-    width: "100px",
-    align: "center",
-    customRender: ({record:{status}}) => <span>{{1:'未提交',2:'待审核',3:'审核未通过',5:'已审核'}[status]||''}</span>,
-  },
-  {
-    title: "是否发布",
-    dataIndex: "published",
-    key: "published",
-    width: "100px",
-    align: "center",
-    customRender: ({record}) => <span>{record.published ?'已发布':'未发布'}</span>,
-  },
-  {
-    title: "创建人",
-    dataIndex: "sysCreateBy",
-    key: "sysCreateBy",
-    width: "100px",
-    align: "center",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "sysCreateTime",
-    key: "sysCreateTime",
-    width: "200px",
-    align: "center",
-  },
-  {
-    title: "是否停用",
-    dataIndex: "enabled",
-    key: "enabled",
-    width: "100px",
-    align: "center",
-    customRender: ({record}) => <span>{!record.enabled ?'停用':'启用'}</span>,
-  },
-  {
-    title: "是否置顶",
-    dataIndex: "isTop",
-    key: "isTop",
-    width: "100px",
-    align: "center",
-    customRender: ({record}) => <span>{record.isTop ?'置顶':'未置顶'}</span>,
-  },
-]);
-// watch(taskIndex, () => {
-//   if (taskIndex.value >= 0) {
-//     rowSelectKeys.value = [];
-//   }
-// });
-const sysTypeId = ref(null)
-const selectIds = computed(()=>props.chapterList.flatMap(t=>props.infoType===1?t.taskDraftDtoList:t.draftTaskList)?.filter(s=>s?.type===props.type).map(t=>t.courseId).join(',') || '')
-const getSysTypeMap = (code) => {
-  if(code=="")return
-  return store.state.sysTypeMap.get(code)
-}
-getSysTypeMap()
-const closeDrawer = () => {
-  visible.value = false;
-  taskIndex.value = -1;
-  selectsData.value = [];
-  rowSelectKeys.value = [];
-  editId.value = null
-};
-const sysTypeOptions = computed(() => {return store.state.content_type;});
-const params = ref({
-  pageNo: 1,
-  pageSize: 10,
-  total: 0,
-  tableDataTotal: true,
-  statusValue: null,
-  statusType: null,
-  createUser: null,
-  keyWord: null,
-})
-const pagination = computed(() => ({
-  total: params.value.total,
-  showSizeChanger: true,
-  showQuickJumper: false,
-  current: params.value.pageNo,
-  pageSize: params.value.pageSize,
-  onChange: changePaginationsAdd,
-}))
-const changePaginationsAdd = (page,pageSize) => {
-  params.value.pageNo = page
-  params.value.pageSize = pageSize
-  getPagelist()
-}
-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);
-      }
-    })
-  }
-  closeDrawer();
-}
-
-function selectCourse(row) {
-  console.log(row,'row');
-  // if (!props.courseSyncFlag && row.refId != props.id) {
-  //   message.warning("请新建本项目在线课！");
-  //   return;
-  // }
-
-  // if (selectIds.value.includes(row.id)) {
-  //   message.warning("本项目中已经包含此在线课！");
-  //   return;
-  // }
-
-  rowSelectKeys.value = [row.id];
-  selectsData.value = [row];
-  // onlineRef.value.closeModal();
-  if(rowSelectKeys.value.length!=0){
-    confirm()
-  }
-}
-const editId = ref(null)
-function openDrawer(i, row) {
-  console.log(i,row,'i,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
-  }
-  visible.value = true;
-}
-
-defineExpose({ openDrawer, selectCourse });
-</script>
-<style lang="scss">
-.addonlineDrawer > .ant-drawer-content-wrapper {
-    min-width: 1300px !important;
-    width: 1300px !important;
-}
-
-.ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
-}
-
-.addonlineDrawer {
-  .drawerMain {
-  .title{
-    display: flex;
-    flex-wrap: wrap;
-    .select{
-      margin-left: 16px;
-      margin-top: 16px;
-    }
-    .btn {
-      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 {
-        background-size: 100%;
-      }
-
-      .btnText {
-        font-size: 14px;
-        font-weight: 400;
-        color: #ffffff;
-        line-height: 36px;
-        margin-left: 5px;
-      }
-    }
-
-    .btnn1 {
-      padding: 0px 26px 0px 26px;
-      height: 38px;
-      background: rgba(64, 158, 255, 1);
-      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 {
-        background-size: 100%;
-      }
-
-      .btnText {
-        font-size: 14px;
-        font-weight: 400;
-        color: #fff;
-        line-height: 36px;
-        margin-left: 5px;
-      }
-    }
-
-    .btn1 {
-      .search {
-        width: 15px;
-        height: 17px;
-        background-image: url("../../assets/images/courseManage/search0.png");
-      }
-    }
-
-    .btn2 {
-      .search {
-        width: 16px;
-        height: 18px;
-        background-image: url("../../assets/images/courseManage/reset0.png");
-      }
-    }
-  }
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-shrink: 0;
-
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-
-    .contentMain {
-      padding-right: 12px;
-
-      .main_items {
-        display: flex;
-
-        margin-top: 32px;
-        margin-bottom: 12px;
-        flex-wrap: wrap;
-
-        .mi_ipts {
-          display: flex;
-          margin-bottom: 20px;
-
-          .mii_ipt {
-            display: flex;
-            align-items: center;
-            margin-right: 24px;
-
-            .ipt_name {
-              white-space: nowrap;
-            }
-          }
-        }
-
-        .mi_btns {
-          display: flex;
-          margin-left: 38px;
-          margin-bottom: 20px;
-          cursor: pointer;
-
-          .btn {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            border-radius: 8px;
-            border: 1px solid rgba(64, 158, 255, 1);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-left: 14px;
-            flex-shrink: 0;
-
-            .search {
-              background-size: 100%;
-            }
-
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-
-          .btn1 {
-            background: rgb(64, 158, 255);
-
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-
-            .btnText {
-              color: rgb(255, 255, 255);
-            }
-          }
-
-          .btn2 {
-            background: rgb(255, 255, 255);
-
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/reset1.png");
-            }
-
-            .btnText {
-              color: rgb(64, 158, 255);
-            }
-          }
-
-          .btn1:hover {
-            background: rgb(255, 255, 255);
-
-            .search {
-              background-image: url("@/assets/images/courseManage/search1.png");
-            }
-
-            .btnText {
-              color: #4ea6ff;
-            }
-          }
-
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-
-            .search {
-              background-image: url("@/assets/images/courseManage/reset0.png");
-            }
-
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-      }
-
-      .main_notice {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 3px;
-        height: 40px;
-        background-color: #e9f6fe;
-
-        .mntc_left {
-          display: flex;
-          align-items: center;
-
-          .notice_icon {
-            width: 14px;
-            height: 14px;
-            margin-right: 9px;
-            margin-left: 9px;
-            background-image: url(@/assets/images/coursewareManage/gan.png);
-            background-size: 100% 100%;
-          }
-        }
-
-        .mntc_right {
-          cursor: pointer;
-        }
-      }
-
-      .main_table {
-        position: relative;
-        padding-bottom: 80px;
-
-        .ant-checkbox-wrapper {
-          align-items: center;
-          margin-top: -2px;
-        }
-
-        .ant-table-selection-column {
-          padding: 0px !important;
-          padding-left: 5px !important;
-        }
-
-        .ant-table-thead > tr > th {
-          background-color: rgba(239, 244, 252, 1);
-        }
-
-        th.h {
-          background-color: #eff4fc !important;
-        }
-
-        .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
-          background: #f6f9fd;
-        }
-
-        .pa {
-          left: 0;
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          position: absolute;
-          bottom: 20px;
-        }
-      }
-    }
-
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
-
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/components/growthpath/OfficeSelect.vue b/src/components/growthpath/OfficeSelect.vue
index 97409496..4c1731d9 100644
--- a/src/components/growthpath/OfficeSelect.vue
+++ b/src/components/growthpath/OfficeSelect.vue
@@ -83,7 +83,7 @@ export default {
       
     }
     function focus () {
-      // fetchOptions(props.searchData||'')
+      fetchOptions(props.searchData||'')
     }
     return {
       selectedValue,
diff --git a/src/components/growthpath/SelectTest.vue b/src/components/growthpath/SelectTest.vue
deleted file mode 100644
index 9f1c0e3c..00000000
--- a/src/components/growthpath/SelectTest.vue
+++ /dev/null
@@ -1,421 +0,0 @@
-<template>
-  <div @click="openDrawer">
-    <slot></slot>
-  </div>
-  <a-drawer
-      :visible="visible"
-      class="drawerStyle TimeManage"
-      placement="right"
-      width="1000"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div class="headerTitle">选择试卷</div>
-        <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
-        />
-      </div>
-      <div class="main">
-        <div class="search">
-          <div class="sealeft">
-            <div class="namecon" style="margin-right: 30px">
-              <div class="name">试卷名称：</div>
-              <a-input
-                  v-model:value="params.keyWord"
-                  style="width: 270px; height: 40px; border-radius: 8px"
-                  placeholder="请输入试卷名称"
-              />
-            </div>
-          </div>
-          <div class="btns">
-            <div
-                class="btn btn1"
-                style="margin-right: 20px"
-                @click="search"
-            >
-              <div class="img1"></div>
-              <div class="wz">搜索</div>
-            </div>
-            <div class="btn btn2" @click="reset">
-              <div class="img2"></div>
-              <div class="wz">重置</div>
-            </div>
-          </div>
-        </div>
-        <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" @click="createPage" style="margin-right: 20px">
-            <div class="wz">新建试卷</div>
-          </div>
-        </div>
-        <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
-          <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>
-      </div>
-      <div class="btnn">
-        <button class="btn2" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="confirm">确定</button>
-      </div>
-    </div>
-  </a-drawer>
-
-  <!-- 新建考试 -->
-  <a-modal
-      v-model:visible="createVisible"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle addExamModal"
-      :zIndex="9999"
-  >
-    <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="iframeUrl + '/exam/papers?addnew=true'"
-        name="myframe"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
-    ></iframe>
-  </a-modal>
-</template>
-
-<script setup>
-import {computed, defineEmits, defineProps, ref} from "vue";
-import {iframeUrl} from "@/api/method";
-import {useBoeApiPage} from "@/api/request";
-import {EXAM_PAPER_PAGE} from "@/api/ThirdApi";
-import {message} from "ant-design-vue";
-
-defineProps({
-  id: String,
-  name: String
-})
-const visible = ref(false)
-const createVisible = ref(false)
-const emit = defineEmits({})
-
-const columns = ref([
-  {
-    title: "试卷名称",
-    dataIndex: "testName",
-    key: "testName",
-    width: "40%",
-    align: "center",
-    className: "h head",
-    ellipsis: true,
-  },
-  {
-    title: "随机模式",
-    dataIndex: "paperMode",
-    key: "paperMode",
-    width: "20%",
-    align: "center",
-    className: "h",
-    ellipsis: true,
-  },
-  {
-    title: "创建人",
-    dataIndex: "sysCreateBy",
-    key: "sysCreateBy",
-    width: "20%",
-    align: "center",
-    className: "h",
-    ellipsis: true,
-  },
-])
-const initParams = {
-  keyWord: '',
-  pageIndex: 1,
-  pageSize: 10,
-  orderAsc: true
-}
-const params = ref(initParams)
-
-const rowSelectKeys = ref([]);
-const selectsData = ref([]);
-
-const {data, loading, total, fetch} = useBoeApiPage(EXAM_PAPER_PAGE, params.value, {
-  init: false,
-  result: res => res.result.list,
-  totalPage: res => res.result.totalPages,
-  total: res => res.result.count
-})
-
-const customRow = (record) => ({
-  onClick: () => {
-    rowSelectKeys.value = [record.id]
-    selectsData.value = [record]
-  }
-})
-
-const pagination = computed(() => ({
-  total: total.value,
-  showSizeChanger: false,
-  current: params.value.pageIndex,
-  pageSize: params.value.pageSize,
-  onChange: changePagination,
-}));
-
-const changePagination = (e) => {
-  params.value.pageIndex = 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;
-}
-
-function search() {
-  params.value.pageIndex = 1
-  fetch()
-}
-
-function reset() {
-  rowSelectKeys.value = [];
-  selectsData.value = [];
-  params.value.pageIndex = 1
-  params.value.keyWord = ''
-  fetch()
-}
-
-const closeDrawer = () => {
-  visible.value = false
-  reset()
-};
-
-function confirm() {
-  if (!selectsData.value.length || !rowSelectKeys.value.length) {
-    message.warning("请选择试卷！");
-    return
-  }
-  emit('update:id', selectsData.value[0].id)
-  emit('update:name', selectsData.value[0].testName)
-  closeDrawer()
-}
-
-function openDrawer() {
-  visible.value = true
-}
-
-function createPage() {
-  createVisible.value = true
-}
-
-defineExpose({openDrawer})
-</script>
-
-<style lang="scss">
-.TimeManage {
-  .drawerMain {
-    min-width: 550px;
-    margin: 0px 32px 0px 32px;
-    overflow-x: auto;
-    display: flex;
-    flex-direction: column;
-
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      flex-shrink: 0;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 20px;
-
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-      }
-    }
-
-    .main {
-      width: 100%;
-      height: 100%;
-      overflow-y: auto;
-      padding-right: 10px;
-
-      .search {
-        width: 100%;
-        display: flex;
-        flex-wrap: wrap;
-        margin-top: 20px;
-
-
-        .sealeft {
-          display: flex;
-          flex-wrap: wrap;
-
-          .namecon {
-            display: flex;
-            flex-wrap: nowrap;
-            margin-bottom: 10px;
-
-            .name {
-              margin-top: 8px;
-              white-space: nowrap;
-            }
-          }
-        }
-
-        .btns {
-          display: flex;
-          flex-wrap: nowrap;
-
-          .btn {
-            cursor: pointer;
-            width: 100px;
-            height: 40px;
-            border-radius: 8px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-
-            .img1 {
-              width: 15px;
-              height: 17px;
-              background-image: url(../../assets/images/courseManage/search0.png);
-              background-size: 100% 100%;
-              margin-right: 7px;
-            }
-
-            .img2 {
-              width: 16px;
-              height: 18px;
-              background-image: url(../../assets/images/courseManage/reset0.png) !important;
-              background-size: 100% 100%;
-              margin-right: 7px;
-            }
-          }
-
-          .btn1 {
-            background: #4ea6ff;
-
-            color: #ffffff;
-          }
-
-          .btn2 {
-            background: #4ea6ff !important;
-
-            color: #fff !important;
-            border: 1px solid #4ea6ff;
-          }
-        }
-      }
-
-      .btnss {
-        display: flex;
-        flex-wrap: nowrap;
-
-        .btn {
-          cursor: pointer;
-          width: 130px;
-          height: 40px;
-          border-radius: 8px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-
-        .btn1 {
-          background: #4ea6ff;
-          color: #ffffff;
-        }
-      }
-
-      .tab {
-        th,
-        th.h {
-          background-color: #eff4fc !important;
-        }
-
-        .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
-          background: #f6f9fd;
-        }
-
-        .tableBox {
-          .pa {
-            margin-top: 15px;
-            width: 100%;
-            display: flex;
-            justify-content: center;
-
-            .ant-pagination-prev,
-            .ant-pagination-next,
-            .ant-pagination-item,
-            .ant-pagination-options {
-              margin-bottom: 10px;
-            }
-          }
-        }
-      }
-    }
-
-    .btnn {
-      height: 72px;
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      background-color: #fff;
-      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;
-      }
-    }
-  }
-}
-
-.addExamModal {
-  .ant-modal {
-    width: 80% !important;
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/src/components/growthpath/StudentManage.vue b/src/components/growthpath/StudentManage.vue
index 78f41073..be1b6496 100644
--- a/src/components/growthpath/StudentManage.vue
+++ b/src/components/growthpath/StudentManage.vue
@@ -8,14 +8,12 @@
       <a-col>
         <a-form-item title="部门：">
           <div class="select in" style="width: 270px">
-            <OrgClass
-              v-model:value="tableParam.studentDepartId"
-            ></OrgClass>
+            <OrgClass v-model:value="tableParam.studentDepartId"></OrgClass>
           </div>
         </a-form-item>
       </a-col>
       <a-col>
-        <a-form-item title="选择岗位" style="min-width: 170px;">
+        <a-form-item title="选择岗位" style="min-width: 170px">
           <div class="select in">
             <PostSelect
               v-model:value="statusPost"
@@ -27,7 +25,7 @@
         </a-form-item>
       </a-col>
       <a-col>
-        <a-form-item title="选择职级" style="min-width: 170px;">
+        <a-form-item title="选择职级" style="min-width: 170px">
           <div class="select in">
             <RankSelect
               v-model:value="statusRanks"
@@ -37,7 +35,7 @@
         </a-form-item>
       </a-col>
       <a-col>
-        <a-form-item title="加入方式" style="width: 193px;">
+        <a-form-item title="加入方式" style="width: 193px">
           <div class="select in">
             <a-select
               v-model:value="tableParam.source"
@@ -50,7 +48,7 @@
         </a-form-item>
       </a-col>
       <a-col>
-        <a-form-item title="姓名：" style="width: 170px;">
+        <a-form-item title="姓名：" style="width: 170px">
           <a-input
             class="cus-input"
             v-model:value="tableParam.keyword"
@@ -59,172 +57,131 @@
         </a-form-item>
       </a-col>
       <a-col>
-          <a-button
-            class="cus-btn"
-            style="background: #4ea6ff; color: #fff;margin-bottom: 10px;"
-            @click="search"
-            :loading="stuAsyncLoading"
-          >
+        <a-button
+          class="cus-btn"
+          style="background: #4ea6ff; color: #fff; margin-bottom: 10px"
+          @click="search"
+          :loading="stuAsyncLoading"
+        >
           <template #icon>
             <img
               style="margin-right: 10px"
               src="../../assets/images/courseManage/search0.png"
-            /></template>
-            搜索
-          </a-button>
-        </a-col>
-        <a-col :span="2">
-          <a-button class="cus-btn" style="width: 100px;background: #ffffff; color: #578afc;border: 1px solid #578afc;margin-bottom: 10px;" @click="reset">
-            <template #icon>
+          /></template>
+          搜索
+        </a-button>
+      </a-col>
+      <a-col :span="2">
+        <a-button
+          class="cus-btn"
+          style="
+            width: 100px;
+            background: #ffffff;
+            color: #578afc;
+            border: 1px solid #578afc;
+            margin-bottom: 10px;
+          "
+          @click="reset"
+        >
+          <template #icon>
             <img
               style="margin-right: 10px"
               src="../../assets/images/growthpath/searchOut.png"
-            /></template>
-            重置
-          </a-button>
-        </a-col>
+          /></template>
+          重置
+        </a-button>
+      </a-col>
     </a-row>
 
     <a-row
       type="flex"
       gutter="12"
-      style="padding-left: 20px; margin-right: 0px;position: relative;"
+      style="padding-left: 20px; margin-right: 0px; position: relative"
       v-if="checkGrowthPer(permissions)"
     >
       <a-col :span="1.5">
-        <CommonStudent
+        <GrowthCommonStudent
           :type="type"
           :id="id"
           @finash="submitCall"
           :stage="stage"
           :coulmsList="coulmsList"
+          :selectStu="true"
         >
           <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
             <template #icon
-            ><img
-              style="margin-right: 10px"
-              src="../../assets/images/courseManage/add0.png"
+              ><img
+                style="margin-right: 10px"
+                src="../../assets/images/courseManage/add0.png"
             /></template>
             添加学员
           </a-button>
-        </CommonStudent>
+        </GrowthCommonStudent>
       </a-col>
       <!-- 新加导入学员 批量换组 导出学习信息  -->
-      <a-col :span="1.5" v-if="type === 14 || type === 2">
-        <a-button class="cus-btn" @click="showImpStu" style="background: #ffffff; color: #578afc;border: 1px solid #578afc;">
+      <a-col :span="1.5">
+        <a-button
+          class="cus-btn"
+          @click="showImpStu"
+          style="background: #ffffff; color: #578afc; border: 1px solid #578afc"
+        >
           <template #icon
-          ><img
-            style="margin-right: 10px"
-            src="../../assets/images/basicinfo/in2.png"
+            ><img
+              style="margin-right: 10px"
+              src="../../assets/images/basicinfo/in2.png"
           /></template>
           导入学员
         </a-button>
       </a-col>
       <a-col :span="1.5">
-        <a-button class="cus-btn" @click="bathDel" style="background: #ffffff; color: #578afc;border: 1px solid #578afc;">
+        <a-button
+          class="cus-btn"
+          @click="bathDel"
+          style="background: #ffffff; color: #578afc; border: 1px solid #578afc"
+        >
           <template #icon
-          ><img
-            style="margin-right: 10px"
-            src="../../assets/images/projectadd/delete.png"
+            ><img
+              style="margin-right: 10px"
+              src="../../assets/images/projectadd/delete.png"
           /></template>
           批量删除
         </a-button>
       </a-col>
-      <a-col :span="1.5" v-if="type === 14">
-          <a-button class="cus-btn" @click="exportTaskStu" style="background: #ffffff; color: #578afc;border: 1px solid #578afc;">
-            <template #icon
+      <a-col :span="1.5">
+        <a-button
+          class="cus-btn"
+          @click="exportTaskStu"
+          style="background: #ffffff; color: #578afc; border: 1px solid #578afc"
+        >
+          <template #icon
             ><img
               style="margin-right: 10px"
               src="../../assets/images/coursewareManage/export.png"
-            /></template>
-            导出学习信息
-          </a-button>
-        </a-col>
-        <a-col :span="1.5" v-if="type === 2">
-          <a-button class="cus-btn" @click="exportTaskStuRouter" style="background: #ffffff; color: #578afc;border: 1px solid #578afc;">
-            导出学习信息
-          </a-button>
-        </a-col>
-        <a-col :span="1.5">
-        <a-button class="cus-btn" @click="showTexts" style="background: #ffffff; color: #578afc;border: 1px solid #578afc;">
-          <template #icon
-          ><img
-            style="margin-right: 10px"
-            src="../../assets/images/projectadd/edit.png"
           /></template>
-          报名记录
+          导出学习信息
         </a-button>
       </a-col>
-      <!-- 新加批量操作、导出、导出作业 -->
-      <a-col :span="1.5" v-if="type === 3" class="batchOpera">
-        <div class="stmm_btn btn4" @click="hideShow" style="background: #4ea6ff">
-          <div class="btn4_sub">
-            <span style="color: #fff; margin-right: 4px;"> 批量操作 </span>
-            <div
-              class="b_zk"
-              :style="{ display: hideshow ? 'block' : 'none', color: '#fff', lineHeight: '9px', transform: 'rotate(180deg)'}"
-            >^
-            </div>
-            <div
-              class="b_sq"
-              :style="{ display: hideshow ? 'none' : 'block', color: '#fff', lineHeight: '12px'}"
-            >^
-            </div>
-          </div>
-          <div
-            class="btn4_sup"
-            :style="{ display: hideshow ? 'none' : 'block' }"
-          >
-            <div class="btnsbox">
-              <div class="btn4_tit" @click="showEScoreModal">
-                <span>批量录入成绩</span>
-              </div>
-              <div class="btn4_op1" @click="updateStatus(1)">
-                <span>批量结业</span>
-              </div>
-              <div class="btn4_op2" @click="auditStatus(0)">
-                <span>批量通过</span>
-              </div>
-              <div class="btn4_op3" @click="auditStatus(2)">
-                <span>批量拒绝</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="stmm_btn btn5" @click="exportStu" style="background: #4ea6ff; color: #fff;">
-          <div class="export"></div>
-          <div class="btnText">导出</div>
-        </div>
-        <div
-          class="stmm_btn btn5"
-          style="margin-left: 15px;background: #4ea6ff; color: #fff;"
-          @click="exportHomeWorkShow"
-        >
-          <div class="btnText">导出作业</div>
-        </div>
-      </a-col>
-      <div class="btnsearch">
-        
-      </div>
-    </a-row>
-    <a-row
-      type="flex"
-      gutter="12"
-      style="padding-left: 20px; margin-right: 0px;position: relative;"
-      v-else
-    >
+
       <a-col :span="1.5">
-        <a-button class="cus-btn" @click="showTexts" style="background: #ffffff; color: #578afc;border: 1px solid #578afc;">
+        <a-button
+          class="cus-btn"
+          @click="showTexts"
+          style="background: #ffffff; color: #578afc; border: 1px solid #578afc"
+        >
           <template #icon
-          ><img
-            style="margin-right: 10px"
-            src="../../assets/images/projectadd/edit.png"
+            ><img
+              style="margin-right: 10px"
+              src="../../assets/images/projectadd/edit.png"
           /></template>
           报名记录
         </a-button>
       </a-col>
     </a-row>
-    <div style="margin-top: 20px;padding: 0 20px;">
+
+    <div class="tips">
+      说明：以下学员信息来自于员工发展认证管理系统，如需调整学员，请登录员工发展认证管理系统操作！
+    </div>
+    <div style="margin-top: 20px; padding: 0 20px">
       <a-table
         :columns="tablecolumns"
         :data-source="tableData.list"
@@ -234,164 +191,81 @@
         row-key="sid"
         :row-selection="stuRowSelection"
         :row-class-name="getRowClass"
-      > 
-      <template #studyNames="{ record }">
-        <div class="stuName">
-          <span class="name" :title="record.studentName">{{record.studentName}}</span>
-          <a-popover v-if="record.moveStatus" placement="right" v-model:visible="visibleName[record.sid]" class="popver" trigger="click">
-            <template #content>
-              <div style="position: relative;">
-                <img style="margin:-40px 0 0 -44px;" src="@/assets/images/growthpath/namepag.png" alt="">
-                <div style="position: absolute;left: 21px;top: 16px;">
-                  <div>改学员已被管理员{{record.updateName || ''}}添加至其他路径中</div>
-                  <div>添加时间：{{record.updateTime || ''}}</div>
+      >
+        <template #studyNames="{ record }">
+          <div class="stuName">
+            <span class="name" :title="record.studentName">{{
+              record.studentName
+            }}</span>
+            <a-popover
+              v-if="record.moveStatus"
+              placement="right"
+              v-model:visible="visibleName[record.sid]"
+              class="popver"
+              trigger="click"
+            >
+              <template #content>
+                <div style="position: relative">
+                  <img
+                    style="margin: -40px 0 0 -44px"
+                    src="@/assets/images/growthpath/namepag.png"
+                    alt=""
+                  />
+                  <div style="position: absolute; left: 21px; top: 16px">
+                    <div>
+                      改学员已被管理员{{
+                        record.updateName || ""
+                      }}添加至其他路径中
+                    </div>
+                    <div>添加时间：{{ record.updateTime || "" }}</div>
+                  </div>
+                  <img
+                    @click="visibleName[record.sid] = false"
+                    style="
+                      width: 26px;
+                      height: 26px;
+                      position: absolute;
+                      top: -9px;
+                      right: -4px;
+                    "
+                    src="@/assets/images/growthpath/out.png"
+                    alt=""
+                  />
                 </div>
-                <img @click="visibleName[record.sid] = false" style="width: 26px;height: 26px;position: absolute;top: -9px;right:-4px;" src="@/assets/images/growthpath/out.png" alt="">
-              </div>
-            </template>
-            <div class="wen">?</div>
-          </a-popover>
-        </div>
-      </template>
-        <template #action="{ record }">
-          <!--					<div style="display:flex;justify-content: center;align-items: center;">-->
-          <!-- <div v-if="props.type == 1" @click="excellentStudent(record)"
-            style="color: #4ea6ff; font-size: 14px; text-align: center;margin-left: 20px;cursor: pointer;">
-            优秀学员
+              </template>
+              <div class="wen">?</div>
+            </a-popover>
           </div>
-
-          <div @click="seeStudent(record)"
-            style="color: #4ea6ff; font-size: 14px; text-align: center;margin-left: 20px;cursor: pointer;">
+        </template>
+        <template #action="{ record }">
+          <div
+            @click="seeStudent(record)"
+            style="
+              color: #4ea6ff;
+              font-size: 14px;
+              text-align: center;
+              margin-left: 20px;
+              cursor: pointer;
+            "
+          >
             查看
           </div>
-
-          <div v-if="props.type == 2" @click="seeStudent(record)"
-            style="color: #4ea6ff; font-size: 14px; text-align: center;margin-left: 20px;cursor: pointer;">
-            调整
-          </div> -->
-          <!--					</div>-->
-          <a-space :size="2">
-            <slot name="extension" v-bind:data="{ record }"></slot>
-
-            <a-button
-              v-if="type === 3 && record.status !== 2 && record.status !== 0 && checkGrowthPer(permissions)"
-              @click="auditStatus(0, record.id)"
-              type="link"
-            >通过
-            </a-button
-            >
-            <a-button
-              v-if="type === 3 && record.status !== 2 && record.status !== 0 && checkGrowthPer(permissions)"
-              @click="auditStatus(2, record.id)"
-              type="link"
-            >拒绝
-            </a-button
-            >
-            <a-button
-              v-if="checkGrowthPer(permissions)"
-              :disabled="record.isLeader === '1'"
-              @click="del(record.sid, record)"
-              type="link"
-              
+          <a-button
+            v-if="checkGrowthPer(permissions)"
+            :disabled="record.isLeader === '1'"
+            @click="del(record.sid, record)"
+            type="link"
             >删除
-            </a-button
-            >
-          </a-space>
+          </a-button>
         </template>
       </a-table>
     </div>
   </div>
-  <!-- 换组弹窗 -->
-  <ChangeGroupModal
-    v-model:changegroupV="checkgroupParam.changegroupV"
-    :groupList="groupList"
-    :checkBatch="checkgroupParam.checkBatch"
-    :checkgroupStuId="stuSelectKeys"
-  />
-  <!-- 批量调整关卡弹窗 -->
-  <!-- 取消学员弹窗 -->
-  <div>
-    <a-modal
-      v-model:visible="canclestu"
-      :footer="null"
-      :closable="close"
-      wrapClassName="canclestu"
-      centered="true"
-      @cancel="closeModal1"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon1"></div>
-            <span>提示</span>
-          </div>
-          <div class="body">
-            <span>您是否授予此学员优秀学员称号？</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1" @click="cancelyou">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="del_btn btn2" @click="closeModal1">
-              <div class="btnText">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-  </div>
-  <!-- 取消学员弹窗 -->
-  <!-- 优秀学员弹窗 -->
-  <div>
-    <a-modal
-      v-model:visible="canclestu1"
-      :footer="null"
-      :closable="close"
-      wrapClassName="canclestu1"
-      centered="true"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon1"></div>
-            <span>提示</span>
-          </div>
-          <div class="body">
-            <span>您是否取消此学员优学员称号？</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="cancelcanyou">取消</div>
-            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="closeModal3">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-  </div>
   <!-- 查看学员 传入查看学员的id-->
-  <!-- <see-stu
+  <see-stu
     v-model:Seevisible="Seevisible"
     v-model:checkStuId="checkStuId"
     v-model:projectId="projectId"
-  /> -->
-
-  <!-- 导入作业成绩抽屉 -->
-  <EScore
-    v-model:eScorevisible="eScorevisible"
-    :type="3"
-    :id="id"
-    :pid="id"
-    v-model:searchTaskList="getStuList"
-  />
-  <!-- 导出作业提示框 -->
-  <ExportHomeWork
-    v-model:exportHomeWorkV="exportHomeWorkV"
-    :downloadUrl="downloadUrl"
   />
 
   <!-- 导入学员抽屉 -->
@@ -434,27 +308,28 @@
       </div>
     </div>
   </a-modal>
-  <GrowShowText :permissions="permissions" @isSearchList="isSearchLists" v-model:showText="showText"/>
+  <GrowShowText
+    :permissions="permissions"
+    @isSearchList="isSearchLists"
+    v-model:showText="showText"
+  />
 </template>
 <script setup lang="jsx">
-import {computed, defineProps, onMounted, ref, watch} from "vue";
-import {delStudentList, getStuPage, batchUpdateStatus, auditStudentBatch} from "@/api/index1";
-import {getGrowStudent,delGrowStudent} from "@/api/growthpath";
-import ChangeGroupModal from "@/components/student/ChangeGroupModal.vue";
-import CommonStudent from "@/components/student/CommonStudent";
-import {message} from "ant-design-vue";
-import SeeStu from "../../components/drawers/SeeStu";
-import EScore from "../drawers/ExportScore.vue";
+import { computed, defineProps, onMounted, ref, watch } from "vue";
+import { delStudentList, getStuPage } from "@/api/index1";
+import { getGrowStudent, delGrowStudent } from "@/api/growthpath";
+import GrowthCommonStudent from "./GrowthCommonStudent";
+import { message } from "ant-design-vue";
+import SeeStu from "./StudentSeeStu";
 import OrgClass from "@/components/growthpath/OrgClass";
-import ExportHomeWork from "../Modals/ExportHomeWork.vue";
 import * as api from "../../api/index1";
 import ImportStu from "./ImportStu";
-import {checkGrowthPer} from "@/utils/utils";
-import {useAsyncStu} from "@/utils/useCommon";
+import { checkGrowthPer } from "@/utils/utils";
+import { useAsyncStu } from "@/utils/useCommon";
 import dialog from "@/utils/dialog";
 import PostSelect from "@/components/growthpath/PostSelect";
 import RankSelect from "@/components/growthpath/RankSelect";
-import GrowShowText from '@/components/growthpath/GrowShowText'
+import GrowShowText from "@/components/growthpath/GrowShowText";
 const props = defineProps({
   type: Number,
   permissions: {
@@ -507,14 +382,14 @@ const topFlagList = ref([
     label: "优秀学员",
   },
 ]);
-const visibleName = ref([])
+const visibleName = ref([]);
 const statusValues = ref([
-  { value: '0', label: '岗位匹配' },
-  { value: '1', label: '手动加入' },
-])
+  { value: "0", label: "岗位匹配" },
+  { value: "1", label: "手动加入" },
+]);
 const getRowClass = (record) => {
-  return record.moveStatus ? 'row-moveStatus-true' : '';
-}
+  return record.moveStatus ? "row-moveStatus-true" : "";
+};
 const tablecolumns = ref([
   {
     title: "姓名",
@@ -589,11 +464,11 @@ const tablecolumns = ref([
     dataIndex: "finishNeedfinish",
     key: "finishNeedfinish",
     className: "h",
-    customRender: ({record}) =>(
+    customRender: ({ record }) => (
       <div class="text">
-          {record.finishTaskNum || 0}/{record.needFinishTaskNum || 0}
+        {record.finishTaskNum || 0}/{record.needFinishTaskNum || 0}
       </div>
-    )
+    ),
   },
   {
     title: "状态",
@@ -605,7 +480,7 @@ const tablecolumns = ref([
     ellipsis: true,
     customRender: ({ record: { finishStatus } }) =>
       ({
-        null:"未开始",
+        null: "未开始",
         0: "未开始",
         1: "已完成",
         2: "进行中",
@@ -626,16 +501,16 @@ function allDepartShow(a, b) {
     a == "" || a == null || a == undefined
       ? (a = "")
       : a.slice(0, 1) == "/"
-        ? a.slice(1, a.length)
-        : a;
+      ? a.slice(1, a.length)
+      : a;
   let depart = b == "" || b == null || b == undefined ? (b = "") : b;
   let allname = org == "" && depart == "" ? "-" : org + depart;
   return allname;
 }
 const isSearchLists = (item) => {
-  console.log(item,'item')
-  getStuList()
-}
+  console.log(item, "item");
+  getStuList();
+};
 const coulmsList = ref([
   {
     title: "岗位",
@@ -655,7 +530,7 @@ const coulmsList = ref([
     className: "h",
     ellipsis: true,
   },
-])
+]);
 const tableParam = ref({
   source: null,
   keyword: "", //学员名称
@@ -670,15 +545,8 @@ const tableParam = ref({
   // pid: props.id,
   growId: props.growId,
   ...props.params,
-  bandCodeList: '',
-  positionNameList: '',
-});
-
-const checkgroupParam = ref({
-  changegroupV: false, //学员名称
-  checkgroupList: "", //学员小组
-  checkgroupStuId: null,
-  checkBatch: true,
+  bandCodeList: "",
+  positionNameList: "",
 });
 
 const stuSelectKeys = ref([]);
@@ -695,29 +563,23 @@ const stuRowSelection = computed(() => ({
   preserveSelectedRowKeys: true,
 }));
 
-//显示学员换组弹窗
-function showChangeGroupModal() {
-  console.log("批量");
-  const d = props.groupList;
-  console.log("d" + d);
-  // debugger
-  checkgroupParam.value.changegroupV = true;
-  checkgroupParam.value.checkBatch = true;
-}
-
-function search(){
-  tableParam.value.pageNo = 1
-  if(statusRank.value&&statusRank.value.length!=0){
-    tableParam.value.bandCodeList =statusRank.value.map(item=>item.label).join(',')
-  }else{
-    tableParam.value.bandCodeList = ''
+function search() {
+  tableParam.value.pageNo = 1;
+  if (statusRank.value && statusRank.value.length != 0) {
+    tableParam.value.bandCodeList = statusRank.value
+      .map((item) => item.label)
+      .join(",");
+  } else {
+    tableParam.value.bandCodeList = "";
   }
-  if(statusPost.value&&statusPost.value.length!=0){
-    tableParam.value.positionNameList = statusPostMaps.value.map(item=>item.value).join(',')
-  }else{
-    tableParam.value.positionNameList = ''
+  if (statusPost.value && statusPost.value.length != 0) {
+    tableParam.value.positionNameList = statusPostMaps.value
+      .map((item) => item.value)
+      .join(",");
+  } else {
+    tableParam.value.positionNameList = "";
   }
-  getStuList()
+  getStuList();
 }
 
 // 导出数据
@@ -730,18 +592,10 @@ function exportTaskStu() {
   );
 }
 
-function exportTaskStuRouter() {
-  console.log("props.datasource", props, props.id);
-  window.open(
-    `${
-      process.env.VUE_APP_BASE_API
-    }/admin/student/exportTaskStudent?type=${2}&pid=${props.id}`
-  );
-}
-const showText = ref(false)
-const showTexts = () =>{
-  showText.value = true
-}
+const showText = ref(false);
+const showTexts = () => {
+  showText.value = true;
+};
 
 onMounted(() => {
   // debugger
@@ -767,7 +621,7 @@ function onStuSelectChange(e) {
 
 const stuPagination = computed(() => ({
   total: tableData.value.total,
-  showTotal:total => `共 ${total} 条`,
+  showTotal: (total) => `共 ${total} 条`,
   showSizeChanger: true,
   showQuickJumper: true,
   current: tableParam.value.pageNo,
@@ -775,26 +629,28 @@ const stuPagination = computed(() => ({
   onChange: changePagination,
 }));
 
-function changePagination(page,pageSize) {
+function changePagination(page, pageSize) {
   tableParam.value.pageNo = page;
-  tableParam.value.pageSize = pageSize
+  tableParam.value.pageSize = pageSize;
   getStuList();
 }
-const statusPost = ref([])
-const statusPostMaps = ref([])
-const statusRank = ref([])
-const statusRanks = ref([])
+const statusPost = ref([]);
+const statusPostMaps = ref([]);
+const statusRank = ref([]);
+const statusRanks = ref([]);
 function getStuList() {
   tableData.value.loading = true;
   console.log("tableParam.value", tableParam.value);
-  getGrowStudent(tableParam.value).then((res) => {
-    console.log("学员管理-获取学员", res.data);
-    tableData.value.total = res.data.data.total;
-    tableData.value.list = res.data.data.records;
-    tableData.value.loading = false;
-  }).catch(err=>{
-    tableData.value.loading = false
-  });
+  getGrowStudent(tableParam.value)
+    .then((res) => {
+      console.log("学员管理-获取学员", res.data);
+      tableData.value.total = res.data.data.total;
+      tableData.value.list = res.data.data.records;
+      tableData.value.loading = false;
+    })
+    .catch((err) => {
+      tableData.value.loading = false;
+    });
 }
 
 function reset() {
@@ -803,13 +659,13 @@ function reset() {
   tableParam.value.studentDepartId = null; //部门
   // tableParam.value.studentDepartName = null; //部门
   tableParam.value.topFlag = null; //是否是优秀学员
-  tableParam.value.bandCodeList = ''
-  tableParam.value.positionNameList = ''
-  tableParam.value.source = null
-  statusRank.value = []
-  statusRanks.value = []
-  statusPost.value = []
-  statusPostMaps.value = []
+  tableParam.value.bandCodeList = "";
+  tableParam.value.positionNameList = "";
+  tableParam.value.source = null;
+  statusRank.value = [];
+  statusRanks.value = [];
+  statusPost.value = [];
+  statusPostMaps.value = [];
   getStuList();
 }
 
@@ -829,18 +685,22 @@ function bathDel() {
   // }
   dialog({
     content: "确定删除吗？",
-    ok:()=>{
+    ok: () => {
       tableData.value.loading = true;
-      delGrowStudent({ ids: stuSelectKeys.value, type: props.type, targetId: props.id }).then((res) => {
-        if(res.data.code == 200 ){
+      delGrowStudent({
+        ids: stuSelectKeys.value,
+        type: props.type,
+        targetId: props.id,
+      }).then((res) => {
+        if (res.data.code == 200) {
           message.success("删除成功");
         }
-        stuSelectKeys.value = []
-        tableParam.value.pageNo = 1
-        getStuList()
+        stuSelectKeys.value = [];
+        tableParam.value.pageNo = 1;
+        getStuList();
       });
-    }
-  })
+    },
+  });
 }
 
 const deleteModalVisible = ref(false);
@@ -865,13 +725,13 @@ const sureSameModal = () => {
     delGrowStudent({
       ids: [deleteId.value],
       targetId: deleteTargetId.value,
-      type: deleteType.value
+      type: deleteType.value,
     }).then((res) => {
-      if(res.data.code == 200 ){
+      if (res.data.code == 200) {
         message.success("删除成功");
       }
-      tableParam.value.pageNo = 1
-      getStuList()
+      tableParam.value.pageNo = 1;
+      getStuList();
     });
     deleteModalVisible.value = false;
   }
@@ -886,161 +746,29 @@ const closeSameModal = () => {
 
 function submitCall(flag) {
   tableData.value.loading = true;
-  if(!flag){
+  if (!flag) {
     tableData.value.loading = false;
   }
   flag && getStuList();
   // flag && start();
 }
 
-
-// 优秀学员
-const canclestu = ref(false);
-const canclestu1 = ref(false);
-
-// function excellentStudent(record) {
-// 	console.log(record)
-// 	if (record.topFlag) {
-// 		// 当该名学员是优秀学员时候
-// 		canclestu1.value = true;
-// 	} else {
-// 		// 当该名学员不是优秀学员时候
-// 		canclestu.value = true;
-// 	}
-// }
-
-// 优秀学员-弹框关闭
-function cancelyou() {
-  canclestu.value = false;
-}
-
-// 优秀学员-设置优秀学员
-function closeModal1() {
-  canclestu.value = false;
-  // 授予优秀学员操作
-}
-
-// 取消优秀学员-弹框关闭
-function cancelcanyou() {
-  canclestu1.value = false;
-}
-
-// 取消优秀学员-取消优秀学员
-function closeModal3() {
-  canclestu1.value = false;
-  // 取消优秀学员操作
-}
-
 // 查看学员
 const Seevisible = ref(false);
 const checkStuId = ref(null);
 const projectId = ref(null);
 
-// function seeStudent(record) {
-// 	console.log(record)
-// 	checkStuId.value = record.id;
-// 	projectId.value = props.id;
-// 	Seevisible.value = true;
+function seeStudent(record) {
+  console.log(record);
+  checkStuId.value = record.id;
+  projectId.value = props.id;
+  Seevisible.value = true;
 
-// 	console.log(props.type)
+  console.log(props.type);
 
-// 	console.log(checkStuId.value, projectId.value)
-// }
+  console.log(checkStuId.value, projectId.value);
+}
 
-//面授课批量操作下拉框
-const hideshow = ref(true);
-const hideShow = () => {
-  if (hideshow.value == true) {
-    hideshow.value = false;
-  } else {
-    hideshow.value = true;
-  }
-};
-//批量导入成绩
-const eScorevisible = ref(false);
-const showEScoreModal = () => {
-  eScorevisible.value = true;
-};
-
-//显示导出作业弹窗
-const exportHomeWorkV = ref(false);
-const downloadUrl = ref(null);
-const exportHomeWorkShow = () => {
-  // exportHomeWorkV.value = true;
-  // exportHomeWork();
-  let obj = {
-    currentStageId: 0,
-    pid: props.id,
-    taskId: 0,
-    taskType: 0,
-    type: 3,
-  };
-  api.exportHomeWork(obj).then((res) => {
-    console.log("导出作业", res.data.data);
-    //message.destroy();
-    // message.success("导出作业成功");
-    exportHomeWorkV.value = true;
-    downloadUrl.value = res.data.data;
-  });
-};
-// //导出作业
-// const exportHomeWork = () => {
-//   window.open(
-//     `${
-//       process.env.VUE_APP_PROXY_URL
-//     }admin/student/exportHomeWork?type=${3}&pid=${props.id}`
-//   );
-// };
-//导出
-const exportStu = () => {
-  console.log("props.datasource", props);
-  if (props.id != undefined) {
-    window.open(
-      `${
-        process.env.VUE_APP_BASE_API
-      }/admin/student/exportTaskStudent?type=${3}&pid=${props.id}&thirdType=2`
-    );
-  }
-};
-
-//批量操作 结业、拒绝等
-const updateStatus = (status, id) => {
-  if (!id && stuSelectKeys.value.length === 0) {
-    message.warning("请选择学员");
-  }
-  let obj = {
-    ids: id ? [id] : stuSelectKeys.value,
-  };
-  if (status === 1) {
-    obj.completionStatus = 1;
-  } else {
-    obj.status = status;
-  }
-  batchUpdateStatus(obj)
-    .then((res) => {
-      console.log("批量更新学员状态", res);
-      if (res.data.code === 200) {
-        getStuList();
-        stuSelectKeys.value = [];
-      }
-    })
-    .catch((err) => {
-      console.log("批量更新学员状态失败", err);
-    });
-};
-//批量通过
-const auditStatus = (status, id) => {
-  if (!id && stuSelectKeys.value.length === 0) {
-    message.warning("请选择学员");
-  }
-  auditStudentBatch({
-    ids: id ? [id] : stuSelectKeys.value,
-    status
-  }).then(() => {
-    getStuList();
-    stuSelectKeys.value = [];
-  });
-};
 //导入学员
 const AddImpStuvisible = ref(false); //导入学员抽屉
 const showImpStu = () => {
@@ -1059,51 +787,54 @@ function startLoading() {
 
 defineExpose({ getStuList, startLoading });
 </script>
-<style lang="scss">
-::v-deep .ant-pagination-total-text{
+<style lang="scss" scoped>
+::v-deep .ant-pagination-total-text {
   color: #818a92;
 }
-.ant-table-pagination.ant-pagination{
+.ant-table-pagination.ant-pagination {
   display: flex;
   justify-content: center;
 }
-.ant-table-pagination-right{
+.ant-table-pagination-right {
   justify-content: center;
 }
 .row-moveStatus-true {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   color: #979797;
 }
-.ant-select-selection-item-content{
+.ant-select-selection-item-content {
   line-height: 26px !important;
 }
-.ant-select-selection-item-remove{
+.ant-select-selection-item-remove {
   line-height: 26px !important;
 }
-::v-deep .ant-select-selection-item{
+::v-deep .ant-select-selection-item {
   line-height: 40px !important;
 }
-.ant-popover-inner{
+.ant-popover-inner {
   width: 355px;
   height: 100px;
 }
-.stuName{
+.tips {
+  padding: 20px 0 0 20px;
+}
+.stuName {
   display: flex;
   justify-content: center;
   align-items: center;
-  .name{
+  .name {
     width: 60px;
     overflow: hidden;
     text-overflow: ellipsis;
   }
-  .wen{
+  .wen {
     width: 14px;
-      font-size: 14px;
-      height: 14px;
-      border: 1px solid #999999;
-      border-radius: 50%;
-      text-align: center;
-      line-height: 14px;
+    font-size: 14px;
+    height: 14px;
+    border: 1px solid #999999;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 14px;
   }
 }
 .TableStudent {
@@ -1182,8 +913,8 @@ defineExpose({ getStuList, startLoading });
   width: calc(100%);
   height: 40px;
   background: linear-gradient(
-      rgba(78, 166, 255, 0.2) 0%,
-      rgba(78, 166, 255, 0) 100%
+    rgba(78, 166, 255, 0.2) 0%,
+    rgba(78, 166, 255, 0) 100%
   );
 }
 
@@ -1284,7 +1015,7 @@ defineExpose({ getStuList, startLoading });
     }
   }
 }
-.btnsearch{
+.btnsearch {
   display: flex;
   position: absolute;
   right: 10px;
@@ -1320,8 +1051,8 @@ defineExpose({ getStuList, startLoading });
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-                rgba(78, 166, 255, 0.2) 0%,
-                rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -1639,9 +1370,6 @@ defineExpose({ getStuList, startLoading });
   color: #ffffff;
 }
 
-.canclestu > .ant-modal {
-  width: 424px !important;
-  height: 258px !important;
-}
+
  */
 </style>
diff --git a/src/components/growthpath/seeStu.vue b/src/components/growthpath/StudentSeeStu.vue
similarity index 63%
rename from src/components/growthpath/seeStu.vue
rename to src/components/growthpath/StudentSeeStu.vue
index 7d4ed8a8..8944547d 100644
--- a/src/components/growthpath/seeStu.vue
+++ b/src/components/growthpath/StudentSeeStu.vue
@@ -1,26 +1,46 @@
 <!-- eslint-disable vue/no-use-v-if-with-v-for -->
 <template>
-  <a-drawer :visible="Seevisible" class="drawerStyle seestu" placement="right" width="70%" :zIndex="1005">
+  <a-drawer
+    :visible="Seevisible"
+    class="drawerStyle seestu"
+    placement="right"
+    width="70%"
+    :zIndex="1005"
+  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">查看</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-             @click="closeDrawer"/>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
       </div>
-      <a-spin v-if="loading" :spinning="loading"/>
+      <a-spin v-if="loading" :spinning="loading" />
       <div v-if="!loading" class="main">
         <div class="stuinfor">
-          <div style="display: flex;align-items: center;">
+          <div style="display: flex; align-items: center">
             <div class="portrait">
-              <img style="width: 80px;height: 80px;border-radius: 50%;" v-if="info?.studentAvatar" :src="info?.studentAvatar.includes('upload')?info?.studentAvatar:'/upload'+info?.studentAvatar" alt="">
-              <img v-else src="../../assets/images/studentimg/character.png"/>
+              <img
+                style="width: 80px; height: 80px; border-radius: 50%"
+                v-if="info?.studentAvatar"
+                :src="
+                  info?.studentAvatar.includes('upload')
+                    ? info?.studentAvatar
+                    : '/upload' + info?.studentAvatar
+                "
+                alt=""
+              />
+              <img v-else src="../../assets/images/studentimg/character.png" />
             </div>
             <div class="stumation">
               <div class="stuname">{{ info.studentName }}</div>
-              <div class="stugangw">{{ info.studentJobName }} —— {{ info.studentBandCode }}</div>
+              <div class="stugangw">
+                {{ info.studentJobName }} —— {{ info.studentBandCode }}
+              </div>
             </div>
           </div>
-          <div style="display: flex;align-items: center;margin-right: 207px;">
+          <div style="display: flex; align-items: center; margin-right: 207px">
             <!-- <div class="sortbox">
               <div class="sortname">进度排名</div>
               <div class="sortnub">
@@ -47,82 +67,107 @@
         </div> -->
         <div class="mainbox">
           <div class="main_title">{{ info?.growName }}</div>
-          <a-collapse style="border: 1px solid #DDEEFF;border-radius: 6px;" v-model:activeKey="stageListActive">
+          <a-collapse
+            style="border: 1px solid #ddeeff; border-radius: 6px"
+            v-model:activeKey="stageListActive"
+          >
             <template #expandIcon="{ isActive }">
-              <img style="margin-right: 20px" :src="
-                isActive
-                  ? require('../../assets/images/studentimg/open.png')
-                  : require('../../assets/images/studentimg/close.png')
-              "/>
+              <img
+                style="margin-right: 20px"
+                :src="
+                  isActive
+                    ? require('../../assets/images/studentimg/open.png')
+                    : require('../../assets/images/studentimg/close.png')
+                "
+              />
               <div></div>
             </template>
-              <div class="rowclass" v-for="(item, key) in info?.growStudentDetailTaskBoList" :key="key">
-                <div class="leftclass">
-                  <div>
+            <div
+              class="rowclass"
+              v-for="(item, key) in info?.growStudentDetailTaskBoList"
+              :key="key"
+            >
+              <div class="leftclass">
+                <div>
+                  <img
+                    :src="
+                      item.taskType === 1
+                        ? require('../../assets/images/leveladd/zai.png')
+                        : item.taskType === 2
+                        ? require('../../assets/images/leveladd/mian.png')
+                        : item.taskType === 3
+                        ? require('../../assets/images/leveladd/an.png')
+                        : item.taskType === 4
+                        ? require('../../assets/images/leveladd/zuo.png')
+                        : item.taskType === 5
+                        ? require('../../assets/images/leveladd/kao.png')
+                        : item.taskType === 6
+                        ? require('../../assets/images/leveladd/zhi.png')
+                        : item.taskType === 7
+                        ? require('../../assets/images/leveladd/wai.png')
+                        : item.taskType === 8
+                        ? require('../../assets/images/leveladd/tao.png')
+                        : item.taskType === 9
+                        ? require('../../assets/images/leveladd/huo.png')
+                        : item.taskType === 10
+                        ? require('../../assets/images/leveladd/ce.png')
+                        : item.taskType === 11
+                        ? require('../../assets/images/leveladd/diao.png')
+                        : item.taskType === 12
+                        ? require('../../assets/images/leveladd/tou.png')
+                        : item.taskType === 13
+                        ? require('../../assets/images/leveladd/xiangmu.png')
+                        : null
+                    "
+                  />
+                </div>
+                <div class="text1">{{ item.taskTypeName }}</div>
+                <div class="text2" :title="item.taskName">
+                  {{ item.taskName }}
+                </div>
+              </div>
+              <div class="begin_time">
+                <div class="text1">开始时间</div>
+                <div class="text1">
+                  {{ item?.taskBeginTime?.split(".")[0] || "-" }}
+                </div>
+              </div>
+              <div class="begin_time">
+                <div class="text1">完成时间</div>
+                <div class="text1">
+                  {{ item?.taskFinishTime?.split(".")[0] || "-" }}
+                </div>
+              </div>
+              <div style="display: flex; align-items: center">
+                <div class="alreadyclass">
+                  <div class="alimg">
                     <img
-                        :src="
-                        item.taskType === 1
-                          ? require('../../assets/images/leveladd/zai.png')
-                          : item.taskType === 2
-                          ? require('../../assets/images/leveladd/mian.png')
-                          : item.taskType === 3
-                          ? require('../../assets/images/leveladd/an.png')
-                          : item.taskType === 4
-                          ? require('../../assets/images/leveladd/zuo.png')
-                          : item.taskType === 5
-                          ? require('../../assets/images/leveladd/kao.png')
-                          : item.taskType === 6
-                          ? require('../../assets/images/leveladd/zhi.png')
-                          : item.taskType === 7
-                          ? require('../../assets/images/leveladd/wai.png')
-                          : item.taskType === 8
-                          ? require('../../assets/images/leveladd/tao.png')
-                          : item.taskType === 9
-                          ? require('../../assets/images/leveladd/huo.png')
-                          : item.taskType === 10
-                          ? require('../../assets/images/leveladd/ce.png')
-                          : item.taskType === 11
-                          ? require('../../assets/images/leveladd/diao.png')
-                          : item.taskType === 12
-                          ? require('../../assets/images/leveladd/tou.png')
-                          : item.taskType === 13
-                          ? require('../../assets/images/leveladd/xiangmu.png')
-                          : null"
+                      :src="
+                        item.status === 1
+                          ? require('../../assets/images/studentimg/complete.png')
+                          : require('../../assets/images/studentimg/notice.png')
+                      "
                     />
                   </div>
-                  <div class="text1">{{item.taskTypeName}}</div>
-                  <div class="text2" :title="item.taskName">{{ item.taskName }}</div>
-                </div>
-                <div class="begin_time">
-                  <div class="text1">开始时间</div>
-                  <div class="text1">{{ item?.taskBeginTime?.split('.')[0] || '-'}}</div>
-                </div>
-                <div class="begin_time">
-                  <div class="text1">完成时间</div>
-                  <div class="text1">{{ item?.taskFinishTime?.split('.')[0] || '-'}}</div>
-                </div>
-                <div style="display: flex;align-items: center;">
-                  <div class="alreadyclass">
-                    <div class="alimg">
-                      <img
-                          :src="
-                          item.status === 1
-                            ? require('../../assets/images/studentimg/complete.png')
-                            : require('../../assets/images/studentimg/notice.png')
-                        "
-                      />
-                    </div>
-                    <div class="altext">{{ item.taskFinishStatus === 2 ? "进行中" : item.taskFinishStatus === 1 ? "已完成" : "未开始" }}</div>
+                  <div class="altext">
+                    {{
+                      item.taskFinishStatus === 2
+                        ? "进行中"
+                        : item.taskFinishStatus === 1
+                        ? "已完成"
+                        : "未开始"
+                    }}
                   </div>
-                  <!-- <div v-if="true" class="biit">
+                </div>
+                <!-- <div v-if="true" class="biit">
                     <div class="altext">标记已完成</div>
                     <div style="text-align: center;">
                       <a-switch size="small" v-model:checked="checked"/>
                     </div>
                   </div>
                   <div v-else style="width: 70px;"></div> -->
-                </div>
               </div>
+            </div>
           </a-collapse>
         </div>
       </div>
@@ -130,15 +175,15 @@
         <button class="btn2" @click="closeDrawer">关闭</button>
       </div>
     </div>
-    <pro-mess v-model:Provisible="Provisible"/>
+    <pro-mess v-model:Provisible="Provisible" />
   </a-drawer>
 </template>
 
 <script>
-import {reactive, toRefs, watch,} from "vue";
+import { reactive, toRefs, watch } from "vue";
 // import ProMess from "./ProMess.vue";
 import { getGrowStudentDetail } from "@/api/growthpath";
-import {message} from "ant-design-vue";
+import { message } from "ant-design-vue";
 export default {
   name: "SeeStu",
   components: {},
@@ -167,11 +212,17 @@ export default {
       info: {},
       Provisible: false,
       stageListActive: 0,
-      rank: {total: 0, current: 0, finishCompulsoryNum: 0, totalCompulsoryNum: 0, certNum: 0},
+      rank: {
+        total: 0,
+        current: 0,
+        finishCompulsoryNum: 0,
+        totalCompulsoryNum: 0,
+        certNum: 0,
+      },
     });
     watch([() => props.studentId, () => props.growId], () => {
-      check()
-    })
+      check();
+    });
     const closeDrawer = () => {
       ctx.emit("update:Seevisible", false);
     };
@@ -179,15 +230,19 @@ export default {
       state.Provisible = true;
     };
     const check = () => {
-      state.loading = true
-      props.growId && props.studentId && getGrowStudentDetail({growId: props.growId, sid: props.studentId}).then((res) => {
-        state.loading = false
-        state.info = res.data.data;
-      }).catch(err=>{
-        state.loading = false
-        message.error(err.data.msg)
-      })
-    }
+      state.loading = true;
+      props.growId &&
+        props.studentId &&
+        getGrowStudentDetail({ growId: props.growId, sid: props.studentId })
+          .then((res) => {
+            state.loading = false;
+            state.info = res.data.data;
+          })
+          .catch((err) => {
+            state.loading = false;
+            message.error(err.data.msg);
+          });
+    };
 
     return {
       ...toRefs(state),
@@ -204,7 +259,6 @@ export default {
 }
 .seestu {
   .ant-drawer-content-wrapper {
-
     // max-width: 1000px;
     .ant-drawer-header {
       display: none !important;
@@ -310,7 +364,6 @@ export default {
           color: rgba(51, 51, 51, 1);
           font-size: 16px;
         }
-
       }
 
       .mainbox {
@@ -320,7 +373,7 @@ export default {
 
         //border: 1px solid rgba(221, 238, 255, 1);
         //border-radius: 6px;
-        .main_title{
+        .main_title {
           font-weight: 500;
           font-size: 16px;
           color: #333333;
@@ -383,9 +436,9 @@ export default {
           display: flex;
           justify-content: space-between;
           align-items: center;
-          .begin_time{
+          .begin_time {
             min-width: 126px;
-            .text1{
+            .text1 {
               height: 22px;
               font-weight: 400;
               font-size: 14px;
@@ -419,10 +472,10 @@ export default {
               text-overflow: ellipsis;
             }
           }
-          .biit{
+          .biit {
             width: 70px;
             margin-right: 27px;
-            .altext{
+            .altext {
               height: 22px;
               font-weight: 400;
               font-size: 14px;
@@ -475,4 +528,5 @@ export default {
       }
     }
   }
-}</style>
+}
+</style>
diff --git a/src/components/growthpath/UpdateRecord.vue b/src/components/growthpath/UpdateRecord.vue
index e62c00fd..cb5c7198 100644
--- a/src/components/growthpath/UpdateRecord.vue
+++ b/src/components/growthpath/UpdateRecord.vue
@@ -59,7 +59,7 @@
 </template>
 
 <script>
-import { reactive, toRefs,watch,ref } from "vue";
+import { reactive, toRefs, watch, ref } from "vue";
 export default {
   name: "UpdateRecord",
   props: {
@@ -73,6 +73,7 @@ export default {
       nameUserNo: null,
       searchdate: [],
     });
+    const tableData = ref([]);
     const tableColumns = ref([
       {
         title: "操作内容",
@@ -95,25 +96,22 @@ export default {
         width: "150px",
         align: "center",
       },
-    ])
-    const searchTimeChange = (e)=>{
-      console.log(e,'eeeee')
-    }
-    const searchLearnPath = () => {
-
-    }
+    ]);
+    const searchTimeChange = (e) => {
+      console.log(e, "eeeee");
+    };
+    const searchLearnPath = () => {};
     const resetLearnPath = () => {
-      state.nameUserNo = null
-      state.searchdate = []
-      searchLearnPath()
-    }
+      state.nameUserNo = null;
+      state.searchdate = [];
+      searchLearnPath();
+    };
     const closeDrawer = () => {
-      state.nameUserNo = null
-      state.searchdate = []
+      state.nameUserNo = null;
+      state.searchdate = [];
       ctx.emit("update:Avisible", false);
     };
 
-
     return {
       ...toRefs(state),
       closeDrawer,
@@ -271,7 +269,7 @@ export default {
           background: #0982ff;
         }
       }
-      .table{
+      .table {
         padding-bottom: 80px;
       }
     }
diff --git a/src/utils/constGrown.js b/src/utils/constGrown.js
index bd796c77..fa7f4ac0 100644
--- a/src/utils/constGrown.js
+++ b/src/utils/constGrown.js
@@ -3,43 +3,108 @@ import faceCourseImg from '@/assets/images/leveladd/mian.png'
 import caseImg from '@/assets/images/leveladd/an.png'
 import workImg from '@/assets/images/leveladd/zuo.png'
 import exaImg from '@/assets/images/leveladd/kao.png'
+import liveImg from '@/assets/images/leveladd/zhi.png'
+import linkImg from '@/assets/images/leveladd/wai.png'
+import discussImg from '@/assets/images/leveladd/tao.png'
+import activityImg from '@/assets/images/leveladd/huo.png'
+import evaImg from '@/assets/images/leveladd/diao.png'
+import testImg from '@/assets/images/leveladd/ce.png'
+import voteImg from '@/assets/images/leveladd/tou.png'
+import projectImg from '@/assets/images/leveladd/xiang.png'
+
+import GrowthLineCourse from "@/components/growthpath/GrowthLineCourse.vue";
+import GrowthCase from "@/components/growthpath/GrowthCase.vue";
+import GrowthHomework from "@/components/growthpath/GrowthHomework.vue";
+import GrowthExa from "@/components/growthpath/GrowthExa.vue";
+import GrowthLive from "@/components/growthpath/GrowthLive.vue";
+import GrowthFaceClass from "@/components/growthpath/GrowthFaceClass.vue";
+import GrowthRef from "@/components/growthpath/GrowthRef.vue";
+import GrowthDiscuss from "@/components/growthpath/GrowthDiscuss.vue";
+import GrowthActive from "@/components/growthpath/GrowthActive.vue";
+import GrowthEval from "@/components/growthpath/GrowthEval.vue";
+import GrowthInvist from "@/components/growthpath/GrowthInvist.vue";
+import GrowthVote from "@/components/growthpath/GrowthVote.vue";
+import GrowthProject from "@/components/growthpath/GrowthProject.vue";
 
-import AddOnline from "@/components/growthpath/LineAddCourse.vue";
-import AddCase from "@/components/growthpath/AddCase.vue";
-import AddHomework from "@/components/growthpath/AddHomework.vue";
-import AddExa from "@/components/growthpath/AddTest.vue";
-import AddFaceClass from "@/components/growthpath/AddFaceClass.vue";
 
 export const TASK_TYPE = {
     1: {
         name: '在线',
         type: 1,
         img: onLineImg,
-        component: AddOnline
+        component: GrowthLineCourse
     },
     2: {
         name: '面授',
         type: 2,
         img: faceCourseImg,
-        component: AddFaceClass
+        component: GrowthFaceClass
     },
     3: {
         name: '案例',
         type: 3,
         img: caseImg,
-        component: AddCase
+        component: GrowthCase
     },
     4: {
         name: '作业',
         type: 4,
         img: workImg,
-        component: AddHomework
+        component: GrowthHomework
     },
     5: {
         name: '考试',
         type: 5,
         img: exaImg,
-        component: AddExa
+        component: GrowthExa
     },
-    
+    6: {
+        name: '直播',
+        type: 6,
+        img: liveImg,
+        component: GrowthLive
+    },
+    7: {
+        name: '外链',
+        type: 7,
+        img: linkImg,
+        component: GrowthRef
+    },
+    8: {
+        name: '讨论',
+        type: 8,
+        img: discussImg,
+        component: GrowthDiscuss
+    },
+    9: {
+        name: '活动',
+        type: 9,
+        img: activityImg,
+        component: GrowthActive
+    },
+    10: {
+        name: '测评',
+        type: 10,
+        img: testImg,
+        component: GrowthEval
+    },
+    11: {
+        name: '评估',
+        type: 11,
+        img: evaImg,
+        component: GrowthInvist
+    },
+    12: {
+        name: '投票',
+        type: 12,
+        img: voteImg,
+        component: GrowthVote
+    },
+    13: {
+        name: '项目',
+        type: 13,
+        img: projectImg,
+        component: GrowthProject
+    },
+
 }
\ No newline at end of file
diff --git a/src/views/growthpath/EditingTasks.vue b/src/views/growthpath/EditingTasks.vue
index a500b3b6..d205fb0b 100644
--- a/src/views/growthpath/EditingTasks.vue
+++ b/src/views/growthpath/EditingTasks.vue
@@ -1,40 +1,76 @@
 <template>
-  <div class="leveladddetail">
+  <div class="editing-tasks">
     <div style="display: flex">
       <div class="right">
         <div class="addhead">
           <div class="filt">
             <div class="le">
               <div class="imgfor">
-                <div class="fort" style="color:#333333;">{{ basicData?.name }}</div>
-                <div class="fort">归属组织：{{ basicData?.organizationName }}</div>
+                <div class="fort" style="color: #333333; font-size: 16px">
+                  {{
+                    `${basicData?.organizationName || ""}${
+                      basicData?.stdPosition || ""
+                    }${basicData?.qualsLevelDesr || ""}`
+                  }}
+                </div>
+                <div class="fort">归属组织：{{ basicData?.ownershipOrg }}</div>
                 <div class="fort">创建时间：{{ basicData?.createTime }}</div>
               </div>
             </div>
             <div class="rightt">
-              <router-link :to="{ path: '/pathmanage', query:{ id: growId,routerEdit:true,pre: pre} }">
+              <router-link
+                :to="{
+                  path: '/pathmanage',
+                  query: { id: growId, routerEdit: true, pre: pre },
+                }"
+              >
                 <div style="display: flex">
-                  <img class="img2" src="../../assets/images/leveladd/back.png"/>
+                  <img
+                    class="img2"
+                    src="../../assets/images/leveladd/back.png"
+                  />
                   <div class="return">返回</div>
                 </div>
               </router-link>
             </div>
           </div>
         </div>
+
         <div class="mid">
-          <div class="item" v-for="(value,key) in TASK_TYPE" :key="key">
-            <component :ref="el=>courseRef['el'+key]=el" v-model:taskList="listDatas" :is="value.component" :growId="growId" :id="growId" :type="value.type" :infoType="2"
-                @dataListUp="dataListUp"      >
-              <div class="itcon">
-                <div class="img">
-                  <img :src="value.img"/>
+          <div class="tabs">
+            <a-tabs
+              v-model:activeKey="activeKey"
+              size="large"
+              @change="tabsChange"
+            >
+              <a-tab-pane key="1" tab="必修"></a-tab-pane>
+              <a-tab-pane key="2" tab="选修"></a-tab-pane>
+            </a-tabs>
+          </div>
+          <div class="handler">
+            <div class="item" v-for="(value, key) in TASK_TYPE" :key="key">
+              <component
+                :ref="(el) => (courseRef['el' + key] = el)"
+                v-model:taskList="listDatas"
+                :is="value.component"
+                :growId="growId"
+                :id="growId"
+                :type="value.type"
+                :activeKey="activeKey"
+                :infoType="2"
+                @dataListUp="dataListUp"
+                @refresh="getListTask"
+              >
+                <div class="itcon">
+                  <div class="img">
+                    <img :src="value.img" />
+                  </div>
+                  <div class="text">{{ value.name }}</div>
                 </div>
-                <div class="text">{{ value.name }}</div>
-              </div>
-            </component>
-            <div>
+              </component>
+              <div></div>
+              <div class="lin"></div>
             </div>
-            <div class="lin"></div>
           </div>
         </div>
         <div class="boom">
@@ -43,13 +79,18 @@
               <div class="tit_left">
                 <span>任务列表</span>
               </div>
-              <div v-if="listDatas.length!=0" class="btn btn2" @click="subdeleteAll">
+              <div
+                v-if="listDatas.length != 0"
+                class="btn btn2"
+                @click="confirmDelTask()"
+              >
                 <div class="imgIcon"></div>
                 <div class="btnText">批量删除</div>
               </div>
             </div>
-            <div v-if="listDatas.length!=0" class="tableBox">
-              <div style="
+            <div v-if="listDatas.length != 0" class="tableBox">
+              <div
+                style="
                   height: 50px;
                   display: flex;
                   justify-content: space-between;
@@ -60,132 +101,134 @@
                   color: #999ba3;
                   line-height: 36px;
                   border-bottom: 1px solid #f2f6fc;
-                ">
-                <div style="
+                "
+              >
+                <div
+                  style="
                     width: 87px;
                     text-align: center;
                     display: flex;
                     margin-left: 46px;
-                  ">
-                  <img style="
+                  "
+                >
+                  <img
+                    style="
                       width: 16px;
                       height: 16px;
                       cursor: pointer;
                       margin-top: 12px;
-                    " :src="
+                    "
+                    :src="
                       selectAll === 0
                         ? require('../../assets/images/notSelect.png')
                         : selectAll === 1
-                          ? require('../../assets/images/selectAll.png')
-                          : require('../../assets/images/select.png')
-                    " @click="selectRowAll"/>
+                        ? require('../../assets/images/selectAll.png')
+                        : require('../../assets/images/select.png')
+                    "
+                    @click="selectRowAll"
+                  />
                   <div style="margin-top: 2px; margin-left: 8px">类型</div>
                 </div>
                 <div style="width: 120px; text-align: center">名称</div>
-                <div style="width: 120px; text-align: center">必修/选修</div>
                 <div style="width: 87px; text-align: center">时长</div>
-                <div style="width: 120px; text-align: center; margin-right: 20px">
+                <div style="width: 87px; text-align: center">状态</div>
+                <div
+                  style="width: 120px; text-align: center; margin-right: 20px"
+                >
                   操作
                 </div>
               </div>
-              <Draggable v-model="listDatas" chosenClass="chosen"
-                         ghostClass="ghost" forceFallback="true" group="task"
-                         animation="500">
-                <template #item="{ element,index }">
-                  <div
-                    v-if="!element.deleted"
-                    style="
-                      height: 50px;
-                      display: flex;
-                      justify-content: space-between;
-                      align-items: center;
-                      border-bottom: 1px solid #f2f6fc;
-                      font-size: 14px;
-                      font-weight: 400;
-                      color: #4f5156;
-                      line-height: 36px;" class="tableRow">
-                    <div style="
-                        width: 87px;
-                        text-align: center;
-                        margin-left: 46px;
-                        position: relative;">
-                      <div class="racona">
-                        <div class="img" style="
-                            cursor: pointer;
-                            margin-top: 2px;
-                            margin-right: 9px;
-                            position: absolute;
-                            left: -25px;"></div>
-                        <a-checkbox :id="element.id" v-model:checked="element.checked"></a-checkbox>
-                        <div style="margin-top: 2px; margin-left: 8px">
-                          {{ TASK_TYPE[element.type]?.name || "" }}
-                        </div>
-                      </div>
-                    </div>
-                    <div style="
-                        width: 120px;
-                        text-align: center;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        white-space: nowrap;
-                      " :title="element.name">
-                      {{ element.name }}
-                    </div>
-                    <div style="width: 120px; text-align: center">
-                      <div class="opat">
-                        <div class="opacationt clearfix">
-                          <!-- <a-switch @click="isRequired(element)" style="margin-left: -50px; margin-top: 3px" v-model:checked="element.flag"
-                                    size="small" active-color="red"/> -->
-                          <div style="margin-left: -50px;" class="showt clearfix">
-                            <div class="bi" :style="{
-                              'z-index': element.flag ? 889 : 887,
-                            }">
-                              必修
-                            </div>
-                            <div class="xuan">选修</div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div v-if="element.type == 5" style="width: 87px; text-align: center">
-                      {{ element.info.examinationDuration ? element.info.examinationDuration + "分钟" : "-" }}
-                    </div>
-                    <div v-if="element.type != 5" style="width: 87px; text-align: center">
-                      {{ element.info.duration ? element.info.duration + "分钟" : "-" }}
-                    </div>
-                    <div style="
-                        width: 120px;
-                        text-align: center;
-                        margin-right: 20px;">
-                      <div class="opa">
-                        <div class="opacation">
-                          <span
-                            v-if="element.id && element.type===2"
-                            style="color: #4ea6ff; cursor: pointer"
-                            @click="openCourse(element,index)">
-                            开课
-                          </span>
-                          <span
-                            v-if="element.type==2"
-                            style="color: #4ea6ff;cursor: pointer;"
-                            @click="editTaskForType(element,index)">
-                            编辑
-                          </span>
-                          <span
-                            v-if="element.type!=2"
-                            style="color: #4ea6ff;cursor: pointer;"
-                            @click="editTaskForType(element,index)">
-                            编辑
-                          </span>
-                          <span style="color: #4ea6ff; cursor: pointer" @click="confirmDelTask(element,index)">
-                            删除
-                          </span>
-                        </div>
-                      </div>
+
+              <div
+                v-for="(element, index) of listDatas"
+                style="
+                  height: 50px;
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                  border-bottom: 1px solid #f2f6fc;
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #4f5156;
+                  line-height: 36px;
+                "
+                class="tableRow"
+              >
+                <div
+                  style="
+                    width: 87px;
+                    text-align: center;
+                    margin-left: 46px;
+                    position: relative;
+                  "
+                >
+                  <div class="racona">
+                    <a-checkbox
+                      :id="element.id"
+                      v-model:checked="element.checked"
+                    ></a-checkbox>
+                    <div style="margin-top: 2px; margin-left: 8px">
+                      {{ TASK_TYPE[element.taskType]?.name || "" }}
                     </div>
                   </div>
-                </template>
-              </Draggable>
+                </div>
+                <div
+                  style="
+                    width: 120px;
+                    text-align: center;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                  "
+                  :title="element.taskName"
+                >
+                  {{ element.taskName }}
+                </div>
+                <div style="width: 87px; text-align: center">
+                  {{ element.duration ? element.duration + "分钟" : "-" }}
+                </div>
+                <div style="width: 87px; text-align: center">
+                  {{ element.status == "0" ? "未发布" : "已发布" }}
+                </div>
+                <div
+                  style="width: 120px; text-align: center; margin-right: 20px"
+                >
+                  <div class="opa">
+                    <div class="opacation">
+                      <template v-if="element.status == '0'">
+                        <span
+                          style="color: #4ea6ff; cursor: pointer"
+                          @click="published(element, index)"
+                        >
+                          发布
+                        </span>
+
+                        <span
+                          style="color: #4ea6ff; cursor: pointer"
+                          @click="editTaskForType(element, index)"
+                        >
+                          编辑
+                        </span>
+                        <span
+                          style="color: #4ea6ff; cursor: pointer"
+                          @click="confirmDelTask(element, index)"
+                        >
+                          删除
+                        </span>
+                      </template>
+                      <template v-else>
+                        <span
+                          v-if="element.status == '1'"
+                          style="color: #4ea6ff; cursor: pointer"
+                          @click="withdraw(element, index)"
+                        >
+                          撤回
+                        </span>
+                      </template>
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
             <!-- 无数据样式 -->
             <div v-else class="notable">
@@ -208,59 +251,63 @@
         </div>
       </div>
     </div>
-    <div class="preview" v-if="listDatas.length!=0">
-      <PreView ref="onlineRef" :id="growId" :name="name">
-        <a-button type="primary" style="border-radius: 4px;margin-right: 32px;margin-bottom: 24px;">预览
-        </a-button>
-      </PreView>
-    </div>
     <!-- 面授课开课弹框 -->
-    <AddOpenCourse ref="coursePlanRef" :type="2"/>
+    <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 { 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 Draggable from "vuedraggable";
+import { TASK_TYPE } from "@/utils/constGrown";
 import dialog from "@/utils/dialog";
-import PreView from "@/components/growthpath/PreView.vue"
 import {
   getBasicInfo,
-  listTask,
-  removeTask,
-  isRequiredTask,
-  toSortTask,
+  notPublishedTaskList,
+  publishedTask,
+  withdrawTask,
+  deleteTask,
 } from "@/api/growthpath";
-const { query: { growId,pre,name } } = useRoute();
-const courseRef = ref({})
-const editTaskForType = (ele, index) => {
-  courseRef.value['el' + ele.type].openDrawer(index, ele)
+const {
+  query: { growId, pre, name },
+} = useRoute();
+
+// 当前页面是选修/必须
+const activeKey = ref("1");
+
+// tabs切换
+const tabsChange = (val) => {
+  console.log(val);
+  getListTask();
 };
-const isRequired = (ele) => {
-  isRequiredTask({taskId:ele.id}).then(res=>{
-    if(res.data.code == 200){
-      message.success("修改成功");
-    }
-  })
-}
+const courseRef = ref({});
+const editTaskForType = (ele) => {
+  courseRef.value["el" + ele.taskType].openDrawer(ele);
+};
+
 const confirmDelTask = (ele) => {
+  const taskIds = listDatas.value
+    .filter((item) => item.checked)
+    .map((item) => item.id);
+  if (!ele && !taskIds.length) {
+    message.warning("请选择要删除的数据");
+    return;
+  }
   dialog({
-    content: '确定要删除此任务吗?',
+    content: "确定要删除选中的任务吗?",
     ok: () => {
-      removeTask({taskId:ele.id,growId:growId}).then(res=>{
-        if(res.data.code == 200){
+      deleteTask(ele?.id || taskIds.toString()).then((res) => {
+        if (res.data.code == 200) {
           message.success("删除成功");
-          getListTask()
+          getListTask();
         }
-      })
+      });
     },
   });
 };
 const selectAll = computed(() => {
-  const selectedNum = listDatas.value.filter(t => t.checked).length;
+  const selectedNum = listDatas.value.filter((t) => t.checked).length;
   if (!selectedNum) {
     return 0;
   }
@@ -271,97 +318,88 @@ const selectAll = computed(() => {
 });
 const selectRowAll = () => {
   if (selectAll.value === 1) {
-    listDatas.value.forEach(t => t.checked = false);
+    listDatas.value.forEach((t) => (t.checked = false));
     return;
   }
-  listDatas.value.forEach(t => t.checked = true);
+  listDatas.value.forEach((t) => (t.checked = true));
 };
-const subdeleteAll = () => {
-  if (!listDatas.value?.filter(t => t.checked)?.length) {
-    message.warning("请选择要删除的任务！");
-    return;
-  }
+onMounted(() => {
+  getBasicInfoData();
+  getListTask();
+});
+const dataListUp = (val) => {
+  getListTask();
+};
+const listDatas = ref([]);
+const getListTask = () => {
+  notPublishedTaskList({
+    growthId: growId,
+    type: activeKey.value,
+  }).then((res) => {
+    if (res.data.code === 200) {
+      listDatas.value = res.data.data.records;
+    }
+  });
+};
+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) => {
+    if (res.data.code === 200) {
+      basicData.value = res.data.data;
+      basicData.value.createTime = basicData.value.createTime.split("T")[0];
+    }
+  });
+};
+// 开课按钮
+const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
+
+// 发布
+const published = (element) => {
   dialog({
-    content: "确定要删除所选任务吗?",
+    content: "确定要发布该任务吗?",
     ok: () => {
-      let taskDatas = []
-      for (let i = 0; i < listDatas.value.length; i++) {
-          const t = listDatas.value[i];
-          if (t.checked) {
-              if (t.id) {
-                taskDatas.push(t.id)
-              } else {
-                  i--;
-              }
-          }
-      }
-      removeTask({ taskId: taskDatas.join(','), growId: growId }).then(res => {
-        if (res.data.code === 200) {
-          message.success("删除成功");
-          getListTask()
-        }
-      })
+      publishedTask(element.id).then((res) => {
+        message.success("发布成功");
+        element.status = "1";
+      });
     },
   });
 };
-onMounted(() => {
-  getBasicInfoData()
-  getListTask()
-});
-const dataListUp = (val) => {
-  getListTask()
-}
-const listDatas = ref([])
-const getListTask = () => {
-  listTask({
-    growId,
-  }).then((res) => {
-    if (res.data.code === 200) {
-      listDatas.value = res.data.data.map(item=>({
-        ...item,
-        flag:item.flag?true:false
-      }))
-    }
+// 撤回
+const withdraw = (element) => {
+  dialog({
+    content: "确定要撤回该任务吗?",
+    ok: () => {
+      withdrawTask(element.id).then((res) => {
+        message.success("操作成功");
+        element.status = "0";
+      });
+    },
   });
-}
-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 => {
-    if (res.data.code === 200) {
-      basicData.value = res.data.data;
-    }
-  })
-}
-// 开课按钮
-const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
+};
 </script>
 <style lang="scss" scoped>
-.clearfix:after,
-.clearfix:before {
-  content: " ";
-  display: block;
-  clear: both;
-}
-
-.leveladddetail {
+.editing-tasks {
   width: 100%;
-  min-height: 800px;
   display: flex;
   flex-direction: column;
   min-width: 933px;
   background-color: rgba(245, 247, 250, 1);
 
-
   .right {
     flex: 1;
     // background-color: #fff;
@@ -391,28 +429,9 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
           display: flex;
           align-items: center;
 
-          // margin-bottom: 10px;
-          .leftimg {
-            width: 151px;
-            height: 100px;
-            border: 10px solid #e7f2ff;
-            border-radius: 8px;
-            margin-left: 20px;
-
-            .img {
-              width: 100%;
-              height: 100%;
-            }
-          }
-
           .imgfor {
             // margin-left: 32px;
 
-            .forz {
-              color: #363636;
-              font-size: 16px;
-            }
-
             .fort {
               color: #555555;
               font-size: 16px;
@@ -481,7 +500,7 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
             margin-top: 13px;
             margin-right: 20px;
             white-space: nowrap;
-            margin-left: 20px;
+            margin-left: 8px;
           }
         }
       }
@@ -489,17 +508,20 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
 
     .mid {
       width: 100%;
-      // height: 130px;
-      margin-top: 20px;
       background-color: #fff;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
-      display: flex;
-      align-items: center;
-      flex-wrap: wrap;
       position: sticky;
+      margin-top: 20px;
       top: 0;
       z-index: 999;
-
+      .tabs {
+        padding-left: 22px;
+      }
+      .handler {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+      }
       .item {
         height: 115px;
         // width: 7.7%;
@@ -544,7 +566,6 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
       margin-top: 20px;
       flex: 1;
       background-color: #fff;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
       display: flex;
       justify-content: center;
       min-height: 512px;
@@ -689,7 +710,9 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
             background-color: #eff4fc !important;
           }
 
-          .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
             background: #f6f9fd;
           }
         }
@@ -812,7 +835,11 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
                 background-color: #eff4fc !important;
               }
 
-              .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+              .ant-table-tbody
+                > tr:hover:not(.ant-table-expanded-row):not(
+                  .ant-table-row-selected
+                )
+                > td {
                 background: #f6f9fd;
               }
 
@@ -1031,6 +1058,7 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
         .notable {
           width: 100%;
           height: 100%;
+          padding-top: 77px;
 
           .notablebox {
             width: 412px;
@@ -1040,7 +1068,7 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
             display: flex;
             justify-content: center;
             text-align: center;
-            margin: 77px auto 109px auto;
+            margin: 0 auto 109px auto;
             cursor: pointer;
             position: relative;
 
@@ -1081,96 +1109,7 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
         }
       }
     }
-
-    // .footbtn {
-    //   width: 100%;
-    //   flex: 1;
-    //   background-color: #fff;
-    //   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
-    //   display: flex;
-    //   justify-content: end;
-    //   .btnbox {
-    //     display: flex;
-    //     margin-right: 36px;
-    //     .btn {
-    //       padding: 0px 26px 0px 26px;
-    //       height: 38px;
-    //       border-radius: 8px;
-    //       border: 1px solid rgba(64, 158, 255, 1);
-    //       display: flex;
-    //       align-items: center;
-    //       justify-content: center;
-    //       flex-shrink: 0;
-    //       margin: 21px 0px 19px 14px;
-    //       cursor: pointer;
-    //       white-space: nowrap;
-    //       .btnText {
-    //         font-size: 14px;
-    //         font-weight: 400;
-    //         line-height: 36px;
-    //         margin-left: 5px;
-    //       }
-    //     }
-    //     .btn1 {
-    //       background-color: #4ea6ff;
-    //       .btnText {
-    //         color: #ffffff;
-    //       }
-    //     }
-    //     .btn2 {
-    //       background-color: #ffffff;
-    //       .btnText {
-    //         color: #4ea6ff;
-    //       }
-    //     }
-    //   }
-    // }
   }
-
-  .opat {
-    .opacationt {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .ant-switch-checked {
-        background-color: #5dc988;
-      }
-
-      .showt {
-        // margin-top: 10px;
-        display: flex;
-        margin-left: 10px;
-        height: 23px;
-        position: relative;
-
-        .bi {
-          // margin-top: 10px;
-          width: 63px;
-          height: 23px;
-          background-color: #5dc988;
-          line-height: 23px;
-          position: absolute;
-          z-index: 888;
-          color: #ffffff;
-          border-radius: 4px;
-        }
-
-        .xuan {
-          width: 63px;
-          height: 23px;
-          background-color: #f2f6fc;
-          line-height: 23px;
-          // display: none;
-          position: absolute;
-          z-index: 888;
-          color: #5dc988;
-          border-radius: 4px;
-        }
-      }
-    }
-  }
-
   .racona {
     // background-color: #bfa;
     display: flex;
@@ -1192,84 +1131,5 @@ const openCourse = (ele) => coursePlanRef.value.openDrawer(ele);
       margin-left: 10px;
     }
   }
-
-  .footbtn {
-    width: 100%;
-    height: 80px;
-    margin-top: 16px;
-    // flex: 1;
-    background-color: #fff;
-    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
-    display: flex;
-    justify-content: end;
-
-    .btnbox {
-      display: flex;
-      margin-right: 275px;
-      height: 80px;
-
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        margin: 21px 0px 19px 14px;
-        cursor: pointer;
-        white-space: nowrap;
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btn1 {
-        background-color: #4ea6ff;
-        color: #ffffff;
-
-        .btnText {
-          color: #ffffff;
-        }
-      }
-
-      .btn2 {
-        background-color: #ffffff;
-        color: #4ea6ff;
-
-        .btnText {
-          color: #4ea6ff;
-        }
-      }
-    }
-  }
-  .preview{
-    width: 100%;
-    background-color: #fff;
-    display: flex;
-    justify-content: end;
-    .div {
-      width: 54px;
-      height: 27px;
-      font-size: 14px;
-      border-radius: 5px;
-      line-height: 27px;
-      cursor: pointer;
-      border: 1px solid #027db4;
-      background-color: #ffffff;
-      box-sizing: border-box;
-      color: #027db4;
-      text-align: center;
-      margin-right: 32px;
-      margin-bottom: 24px;
-    }
-  }
 }
-
-
 </style>
diff --git a/src/views/growthpath/GrowthPath.vue b/src/views/growthpath/GrowthPath.vue
index d35d443f..f4618b02 100644
--- a/src/views/growthpath/GrowthPath.vue
+++ b/src/views/growthpath/GrowthPath.vue
@@ -31,7 +31,6 @@
           style="width: 181px; height: 40px"
           placeholder="请选择发布状态"
           :options="statusValues"
-          @change="selectstatusValue"
           allowClear
         ></a-select>
       </div>
@@ -63,12 +62,12 @@
               <a-button
                 type="link"
                 class="table_btn"
-                v-if="record.status !== 1 && checkGrowthPer(record.permissions)"
+                v-if="!record.isPublished && checkGrowthPer(record.permissions)"
                 @click="release(record)"
                 >发布</a-button
               >
               <a-button
-                v-if="checkGrowthPer(record.permissions) && record.status == 0"
+                v-if="checkGrowthPer(record.permissions) && !record.isPublished"
                 type="link"
                 class="table_btn"
                 @click="editPath(record)"
@@ -77,17 +76,25 @@
               <a-button type="link" class="table_btn" @click="manage(record)"
                 >管理</a-button
               >
-              <DropDown v-if="record.permissions.includes('17')" value="授权">
+              <DropDown v-if="record?.permissions?.includes('17')" value="授权">
                 <OwnerTableModelStudent
                   :types="[15, 16, 17]"
                   :id="record.id"
                   :type="17"
-                  >权限名单</OwnerTableModelStudent
+                  >归属权</OwnerTableModelStudent
                 >
-                <CommonStudent :type="15" :id="record.id" title="查看权"
+                <CommonStudent
+                  :type="15"
+                  :selectStu="true"
+                  :id="record.id"
+                  title="查看权"
                   >查看权</CommonStudent
                 >
-                <CommonStudent :type="16" :id="record.id" title="管理权"
+                <CommonStudent
+                  :type="16"
+                  :id="record.id"
+                  :selectStu="true"
+                  title="管理权"
                   >管理权</CommonStudent
                 >
               </DropDown>
@@ -102,21 +109,11 @@
                 </a>
                 <template #overlay>
                   <a-menu>
-                    <a-menu-item>
-                      <a-button type="link" @click="copyData(record)">
-                        复制
-                      </a-button>
-                    </a-menu-item>
-                    <a-menu-item key="1" v-if="record.status !== 0">
+                    <a-menu-item key="1" v-if="record.isPublished">
                       <a-button type="link" @click="withdraw(record)">
                         撤回
                       </a-button>
                     </a-menu-item>
-                    <a-menu-item key="2" v-if="record.status == 0">
-                      <a-button type="link" @click="deleteList(record)">
-                        删除
-                      </a-button>
-                    </a-menu-item>
                     <a-menu-item key="3">
                       <a-button type="link" @click="updateList(record)">
                         修改记录
@@ -130,14 +127,14 @@
           <div class="tableBox">
             <div class="pa">
               <a-pagination
-                v-if="tableDataTotal > 1"
+                v-if="total > 1"
                 :showSizeChanger="true"
                 show-quick-jumper
                 :hideOnSinglePage="false"
                 :pageSize="pageSize"
-                :current="pageNo"
+                :current="pageNum"
                 :show-total="(total) => `共 ${total} 条`"
-                :total="tableDataTotal"
+                :total="total"
                 layout="total, sizes, prev, pager, next, jumper"
                 class="pagination"
                 @change="changePagination"
@@ -426,17 +423,10 @@ export default {
   },
   setup() {
     onMounted(() => {
-      // if(state.organizationId == '' || state.organizationId == null){
-      //   state.organizationId = '6998568205187026945'
-      // }
       // 掉接口
-      // listDatas()
+      listDatas();
     });
-    const trueFalse = (per, i) => {
-      if (per) {
-        return (per + "").split(",").some((t) => t == i);
-      }
-    };
+
     const store = useStore();
     const router = useRouter();
     const state = reactive({
@@ -472,20 +462,10 @@ export default {
       bandLists: [],
       statusValue: null,
       loadingList: false,
-      tableDataTotal: 10,
-      pageNo: 1,
+      total: 10,
+      pageNum: 1,
       pageSize: 10,
-        dataList: [
-        {
-        organizationName:'organizationName',
-        positionName:'positionName',
-        name: 'name',
-        bandCodes:'bandCodes',
-        status:"0",
-        createName:'createName',
-        permissions:'5,,,9'
-      }
-      ],
+      dataList: [],
     });
     const closePub = () => {
       state.pub = false;
@@ -516,15 +496,6 @@ export default {
       { value: "0", label: "未发布" },
     ]);
     const columns = ref([
-      // {
-      //   title: '序号',
-      //   width: 60,
-      //   align: 'center',
-      //   ellipsis: true,
-      //   customRender: ({record,text,index}) =>{
-      //     return index + 1
-      //   }
-      // },
       {
         title: "归属组织",
         dataIndex: "organizationName",
@@ -543,29 +514,23 @@ export default {
       },
       {
         title: "任职资格等级",
-        dataIndex: "name",
-        key: "name",
-        width: 120,
-        align: "center",
-        ellipsis: true,
-      },
-      {
-        title: "Band职级",
-        dataIndex: "bandCodes",
-        key: "bandCodes",
+        dataIndex: "qualsLevelDesr",
+        key: "qualsLevelDesr",
         width: 120,
         align: "center",
         ellipsis: true,
       },
+
       {
         title: "状态",
-        dataIndex: "status",
-        key: "status",
+        dataIndex: "isPublished",
+        key: "isPublished",
         width: 100,
         align: "center",
         ellipsis: true,
         customRender: ({ record }) => {
-          if (record.status == "0") {
+          return record.isPublished ? "已发布" : "未发布";
+          if (record.isPublished == "0") {
             return "未发布";
           } else {
             return "已发布";
@@ -573,7 +538,7 @@ export default {
         },
       },
       {
-        title: "创建人",
+        title: "归属人",
         dataIndex: "createName",
         key: "createName",
         width: 60,
@@ -594,24 +559,28 @@ export default {
     const listDatas = async () => {
       state.loadingList = true;
       let params = {
-        pageNo: state.pageNo,
+        pageNum: state.pageNum,
         pageSize: state.pageSize,
-        status: state.statusValue,
+        isPublished: state.statusValue,
         organizationId: state.organizationId, //组织
         positionIdList: state.statusPostMaps.map((item) => item.id), //岗位
         bandIdList: state.statusRank, //职级
       };
       await listData(params).then((res) => {
         if (res.data.code == 200) {
-          state.dataList = res.data.data.rows;
-          state.tableDataTotal = res.data.data.total;
+          // 临时权限
+          state.dataList = res.data.data.records.map((item) => {
+            item.permissions = "15,16,17";
+            return item;
+          });
+          state.total = res.data.data.total;
           state.loadingList = false;
         }
       });
     };
     const searchList = () => {
       store.commit("setShouInclude", ["growthpath"]);
-      state.pageNo = 1;
+      state.pageNum = 1;
       listDatas();
     };
     const resetList = () => {
@@ -621,12 +590,12 @@ export default {
       state.statusPostMaps = [];
       state.statusPost = null;
       state.statusRank = [];
-      state.pageNo = 1;
+      state.pageNum = 1;
       store.commit("setShouInclude", []);
       listDatas();
     };
     const changePagination = (page, pageSize) => {
-      state.pageNo = page;
+      state.pageNum = page;
       state.pageSize = pageSize;
       listDatas();
     };
@@ -660,6 +629,7 @@ export default {
         }
         state.bg_check = true;
       });
+      state.bg_check = true;
     };
     // 确定
     const confirm = () => {
@@ -755,22 +725,6 @@ export default {
         },
       });
     };
-    //复制
-    const copyData = (record) => {
-      getCopyData({ growId: record.id }).then((res) => {
-        if (res.data.code == 200) {
-          state.editId = res.data.data.id;
-          state.statusPosts = res.data.data.positionId;
-          state.organCreateId = res.data.data.organizationId;
-          state.statusOffices = res.data.data.qualsLevelCode;
-          state.courseNum = res.data.data.electiveNum;
-          state.pathWays = res.data.data.remark;
-          state.originGrowId = res.data.data.originGrowId;
-          state.band = res.data.data.bandCodes;
-        }
-        state.bg_check = true;
-      });
-    };
     //撤回
     const withdraw = (record) => {
       dialog({
@@ -789,23 +743,6 @@ export default {
         },
       });
     };
-    const deleteList = (record) => {
-      dialog({
-        content: "是否删除？",
-        ok: () => {
-          handleGrowth({
-            growId: record.id,
-            type: -2,
-          }).then((res) => {
-            if (res.data.code == 200) {
-              message.success("删除成功");
-              state.pageNo = 1;
-              listDatas();
-            }
-          });
-        },
-      });
-    };
     const updateList = (record) => {
       console.log(record, "record");
       state.Avisible = true;
@@ -820,16 +757,13 @@ export default {
       resetList,
       changePagination,
       statusValues,
-      trueFalse,
       of_exit,
       confirm,
       editPath,
       release,
       manage,
-      deleteList,
       updateList,
       withdraw,
-      copyData,
       closePub,
       releaseLearnPath,
     };
@@ -872,16 +806,15 @@ export default {
 
         .projecttime {
           margin-left: 221px;
+          font-size: 14px;
 
           .timeti {
             color: rgba(153, 155, 163, 1);
-            font-size: 14px;
             line-height: 36px;
           }
 
           .timeme {
             color: rgba(79, 81, 86, 1);
-            font-size: 14px;
             line-height: 36px;
           }
         }
@@ -901,10 +834,10 @@ export default {
             );
             border-radius: 10px;
             margin-right: 7px;
+            font-size: 14px;
 
             .messageme {
               color: rgba(255, 182, 78, 1);
-              font-size: 14px;
               line-height: 36px;
               margin-top: 17px;
               margin-left: 30px;
@@ -912,7 +845,6 @@ export default {
 
             .messagege {
               color: rgba(153, 155, 163, 1);
-              font-size: 14px;
               margin-left: 30px;
             }
           }
@@ -926,10 +858,9 @@ export default {
               rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
-
+            font-size: 14px;
             .messageme1 {
               color: rgba(78, 166, 255, 1);
-              font-size: 14px;
               line-height: 36px;
               margin-top: 17px;
               margin-left: 30px;
@@ -937,7 +868,6 @@ export default {
 
             .messagege1 {
               color: rgba(153, 155, 163, 1);
-              font-size: 14px;
               margin-left: 30px;
             }
           }
@@ -1071,118 +1001,116 @@ export default {
       margin-bottom: 20px;
     }
   }
-  .grow_con {
+  .grow_list {
     margin-left: 24px;
-    .grow_list {
-      .grow_btn {
-        margin-bottom: 16px;
+    .grow_btn {
+      margin-bottom: 16px;
+      display: flex;
+      justify-content: space-between;
+      .grow_btn_left {
         display: flex;
-        justify-content: space-between;
-        .grow_btn_left {
-          display: flex;
-          .btn1 {
-            width: 70px;
-            height: 31px;
-            border-radius: 5px;
-            background-color: #578afc;
-            box-sizing: border-box;
-            color: #ffffff;
-            cursor: pointer;
-            text-align: center;
-            line-height: 31px;
-          }
-          .btnns2 {
-            margin-left: 10px;
-            width: 70px;
-            height: 31px;
-            border-radius: 5px;
-            border: 1px solid #578afc;
-            background-color: #ffffff;
-            box-sizing: border-box;
-            color: #578afc;
-            cursor: pointer;
-            text-align: center;
-            line-height: 31px;
-          }
+        .btn1 {
+          width: 70px;
+          height: 31px;
+          border-radius: 5px;
+          background-color: #578afc;
+          box-sizing: border-box;
+          color: #ffffff;
+          cursor: pointer;
+          text-align: center;
+          line-height: 31px;
         }
-        .grow_btn_right {
-          display: flex;
-          margin-right: 61px;
-          .btn1 {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            background: #4ea6ff;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 14px;
-            flex-shrink: 0;
-            cursor: pointer;
-            .search {
-              width: 17px;
-              height: 18px;
-              margin-right: 6px;
-              background-image: url("../../assets/images/courseManage/add0.png");
-            }
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              color: #ffffff;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-          .btnns2 {
-            width: 130px;
-            height: 40px;
-            background: #ffffff;
-            border-radius: 8px;
-            border: 1px solid #65a4f8;
-            margin-left: 25px;
-            box-sizing: border-box;
-            color: #65a4f8;
-            text-align: center;
-            cursor: pointer;
-            line-height: 40px;
-          }
+        .btnns2 {
+          margin-left: 10px;
+          width: 70px;
+          height: 31px;
+          border-radius: 5px;
+          border: 1px solid #578afc;
+          background-color: #ffffff;
+          box-sizing: border-box;
+          color: #578afc;
+          cursor: pointer;
+          text-align: center;
+          line-height: 31px;
         }
       }
-      .grow_table {
-        margin: 0 24px 16px 0;
-        .table_btn {
-          margin-right: 8px;
+      .grow_btn_right {
+        display: flex;
+        margin-right: 61px;
+        .btn1 {
+          padding: 0px 26px 0px 26px;
+          height: 38px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+          .search {
+            width: 17px;
+            height: 18px;
+            margin-right: 6px;
+            background-image: url("../../assets/images/courseManage/add0.png");
+          }
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            color: #ffffff;
+            line-height: 36px;
+            margin-left: 5px;
+          }
         }
-        .tableBox {
-          padding-bottom: 20px;
-          margin: 20px 38px 30px;
-          ::v-deep .ant-select {
+        .btnns2 {
+          width: 130px;
+          height: 40px;
+          background: #ffffff;
+          border-radius: 8px;
+          border: 1px solid #65a4f8;
+          margin-left: 25px;
+          box-sizing: border-box;
+          color: #65a4f8;
+          text-align: center;
+          cursor: pointer;
+          line-height: 40px;
+        }
+      }
+    }
+    .grow_table {
+      margin: 0 24px 16px 0;
+      .table_btn {
+        margin-right: 8px;
+      }
+      .tableBox {
+        padding-bottom: 20px;
+        margin: 20px 38px 30px;
+        ::v-deep .ant-select {
+          min-height: 32px;
+          .ant-select-selector {
             min-height: 32px;
-            .ant-select-selector {
-              min-height: 32px;
-            }
-            .ant-select-selection-item {
-              line-height: 32px;
-            }
           }
-          ::v-deep .ant-pagination-options .ant-select-arrow {
-            display: block;
-          }
-          ::v-deep .ant-select-dropdown {
-            display: inline-block;
-          }
-          ::v-deep .ant-select-selection-item {
-            margin-left: 3px;
-          }
-          ::v-deep .ant-pagination-options-size-changer.ant-select {
-            width: 92px;
-          }
-          .pa {
-            width: 100%;
-            display: flex;
-            justify-content: center;
+          .ant-select-selection-item {
+            line-height: 32px;
           }
         }
+        ::v-deep .ant-pagination-options .ant-select-arrow {
+          display: block;
+        }
+        ::v-deep .ant-select-dropdown {
+          display: inline-block;
+        }
+        ::v-deep .ant-select-selection-item {
+          margin-left: 3px;
+        }
+        ::v-deep .ant-pagination-options-size-changer.ant-select {
+          width: 92px;
+        }
+        .pa {
+          width: 100%;
+          display: flex;
+          justify-content: center;
+        }
       }
     }
   }
diff --git a/src/views/growthpath/PathManage.vue b/src/views/growthpath/PathManage.vue
index 8d8c3c7a..10567060 100644
--- a/src/views/growthpath/PathManage.vue
+++ b/src/views/growthpath/PathManage.vue
@@ -1,25 +1,39 @@
 <template>
-  <div class="addwrapper">
+  <div class="path-manage">
     <div class="addhead">
       <div class="imgfor">
-        <div class="fort" style="color:#333333;font-size: 16px;">{{ basicData?.name }}</div>
-        <div class="fort">归属组织：{{ basicData?.organizationName }}</div>
+        <div class="fort" style="color: #333333; font-size: 16px">
+          {{
+            `${basicData?.organizationName || ""}${
+              basicData?.stdPosition || ""
+            }${basicData?.qualsLevelDesr || ""}`
+          }}
+        </div>
+        <div class="fort">归属组织：{{ basicData?.ownershipOrg }}</div>
         <div class="fort">创建时间：{{ basicData?.createTime }}</div>
       </div>
       <div class="right">
         <div
-        class="pubIcon"
-        v-if="checkGrowthPer(preId)"
-        @click="basicData?.status !== '0' ? resize() : pubReviw()"
+          class="pubIcon"
+          v-if="checkGrowthPer(preId)"
+          @click="basicData.isPublished ? resize() : pubReviw()"
         >
-        <img v-if="basicData?.status == 0" class="img2" src="../../assets/images/growthpath/push.png" />
-        <img v-else class="img2" src="../../assets/images/leveladd/pub.png" />
-        <!-- 已发布的显示 -->
-        <div class="pub" style="width: 28px;" :style="{color:basicData?.status==0? '#31AF0D':'#ffb64e'}">
-          {{  basicData?.status != '0' ? '撤回' : '发布' }}
+          <img
+            v-if="!basicData.isPublished"
+            class="img2"
+            src="../../assets/images/growthpath/push.png"
+          />
+          <img v-else class="img2" src="../../assets/images/leveladd/pub.png" />
+          <!-- 已发布的显示 -->
+          <div
+            class="pub"
+            style="width: 28px"
+            :style="{ color: !basicData.isPublished ? '#31AF0D' : '#ffb64e' }"
+          >
+            {{ basicData?.isPublished ? "撤回" : "发布" }}
+          </div>
         </div>
-      </div>
-      <div class="line"></div>
+        <div class="line"></div>
         <router-link to="/growthpath"
           ><div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
@@ -27,18 +41,6 @@
           </div>
         </router-link>
       </div>
-      <!-- <div class="right">
-        <div
-          class="pubIcon"
-        >
-          <div class="pub">
-            {{ basicData?.status !== '0' ? '已发布' : '发布' }}
-          </div>
-        </div>
-        <router-link to="/growthpath">
-          <div class="return">返回</div>
-        </router-link>
-      </div> -->
     </div>
     <div class="split"></div>
     <div class="bom clearfix">
@@ -47,20 +49,38 @@
         v-model:activeKey="activeKey"
         size="large"
         @change="changeTabs"
-        :tabBarStyle="{ marginLeft: '10px' }"
+        :tabBarStyle="{ marginLeft: '26px' }"
       >
-        <a-tab-pane key="1" tab="概览" style="position: relative;">
+        <a-tab-pane key="1" tab="概览" style="position: relative">
           <!-- 概览（无数据） -->
-          <div v-if="!listTaskData.length" style="display: flex;">
+          <div v-if="!listTaskData.length" style="display: flex">
             <div class="secondadd" v-if="checkGrowthPer(preId)">
-              <div style="width: 368px;height: 22px;" class="addtaskmain">快速创建专业力必修任务详情</div>
+              <div style="width: 368px; height: 22px" class="addtaskmain">
+                快速创建专业力必修任务详情
+              </div>
               <div class="addtask_main">
-                <img class="btn"  @click="totasks" src="../../assets/images/growthpath/add.png" alt="">
-                <img @click="activeKey = '3'" class="btn" src="../../assets/images/growthpath/addStudent.png" alt="">
-                <img class="btn" v-if="basicData?.status == 0"  @click="pubReviw" src="../../assets/images/growthpath/pushJob.png" alt="">
+                <img
+                  class="btn"
+                  @click="totasks"
+                  src="../../assets/images/growthpath/add.png"
+                  alt=""
+                />
+                <img
+                  @click="activeKey = '3'"
+                  class="btn"
+                  src="../../assets/images/growthpath/addStudent.png"
+                  alt=""
+                />
+                <img
+                  class="btn"
+                  v-if="!basicData.isPublished == 0"
+                  @click="pubReviw"
+                  src="../../assets/images/growthpath/pushJob.png"
+                  alt=""
+                />
               </div>
             </div>
-            <div v-else style="width: 100%;margin-top:30px;">
+            <div v-else style="width: 100%; margin-top: 30px">
               <a-empty />
             </div>
           </div>
@@ -71,21 +91,19 @@
             </div>
             <div class="second">
               <div class="nubbox">
-                <div class="nub1">{{
-                  overviewData?.totalStudentCnt || 0
-                }}</div>
+                <div class="nub1">{{ overviewData?.totalStudentCnt || 0 }}</div>
                 <div class="nub2">总人数</div>
               </div>
               <div class="nubbox">
-                <div class="nub1" style="color:#FF90AE ">{{
-                  overviewData?.studyStudentCnt || 0
-                }}</div>
+                <div class="nub1" style="color: #ff90ae">
+                  {{ overviewData?.studyStudentCnt || 0 }}
+                </div>
                 <div class="nub2">学习人数</div>
               </div>
               <div class="nubbox">
-                <div class="nub1" style="color:#409EFF">{{
-                  overviewData?.completeStudentCnt || 0
-                }}</div>
+                <div class="nub1" style="color: #409eff">
+                  {{ overviewData?.completeStudentCnt || 0 }}
+                </div>
                 <div class="nub2">完成人数</div>
               </div>
               <!-- <div class="nubbox">
@@ -101,8 +119,11 @@
                   }}%</div>
               </div> -->
               <div class="nubbox">
-                <div class="nub1" style="color:#564AFF ">{{((overviewData?.totalCompleteRatio || 0) * 100).toFixed(2)}}%</div
-                >
+                <div class="nub1" style="color: #564aff">
+                  {{
+                    ((overviewData?.totalCompleteRatio || 0) * 100).toFixed(2)
+                  }}%
+                </div>
                 <div class="nub2">总完成率</div>
               </div>
             </div>
@@ -114,7 +135,9 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent=" fixDoublePer( overviewData?.courseCompleteRatio || 0) "
+                  :percent="
+                    fixDoublePer(overviewData?.courseCompleteRatio || 0)
+                  "
                   :width="140"
                 />
                 <div class="protext">课程完成率</div>
@@ -123,7 +146,7 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="fixDoublePer( overviewData?.examCompleteRatio || 0)"
+                  :percent="fixDoublePer(overviewData?.examCompleteRatio || 0)"
                   :width="140"
                 />
                 <div class="protext">考试通过率</div>
@@ -139,12 +162,18 @@
               </div> -->
               <div class="proright">
                 <div class="proright1">
-                  <div class="textpro">任务完成率<span style="margin-left:16px;color:#409EFF">{{overviewData?.completeTaskCnt}}</span></div>
-                  <div style="margin-top: 12px;display: flex">
+                  <div class="textpro">
+                    任务完成率<span style="margin-left: 16px; color: #409eff">{{
+                      overviewData?.completeTaskCnt
+                    }}</span>
+                  </div>
+                  <div style="margin-top: 12px; display: flex">
                     <a-progress
                       :showInfo="true"
-                      :percent="fixDoublePer(overviewData?.completeTaskRatio || 0)"
-                      style="width: 369px;"
+                      :percent="
+                        fixDoublePer(overviewData?.completeTaskRatio || 0)
+                      "
+                      style="width: 369px"
                     />
                     <!-- <div style="margin-left: 10px">{{ (overviewData?.completeTaskRatio*100)?.toFixed(2) || 0 }}%</div> -->
                   </div>
@@ -170,170 +199,203 @@
           </div>
           <!-- 概览（有数据） -->
         </a-tab-pane>
-        <a-tab-pane key="2" tab="任务管理" style="position: relative;">
+        <a-tab-pane key="2" tab="任务管理" style="position: relative">
           <!-- 路径管理 -->
           <div style="flex: 1">
-            <div class="onerow" style="margin-top: 18px">
+            <div class="onerow" style="margin: 0 0 0 26px">
               <div class="taskmain">任务大纲</div>
               <router-link
-                :to="{ path: '/editingtasks', query: { growId: routerId,pre: preId,name:basicData?.name} }"
+                :to="{
+                  path: '/editingtasks',
+                  query: {
+                    growId: routerId,
+                    pre: preId,
+                    name: basicData?.name,
+                  },
+                }"
                 class="editright"
-                v-if="checkGrowthPer(preId)&&listTaskData.length&&basicData?.status == '0'"
+                v-if="
+                  checkGrowthPer(preId) &&
+                  listTaskData.length &&
+                  !basicData.isPublished
+                "
               >
                 <span class="editextb">编辑任务</span>
               </router-link>
             </div>
+            <div class="tabs" style="margin-left: 26px">
+              <a-tabs
+                v-model:activeKey="courseType"
+                size="large"
+                @change="getListTask"
+              >
+                <a-tab-pane key="1" tab="必修"></a-tab-pane>
+                <a-tab-pane key="2" tab="选修"></a-tab-pane>
+              </a-tabs>
+            </div>
             <!-- 无数据显示快速创建 -->
-            <div v-if="!listTaskData.length" style="margin-top: 20px;">
+            <div v-if="!listTaskData.length" style="margin-top: 20px">
               <router-link
-                  v-if="checkGrowthPer(preId)"
-                  :to="{ path: '/editingtasks', query: { growId: routerId,pre: preId } }"
+                v-if="checkGrowthPer(preId)"
+                :to="{
+                  path: '/editingtasks',
+                  query: { growId: routerId, pre: preId },
+                }"
+              >
+                <div
+                  class="taskbox"
+                  style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
                 >
-                  <div
-                    class="taskbox"
-                    style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
-                  >
-                    <div class="leftt">
-                      <img src="../../assets/images/taskpage/left1.png" />
-                    </div>
-                    <div class="photo">
-                      <img src="../../assets/images/taskpage/picture1.png" />
-                    </div>
-                    <div class="rightt">
-                      <img src="../../assets/images/taskpage/right1.png" />
-                    </div>
-                    <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
-                      添加任务
-                    </div>
-                    <div class="centermain">快速创建专业力必修任务</div>
+                  <div class="leftt">
+                    <img src="../../assets/images/taskpage/left1.png" />
                   </div>
-                </router-link>
-                <div v-else style="width: 100%;margin-top:30px;">
-                  <a-empty />
+                  <div class="photo">
+                    <img src="../../assets/images/taskpage/picture1.png" />
+                  </div>
+                  <div class="rightt">
+                    <img src="../../assets/images/taskpage/right1.png" />
+                  </div>
+                  <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+                    添加任务
+                  </div>
+                  <div class="centermain">快速创建专业力必修任务</div>
                 </div>
+              </router-link>
+              <div v-else style="width: 100%; margin-top: 30px">
+                <a-empty />
+              </div>
             </div>
             <!-- 无数据显示快速创建 -->
 
             <!-- 有数据-->
             <div class="taskSyllabus">
-                <div
-                  v-for="(item, index) in listTaskData"
-                  :key="index"
-                  class="course"
-                  :header="item.name"
-                >
-                  <!-- <div
-                    class="course"
-                    v-for="(item, key) in value.taskList"
-                    :key="key"
-                  > -->
-                    <div class="first">
-                      <div class="icon">
-                        <div
-                          style="
-                            width: 31px;
-                            height: 28px;
-                            display: flex;
-                            align-items: center;
-                            justify-content: center;
+              <Draggable
+                v-model="listTaskData"
+                chosenClass="chosen"
+                ghostClass="ghost"
+                forceFallback="true"
+                group="task"
+                animation="500"
+              >
+                <template #item="{ element, index }">
+                  <div class="course">
+                    <div
+                      style="
+                        text-align: center;
+                        margin-left: 46px;
+                        position: relative;
+                      "
+                    >
+                      <div class="racona">
+                        <img
+                          style="width: 17px; height: 14px"
+                          src="../../assets/images/leveladd/z1.png"
+                        />
+
+                        <img
+                          style="width: 31px; height: 28px; margin: 0 12px"
+                          :src="
+                            element.taskType == 1
+                              ? require('../../assets/images/leveladd/zai.png')
+                              : element.taskType == 2
+                              ? require('../../assets/images/leveladd/mian.png')
+                              : element.taskType == 3
+                              ? require('../../assets/images/leveladd/an.png')
+                              : element.taskType == 4
+                              ? require('../../assets/images/leveladd/zuo.png')
+                              : element.taskType == 5
+                              ? require('../../assets/images/leveladd/kao.png')
+                              : require('../../assets/images/leveladd/tou.png')
                           "
-                        >
-                          <img
-                            :src="
-                              item.type == 1
-                                ? require('../../assets/images/leveladd/zai.png')
-                                : item.type == 2
-                                ? require('../../assets/images/leveladd/mian.png')
-                                : item.type == 3
-                                ? require('../../assets/images/leveladd/an.png')
-                                : item.type == 4
-                                ? require('../../assets/images/leveladd/zuo.png')
-                                : item.type == 5
-                                ? require('../../assets/images/leveladd/kao.png')
-                                : require('../../assets/images/leveladd/tou.png')
-                            "
-                          />
+                        />
+                        <div style="margin-top: 2px; margin-left: 8px">
+                          {{ TASK_TYPE[element.taskType]?.name || "" }}
                         </div>
                       </div>
-                      <div style="width: 35px;margin-left: 10px;">
-                          {{ checkType(item.type) }}
-                      </div>
-                      <div class="icontext" :title="item.name">
-                        {{ item.name }}
+                    </div>
+                    <div class="first">
+                      <div class="icontext" :title="element.taskName">
+                        {{ element.taskName }}
                       </div>
                     </div>
-                    <div class="type">
-                      <div :class="item.flag ? 'typename1' : 'typename'">
-                        {{ item.flag ? "必修" : "选修" }}
-                      </div>
-                    </div>
-                    <!-- <div class="time">
-                      <div class="timetext">开始时间</div>
-                      <div class="timetext">
-                        {{ item.type==2 ? item.createTime !== null ? item.createTime : "-" : item.startTime !== null ? item.startTime : "-" }}
-                      </div>
-                    </div> -->
                     <div class="progress">
                       <div class="progresstext">
-                        {{ item.finishTaskStudentNum || 0 }}/{{ item.taskStudentNum || 0}}人
+                        {{ element.finishTaskStudentNum || 0 }}/{{
+                          element.taskStudentNum || 0
+                        }}人
                       </div>
-                      <div style="display: flex;">
+                      <div style="display: flex">
                         <a-progress
                           :showInfo="false"
-                          :percent=" parseInt((item.finishTaskStudentNum / item.taskStudentNum) * 100)"
+                          :percent="
+                            parseInt(
+                              (element.finishTaskStudentNum /
+                                element.taskStudentNum) *
+                                100
+                            )
+                          "
                           strokeColor="#FFC067"
                           trailColor="rgba(253, 209, 98, 0.2)"
                         />
                         <span class="progresstext" style="margin-left: 10px"
-                          >{{parseInt((item.finishTaskStudentNum / item.taskStudentNum) * 100) || 0}}%</span
+                          >{{
+                            parseInt(
+                              (element.finishTaskStudentNum /
+                                element.taskStudentNum) *
+                                100
+                            ) || 0
+                          }}%</span
                         >
                       </div>
                     </div>
                     <div class="operations">
-                      <!-- <div
+                      <div
                         class="operation"
-                      ></div> -->
-                      <!-- <div
+                        @click="openCourse(element, index)"
+                        v-if="element.taskType == 2"
+                      >
+                        开课
+                      </div>
+                      <div
                         class="operation"
                         style="cursor: pointer"
-                        @click="showCodeModel(item)"
+                        @click="showCodeModel(element)"
                       >
                         二维码
-                      </div> -->
+                      </div>
                       <div
                         class="operation"
                         style="cursor: pointer; margin-right: 35px"
                         @click="
-                          item.type === 1 ||
-                          item.type === 3 ||
-                          item.type === 7 ||
-                          item.type === 8 ||
-                          item.type === 6 ||
-                          item.type === 11 ||
-                          item.type === 9
-                            ? showOnline(item)
-                            : item.type === 2
-                            ? faceTeachModel(item)
-                            : item.type === 4
-                            ? homeworkModel(item)
-                            : item.type === 5
-                            ? showTest(
-                                item
-                              )
-                            : item.type === 10
-                            ? evaluationModel(item)
-                            : item.type === 12
-                            ? voteModel(item)
-                            : item.type === 13
-                            ? projectModel(item)
+                          element.taskType == 1 ||
+                          element.taskType == 3 ||
+                          element.taskType == 7 ||
+                          element.taskType == 8 ||
+                          element.taskType == 6 ||
+                          element.taskType == 11 ||
+                          element.taskType == 9
+                            ? showOnline(element)
+                            : element.taskType == 2
+                            ? faceTeachModel(element)
+                            : element.taskType == 4
+                            ? homeworkModel(element)
+                            : element.taskType == 5
+                            ? showTest(element)
+                            : element.taskType == 10
+                            ? evaluationModel(element)
+                            : element.taskType == 12
+                            ? voteModel(element)
+                            : element.taskType == 13
+                            ? projectModel(element)
                             : null
                         "
                       >
                         管理
                       </div>
                     </div>
-                  <!-- </div> -->
-                </div>
+                  </div>
+                </template>
+              </Draggable>
             </div>
             <!-- 有数据-->
             <div style="display: flex; height: 20px"></div>
@@ -356,7 +418,7 @@
         </a-tab-pane>
       </a-tabs>
     </div>
-    
+
     <!-- 查看学员 传入查看学员的id-->
     <seeStu
       v-model:Seevisible="Seevisible"
@@ -373,7 +435,7 @@
     />
     <!-- 外部考试管理抽屉 -->
     <GrowthExternalExamManage
-    :permissions="preId"
+      :permissions="preId"
       v-model:TMvisibleExternal="TMvisibleExternal"
       :title="showTestText"
       :targetId="targetId"
@@ -386,7 +448,7 @@
       :title="showTimeText"
       :datasource="commonData"
     />
-        <!-- 作业管理抽屉 开始-->
+    <!-- 作业管理抽屉 开始-->
     <GrowthHomeworkManage
       :permissions="preId"
       :createId="createId"
@@ -395,7 +457,7 @@
       :datasource="homeworkData"
     />
     <!-- 发布弹窗 -->
-  <a-modal
+    <a-modal
       v-model:visible="pub"
       :title="null"
       :footer="null"
@@ -432,22 +494,24 @@
         </div>
       </div>
       <div class="modalMain">
-        <div class="projectname">{{ pubData?.growName || ''}}</div>
+        <div class="projectname">{{ pubData?.growName || "" }}</div>
         <div class="projectbox">
           <div class="promessage">
             <div class="messageme">任务信息</div>
-            <div class="messagege">
-              共{{ pubData?.taskNum || 0}}个任务
-            </div>
+            <div class="messagege">共{{ pubData?.taskNum || 0 }}个任务</div>
           </div>
           <div class="stumessage">
             <div class="messageme1">学员信息</div>
-            <div class="messagege1">共{{ pubData?.stuNum || 0}}名学员</div>
+            <div class="messagege1">共{{ pubData?.stuNum || 0 }}名学员</div>
           </div>
         </div>
         <div class="pubtn">
-          <a-button class="pubtn2" @click="closePub" style="margin-right:32px;">取消</a-button>
-          <a-button class="pubtn2" @click="releaseLearnPath(pubData?.taskNum)">发布</a-button>
+          <a-button class="pubtn2" @click="closePub" style="margin-right: 32px"
+            >取消</a-button
+          >
+          <a-button class="pubtn2" @click="releaseLearnPath(pubData?.taskNum)"
+            >发布</a-button
+          >
         </div>
       </div>
       <!--  加载动画 -->
@@ -456,21 +520,27 @@
       </div>
     </a-modal>
   </div>
+
+  <!-- 面授课开课弹框 -->
+  <AddOpenCourse ref="coursePlanRef" :type="2" />
 </template>
 <script lang="jsx">
 import { ref, reactive, toRefs, onMounted, createVNode, watch } from "vue";
 import { message, Modal } from "ant-design-vue";
 import StudentManage from "@/components/growthpath/StudentManage";
 import { useRoute, useRouter } from "vue-router";
-import {getCookieForName} from "@/api/method";
-import seeStu from "@/components/growthpath/seeStu"
-import GrowthExternalExamManage from "@/components/growthpath/GrowthExternalExamManage"
-import GrowthExamManage from "@/components/growthpath/GrowthExamManage"
-import GrowthOnlineManage from "@/components/growthpath/GrowthOnlineManage"
+import { getCookieForName } from "@/api/method";
+import seeStu from "@/components/growthpath/StudentSeeStu";
+import GrowthExternalExamManage from "@/components/growthpath/GrowthExternalExamManage";
+import GrowthExamManage from "@/components/growthpath/GrowthExamManage";
+import GrowthOnlineManage from "@/components/growthpath/GrowthOnlineManage";
 import CommonStudent from "@/components/student/CommonStudent";
-import qrCode from "@/utils/growQrCode"
-import { fixDoublePer,checkGrowthPer } from "@/utils/utils"
+import AddOpenCourse from "@/components/drawers/AddOpenCourse.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 GrowthHomeworkManage from "@/components/growthpath/GrowthHomeworkManage";
 import {
   getOverview,
@@ -489,6 +559,7 @@ export default {
     GrowthOnlineManage,
     CommonStudent,
     GrowthHomeworkManage,
+    Draggable,
   },
   setup() {
     const router = useRouter();
@@ -500,86 +571,95 @@ export default {
       pubLoading: false,
       pub: false,
       pubData: {},
-      activeKey: '1',
+      activeKey: "1",
       commonData: null,
       showTimeText: null,
       onlineVisible: false,
       tabFlag: true,
       TMvisible: false,
       TMvisibleExternal: false,
-      showTestText: '',
+      showTestText: "",
       examData: null,
       targetId: null,
       routerId: route.query.id,
       preId: route.query.pre,
       Seevisible: false,
-      studentId: '',
-      growId: '',
-      basicData: null,
+      studentId: "",
+      growId: "",
+      basicData: {},
       listTaskData: [],
       overviewData: null,
       hasTask: false,
-    })
+      TASK_TYPE: TASK_TYPE,
+      // 课程类型 1必修 2选修
+      courseType: "1",
+    });
     const resize = () => {
       dialog({
-        content:'确定撤回？',
-        contentTwo: '撤回后学员进度保留，发布后可继续学习',
-        ok:()=>{
+        content: "确定撤回？",
+        contentTwo: "撤回后学员进度保留，发布后可继续学习",
+        ok: () => {
           handleGrowth({
             growId: state.routerId,
-            type: 0
-          }).then(res => {
-            if(res.data.code == 200){
-              message.success('撤回成功')
-              getOverviewList()
-            }
-          }).catch(err=>{
-            message.error(err.data.msg)
+            type: 0,
           })
-        }
-      })
-    }
+            .then((res) => {
+              if (res.data.code == 200) {
+                message.success("撤回成功");
+                getOverviewList();
+              }
+            })
+            .catch((err) => {
+              message.error(err.data.msg);
+            });
+        },
+      });
+    };
     const pubReviw = () => {
-      state.pub = true
-      state.pubLoading = true
-      getPublishInfo({growId:state.routerId,}).then(res=>{
-        if(res.data.code == 200){
-          state.pubData = res.data.data
-        }
-        state.pubLoading = false
-      }).catch(err=>{
-        state.pubLoading = false
-      })
-    }
+      state.pub = true;
+      state.pubLoading = true;
+      getPublishInfo({ growId: state.routerId })
+        .then((res) => {
+          if (res.data.code == 200) {
+            state.pubData = res.data.data;
+          }
+          state.pubLoading = false;
+        })
+        .catch((err) => {
+          state.pubLoading = false;
+        });
+    };
     const closePub = () => {
-      state.pub = false
-    }
+      state.pub = false;
+    };
     const releaseLearnPath = (item) => {
-      if(item == 0){
-        message.error('请先添加任务')
-        return
+      if (item == 0) {
+        message.error("请先添加任务");
+        return;
       }
       handleGrowth({
-          growId: state.routerId,
-          type: 1
-        }).then(res => {
-          if(res.data.code == 200){
-            message.success('发布成功')
-            closePub()
-            getOverviewList()
+        growId: state.routerId,
+        type: 1,
+      })
+        .then((res) => {
+          if (res.data.code == 200) {
+            message.success("发布成功");
+            closePub();
+            getOverviewList();
           }
-        }).catch(err=>{
-          closePub()
-          message.error(err.data.msg)
         })
-    }
+        .catch((err) => {
+          closePub();
+          message.error(err.data.msg);
+        });
+    };
     const changeTabs = (e) => {
       if (e == 3) {
         state.tabFlag = true;
       } else {
         state.tabFlag = false;
       }
-    }
+    };
     const tableDataFunc = () => {
       const columns = [
         {
@@ -600,12 +680,12 @@ export default {
     };
     const showStudent = (record) => {
       state.Seevisible = true;
-      state.studentId = record.sid
-      state.growId = state.routerId
-    }
+      state.studentId = record.sid;
+      state.growId = state.routerId;
+    };
     const showCodeModel = (item) => {
-      console.log(item,'item')
-      let codeUrl = ""
+      console.log(item, "item");
+      let codeUrl = "";
       if (item.type == 1) {
         codeUrl =
           window.location.protocol +
@@ -619,10 +699,13 @@ export default {
             window.location.protocol +
             process.env.VUE_APP_BOE_API_URL +
             "/mobile/pages/learnPath/examScore?type=14&courseId=" +
-            item.info.id
-            + '&id=' +item.id +
-							'&pName=' + item.info.examinationName +
-							'&studentNo=' + item.studentNo
+            item.info.id +
+            "&id=" +
+            item.id +
+            "&pName=" +
+            item.info.examinationName +
+            "&studentNo=" +
+            item.studentNo;
         } else {
           codeUrl =
             window.location.protocol +
@@ -631,13 +714,18 @@ export default {
         }
       }
       qrCode({
-        title: item.type==1?'[在线] 二维码' : item.type == 5?'[考试] 二维码':'二维码',
+        title:
+          item.type == 1
+            ? "[在线] 二维码"
+            : item.type == 5
+            ? "[考试] 二维码"
+            : "二维码",
         name: item.name,
         copyAble: true,
-        url: codeUrl
-      })
-    }
-        // 作业点击管理弹框
+        url: codeUrl,
+      });
+    };
+    // 作业点击管理弹框
     const homeworkModel = (data) => {
       console.log(data);
       state.homeworkModelVisible = true;
@@ -646,10 +734,10 @@ export default {
       // 作业弹框名称 RouterHomeworkManage
     };
     const showOnline = (item) => {
-      console.log(item,'item')
-      item.targetId = state.routerId
-      state.showTimeText = item.name
-      state.commonData = item
+      console.log(item, "item");
+      item.targetId = state.routerId;
+      state.showTimeText = item.name;
+      state.commonData = item;
       state.onlineVisible = true;
     };
     //考试管理的抽屉
@@ -669,68 +757,65 @@ export default {
       }
     };
     onMounted(() => {
-      if(route.query.routerEdit==="true"){
+      if (route.query.routerEdit === "true") {
         state.activeKey = "2";
       }
       getOverviewList();
-      getListTask()
-    })
+      getListTask();
+    });
     //任务列表
     const getListTask = () => {
       taskOutline({
-        growId: state.routerId,
+        growthId: state.routerId,
+        type: state.courseType,
       }).then((res) => {
-        if(res.data.code == 200){
-          state.listTaskData = res.data.data
+        if (res.data.code == 200) {
+          state.listTaskData = res.data.data.records;
         }
       });
-    }
-    const checkType = (type) => {
-      let typeRules = [
-        "",
-        "在线",
-        "面授",
-        "案例",
-        "作业",
-        "考试",
-      ];
-      return typeRules[type];
     };
+
     const getOverviewList = () => {
       //基本信息
       getBasicInfo({
         growId: state.routerId,
-      }).then(res=>{
-        if(res.data.code === 200){
+      }).then((res) => {
+        if (res.data.code === 200) {
           state.basicData = res.data.data;
-          state.basicData.createTime = state.basicData.createTime.split('.')[0]
+          state.basicData.createTime = state.basicData.createTime.split("T")[0];
         }
-      })
+      });
       //概览
       getOverview({
         growId: state.routerId,
       }).then((res) => {
-        if(res.data.code == 200){
-          state.overviewData = res.data.data
-          state.hasTask = true
-        }else{
-          message.error(res.msg)
+        if (res.data.code == 200) {
+          state.overviewData = res.data.data;
+          state.hasTask = true;
+        } else {
+          message.error(res.msg);
         }
       });
-    }
+    };
     const totasks = () => {
       router.push({
         path: "/editingtasks",
         query: {
           growId: state.routerId,
-          pre: state.preId
+          pre: state.preId,
         },
       });
-    }
+    };
+    // 开课按钮
+    const coursePlanRef = ref()
+    const openCourse = (ele) => {
+      coursePlanRef.value.openDrawer(ele)
+    };
     return {
       ...toRefs(state),
       stuRef,
       headers,
+      coursePlanRef,
       tableDataFunc,
       changeTabs,
       resize,
@@ -745,22 +830,14 @@ export default {
       getOverviewList,
       totasks,
       getListTask,
-      checkType,
       fixDoublePer,
       checkGrowthPer,
+      openCourse
     };
   },
 };
 </script>
-<style lang="scss">
-.clear {
-  cursor: pointer;
-  font-size: 14px;
-  color: #387df7;
-  line-height: 24px;
-  position: absolute;
-  right: 60px;
-}
+<style lang="scss" scoped>
 .pub {
   .ant-modal {
     .ant-modal-body {
@@ -782,22 +859,6 @@ export default {
           font-weight: 500;
         }
 
-        .projecttime {
-          margin-left: 221px;
-
-          .timeti {
-            color: rgba(153, 155, 163, 1);
-            font-size: 14px;
-            line-height: 36px;
-          }
-
-          .timeme {
-            color: rgba(79, 81, 86, 1);
-            font-size: 14px;
-            line-height: 36px;
-          }
-        }
-
         .projectbox {
           margin-top: 26px;
           display: flex;
@@ -854,52 +915,10 @@ export default {
             }
           }
         }
-
-        .send {
-          margin-top: 30px;
-          margin-left: 61px;
-
-          .sendtext {
-            margin-left: 11px;
-            color: rgba(109, 117, 132, 1);
-            font-size: 14px;
-          }
-        }
-
-        .ckb {
-          margin-top: 20px;
-          margin-left: 62px;
-
-          .sendpeo {
-            color: rgba(109, 117, 132, 1);
-            font-size: 14px;
-          }
-
-          .ant-checkbox-inner {
-            border-radius: 4px;
-          }
-        }
-
         .pubtn {
           display: flex;
           justify-content: center;
           margin-top: 25px;
-
-          //margin-bottom: 29px;
-          .pubtn1 {
-            width: 100px;
-            height: 40px;
-            margin-right: 16px;
-            margin-bottom: 29px;
-            border: 1px solid #4ea6ff;
-            border-radius: 4px;
-            color: rgba(78, 166, 255, 1);
-            font-size: 14px;
-            //line-height: 36px;
-            align-items: center;
-            background: rgba(255, 255, 255, 1);
-          }
-
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -925,380 +944,14 @@ export default {
   clear: both;
 }
 
-.CopyModal {
-  .ant-modal {
-    width: 424px !important;
-    height: 258px !important;
-    .ant-modal-close-x {
-      display: none;
-    }
-    .ant-modal-content {
-      width: 424px !important;
-      height: 258px !important;
-
-      .ant-modal-body {
-        width: 424px !important;
-        height: 258px !important;
-        padding: 0 !important;
-
-        .delete {
-          z-index: 999;
-          width: 424px;
-          height: 258px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          border-radius: 4px;
-
-          // position: absolute;
-          // left: 50%;
-          // top: 10%;
-          // transform: translate(-50%, -50%);
-          .del_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .del_main {
-            width: 100%;
-            position: relative;
-
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
-                background-size: 100% 100%;
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .body {
-              width: 100%;
-              margin: 34px auto 56px auto;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              flex-direction: column;
-              // background-color: red;
-              position: relative;
-
-              .back {
-                position: absolute;
-                top: 30px;
-                font-size: 12px;
-                font-weight: 400;
-                color: #666666;
-              }
-            }
-
-            .docListStyle {
-              display: flex;
-              width: 500px !important;
-              align-items: center;
-              justify-content: space-between;
-            }
-
-            .del_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .del_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-                margin-right: 14px;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.facemanageModal {
-  .ant-modal {
-    width: 532px !important;
-    height: 428px !important;
-
-    .ant-modal-content {
-      width: 532px !important;
-      height: 428px !important;
-
-      .ant-modal-body {
-        width: 532px !important;
-        height: 428px !important;
-        padding: 0 !important;
-
-        .delete {
-          z-index: 999;
-          width: 532px;
-          height: 428px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          border-radius: 4px;
-
-          // position: absolute;
-          // left: 50%;
-          // top: 10%;
-          // transform: translate(-50%, -50%);
-          .del_header {
-            position: absolute;
-            width: calc(100%);
-            height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .del_main {
-            width: 100%;
-            position: relative;
-
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
-                background-size: 100% 100%;
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .body {
-              width: 100%;
-              margin: 34px auto 56px auto;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              flex-direction: column;
-              // background-color: red;
-              position: relative;
-
-              .back {
-                position: absolute;
-                top: 30px;
-                font-size: 12px;
-                font-weight: 400;
-                color: #666666;
-              }
-            }
-
-            .footerr {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-
-              .onload {
-                color: rgba(51, 51, 51, 1);
-                font-size: 14px;
-              }
-
-              .onloadpx {
-                width: 80px;
-                height: 32px;
-                border: 1px solid rgba(56, 125, 247, 1);
-                border-radius: 4px;
-                color: rgba(56, 125, 247, 1);
-                margin-left: 20px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                cursor: pointer;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.changeModal {
-  .ant-modal {
-    width: 549px !important;
-    height: 245px !important;
-    .ant-modal-close-x {
-      display: none;
-    }
-    .ant-modal-content {
-      width: 549px !important;
-      height: 245px !important;
-
-      .ant-modal-body {
-        padding: 0 !important;
-        width: 549px !important;
-        height: 245px !important;
-
-        .con {
-          // background-color: #bfa;
-          width: 100%;
-          height: 100%;
-
-          .header {
-            width: 100%;
-            display: flex;
-            height: 68px;
-            position: relative;
-            justify-content: center;
-
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-
-            .inhe {
-              width: 80%;
-              height: 100%;
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-
-              .mod {
-                left: 30px;
-                top: 27px;
-                position: absolute;
-                width: 18px;
-                height: 17px;
-                background-image: url(../../assets/images/leveladd/mod.png);
-              }
-
-              .tz {
-                color: #000000;
-                font-weight: 400;
-                font-size: 16px;
-              }
-
-              .mg {
-                width: 20px;
-                height: 20px;
-                background-image: url(../../assets/images/basicinfo/close22.png);
-                background-size: 100% 100%;
-                cursor: pointer;
-              }
-            }
-          }
-
-          .mid {
-            width: 100%;
-            display: flex;
-            height: 100%;
-            justify-content: center;
-
-            .inher {
-              width: 80%;
-              height: 100%;
-
-              .cur {
-                color: #6f6f6f;
-                font-size: 14px;
-              }
-
-              .select {
-                margin-top: 10px;
-              }
-
-              .btn {
-                width: 100%;
-                display: flex;
-                justify-content: center;
-                margin-top: 30px;
-
-                .sameb {
-                  width: 100px;
-                  height: 40px;
-                  font-size: 14px;
-
-                  border-radius: 8px;
-                }
-
-                .btn1 {
-                  color: #4ea6ff;
-                  background: #ffffff;
-                  border: 1px solid #4ea6ff;
-                }
-
-                .btn2 {
-                  margin-left: 16px;
-                  border: 0;
-                  color: #ffffff;
-                  background: #4ea6ff;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.addwrapper {
+.path-manage {
   width: 100%;
   height: 100%;
 
+  .racona {
+    display: flex;
+    align-items: center;
+  }
   .addhead {
     width: 100%;
     height: 130px;
@@ -1307,28 +960,10 @@ export default {
     align-items: center;
     position: relative;
 
-    .leftimg {
-      width: 151px;
-      height: 100px;
-      border: 10px solid #e7f2ff;
-      border-radius: 8px;
-      margin-left: 20px;
-
-      .img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
     .imgfor {
       margin-left: 22px;
       padding: 25px 0;
 
-      .forz {
-        color: #363636;
-        font-size: 16px;
-      }
-
       .fort {
         font-size: 14px;
         // width: 288px;
@@ -1367,17 +1002,17 @@ export default {
         height: 65%;
         width: 1px;
         background-color: #e8effa;
-        margin-right: 28px;
+        margin-right: 12px;
       }
       .pubIcon {
         display: flex;
         align-items: center;
-        margin-right: 46px;
+        margin-right: 12px;
 
         .img2 {
           width: 42px;
           height: 42px;
-          margin-right: 22px;
+          margin-right: 8px;
         }
 
         .pub {
@@ -1392,7 +1027,7 @@ export default {
       .img2 {
         width: 42px;
         height: 42px;
-        margin-right: 22px;
+        margin-right: 8px;
       }
 
       .return {
@@ -1498,12 +1133,6 @@ export default {
       // margin-left: 10px;
     }
 
-    .ant-tabs > .ant-tabs-nav,
-    .ant-tabs > div > .ant-tabs-nav {
-      margin-left: 0px !important;
-      padding-left: 32px !important;
-    }
-
     .onerow {
       //width: 100%;
       display: flex;
@@ -1554,32 +1183,18 @@ export default {
         justify-content: center;
         align-items: center;
 
-        .editimg {
-          width: 15px;
-          height: 15px;
-        }
-
         .editextb {
           color: #fff;
           font-size: 13px;
         }
       }
-
-      // .edit:hover {
-      //   color: #ffffff;
-      //   background-color: #4ea6ff;
-      //   cursor: pointer;
-      //   .editimg {
-      //     background-image: url("../../assets/images/projectadd/edit1.png");
-      //   }
-      // }
     }
-    .secondadd{
-      .addtaskmain{
+    .secondadd {
+      .addtaskmain {
         width: 368px;
         height: 22px;
-        margin: 34px 0 42px 26px; 
-        font-size: 16px;
+        margin: 16px 0 32px 26px;
+        font-size: 18px;
         background-color: rgba(255, 255, 255, 0);
         box-sizing: border-box;
         font-weight: 650;
@@ -1587,46 +1202,15 @@ export default {
         text-align: left;
         line-height: normal;
       }
-      .addtaskbox{
+
+      .addtask_main {
+        margin-left: 26px;
         display: flex;
         justify-content: left;
-        flex-wrap: wrap;
-        // margin-left: 240px;
-        margin-bottom: 67px;
-        .addtask{
-          width: 170px;
-          height: 168px;
-          margin-right: 103px;
-          text-align: center;
-          background-color: #ffffff;
+        .btn {
           cursor: pointer;
-          .addtask_img{
-            margin-bottom: 11px;
-            width: 170px;
-            height: 136px;
-          }
-        }
-        .releasetask{
-          width: 170px;
-          height: 168px;
-          text-align: center;
-          background-color: #ffffff;
-          cursor: pointer;
-          .releasetask_img{
-            margin-bottom: 11px;
-            width: 170px;
-            height: 136px;
-          } 
-        }
-      }
-      .addtask_main{
-        margin-left: 34px;
-        display: flex;
-        justify-content: left;
-        .btn{
-          cursor: pointer;
-          width: 332px;
-          margin-right: 73px;
+          width: 412px;
+          margin-right: 32px;
         }
       }
     }
@@ -1641,7 +1225,7 @@ export default {
       .nubbox {
         width: 253px;
         height: 116px;
-        background: #FAFBFC;
+        background: #fafbfc;
         border-radius: 8px;
         display: flex;
         flex-direction: column;
@@ -1653,7 +1237,7 @@ export default {
           height: 40px;
           font-weight: 600;
           font-size: 28px;
-          color: #FFB54A;
+          color: #ffb54a;
           line-height: 40px;
         }
 
@@ -1712,56 +1296,6 @@ export default {
       }
     }
 
-    .stagemess {
-      display: flex;
-      margin-left: 38px;
-
-      .stage1 {
-        width: 100px;
-        height: 33px;
-        text-align: center;
-        line-height: 34px;
-        border-radius: 6px;
-        color: #ffffff;
-        font-size: 16px;
-        background: #4ea6ff;
-        margin-right: 10px;
-        margin-top: 19px;
-        cursor: pointer;
-      }
-
-      .stage2 {
-        width: 100px;
-        height: 33px;
-        text-align: center;
-        line-height: 34px;
-        border-radius: 6px;
-        border: 1px solid #ebeef3;
-        color: #000000;
-        font-size: 16px;
-        background: #ffffff;
-        margin-right: 10px;
-        margin-top: 19px;
-        cursor: pointer;
-      }
-    }
-
-    .stagesecond {
-      display: flex;
-      margin-left: 39px;
-      margin-top: 29px;
-
-      .staname {
-        color: #999ba3;
-        font-size: 14px;
-      }
-
-      .stamess {
-        color: #4f5156;
-        font-size: 14px;
-      }
-    }
-
     .stagelast {
       display: flex;
       flex-wrap: wrap;
@@ -1806,12 +1340,6 @@ export default {
           height: 24px;
         }
 
-        .pronub {
-          color: #4ea6ff;
-          font-size: 14px;
-          margin: 5px 0;
-        }
-
         .proright1 {
           // display: flex;
           justify-content: right;
@@ -1831,329 +1359,6 @@ export default {
       }
     }
 
-    .sametab {
-      // margin-left: 30px;
-      // margin-right: 30px;
-      margin-top: 30px;
-      width: 100%;
-
-      // background-color: green;
-      .Lhead {
-        display: flex;
-
-        .btns {
-          display: flex;
-          margin-left: 20px;
-
-          // flex-wrap: wrap;
-          .btn {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            background: rgba(64, 158, 255, 0);
-            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 {
-              background-size: 100%;
-            }
-
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              color: rgba(64, 158, 255, 1);
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-
-          .btn1 {
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("../../assets/images/courseManage/search1.png");
-            }
-          }
-
-          .btn2 {
-            .search {
-              width: 16px;
-              height: 18px;
-              background-image: url("../../assets/images/courseManage/reset1.png");
-            }
-          }
-
-          .btn3 {
-            margin-right: 0px;
-
-            .search {
-              width: 17px;
-              height: 18px;
-              background-image: url("../../assets/images/courseManage/add1.png");
-            }
-          }
-
-          .btn1:hover {
-            background: rgba(64, 158, 255, 1);
-
-            .search {
-              background-image: url("../../assets/images/courseManage/search0.png");
-            }
-
-            .btnText {
-              color: #ffffff;
-            }
-          }
-
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-
-            .search {
-              background-image: url("../../assets/images/courseManage/reset0.png");
-            }
-
-            .btnText {
-              color: #ffffff;
-            }
-          }
-
-          .btn3:hover {
-            background: rgba(64, 158, 255, 1);
-
-            .search {
-              background-image: url("../../assets/images/courseManage/add0.png");
-            }
-
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-      }
-
-      .Lbom {
-        position: relative;
-        margin-bottom: 20px;
-
-        .item {
-          width: 100%;
-          height: 200px;
-          // background-color: green;
-          margin-top: 40px;
-          border-radius: 8px;
-          border: 1px solid #f0f4fe;
-
-          .itemhead {
-            height: 50px;
-            width: 100%;
-            background-color: #f0f4fe;
-            display: flex;
-            align-items: center;
-            position: relative;
-
-            .lev {
-              margin-left: 27px;
-              margin-right: 16px;
-              line-height: 100%;
-              color: #4ea6ff;
-              font-size: 16px;
-            }
-
-            .lin {
-              width: 1px;
-              height: 35%;
-              background-color: #c7cbd2;
-            }
-
-            .nam {
-              margin-left: 16px;
-              color: #4f5156;
-              line-height: 100%;
-              font-size: 16px;
-            }
-
-            .count {
-              position: absolute;
-              line-height: 100%;
-              color: #4f5156;
-              font-size: 14px;
-              right: 40px;
-
-              span:nth-child(2) {
-                color: #63ca8c;
-              }
-            }
-          }
-
-          .itembomm {
-            display: flex;
-            align-items: center;
-            height: 150px;
-
-            .it {
-              // margin-left: 110px;
-              // margin-right: 110px;
-              width: 13%;
-              text-align: center;
-
-              .on {
-                font-size: 30px;
-              }
-
-              .ittext {
-                color: #4f5156;
-                margin-top: 16px;
-                margin-left: -5px;
-              }
-            }
-
-            .linee {
-              background-color: #ecf2fb;
-              width: 1px;
-              height: 55%;
-            }
-
-            .itright {
-              position: absolute;
-              right: 45px;
-              display: flex;
-
-              .te {
-                color: #4ea6ff;
-                font-size: 14px;
-                cursor: pointer;
-              }
-
-              .more {
-                position: relative;
-                height: 30px;
-                display: flex;
-
-                .moreArrow {
-                  width: 13px;
-                  height: 7px;
-                  display: inline-block;
-                  background-image: url("../../assets/images/navtop/down.png");
-                  background-size: 100%;
-                  margin: 2px;
-                  margin-left: 7px;
-                  margin-top: 6px;
-                }
-
-                .moreItems {
-                  width: 80px;
-                  height: 70px;
-                  display: none;
-                  background: #ffffff;
-                  box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-                  border-radius: 3px;
-                  border: 0px solid #dcdcdc;
-                  position: absolute;
-                  left: 0px;
-                  top: 20px;
-                  z-index: 100;
-
-                  .roleItem {
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: rgba(79, 81, 86, 1);
-                    line-height: 36px;
-                    display: flex;
-                    justify-content: center;
-                    cursor: pointer;
-                  }
-
-                  .roleItem:hover {
-                    color: #4ea6ff;
-                  }
-                }
-              }
-
-              .more:hover .moreArrow {
-                background-image: url("../../assets/images/navtop/up.png");
-              }
-
-              .more:hover .moreItems {
-                display: block;
-              }
-            }
-          }
-
-          .show {
-            color: blue;
-          }
-
-          .noshow {
-            display: none;
-          }
-        }
-
-        .create {
-          margin-top: 40px;
-
-          .taskbox {
-            width: 412px;
-            height: 160px;
-            border-radius: 10px;
-            position: relative;
-            // margin-left: 68px;
-            margin-bottom: 40px;
-            cursor: pointer;
-
-            .leftt {
-              position: absolute;
-              top: 18px;
-              left: 0;
-            }
-
-            .photo {
-              position: absolute;
-              top: 42px;
-              left: 37px;
-            }
-
-            .rightt {
-              position: absolute;
-              top: 69px;
-              right: 26px;
-            }
-
-            .centerbox {
-              position: absolute;
-              top: 52px;
-              left: 145px;
-              font-size: 20px;
-              font-weight: 700;
-              //line-height: 36px;
-            }
-
-            .centermain {
-              color: rgba(135, 139, 146, 1);
-              font-size: 14px;
-              position: absolute;
-              left: 144px;
-              bottom: 49px;
-            }
-          }
-        }
-      }
-    }
-
-    .cont {
-      display: flex;
-
-      .pad {
-        height: 100%;
-        width: 40px;
-        // background-color: red;
-      }
-    }
-
     .onerow {
       //width: 100%;
       display: flex;
@@ -2187,46 +1392,13 @@ export default {
         color: #ffffff;
         cursor: pointer;
       }
-
-      .edit {
-        position: absolute;
-        right: 38px;
-        top: 0;
-        color: #4ea6ff;
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-
-        .editimg {
-          width: 15px;
-          height: 15px;
-          margin-top: -2px;
-          margin-left: 25px;
-          margin-right: 5px;
-        }
-
-        .editext {
-          line-height: 40px;
-        }
-      }
-
-      .edit:hover {
-        color: #ffffff;
-        background-color: #4ea6ff;
-        cursor: pointer;
-
-        .editimg {
-          background-image: url("../../assets/images/projectadd/edit1.png");
-        }
-      }
     }
-    .reuse{
+    .reuse {
       display: flex;
       justify-content: space-between;
       margin-bottom: 50px;
       // height: 300px;
-      .reuse_btn{
+      .reuse_btn {
         width: 102px;
         height: 42px;
         text-align: center;
@@ -2240,19 +1412,13 @@ export default {
         cursor: pointer;
       }
     }
-    .reuse_jiaz{
-      margin-top: 80px;
-      display: block;
-      font-size: 17px;
-      text-align: center;
-      color: #878b92;
-    }
+
     .taskbox {
       width: 412px;
       height: 160px;
       border-radius: 10px;
       position: relative;
-      margin-left: 40px;
+      margin-left: 26px;
       margin-bottom: 10px;
       margin-top: 10px;
       cursor: pointer;
@@ -2313,7 +1479,7 @@ export default {
         position: absolute;
         top: 19px;
         left: 21px;
-        .photoimg{
+        .photoimg {
           width: 165px;
           height: 135px;
         }
@@ -2419,9 +1585,7 @@ export default {
         display: flex;
         flex-grow: 1;
         align-items: center;
-        //height: 71px;
-        margin-left: 12px;
-        margin-right: 50px;
+        justify-content: center;
         width: 120px;
         .iconame {
           //position: absolute;
@@ -2446,59 +1610,20 @@ export default {
         }
       }
 
-      .type {
-        //height: 71px;
-        display: flex;
-        flex-grow: 0;
-        align-items: center;
-        margin-right: 70px;
-
-        .typename {
-          width: 63px;
-          height: 23px;
-          color: #5dc988;
-          font-size: 14px;
-          background-color: #f2f6fc;
-          border-radius: 4px;
-          text-align: center;
-        }
-
-        .typename1 {
-          width: 63px;
-          height: 23px;
-          color: #f0f4fe;
-          font-size: 14px;
-          background-color: #5dc988;
-          border-radius: 4px;
-          text-align: center;
-        }
-      }
-
-      .time {
-        //height: 71px;
-        flex-grow: 1;
-        margin-right: 50px;
-        width: 134px;
-        .timetext {
-          font-size: 14px;
-          color: #999ba3;
-        }
-      }
-
       .progress {
         width: 70px;
         margin-left: 10px;
         margin-right: 50px;
         flex-grow: 1;
         .img_daoc {
-              cursor: pointer;
-              width: 16px;
-              height: 18px;
-              background-image: url(@/assets/images/coursewareManage/export.png);
-              background-size: 100% 100%;
-              // background-color: #4ea6ff;
-              margin-left: 7px;
-            }
+          cursor: pointer;
+          width: 16px;
+          height: 18px;
+          background-image: url(@/assets/images/coursewareManage/export.png);
+          background-size: 100% 100%;
+          // background-color: #4ea6ff;
+          margin-left: 7px;
+        }
         .progresstext {
           color: #ffc067;
           font-size: 14px;
@@ -2507,467 +1632,19 @@ export default {
 
       .operations {
         display: flex;
-        // width: 420px;
-        flex-grow: 1;
-        .operations_dropdown{
-          padding: 10px;
-          text-align: center;
-          position: relative;
-          margin-left: auto;
-          margin-right: 10px;
-          min-width: 90px;
-        }
+        width: 420px;
+        justify-content: center;
+        // flex-grow: 1;/
         //flex-grow: 1;
         .operation {
           color: #4ea6ff;
           font-size: 14px;
           padding: 10px;
-          margin-left: auto;
           width: 63px;
           text-align: center;
         }
       }
     }
-
-    .xwid {
-      // width: 100%;
-      // height: 100%;
-      // background-color: #bfa;
-      position: relative;
-      margin-top: 30px;
-      display: flex;
-      margin-bottom: 20px;
-
-      // overflow-x: auto;
-      .pad {
-        height: 100%;
-        width: 40px;
-        flex-shrink: 0;
-      }
-
-      .xin {
-        width: 100%;
-
-        .xhead {
-          display: flex;
-
-          .btns {
-            display: flex;
-            margin-left: 20px;
-
-            // flex-wrap: wrap;
-            .btn {
-              padding: 0px 26px 0px 26px;
-              height: 38px;
-              background: rgba(64, 158, 255, 0);
-              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 {
-                background-size: 100%;
-              }
-
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: rgba(64, 158, 255, 1);
-                line-height: 36px;
-                margin-left: 5px;
-              }
-            }
-
-            .btn1 {
-              .search {
-                width: 15px;
-                height: 17px;
-                background-image: url("../../assets/images/courseManage/search1.png");
-              }
-            }
-
-            .btn2 {
-              .search {
-                width: 16px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/reset1.png");
-              }
-            }
-
-            .btn3 {
-              margin-right: 0px;
-
-              .search {
-                width: 17px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/add1.png");
-              }
-            }
-
-            .btn1:hover {
-              background: rgba(64, 158, 255, 1);
-
-              .search {
-                background-image: url("../../assets/images/courseManage/search0.png");
-              }
-
-              .btnText {
-                color: #ffffff;
-              }
-            }
-
-            .btn2:hover {
-              background: rgba(64, 158, 255, 1);
-
-              .search {
-                background-image: url("../../assets/images/courseManage/reset0.png");
-              }
-
-              .btnText {
-                color: #ffffff;
-              }
-            }
-
-            .btn3:hover {
-              background: rgba(64, 158, 255, 1);
-
-              .search {
-                background-image: url("../../assets/images/courseManage/add0.png");
-              }
-
-              .btnText {
-                color: #ffffff;
-              }
-            }
-          }
-        }
-
-        .xheadb {
-          display: flex;
-          margin-top: 30px;
-
-          .addx {
-            width: 130px;
-            height: 40px;
-            background: #4ea6ff;
-            border-radius: 8px;
-            color: #fff;
-            border: 0;
-            cursor: pointer;
-            margin-right: 20px;
-          }
-
-          .addd {
-            width: 130px;
-            height: 40px;
-            background: #fff;
-            border-radius: 8px;
-            border: 1px solid #4ea6ff;
-            color: #4ea6ff;
-            cursor: pointer;
-            margin-right: 20px;
-          }
-
-          .select {
-            .ant-select {
-              //
-              // border: 0 !important;
-              border-radius: 11px;
-
-              .ant-select-selector {
-                border: 1px solid #4ea6ff !important;
-
-                .ant-select-selection-placeholder {
-                  padding-left: 15px;
-                  color: #4ea6ff;
-                }
-              }
-            }
-
-            .ant-select-selection-item {
-              padding-left: 15px;
-              color: #4ea6ff;
-            }
-          }
-        }
-
-        .talk {
-          margin-top: 24px;
-          margin-bottom: 11px;
-          width: 100%;
-          height: 50px;
-          background: #f5faff;
-          border: 1px solid #4ea6ff;
-          // opacity: 0.22;
-          display: flex;
-          align-items: center;
-
-          .im {
-            width: 14px;
-            height: 15px;
-            margin-left: 27px;
-            margin-top: -3px;
-          }
-
-          .xu {
-            height: 100%;
-            line-height: 50px;
-            margin-left: 13px;
-
-            .yi {
-              color: #4f5156;
-              font-size: 14px;
-            }
-
-            .zon {
-              color: #999ba3;
-              font-size: 14px;
-              margin-left: 34px;
-            }
-
-            .th {
-              color: #4ea6ff;
-            }
-          }
-        }
-
-        .tableBox {
-          margin-bottom: 80px;
-
-          .classify {
-            margin-left: 11px !important;
-            padding-left: 9px !important;
-          }
-
-          .ant-checkbox-wrapper {
-            align-items: center;
-            margin-top: -2px;
-          }
-
-          .ant-table-selection-column {
-            padding: 0px !important;
-            padding-left: 38px !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%;
-            // height: 20px;
-            // background-color: red;
-            display: flex;
-            justify-content: center;
-            position: absolute;
-            bottom: 0px;
-          }
-        }
-      }
-    }
-
-    .Gcon {
-      display: flex;
-
-      .pad {
-        height: 100%;
-        width: 40px;
-      }
-
-      .Gin {
-        // background-color: #bfa;
-        margin-top: 30px;
-
-        .headone {
-          // background-color: red;
-          display: flex;
-          text-align: center;
-
-          .box {
-            width: 4px;
-            height: 20px;
-            background-color: #4ea6ff;
-            border-radius: 2px;
-          }
-
-          .onetitle {
-            margin-left: 15px;
-            color: #333333;
-            font-size: 14px;
-          }
-
-          .oneedi {
-            margin-left: 15px;
-            color: #4ea6ff;
-            cursor: pointer;
-          }
-
-          .twobtn {
-            display: flex;
-
-            .btnone {
-              width: 42px;
-              height: 24px;
-              border: 1px solid rgba(64, 158, 255, 1);
-              border-radius: 4px;
-              color: rgba(64, 158, 255, 1);
-              margin-left: 20px;
-              cursor: pointer;
-            }
-
-            .btntwo {
-              width: 42px;
-              height: 24px;
-              border: 1px solid rgba(64, 158, 255, 1);
-              border-radius: 4px;
-              color: #ffffff;
-              margin-left: 20px;
-              background: #4ea6ff;
-              cursor: pointer;
-            }
-          }
-        }
-        .btnbox {
-          .ant-upload-list {
-            display: none !important;
-          }
-        }
-
-        .onemain {
-          margin-top: 20px;
-          margin-left: 55px;
-          color: #6f6f6f;
-          font-size: 14px;
-
-          .checkcon {
-            position: relative;
-
-            .in {
-              position: absolute;
-              // margin-top: 10px;
-              left: 0;
-              top: 0px;
-            }
-
-            .yulan {
-              // color: yellow;
-              margin-left: 22px;
-              // display: inline-block;
-            }
-
-            .yulan2 {
-              margin-left: 22px;
-            }
-
-            .ant-input-number {
-              height: 24px;
-              width: 24px;
-              margin: 10px;
-              border-radius: 4px;
-              border: 1px solid #6d7584;
-
-              .ant-input-number-input {
-                width: 100%;
-                height: 100%;
-                font-size: 14px;
-                padding: 0;
-                color: #4ea6ff;
-                text-align: center;
-              }
-            }
-          }
-        }
-
-        .twomain {
-          margin-left: 20px;
-          margin-top: 20px;
-
-          .ant-switch-checked {
-            background-color: #5dc988;
-          }
-
-          .info {
-            margin-left: 10px;
-            color: #6f6f6f;
-            font-size: 14px;
-            // margin-top: 10px;
-          }
-
-          .infor {
-            margin-left: 38px;
-            margin-top: 10px;
-            color: #c7cbd2;
-            font-size: 14px;
-          }
-
-          .chooseshow {
-            // background-color: red;
-            margin-left: 38px;
-            margin-top: 12px;
-
-            .fane {
-              color: #6f6f6f;
-              font-size: 14px;
-            }
-          }
-
-          .choo {
-            display: none;
-          }
-
-          .btm {
-            margin-left: 38px;
-            margin-top: 20px;
-
-            .bmo {
-              color: #6f6f6f;
-              font-size: 14px;
-            }
-
-            .bmt {
-              color: #c7cbd2;
-              font-size: 14px;
-              margin-top: 3px;
-            }
-
-            .chosecon {
-              display: flex;
-              margin-top: 6px;
-              margin-bottom: 20px;
-
-              .chose {
-                position: relative;
-
-                .inl {
-                  position: absolute;
-                  top: 2px;
-                }
-
-                .sh {
-                  margin-left: 23px;
-                  color: #6f6f6f;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
   }
 }
 </style>
diff --git a/vue.config.js b/vue.config.js
index f6594209..40974f89 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -14,10 +14,25 @@ module.exports = defineConfig({
     outputDir: process.env.VUE_APP_OUTPUT_DIR,
     devServer: {
         port: 8070,
-        client:{
-            overlay:false,// 解决代码抛出异常
+        client: {
+            overlay: false,// 解决代码抛出异常
         },
         proxy: {
+            "/professional": {
+                target: 'http://192.168.16.195:32002',
+                // target: 'http://192.168.175.141:32002',
+                changeOrigin: true,
+                pathRewrite: {
+                    "^/manageApi/growth": "",
+                },
+            },
+            // "/growth": {
+            //     target: 'https:' + process.env.VUE_APP_BOE_API_URL,
+            //     changeOrigin: true,
+            //     pathRewrite: {
+            //         "^/manageApi": "",
+            //     },
+            // },
             "/manageApi": {
                 target: 'https:' + process.env.VUE_APP_PROXY_URL,
                 changeOrigin: true, //表示是否改变原域名
@@ -37,16 +52,17 @@ module.exports = defineConfig({
                 changeOrigin: true, //表示是否改变原域名
             },
             "/report": {
-                target:'https:'+ process.env.VUE_APP_BOE_API_URL,
+                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
                 changeOrigin: true, //表示是否改变原域名
                 pathRewrite: {
                     // "^/manageApi": "",
                 },
             },
             "/activityApi": {
-                target:'https:'+ process.env.VUE_APP_BOE_API_URL,
+                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
                 changeOrigin: true,
             },
+
         },
     },
 });