diff --git a/src/api/Teaching.js b/src/api/Teaching.js
index 728a090c..18e2cff8 100644
--- a/src/api/Teaching.js
+++ b/src/api/Teaching.js
@@ -1,4 +1,5 @@
 import http from "./config";
+import {getCookieForName} from "@/api/method";
 //列表查询内部讲师授课记录
 export const getNewInTeacherCourseList = (obj) => http.post('/admin/teacher/getNewInTeacherCourseList', obj)
 //内部讲师授课记录详情
@@ -25,4 +26,9 @@ export const getOuterTeacherCourseDetail = (obj) => http.post(`/admin/teacher/ge
 //新增外部授课记录
 export const insertOutTeaherCourse = (obj) => http.post('/admin/teacher/insertOutTeaherCourse', obj)
 //讲师费发放情况
-export const getCharges = (obj) => http.post('/teacher/fee/getCharges', obj)
+export const getCharges = (obj) => http.post('/admin/teacher/fee/getCharges', obj)
+//上传组件
+export const teacherUpload = (data) =>
+  http.post("/admin/teacher/teacherUpload", data, {
+    headers: { "Content-Type": "multipart/form-data",token:getCookieForName("token") },
+  });
diff --git a/src/api/lecturerFeeManagement.js b/src/api/lecturerFeeManagement.js
index b89dd6a2..f1086457 100644
--- a/src/api/lecturerFeeManagement.js
+++ b/src/api/lecturerFeeManagement.js
@@ -1,6 +1,6 @@
 import http from "./config";
 // 获取讲师费列表
-export const getTeacherFeeList = (params) => http.get('/teacher/fee/getTeacherFeeList', {params})
+export const getTeacherFeeList = (obj) => http.post('/teacher/fee/getTeacherFeeList',obj)
 //获取讲师费详情
 export const getTeacherFeeDetail= (obj) => http.post('/teacher/fee/getTeacherFeeDetail',obj)
 //添加讲师费
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 5f15d6c4..21e16300 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -109,7 +109,7 @@
                   ];
                 }
                 if (
-                        n.indexOf("/insidelecturer") !== -1 
+                        n.indexOf("/lecturerlist") !== -1 
                 ) {
                   state.list = [
                     {
@@ -117,51 +117,23 @@
                       href: "",
                     },
                     {
-                      name: "内部讲师",
+                      name: "讲师列表",
                       href: "",
                     },
                   ];
                 }
                 if (
-                        n.indexOf("/externallecturer") !== -1 
+                        n.indexOf("/teachingrecord") !== -1 
                 ) {
                   state.list = [
                     {
                       name: "讲师管理",
                       href: "",
                     },
-                    {
-                      name: "外部讲师",
-                      href: "",
-                    },
-                  ];
-                }
-                if (
-                        n.indexOf("/insideteaching") !== -1 
-                ) {
-                  state.list = [
                     {
                       name: "授课记录",
                       href: "",
                     },
-                    {
-                      name: "内部授课",
-                      href: "",
-                    },
-                  ];
-                }
-                if (
-                        n.indexOf("/externalteaching") !== -1 
-                ) {
-                  state.list = [
-                    {
-                      name: "授课记录",
-                      href: "",
-                    },
-                    {
-                      name: "外部授课",
-                      href: "",
-                    },
                   ];
                 }
                 if (
@@ -169,7 +141,7 @@
                 ) {
                   state.list = [
                     {
-                      name: "讲师费",
+                      name: "讲师管理",
                       href: "",
                     },
                     {
@@ -177,12 +149,13 @@
                       href: "",
                     },
                   ];
-                }if (
+                }
+                if (
                         n.indexOf("/lecturerfeestatistics") !== -1 
                 ) {
                   state.list = [
                     {
-                      name: "讲师费",
+                      name: "讲师管理",
                       href: "",
                     },
                     {
@@ -191,6 +164,33 @@
                     },
                   ];
                 }
+                if (
+                        n.indexOf("/organization") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "归属组织管理",
+                      href: "",
+                    },
+                  ];
+                }if (
+                        n.indexOf("/lecturerSystem") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "讲师体系管理",
+                      href: "",
+                    },
+                  ];
+                }
                 if (
                         n.indexOf("/projectadd") !== -1 ||
                         n.indexOf("/ProjectAdd") !== -1
diff --git a/src/views/lecturer/InsideLecturer.vue b/src/views/lecturer/InsideLecturer.vue
index e786b41b..58ad9b0a 100644
--- a/src/views/lecturer/InsideLecturer.vue
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -123,7 +123,7 @@
                 <template #title>修改头像</template>
                 <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="formParam.photo" :src="formParam.photo" alt="avatar" />
+                 <img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" />
                   <div class="i_upload" v-else>
                     <div class="addimg">
                       <div class="heng"></div>
@@ -158,11 +158,10 @@
             <a-form-item label="讲师组织" name="orgName">
               <a-popover>
                 <template #content>
-                  {{ formParam.orgName }}
-                  {{ formParam.neworgName }}
+                  {{ formParam.orgName }}.
                 </template>
 
-                <a-input disabled v-model:value="formParam.neworgName" class="draitem"
+                <a-input disabled v-model:value="formParam.orgName" class="draitem"
                   placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
                 </a-input>
               </a-popover>
@@ -261,7 +260,8 @@
                     <a-button type="primary">上传导入文件</a-button>
                   </a-upload>
                 </a-form-item>
-                <a-form-item style="color: #999999;" v-for="(item, index) in filesList">{{ item.name }}</a-form-item>
+                <a-form-item>{{ formParam.filesList }}</a-form-item>
+                <!-- <a-form-item style="color: #999999;" v-for="(item, index) in formParam.filesList">{{ item }}</a-form-item> -->
                 <span></span>
               </a-form>
               <div class="del_btnbox">
@@ -540,7 +540,8 @@ import SearchTeacher from "@/components/project/SearchTeacher";
 import { message } from "ant-design-vue";
 import { useRouter } from "vue-router";
 import { getTeacherSystemList, getTeacherList, getPayRollPlace, getLevel, insertTeacher, deleteInTeacher, updateInTeacher, getTeacherById, updateTeacherState } from "../../api/Lecturer";
-import { fileUp } from "../../api/indexEval";
+ import { fileUp } from "../../api/indexEval";
+import { teacherUpload } from "../../api/Teaching";
 import { getCookieForName } from "@/api/method";
 // import {getProjSt} from "../../api/indexProjStu";
 import AddContent from "../../components/project/AddContent.vue"
@@ -593,7 +594,7 @@ export default {
         name: null,
         certStatus: 0,//认证状态
         defaultteachingTime: '0',
-        // photo: 'https://p0.itc.cn/q_70/images01/20211013/f45d91616a364d6ea9c42a8db69734aa.png'
+        photo: 'https://p0.itc.cn/q_70/images01/20211013/f45d91616a364d6ea9c42a8db69734aa.png'
       },
       searchParam: {
         currentPage: 1,
@@ -614,21 +615,7 @@ export default {
       },
       activeName: 'first'
     })
-    const headers = { token: getCookieForName("token") };
-    //图片上传
-    // const photo = ref('')
-    const beforeUpload = (file) => {
-      const isJpgOrPng =
-        file.type === "image/jpg" ||
-        file.type === "image/jpeg" ||
-        file.type === "image/png" ||
-        file.type === "image/bmp" ||
-        file.type === "image/gif";
-      if (!isJpgOrPng) {
-        message.error("仅支持jpg、gif、png、jpeg、bmp格式!");
-        return false;
-      }
-      watch(() => state.formParam.description, (val) => {
+    watch(() => state.formParam.description, (val) => {
         console.log(val, 'description')
       })
       watch(() => state.formParam.workExperience, (val) => {
@@ -644,6 +631,20 @@ export default {
         //   state.formParam.neworgName= state.formParam.neworgName[state.formParam.neworgName.length-1]
         // }
       })
+    const headers = { token: getCookieForName("token") };
+    //图片上传
+    // const photo = ref('')
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpg" ||
+        file.type === "image/jpeg" ||
+        file.type === "image/png" ||
+        file.type === "image/bmp" ||
+        file.type === "image/gif";
+      if (!isJpgOrPng) {
+        message.error("仅支持jpg、gif、png、jpeg、bmp格式!");
+        return false;
+      }
       let isLt1M = file.size < 500000;
       console.log(file.size, isLt1M)
       if (!isLt1M) {
@@ -667,8 +668,6 @@ export default {
     };
     //附件上传
     const beforeUpload2 = (file) => {
-      console.log(6765555);
-      console.log(file);
       const fileType = [
         "pdf",
       ];
@@ -682,15 +681,17 @@ export default {
       const formData = new FormData();
       formData.append("file", file);
       console.log(file);
-      fileUp(formData).then((res) => {
+      teacherUpload(formData).then((res) => {
         if (res.data.code === 200) {
-          state.formParam.filesList = [res.data.data];
+        //  state.formParam.filesList = [res.data.data];
+        state.formParam.filesList = file.name
           console.log(state.formParam.filesList);
           // state.hasImgName = res.data.data;
         }
       });
       return false;
     };
+
     //附件上传交互
     const handleupdialog = () => {
       state.updialog = true
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
index d9d0f95e..f74a3c7f 100644
--- a/src/views/lecturer/InsideTeaching.vue
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -77,9 +77,9 @@
           </a-select>
         </a-form-item>
         <a-form-item class="select" v-if="moreid == 2">
-          <a-select style="width: 230px" v-model:value="searchParam.id" placeholder="内容分类"
+          <!-- <a-select style="width: 230px" v-model:value="searchParam.sysType1" placeholder="内容分类"
             :options="getTeacherExpertiseList" allowClear showSearch>
-          </a-select>
+          </a-select> -->
         </a-form-item>
         <div style="width: 100%;"></div>
         <a-form-item class="select" v-if="moreid == 2">
@@ -144,7 +144,7 @@
           <a-col :span="12">
             <a-form-item label="讲师名称" name="teacher">
 
-              <SearchTeacher v-model:value="formParam.teacher" v-model:lable="formParam.orgName"
+              <SearchTeacher v-model:value="formParam.name" v-model:lable="formParam.orgName"
                 v-model:newlable="formParam.neworgName"></SearchTeacher>
             </a-form-item>
           </a-col>
@@ -270,11 +270,11 @@
       <span class="line"></span>
       <span>讲师信息</span>
       <a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
-        <a-descriptions-item label="讲师名称">{{ formParam.teacher }}</a-descriptions-item>
+        <a-descriptions-item label="讲师名称">{{ formParam.teacherName }}</a-descriptions-item>
         <a-descriptions-item label="讲师工号">{{ formParam.userNo }}</a-descriptions-item>
-        <a-descriptions-item label="讲师组织" :span="2">{{ formParam.departId }}</a-descriptions-item>
-        <a-descriptions-item label="讲师体系">{{ formParam.systemId }}</a-descriptions-item>
-        <a-descriptions-item label="讲师级别">{{ formParam.levelId }}</a-descriptions-item>
+        <a-descriptions-item label="讲师组织" :span="2">{{ formParam.organizationName }}</a-descriptions-item>
+        <a-descriptions-item label="讲师体系">{{ formParam.systemName }}</a-descriptions-item>
+        <a-descriptions-item label="讲师级别">{{ formParam.levelName }}</a-descriptions-item>
         <a-descriptions-item label="录入方式">
           {{ formParam.entryType == 0 ? '系统生成' : formParam.entryType == 1 ? '手动录入' : '' }}</a-descriptions-item>
         <a-descriptions-item label="课程类型">{{ formParam.type == 1 ? '项目开课' : formParam.type == 2 ? '路径开课' : formParam.type == 3
@@ -287,7 +287,7 @@
         <a-descriptions-item label="授课/课程日期  ">{{ formParam.beginTime }}</a-descriptions-item>
         <a-descriptions-item label="参训人数  ">{{ formParam.studys }}</a-descriptions-item>
         <a-descriptions-item label="评分  ">{{ formParam.score }}</a-descriptions-item>
-        <a-descriptions-item label="内容分类  ">{{ formParam.id }}</a-descriptions-item>
+        <a-descriptions-item label="内容分类  ">{{ formParam.sysType1 }}</a-descriptions-item>
         <a-descriptions-item label="备注  ">{{ formParam.remark }}</a-descriptions-item>
       </a-descriptions>
       <div style="margin-top:20px ;line-height: 24px;"  >
@@ -667,8 +667,8 @@ export default {
       },
       {
         title: '内容分类',
-        dataIndex: 'teaching',
-        key: 'teaching',
+        dataIndex: 'sysType1',
+        key: 'sysType1',
         elipsis: true, align: "center",
         width: 120,
       },
@@ -931,7 +931,7 @@ export default {
       // state.userNoid = record.userNo
       state.lookTeacherId = record.teacherId
       // // alert(record.grade)
-      TeacherSystem(record)
+      TeacherSystem1(record)
       gettableDatas(record)
       // let id = record.userNo
       // router.push({ path: '/insideteachingdetail', query: { id  } })
@@ -942,16 +942,9 @@ export default {
     }
     //内部授课详情
     const TeacherSystem = (record) => {
-      // getTeacherCourseList( state.lookTeacherId).then((res) => {
-      //     console.log("内部授课详情", res.data);
-      //     state.formParam= res.data.data
-      // }) 
-      // .catch((err) => {
-      //     console.log("内部授课详情", err);
-      //   });
       state.formParam = {
         teacherType: '0',
-        teacher: record.teacher,
+        teacherName: record.teacherName,
         userNo: record.userNo,
         departId: record.departId,
         systemId: record.systemId,
@@ -969,6 +962,29 @@ export default {
         entryType: record.entryType
       }
       console.log(state.formParam)
+    }
+     //内部授课详情
+     const TeacherSystem1 = (record) => {
+      state.formParam = {
+        teacherType: '0',
+        teacherName: record.teacherName,
+        userNo: record.userNo,
+        organizationName: record.organizationName,
+        systemName: record.systemName,
+        levelName: record.levelName,
+        type: record.type,
+        name: record.name,
+        status:record.status,
+        beginTime:record.beginTime,
+        // ref< moment.Moment >(moment(record.beginTime,'YYYY-MM-DD')),
+        //  record.beginTime,
+        duration: record.duration,
+        score: record.score,
+        studys: record.studys,
+        remark: record.remark,
+        entryType: record.entryType
+      }
+      console.log(state.formParam)
     }
     const column = ref([{
       title: '基准课酬 ',
@@ -1176,6 +1192,7 @@ export default {
       // getStu
       LecturerSystemLista,
       TeacherSystem,
+      TeacherSystem1,
       getOrganizationLista,
       getOrganizationList, searchTimeChange,
       cancelTeachingDialog,
diff --git a/src/views/lecturer/LecturerFee.vue b/src/views/lecturer/LecturerFee.vue
index 9038375a..cf6370db 100644
--- a/src/views/lecturer/LecturerFee.vue
+++ b/src/views/lecturer/LecturerFee.vue
@@ -10,10 +10,9 @@
               placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
             </a-input>
    -->  <div  style="width: 276px; height: 40px; border-radius: 8px"  >
-    <ProjectManager v-model:value="searchParam.teacherNo" 
-        v-model:name="searchParam.teacherName"
-        placeholder="请输入工号/讲师姓名进行检索"
-                            @onChange="managerChange" mode="multiple"></ProjectManager>
+    <a-input v-model:value="searchParam.teacherNameOrUserNo" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
+          </a-input>
                             </div>
           </a-form-item>
           <a-form-item  class="select">
@@ -158,10 +157,8 @@
           <a-row :gutter="16">
             <a-col :span="12">
               <a-form-item label="讲师名称" name="teacher">
-                <ProjectManager v-model:value="formParam.teacherNo" 
-        v-model:name="formParam.teacherName"
-        placeholder="请输入工号/讲师姓名进行检索"
-                            @onChange="managerChange" mode="multiple"></ProjectManager>
+                <SearchTeacher v-model:value="formParam.name" v-model:lable="formParam.orgName"
+                v-model:newlable="formParam.neworgName"></SearchTeacher>
                             
               </a-form-item>
             </a-col>
@@ -410,7 +407,7 @@
     DownloadOutlined
   } from '@ant-design/icons-vue';
   import ImportWork from "../../components/project/ImportWork.vue";
-  import ProjectManager from "@/components/project/ProjectManagerNew"
+  import SearchTeacher from "@/components/project/SearchTeacher";
   import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTrainOrg,getTeacherLevel} from "../../api/lecturerFeeManagement";4
   import { getTeacherExpertise,getTeacherSystemList,getLevel,getPayRollPlace,fileUp } from "../../api/Lecturer";
   // lecturerFeeManagement
@@ -424,7 +421,7 @@
       UploadOutlined,//图标--导出
       DownloadOutlined,//图标-导入
       FolderAddOutlined,//图标--新增
-      ProjectManager
+      SearchTeacher
     },
     setup() {
       const formRef = ref();
diff --git a/src/views/projectcenter/ProjectManage copy.vue b/src/views/projectcenter/ProjectManage copy.vue
new file mode 100644
index 00000000..0bec868e
--- /dev/null
+++ b/src/views/projectcenter/ProjectManage copy.vue	
@@ -0,0 +1,2721 @@
+<!-- 项目页面 -->
+<template>
+  <div class="projectManage">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input
+            v-model:value="searchParam.name"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目名称1"
+            allowClear
+            showSearch
+          >
+          </a-input>
+        </div>
+        <div class="select">
+          <a-input
+            v-model:value="searchParam.manager"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目经理"
+            allowClear
+            showSearch
+          >
+          </a-input>
+        </div>
+        <div class="select">
+          <a-input
+            v-model:value="searchParam.createName"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目创建人"
+            allowClear
+            showSearch
+          >
+          </a-input>
+        </div>
+        <div class="select">
+          <a-select
+            v-model:value="searchParam.searchStatus"
+            style="width: 270px"
+            placeholder="请选择状态"
+            :options="sProjectStateList"
+            allowClear
+          ></a-select>
+        </div>
+        <div class="select addTimeBox">
+          <div class="addTime">创建时间：</div>
+          <!--
+          <a-range-picker
+              :show-time="{ format: 'HH:mm' }"
+              v-model:value="searchParam.valueDate"
+              format="YYYY-MM-DD"
+              style="border-radius: 8px; height: 40px; margin-left: 5px"
+              :placeholder="['      开始时间', '        结束时间']"
+
+          />-->
+          <a-range-picker
+            v-model:value="searchParam.valueDate"
+            style="width: 420px"
+            format="YYYY-MM-DD"
+            separator="至"
+            :placeholder="['      开始时间', '        结束时间']"
+          />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btnn btn1" @click="searchSubmit">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2" @click="searchReset">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="showModal1">
+          <div class="search"></div>
+          <div class="btnText">创建项目</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div style="padding: 10px 35px">
+      <a-table
+        :header-cell-style="{ 'text-align': 'center' }"
+        style="border: 1px solid #f2f6fe"
+        :columns="columns"
+        :data-source="tableData"
+        :loading="tableLoading"
+        @expand="expandTable"
+        :scroll="{ x: 'max-content' }"
+        :pagination="false"
+      >
+        <template #bodyCell="{ record, column }">
+          <template v-if="column.key === 'operation'">
+            <a-space>
+              <a-button
+                v-if="
+                  (record.status === 0 ||
+                    record.status === 2 ||
+                    record.status === -5) &&
+                  checkPer(record.permissions)
+                "
+                @click="handleEdit(record)"
+                type="link"
+                >编辑</a-button
+              >
+              <a-button
+                v-if="record.type === 1 && checkPer(record.permissions)"
+                @click="createSub(record)"
+                type="link"
+                >创建子项目</a-button
+              >
+              <a-button
+                v-if="record.type === 2 && checkPer(record.permissions)"
+                @click="createClass(record)"
+                type="link"
+                >创建班级</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 0 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showReviewModal(record.id)"
+                type="link"
+                >提交审核</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 1 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showRecallReviewModal(record.id)"
+                type="link"
+                >撤回审核</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 2 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="push(record)"
+                type="link"
+                >发布</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 3 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showBackModal(record.id)"
+                type="link"
+                >撤回发布</a-button
+              >
+              <a-button v-if="record.type === 3" @click="baseInfo(record)" type="link">管理</a-button>
+              <DropDown v-if="checkOwner(record.permissions)" value="授权">
+                <OwnerTableModelStudent
+                  :types="[4, 5, 6]"
+                  :id="record.id"
+                  :type="6"
+                  >权限名单</OwnerTableModelStudent
+                >
+                <CommonStudent :type="4" :id="record.id" title="查看权"
+                  >查看权</CommonStudent
+                >
+                <CommonStudent :type="5" :id="record.id" title="管理权"
+                  >管理权</CommonStudent
+                >
+              </DropDown>
+              <DropDown v-if="checkPer(record.permissions)" value="更多">
+                <a-button @click="showCopyModal(record.id)" type="link"
+                  >复制</a-button
+                >
+                <a-button
+                  v-if="record.status !== 3"
+                  @click="showDeleteModal(record.id)"
+                  type="link"
+                  danger
+                  >删除</a-button
+                >
+                <a-button
+                  v-if="record.status === 3"
+                  @click="showStartModal(record.id)"
+                  type="link"
+                  >存为模版</a-button
+                >
+                <a-button
+                  v-if="record.status === 3 && record.type === 3"
+                  @click="showStopModal(record.id)"
+                  type="link"
+                  >结束</a-button
+                >
+              </DropDown>
+              <!-- <a-button
+                  v-if="record.status == -1"
+                  @click="showBackFinashModal(record.id)"
+                  type="link"
+                  >撤回</a-button
+                > -->
+            </a-space>
+          </template>
+        </template>
+      </a-table>
+      <div class="tableBox">
+        <div class="pa">
+          <a-pagination
+            v-if="tableDataTotal > 10"
+            :showSizeChanger="false"
+            :showQuickJumper="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
+            :total="tableDataTotal"
+            class="pagination"
+            @change="changePagination"
+          />
+        </div>
+      </div>
+    </div>
+    <!-- 表格 -->
+    <!-- 无项目 -->
+    <div style="display: none">
+      <div
+        class="taskbox"
+        @click="showModal1"
+        style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+      >
+        <div class="leftt">
+          <img src="../../assets/images/taskpage/left2.png" />
+        </div>
+        <div class="photo">
+          <img src="../../assets/images/projectadd/nopro.png" />
+        </div>
+        <div class="rightt">
+          <img src="../../assets/images/taskpage/right2.png" />
+        </div>
+        <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+          创建项目
+        </div>
+        <div class="centermain">点击创建项目任务</div>
+      </div>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="doublepro"
+        :title="null"
+        @ok="closeModal2"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublepro"
+        width="624px"
+        height="476px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >{{ projectInfo.projectId ? "编辑" : "创建" }}多层项目</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div
+            style="margin-left: 40px; margin-top: 40px; width: 78%"
+            v-if="projectInfo.parentName"
+          >
+            <span style="color: #000000; font-size: 14px">项目归属：</span>
+            <span style="color: #999999; font-size: 14px; margin-left: 10px">{{
+              projectInfo.parentName
+            }}</span>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <!-- 11 -->
+            </div>
+            <div class="inname">项目名称:</div>
+            <div class="in pro">
+              <NameInput
+                placeholder="请输入项目名称"
+                v-model:value="projectInfo.name"
+                v-model:validated="projectInfo.validated"
+                :type="1"
+                :maxlength="30"
+                show-count
+                :onceName="onceName"
+                :id="projectInfo.projectId"
+              ></NameInput>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">培训分类:</div>
+            <div class="in select">
+              <TrainClass v-model:value="projectInfo.systemId"></TrainClass>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目经理:</div>
+            <div class="in">
+              <ProjectManager
+                v-model:value="projectInfo.managerId"
+                v-model:name="projectInfo.manager"
+                @onChange="managerChange"
+                mode="multiple"
+              ></ProjectManager>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in select">
+              <OrgClass
+                v-model:value="projectInfo.sourceBelongId"
+                v-model:name="projectInfo.sourceBelongName"
+                v-model:fullName="projectInfo.sourceBelongFullName"
+              ></OrgClass>
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn2" @click="closeModal2" style="margin-right: 32px;">取消</a-button>
+            <a-button class="pubtn2" @click="createStoreyProject" :loading="buttonLoading || projectInfo.validated===1"
+              >确定
+            </a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="sonproject"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="sonproject"
+        width="764px"
+        height="356px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >请选择项目类别1</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div
+            @click="createChildProject"
+            class="taskbox"
+            style="
+              margin-right: 24px;
+              background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left2.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture4.png" />
+            </div>
+            <div class="rightt">
+              <img src="../../assets/images/taskpage/right2.png" />
+            </div>
+            <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+              单层子项目
+            </div>
+          </div>
+          <div
+            class="taskbox"
+            @click="showModal3"
+            style="
+              background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left1.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture5.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>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建子项目弹窗 -->
+    <!-- 创建项目弹窗 -->
+    <div>
+      <div>
+        <a-modal
+          v-model:visible="estabish"
+          :title="null"
+          @ok="closeModal1"
+          :footer="null"
+          :closable="false"
+          wrapClassName="estabish"
+          width="638px"
+          height="468px"
+        >
+          <div
+            class="modalHeader"
+            style="
+              width: 100%;
+              height: 68px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
+          >
+            <div class="headerLeft" style="margin-left: 32px">
+              <span class="headerLeftText" style="font-size: 16px"
+                >请选择项目类别</span
+              >
+            </div>
+            <div
+              style="cursor: pointer; margin-right: 32px"
+              @click="closeModal1"
+            >
+              <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+              />
+            </div>
+          </div>
+          <div class="modalMain">
+            <router-link
+              :to="`/projectadd?parentId=${
+                projectInfo.parentId || ''
+              }&parentName=${projectInfo.parentName || ''}`"
+            >
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture6.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  单层{{ projectInfo.parentId ? "子" : "" }}项目
+                </div>
+                <div class="centermain">
+                  不包含子项目，直接填写项目基础信息后创建任务
+                </div>
+              </div>
+            </router-link>
+            <div
+              class="taskbox"
+              @click="showModal2"
+              style="
+                margin-bottom: 40px;
+                background: linear-gradient(180deg, #e5f6ec 0%, #eef9f3 100%);
+              "
+            >
+              <div class="leftt">
+                <img src="../../assets/images/taskpage/left3.png" />
+              </div>
+              <div class="photo">
+                <img src="../../assets/images/taskpage/picture7.png" />
+              </div>
+              <div class="rightt">
+                <img src="../../assets/images/taskpage/right3.png" />
+              </div>
+              <div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
+                多层{{ projectInfo.parentId ? "子" : "" }}项目
+              </div>
+              <div class="centermain1">
+                {{
+                  projectInfo.parentId
+                    ? "可创建班级，通过班级填写基础信息并创建任务"
+                    : "包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务"
+                }}
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+    </div>
+    <!-- 创建项目弹窗 -->
+    <!-- 编辑多层项目弹窗 - end -->
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeCopyModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="copyProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">
+              （项目结束后学员将无法继续学习，此操作不可逆）
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeStopModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="finishProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeDeleteModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="deleteProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模版弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要存为模版吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeStartModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="templateProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 发布弹窗 -->
+    <a-modal
+      v-model:visible="projectPub"
+      :title="null"
+      :footer="null"
+      :closable="false"
+      wrapClassName="projectPub"
+      width="679px"
+      height="437px"
+    >
+      <div
+        class="modalHeader"
+        style="
+          width: 100%;
+          height: 68px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        "
+      >
+        <div class="headerLeft" style="margin-left: 32px">
+          <span style="width: 15px; height: 15px"
+            ><img src="../../assets/images/taskpage/pub.png"
+          /></span>
+          <span
+            class="headerLeftText"
+            style="font-size: 16px; margin-left: 10px"
+            >项目发布</span
+          >
+        </div>
+        <div
+          style="cursor: pointer; margin-right: 32px"
+          @click="closeProjectPub"
+        >
+          <img
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="projectname">{{ releaseProjectName }}</div>
+        <div class="projecttime" v-if="releaseProjectTime">
+          <span class="timeti">项目时间：</span
+          ><span class="timeme">{{ releaseProjectTime }}</span>
+        </div>
+        <div class="projectbox">
+          <div class="promessage">
+            <div class="messageme">项目信息</div>
+            <div class="messagege">
+              当前项目共{{ projectStages }}个阶段，{{ projectTasks }}个任务
+            </div>
+          </div>
+          <div class="stumessage">
+            <div class="messageme1">学员信息</div>
+            <div class="messagege1">项目共{{ projectStudentsNum }}名学员</div>
+          </div>
+        </div>
+        <!-- <div class="send">
+          <a-switch v-model:checked="checked" size="small" />
+          <span class="sendtext">发送路径通知</span>
+        </div>
+        <div class="ckb">
+          <a-checkbox v-model:checked="checkedTeacher"
+            ><span class="sendpeo">发给老师</span></a-checkbox
+          >
+          <a-checkbox v-model:checked="checkStu"
+            ><span class="sendpeo">发给学员</span></a-checkbox
+          >
+        </div> -->
+        <div class="pubtn">
+          <a-button class="pubtn2" @click="closeProjectPub" style="margin-right: 32px;">取消</a-button>
+          <a-button class="pubtn2" @click="releaseProject">发布</a-button>
+        </div>
+      </div>
+      <!--  加载动画 -->
+      <div
+        class="aeLoading"
+        :style="{ display: projectPubLoading ? 'flex' : 'none' }"
+      >
+        <a-spin :spinning="projectPubLoading" />
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeBackModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="recallProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--    撤回结束弹窗-->
+    <a-modal
+      v-model:visible="backFinashModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackFinashModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回结束</span>
+            <div class="back">（项目撤回结束后学员可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeBackFinashModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="reFinashedProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 创建项目提示框 -->
+    <!--    <a-modal-->
+    <!--      v-model:visible="reminderModal"-->
+    <!--      :footer="null"-->
+    <!--      :closable="closeBack"-->
+    <!--      wrapClassName="CopyModal"-->
+    <!--      centered="true"-->
+    <!--    >-->
+    <!--      <div class="delete">-->
+    <!--        <div class="del_header"></div>-->
+    <!--        <div class="del_main">-->
+    <!--          <div class="header">-->
+    <!--            <div class="icon"></div>-->
+    <!--            <span>温馨提示</span>-->
+    <!--            <div class="close_exit" @click="closeReminderModal"></div>-->
+    <!--          </div>-->
+    <!--          <div class="body">-->
+    <!--            <div style="margin-left: 60px; margin-right: 60px">-->
+    <!--              请您根据自身需求选择对应项目类别，多层项目与单层项目操作不同，层级不同-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--          <div class="del_btnbox">-->
+    <!--            <div class="del_btn btn2" @click="okReminderModal">-->
+    <!--              <div class="btnText">好的</div>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </a-modal>-->
+    <!-- 项目提交审核弹窗 -->
+    <a-modal
+      v-model:visible="reviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeReviewModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要提交审核吗</span>
+            <div class="back"></div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeReviewModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="reviewProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 项目撤回审核弹窗 -->
+    <a-modal
+      v-model:visible="recallReviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeRecallReviewModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要撤回审核吗</span>
+            <div class="back"></div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeRecallReviewModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="recallReviewProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 授权名单抽屉 -->
+    <proj-power-list
+      v-model:ProjPvisible="ProjPvisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
+    />
+    <!-- 归属权抽屉 -->
+    <proj-owner-ship
+      v-model:ProjOwnervisible="ProjOwnervisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
+    />
+    <!-- 查看权抽屉 -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
+    />
+    <!-- 管理权抽屉 -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
+    />
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import { message } from "ant-design-vue";
+import { useRouter } from "vue-router";
+import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
+import ProjCheckShip from "../../components/drawers/ProjCheckPower";
+import * as api from "../../api/index";
+import * as api1 from "../../api/index1";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import TrainClass from "@/components/project/TrainClass";
+import OrgClass from "@/components/project/OrgClass";
+import dayjs from "dayjs";
+import * as moment from "moment";
+import NameInput from "@/components/project/NameInput";
+import { validateName } from "@/api/index1";
+import CommonStudent from "@/components/student/CommonStudent";
+import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
+import DropDown from "@/components/common/DropDown";
+import { checkPer,checkOwner } from "@/utils/utils";
+
+export default {
+  name: "projectManage",
+  components: {
+    ProjOwnerShip,
+    ProjPowerList,
+    ProjCheckShip,
+    NameInput,
+    ProjectManager,
+    OrgClass,
+    TrainClass,
+    CommonStudent,
+    OwnerTableModelStudent,
+    DropDown,
+  },
+  setup() {
+    const state = reactive({
+      tableLoading: false,
+      buttonLoading: false,
+      projectName: null,
+      selectTime: null,
+      sonproject: false,
+      estabish: false,
+      doublepro: false,
+      eddoublepro: false,
+      eddoublesonpro: false,
+      doublesonpro: false,
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      projectPub: false, //发布弹窗
+      projectPubLoading: false, //发布loading
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
+      reminderModal: false, //温馨提示弹窗
+      reviewModal: false, //提交审核
+      recallReviewModal: false, //撤回审核
+      ProjOwnervisible: false,
+      ProjPvisible: false,
+      ProjCheckvisible: false,
+      ProjManagevisible: false,
+      currentProjectId: "",
+      currentProjectName: "",
+      currentEdProjectName: "",
+      currentEditChildrensProjectId: "",
+      dcProjectID: "",
+      currentPage: 1, //当前页
+      tableDataTotal: -1, //学习路径列表总数
+      pageSize: 10, //每页10条数据
+      projectStudentsNum: 0, //发布弹窗-学员人
+      projectStages: 0,
+      projectTasks: 0,
+      releaseProjectId: null, //发布的项目id
+      releaseProjectName: null, //发布的项目名称
+      releaseProjectTime: null, //发布的项目时间
+      recallProjectId: null, //撤回的项目id
+      finishProjectId: null, //结束的项目id
+      deleteProjectId: null, //删除的项目id
+      templateProjectId: null, //存为模版的项目id
+      copyProjectId: null, //复制项目id
+      reviewId: null, //提交审核id
+      recallReviewId: null, //撤回审核id
+      selectProjectId: null, //选择的授权id
+      addAuthList: null, //确定授权列表
+      authClassify: null, //显示的是管理权还是查看权
+      currentPage1: 1, //项目经理分页
+      pageSize1: 10,
+      projectInfo: {},
+      onceName:"",
+      projectClass: [],
+      managerList: [],
+      managerLoading: false,
+      backFinashModal: false,
+      memberParam: {
+        pageNo: 1,
+        pageSize: 10,
+        keyWord: "",
+      },
+      searchParam: {
+        pageNo: 1,
+        pageSize: 10,
+      },
+      valueDate: [],
+    });
+    // 数据接入 - start -
+    const router = useRouter();
+    const sProjectStateList = ref([
+      { value: 0, label: "草稿" },
+      { value: 1, label: "进行中" },
+      { value: 2, label: "已结束" },
+    ]);
+    const searchReset = () => {
+      state.searchParam = { pageNo: 1, pageSize: 10 };
+      getTableDate();
+    };
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+      getTableDate();
+    };
+
+    function timeChange(e) {
+      console.log(e);
+      if (e && e.length === 2) {
+        state.searchParam.beginTime = e[0];
+        state.searchParam.endTime = e[1];
+      } else {
+        state.searchParam.beginTime = "";
+        state.searchParam.endTime = "";
+      }
+    }
+
+    function validate(obj, errorMsgs) {
+      for (let i in errorMsgs) {
+        if (!obj[i]) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return false;
+        }
+      }
+      return true;
+    }
+
+    // 创建多层项目
+    const createStoreyProject = async () => {
+      state.buttonLoading = true
+      // 接口需要传递的参数信息
+      const errorMsgs = {
+        name: "请输入项目名称",
+        systemId: "请选择培训分类",
+        manager: "请选择项目经理",
+        sourceBelongId: "请选择资源归属",
+      };
+      if (!validate(state.projectInfo, errorMsgs)) {
+        state.buttonLoading = false
+        return;
+      }
+      /**
+       if (!state.projectInfo.validate) {
+        message.destroy();
+        message.warning("项目名称重复，请修改名称！");
+        return;
+      } */
+      const offName = state.projectInfo.name == state.onceName ? false : await validateName({
+        name: state.projectInfo.name,
+        type: 1,
+        id: state.projectInfo.projectId,
+      }).then((res) => {
+        return res.data.data == 1;
+      });
+      if (offName) {
+        state.buttonLoading = false
+        message.destroy();
+        return message.warning("项目名称重复，请重新填写");
+      }
+      api.createProject(state.projectInfo).then(() => {
+        state.doublepro = false;
+        message.destroy();
+        message.success("创建成功");
+        state.currentPage = 1;
+        state.buttonLoading = false
+        getTableDate();
+      });
+    };
+    // 取消按钮 清空输入的数据
+    const closeModal2 = () => {
+      state.projectInfo = {};
+      state.onceName = "";
+      // value1.value = "";
+      // type = "";
+      // manager = "";
+      // managerId = "";
+      // sourceBelongId = "";
+      // value2.value = [];
+      // value3.value = [];
+      // value4.value = "";
+      // value5.value = "";
+      state.doublepro = false;
+    };
+    // 编辑多层项目
+    const closeeditModal2 = () => {
+      state.eddoublepro = false;
+    };
+    // 创建单层子项目 (需要传入多层项目的ProjectID)
+    const createChildProject = () => {
+      console.log(state.currentProjectId);
+      router.push({
+        path: "/sonproject",
+        query: {
+          projectId: state.currentProjectId,
+          name: state.currentProjectName,
+        },
+      });
+    };
+    // 取消按钮 清空数据
+    const closeModal3 = () => {
+      state.doublesonpro = false;
+    };
+    const closeeditModal3 = () => {
+      state.eddoublesonpro = false;
+    };
+    //打开发布弹窗
+    const showProjectPub = (object) => {
+      state.projectPub = true;
+      state.projectPubLoading = true;
+      state.releaseProjectId = object.projectId;
+      state.releaseProjectName = object.name;
+      state.releaseProjectTime = object.time;
+      console.log("object", object);
+      api.getProjectCount(object.projectId).then((res) => {
+        console.log("获取关卡、任务、学员统计数据", res.data);
+        // state.projectStudentsNum = res.data.students;
+        state.projectStages = res.data.data.stages;
+        state.projectTasks = res.data.data.tasks;
+      });
+      //获取学员总数
+      api
+        .projectStudentCount({
+          pid: object.projectId,
+          type: 1,
+        })
+        .then((res) => {
+          state.projectStudentsNum = res.data.data;
+          state.projectPubLoading = false;
+        });
+      //获取阶段及任务总数
+    };
+    //确认发布项目
+    const releaseProject = () => {
+      console.log("点击发布");
+      let obj = {
+        projectId: state.releaseProjectId,
+        type: 4,
+      };
+      api.handleProject(obj).then((res) => {
+        console.log("发布成功", res);
+        message.destroy();
+        message.success("发布成功");
+        state.projectPub = false;
+        getTableDate();
+      });
+    };
+    //关闭发布弹窗
+    const closeProjectPub = () => {
+      state.projectPub = false;
+      state.projectStages = null;
+      state.projectTasks = null;
+      state.projectStudentsNum = null;
+      state.projectPubLoading = false;
+      state.releaseProjectId = null;
+    };
+    //打开撤回发布弹窗
+    const showBackModal = (projectId) => {
+      state.backModal = true;
+      state.recallProjectId = projectId;
+    };
+    //打开撤回结束弹窗
+    const showBackFinashModal = (projectId) => {
+      state.backFinashModal = true;
+      state.recallProjectId = projectId;
+    };
+    //确认撤回发布
+    const recallProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: -4,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+    //确认撤回结束
+    const reFinashedProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: -6,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backFinashModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+    //关闭撤回弹窗
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
+    const closeBackFinashModal = () => {
+      state.backFinashModal = false;
+    };
+    //打开结束弹窗
+    const showStopModal = (projectId) => {
+      state.stopModal = true;
+      state.finishProjectId = projectId;
+    };
+    //确认结束
+    const finishProject = () => {
+      let obj = {
+        projectId: state.finishProjectId,
+        type: -1,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("结束成功", res);
+          message.destroy();
+          message.success("已结束");
+          state.stopModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("结束失败", err);
+        });
+    };
+    //关闭结束弹窗
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    //打开删除弹窗
+    const showDeleteModal = (id) => {
+      state.deleteModal = true;
+      state.deleteProjectId = id;
+    };
+    //确认删除
+    const deleteProject = () => {
+      let obj = {
+        projectId: state.deleteProjectId,
+        type: -2,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.destroy();
+          message.success("删除成功");
+          state.deleteModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
+    };
+    //关闭删除弹窗
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    //打开存为模版弹窗
+    const showStartModal = (projectId) => {
+      state.startModal = true;
+      state.templateProjectId = projectId;
+    };
+    //确认存为模版
+    const templateProject = () => {
+      state.startModal = false
+      message.success("模版保存成功");
+      api.handleProject({projectId: state.templateProjectId, type: 1});
+    };
+    //关闭存为模版弹窗
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    //打开确认复制弹窗
+    const showCopyModal = (projectId) => {
+      state.copyModal = true;
+      state.copyProjectId = projectId;
+    };
+    //关闭确认复制弹窗
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    //确认复制
+    const copyProject = () => {
+      state.copyModal = false;
+      state.tableLoading = true;
+      api.handleProject({
+          projectId: state.copyProjectId,
+          type: 2
+        })
+        .then(() => {
+          state.tableLoading = false;
+          message.success("复制成功");
+          getTableDate()
+        });
+    };
+    //打开提交审核弹窗
+    const showReviewModal = (projectId) => {
+      state.reviewModal = true;
+      state.reviewId = projectId;
+    };
+    //确认提交审核
+    const reviewProject = () => {
+      let obj = {
+        projectId: state.reviewId,
+        type: 3,
+      };
+      console.log("提交审核obj", obj);
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("提交成功", res);
+          message.destroy();
+          message.success("提交成功");
+          state.reviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("提交失败", err);
+        });
+    };
+    //关闭提交审核弹窗
+    const closeReviewModal = () => {
+      state.reviewModal = false;
+    };
+    //打开撤回审核弹窗
+    const showRecallReviewModal = (projectId) => {
+      state.recallReviewModal = true;
+      state.recallReviewId = projectId;
+    };
+    //确认撤回审核
+    const recallReviewProject = () => {
+      let obj = {
+        projectId: state.recallReviewId,
+        type: -3,
+      };
+      console.log("撤回成功obj", obj);
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.recallReviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回成功", err);
+        });
+    };
+    //关闭提交审核弹窗
+    const closeRecallReviewModal = () => {
+      state.recallReviewModal = false;
+    };
+    const expandTable = (e, a) => {
+      // console.log("惦记了");
+      console.log("e", e, a);
+    };
+    // 获取项目列表信息
+    let tableData = ref([]);
+
+    watch(tableData,()=> tableData.value?.forEach(t=> dealPermission(t)))
+
+    function dealPermission(data){
+      if(!data){
+        return
+      }
+      data.permissions  || (data.children?.some(s=>s.permissions || s.children?.some(j=>j.permissions)) && (data.permissions = '4'))
+      data.children?.forEach(t=>dealPermission(t))
+    }
+
+    const columns = ref([
+      {
+        title: "项目名称",
+        dataIndex: "name",
+        key: "name",
+        className: "h",
+        ellipsis: true,
+        width: 400,
+      },
+      {
+        title: "项目经理",
+        dataIndex: "manager",
+        className: "h",
+        ellipsis: true,
+        key: "manager",
+        align: "center",
+        width: 200,
+      },
+      {
+        title: "状态",
+        dataIndex: "status",
+        className: "h",
+        key: "status",
+        align: "center",
+        width: 100,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.type === 3
+                ? {
+                    0: () => "草稿",
+                    1: () => "草稿",
+                    2: () => "草稿",
+                    3: () => "进行中",
+                    "-1": () => "已结束",
+                    "-5": () => "草稿",
+                  }[value.record.status + ""]() || ""
+                : "-"}
+            </div>
+          );
+        },
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        className: "h",
+        key: "createName",
+        align: "center",
+        width: 100,
+      },
+      {
+        title: "是否审核",
+        dataIndex: "status",
+        className: "h",
+        key: "status",
+        width: 100,
+        align: "center",
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.status === 3 || value.record.status === 2 || value.record.status === -5  || value.record.status === 1
+                ? {
+                    0: "草稿",
+                    1: "提交待审核",
+                    2: "审核通过",
+                    3: "已经发布",
+                    4: "发布",
+                    "-1": "已结束",
+                    "-6": "撤回已结束",
+                    "-2": "删除",
+                    "-3": "撤回审核",
+                    "-4": "撤回发布",
+                    "-5": "拒绝",
+                  }[value.record.status + ""] || ""
+                : "-"}
+            </div>
+          );
+        },
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        key: "createTime",
+        className: "h",
+        width: 200,
+        align: "center",
+      },
+      {
+        title: "操作",
+        dataIndex: "operation",
+        key: "operation",
+        className: "h",
+        align: "right",
+        fixed: "right",
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ]);
+    const getTableDate = () => {
+      state.tableLoading = true;
+      api
+        .getProjectList({
+          ...state.searchParam,
+          beginTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? dayjs(state.searchParam.valueDate[0]).format("YYYY-MM-DD")
+              : "",
+          endTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? dayjs(state.searchParam.valueDate[1]).format("YYYY-MM-DD")
+              : "",
+        })
+        .then((res) => {
+          // console.log("搜索", res, state.searchParam);
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false;
+          const data = res.data.data.rows;
+          initDataSublist("", data);
+          console.log(data);
+          tableData.value = data;
+          console.log("tableData", tableData);
+        });
+    };
+
+    function initDataSublist(parentName, data) {
+      if (data && data.length) {
+        data.forEach((e) => {
+          e.parentName = parentName;
+          e.key = e.id;
+          initDataSublist(
+            (parentName ? parentName + "——" : "") + e.name,
+            e.subList
+          );
+          e.subList && e.subList.length && (e.children = e.subList);
+        });
+      }
+    }
+    function handleEdit(record) {
+      if (record.type === 1 || record.type === 2) {
+        state.doublepro = true;
+        state.projectInfo = record;
+        state.onceName = record.name;
+      } else {
+        router.push({
+          path: "/projectadd",
+          query: {
+            projectId: record.id,
+            parentId: record.parentId,
+            parentName: record.parentName,
+          },
+        });
+      }
+    }
+
+    getTableDate();
+    // 翻页
+    const changePagination = (page) => {
+      state.searchParam.pageNo = page;
+      getTableDate();
+    };
+    const showModal = () => {
+      state.sonproject = true;
+    };
+    const closeModal = () => {
+      state.sonproject = false;
+    };
+    const showModal1 = () => {
+      state.projectInfo = {};
+      state.onceName = "";
+      state.estabish = true;
+    };
+    const closeModal1 = () => {
+      state.estabish = false;
+    };
+    const showModal2 = () => {
+      state.doublepro = true;
+      state.estabish = false;
+    };
+    const showModal3 = () => {
+      state.doublesonpro = true;
+      state.sonproject = false;
+    };
+    const showProjOwner = (id) => {
+      state.ProjOwnervisible = true;
+      state.selectProjectId = id;
+    };
+    const showProjPrower = (id) => {
+      state.selectProjectId = id;
+      state.ProjPvisible = true;
+    };
+    const showProjCheck = (id) => {
+      state.authClassify = 1;
+      state.selectProjectId = id;
+      state.ProjCheckvisible = true;
+    };
+    const showProjManage = (id) => {
+      state.authClassify = 2;
+      state.selectProjectId = id;
+      // state.ProjManagevisible = true;
+      state.ProjCheckvisible = true;
+    };
+    const closeReminderModal = () => {
+      state.reminderModal = false;
+    };
+    const okReminderModal = () => {
+      state.reminderModal = false;
+      state.estabish = true;
+    };
+    //添加权限
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        let obj = {
+          type: 2,
+          tag:
+            state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
+          opt: 3,
+          deptList: res[1],
+          groupList: res[2],
+          refId: state.selectProjectId,
+          pageNo: 20,
+          pageSize: 1,
+          studentList: res[0],
+          keyWord: "",
+        };
+        console.log("obj", obj);
+        api1
+          .optionAuthPerm(obj)
+          .then((res) => {
+            console.log("添加授权成功", res);
+            message.success("添加授权成功");
+          })
+          .catch((err) => {
+            console.log("添加授权失败", err);
+          });
+      }
+    );
+
+    function managerChange(e, l, d, t, orgName) {
+      state.projectInfo.sourceBelongId = d;
+      state.projectInfo.sourceBelongName = t;
+      state.projectInfo.sourceBelongFullName = orgName;
+    }
+    function push(record) {
+      showProjectPub({
+        projectId: record.id,
+        name: record.name,
+        time: record.beginTime + "-" + record.endTime,
+      });
+    }
+    function manage(record) {
+      router.push({
+        path: "/taskpage",
+        query: { projectId: record.id },
+      });
+    }
+
+    function createSub(record) {
+      state.projectInfo = {
+        parentName: record.name,
+        parentId: record.id,
+        name: "",
+        sourceBelongId: record.sourceBelongId,
+        sourceBelongName: record.sourceBelongName,
+        manager: record.manager,
+        managerId: record.managerId,
+        systemId: record.systemId,
+        type: 2,
+      };
+      state.onceName = "";
+      state.estabish = true;
+    }
+
+    function createClass(record) {
+      router.push({
+        path: "/projectadd",
+        query: {
+          parentId: record.id,
+          parentName: record.parentName + "——" + record.name,
+          ptojectType: 3,
+        },
+      });
+    }
+
+    function baseInfo(record) {
+      router.push({
+        path: "/taskpage",
+        query: { projectId: record.id },
+      });
+    }
+
+    return {
+      ...toRefs(state),
+      checkOwner,
+      dayjs,
+      handleEdit,
+      baseInfo,
+      createClass,
+      createSub,
+      manage,
+      push,
+      moment,
+      managerChange,
+      reFinashedProject,
+      showBackFinashModal,
+      timeChange,
+      expandTable,
+      showModal,
+      closeModal,
+      showModal1,
+      closeModal1,
+      showModal2,
+      closeModal2,
+      showModal3,
+      closeModal3,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
+      closeBackFinashModal,
+      getTableDate,
+      showProjOwner,
+      showProjPrower,
+      showProjCheck,
+      showProjManage,
+      closeProjectPub,
+      showReviewModal,
+      reviewProject,
+      closeReviewModal,
+      showRecallReviewModal,
+      recallReviewProject,
+      closeRecallReviewModal,
+      tableData,
+      columns,
+      createStoreyProject,
+      changePagination,
+      sProjectStateList,
+      searchReset,
+      searchSubmit,
+      createChildProject,
+      closeeditModal2,
+      closeeditModal3,
+      releaseProject,
+      showProjectPub,
+      recallProject,
+      finishProject,
+      deleteProject,
+      templateProject,
+      copyProject,
+      closeReminderModal,
+      okReminderModal,
+      checkPer,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-cell-fix-right {
+  width: 300px !important;
+}
+
+.projectManage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 10;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+        .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px;
+        }
+      }
+
+      .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: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        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;
+        }
+      }
+
+      .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");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: #0982ff;
+      }
+    }
+
+    .btns {
+      display: flex;
+      // flex-wrap: wrap;
+      .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;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0px;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+    th {
+      background-color: #eff4fc !important;
+      text-align: center !important;
+    }
+  }
+
+  .tableBox {
+    padding-bottom: 20px;
+
+    .pa {
+      // position: absolute;
+      // bottom: 20px;
+      // left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      // margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
+    }
+  }
+
+  .operation {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
+    margin-right: -45px;
+    display: flex;
+    justify-content: right;
+    margin-right: 18px;
+
+    // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
+
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
+
+    .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
+      position: relative;
+      text-align: left;
+      // z-index: 99999;
+      .moreArrow {
+        width: 13px;
+        height: 7px;
+        display: inline-block;
+        background-image: url("../../assets/images/navtop/down.png");
+        background-size: 100%;
+        margin: 2px;
+        margin-left: 7px;
+      }
+
+      .moreItems {
+        width: 80px;
+        padding: 5px;
+        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: 28px;
+        z-index: 100;
+        text-align: center;
+      }
+    }
+
+    .more:hover .moreArrow {
+      background-image: url("../../assets/images/navtop/up.png");
+    }
+
+    .more:hover .moreItems {
+      display: block;
+    }
+  }
+}
+
+.doublesonpro {
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      padding: 0;
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        //align-items: center;
+        margin-left: 60px;
+
+        .name {
+          //width: 90%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+
+          .in {
+            margin-left: 14px;
+            width: 80%;
+
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 30px;
+            }
+
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 40px;
+
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
+
+        .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;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+
+.doublepro {
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      padding: 0;
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+
+          .in {
+            margin-left: 14px;
+            width: 81%;
+
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 30px;
+            }
+
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
+
+        .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;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+
+.sonproject {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0 !important;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        display: flex;
+        justify-content: center;
+        margin-top: 48px;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 310px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 80px;
+          cursor: pointer;
+
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
+
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
+
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
+
+          .centerbox {
+            position: absolute;
+            top: 66px;
+            left: 136px;
+            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;
+          }
+        }
+      }
+    }
+  }
+}
+
+.estabish {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0 !important;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 48px;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 438px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 24px;
+          cursor: pointer;
+
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
+
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
+
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
+
+          .centerbox {
+            position: absolute;
+            top: 42px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
+
+          .centerbox1 {
+            position: absolute;
+            top: 32px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
+
+          .centermain {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 78px;
+          }
+
+          .centermain1 {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 68px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+
+    .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: 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;
+              }
+            }
+
+            .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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.projectPub {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0;
+
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
+
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          // margin-left: 62px;
+          font-weight: 500;
+          text-align: center;
+        }
+
+        .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;
+          justify-content: center;
+
+          .promessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(254, 243, 221, 1),
+              rgba(255, 250, 240, 1)
+            );
+            border-radius: 10px;
+            margin-right: 7px;
+
+            .messageme {
+              color: rgba(255, 182, 78, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+
+            .messagege {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+
+          .stumessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(221, 234, 255, 1),
+              rgba(240, 248, 254, 1)
+            );
+            border-radius: 10px;
+
+            .messageme1 {
+              color: rgba(78, 166, 255, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+
+            .messagege1 {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+        }
+
+        .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;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index f08c84bd..0bec868e 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -5,39 +5,62 @@
     <div class="filter">
       <div class="filterItems">
         <div class="select">
-          <!--  v-model:value="searchParam.name" -->
-          <a-input v-model:value="searchParam.teacherName " style="width: 230px; height: 40px; border-radius: 8px"
-            placeholder="请输入工号/姓名检索" allowClear showSearch>
+          <a-input
+            v-model:value="searchParam.name"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目名称1"
+            allowClear
+            showSearch
+          >
           </a-input>
         </div>
         <div class="select">
-          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.systemName"
-            :options="LecturerSystemList">
-          </a-select>
+          <a-input
+            v-model:value="searchParam.manager"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目经理"
+            allowClear
+            showSearch
+          >
+          </a-input>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searchGrade" placeholder="级别" :options="GradeList">
-          </a-select>
+          <a-input
+            v-model:value="searchParam.createName"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目创建人"
+            allowClear
+            showSearch
+          >
+          </a-input>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searOnTheJobStatus" placeholder="在职状态"
-            :options="OnTheJobStatusList">
-          </a-select>
+          <a-select
+            v-model:value="searchParam.searchStatus"
+            style="width: 270px"
+            placeholder="请选择状态"
+            :options="sProjectStateList"
+            allowClear
+          ></a-select>
         </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searchAuthenticationStatus" placeholder="认证状态"
-            :options="AuthenticationStatusList">
-          </a-select>
-        </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceName" placeholder="发薪地">
-            <el-option v-for="item in PlaceOfPayList" :key="item.value" :label="item.value" :value="item.label" />
-          </a-select>
-        </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searchAccountStatus" placeholder="账号状态"
-            :options="AccountStatusList">
-          </a-select>
+        <div class="select addTimeBox">
+          <div class="addTime">创建时间：</div>
+          <!--
+          <a-range-picker
+              :show-time="{ format: 'HH:mm' }"
+              v-model:value="searchParam.valueDate"
+              format="YYYY-MM-DD"
+              style="border-radius: 8px; height: 40px; margin-left: 5px"
+              :placeholder="['      开始时间', '        结束时间']"
+
+          />-->
+          <a-range-picker
+            v-model:value="searchParam.valueDate"
+            style="width: 420px"
+            format="YYYY-MM-DD"
+            separator="至"
+            :placeholder="['      开始时间', '        结束时间']"
+          />
         </div>
         <div style="display: flex; margin-bottom: 20px">
           <div class="btnn btn1" @click="searchSubmit">
@@ -51,821 +74,1738 @@
         </div>
       </div>
       <div class="btns">
-        <div class="btn btn3" @click="addTeacher">
+        <div class="btn btn3" @click="showModal1">
           <div class="search"></div>
-          <div class="btnText">新增讲师</div>
+          <div class="btnText">创建项目</div>
         </div>
       </div>
-      <div class="btns">
-        <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
-          <div class="search"></div>
-          <div class="btnText">导出</div>
-        </div>
-      </div>
-      <!-- 表格 -->
-      <div style="padding: 10px 0">
-        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
-          :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
-          <template #bodyCell="{ record, column }">
-            <template v-if="column.key === 'operation'">
-              <a-space style="display:flex ;justify-content: space-around;  ">
-                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
-                <a-button type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
-                <a-button v-if="record.accountStatus== '0'" type="link" @click="() => handleOperate(record, String(record.courseform))">停用</a-button>
-                <a-button v-if="record.accountStatus== '1'" type="link" @click="() => handleOperate(record, String(record.courseform))">启用</a-button>
-                <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
-              </a-space>
-            </template>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div style="padding: 10px 35px">
+      <a-table
+        :header-cell-style="{ 'text-align': 'center' }"
+        style="border: 1px solid #f2f6fe"
+        :columns="columns"
+        :data-source="tableData"
+        :loading="tableLoading"
+        @expand="expandTable"
+        :scroll="{ x: 'max-content' }"
+        :pagination="false"
+      >
+        <template #bodyCell="{ record, column }">
+          <template v-if="column.key === 'operation'">
+            <a-space>
+              <a-button
+                v-if="
+                  (record.status === 0 ||
+                    record.status === 2 ||
+                    record.status === -5) &&
+                  checkPer(record.permissions)
+                "
+                @click="handleEdit(record)"
+                type="link"
+                >编辑</a-button
+              >
+              <a-button
+                v-if="record.type === 1 && checkPer(record.permissions)"
+                @click="createSub(record)"
+                type="link"
+                >创建子项目</a-button
+              >
+              <a-button
+                v-if="record.type === 2 && checkPer(record.permissions)"
+                @click="createClass(record)"
+                type="link"
+                >创建班级</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 0 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showReviewModal(record.id)"
+                type="link"
+                >提交审核</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 1 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showRecallReviewModal(record.id)"
+                type="link"
+                >撤回审核</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 2 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="push(record)"
+                type="link"
+                >发布</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 3 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showBackModal(record.id)"
+                type="link"
+                >撤回发布</a-button
+              >
+              <a-button v-if="record.type === 3" @click="baseInfo(record)" type="link">管理</a-button>
+              <DropDown v-if="checkOwner(record.permissions)" value="授权">
+                <OwnerTableModelStudent
+                  :types="[4, 5, 6]"
+                  :id="record.id"
+                  :type="6"
+                  >权限名单</OwnerTableModelStudent
+                >
+                <CommonStudent :type="4" :id="record.id" title="查看权"
+                  >查看权</CommonStudent
+                >
+                <CommonStudent :type="5" :id="record.id" title="管理权"
+                  >管理权</CommonStudent
+                >
+              </DropDown>
+              <DropDown v-if="checkPer(record.permissions)" value="更多">
+                <a-button @click="showCopyModal(record.id)" type="link"
+                  >复制</a-button
+                >
+                <a-button
+                  v-if="record.status !== 3"
+                  @click="showDeleteModal(record.id)"
+                  type="link"
+                  danger
+                  >删除</a-button
+                >
+                <a-button
+                  v-if="record.status === 3"
+                  @click="showStartModal(record.id)"
+                  type="link"
+                  >存为模版</a-button
+                >
+                <a-button
+                  v-if="record.status === 3 && record.type === 3"
+                  @click="showStopModal(record.id)"
+                  type="link"
+                  >结束</a-button
+                >
+              </DropDown>
+              <!-- <a-button
+                  v-if="record.status == -1"
+                  @click="showBackFinashModal(record.id)"
+                  type="link"
+                  >撤回</a-button
+                > -->
+            </a-space>
           </template>
-        </a-table>
-      </div>
-
-    </div>
-    <div class="tableBox ">
-      <div style="float: right;">
-        <!-- <a-pagination
-          v-if="tableDataTotal > 10"
-            :page.sync="searchParam.pageSize"
-            :limit.synct="searchParam.pageNo"
+        </template>
+      </a-table>
+      <div class="tableBox">
+        <div class="pa">
+          <a-pagination
+            v-if="tableDataTotal > 10"
+            :showSizeChanger="false"
+            :showQuickJumper="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
             :total="tableDataTotal"
-            @pagination="tableData"
             class="pagination"
-            layout="total, sizes, prev, pager, next"
-          /> -->
-        <a-pagination v-if="tableDataTotal > 10" :page-size-options="pageSizeOptions" :showSizeChanger="true"
-          hideOnSinglePage="true" :pageSize="pageSize" v-model:current="pageNo" :total="tableDataTotal"
-          class="pagination" />
+            @change="changePagination"
+          />
+        </div>
       </div>
     </div>
-    <!-- 弹窗组件 -->
-    <a-modal :visible="teacherdialog" :title="teacherdialogtitle" @ok="closeModal2" :footer="null" :closable="false"
-      wrapClassName="doublepro" width="774px" height="476px">
-      <div style="cursor: pointer; margin-right: 32px;float: right; margin-top: -40px;" @click="cancelTeacherDialog">
+    <!-- 表格 -->
+    <!-- 无项目 -->
+    <div style="display: none">
+      <div
+        class="taskbox"
+        @click="showModal1"
+        style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+      >
+        <div class="leftt">
+          <img src="../../assets/images/taskpage/left2.png" />
+        </div>
+        <div class="photo">
+          <img src="../../assets/images/projectadd/nopro.png" />
+        </div>
+        <div class="rightt">
+          <img src="../../assets/images/taskpage/right2.png" />
+        </div>
+        <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+          创建项目
+        </div>
+        <div class="centermain">点击创建项目任务</div>
+      </div>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="doublepro"
+        :title="null"
+        @ok="closeModal2"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublepro"
+        width="624px"
+        height="476px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >{{ projectInfo.projectId ? "编辑" : "创建" }}多层项目</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
             <img
               style="width: 22px; height: 22px"
               src="../../assets/images/basicinfo/close22.png"
             />
           </div>
-      <div>
-        <div class="headerLeft" style="margin-left: 32px">个人详情</div>
-        <div class="projectManage">
-          <div class="filter">
-            <div class="filterItems">
-              <!-- <div class="select">
-          <span style="display:inline-block ;width:100px ;text-align:center ">头像 :</span>
-          
-          </div> -->
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <!--  v-model:value="searchParam.name" -->
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师姓名 :</span>
-                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.teacherName" style="width:200px; height: 40px; "
-                  placeholder="请输入讲师姓名" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherName }}</span>
-              </div>
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师工号 :</span>
-                <a-input v-if="teacherdialog1 == 0" disabled v-model:value="formParam.userNo"
-                  style="width:200px; height: 40px; " placeholder="自动带出讲师工号" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.userNo }}</span>
-              </div>
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师组织 :</span>
-                <a-input disabled v-if="teacherdialog1 == 0" v-model:value="formParam.organizationDTO"
-                  style="width:200px; height: 40px;" placeholder="自动带出讲师组织" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.organizationDTO }}</span>
-              </div>
-              <div class="select">
-                <span style="display:inline-block ;width:100px ;text-align:center ">初始授课时长 :</span>
-                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.teachingDuration"
-                  style="width:200px; height: 40px;" placeholder="0分钟" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teachingDuration }}</span>
-              </div>
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师等级 :</span>
-                <a-select style="width:200px" v-if="teacherdialog1 == 0" v-model:value="formParam.levelName" placeholder="级别"
-                  :options="GradeList">
-                </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.grade }}</span>
-              </div>
-              <div class="select">
-                <span style="display:inline-block ;width:100px ;text-align:center ">认证状态</span>
-                <a-radio-group v-if="teacherdialog1 == 0" v-model:value="formParam.authenticationStatus"
-                  style="width:200px">
-
-                  <a-radio :value="0">未认证</a-radio>
-                  <a-radio :value="1">已认证</a-radio>
-                </a-radio-group>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.authenticationStatus }}</span>
-              </div>
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师体系 :</span>
-                <a-select style="width: 230px" v-if="teacherdialog1 == 0" v-model:value="formParam.lecturerSystem"
-                  placeholder="请选择讲师体系" :options="LecturerSystemList">
-                </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.lecturerSystem }}</span>
-              </div>
-              <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:100px ;text-align:center ">认证人 :</span>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.lecturerSystem }}</span>
-              </div>
-              <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:100px ;text-align:center ">总授课时长 :</span>
-                <span class=display1>{{ formParam.teachingDuration }}</span>
-              </div>
-              <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:100px ;text-align:center ">认证资料 :</span>
-                <span class=display1>{{ formParam.placeOfPay }}</span>
-              </div>
-              <div class="select">
-                <!-- <Editor/> -->
-                <div class="select">
-                  <span style="display:inline-block ;width:100px ; text-align:center ">讲师介绍 :</span>
-                </div>
-                <Editor v-if="teacherdialog1 == 0" v-model="formParam.teacherIntrofuce"
-                  style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:100px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
-              </div>
-              <div class="select">
-                <!-- <Editor/> -->
-                <div class="select">
-                  <span style="display:inline-block ;width:100px ; text-align:center ">工作经历 :</span>
-                </div>
-                <Editor v-if="teacherdialog1 == 0" v-model="formParam.workHistory"
-                  style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:100px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
-              </div>
-              <div class="select">
-                <!-- <Editor/> -->
-                <div class="select">
-                  <span style="display:inline-block ;width:100px ; text-align:center ">擅长课程 :</span>
-                </div>
-                <Editor v-if="teacherdialog1 == 0" v-model="formParam.proficientInCourse"
-                  style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:100px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
-              </div>
-              <div class="select">
-                <span style="display:inline-block ;width:100px ;text-align:center ">教师专长 :</span>
-          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.searOnTheJobStatus"
-            :options="LecturerSystemList">
-          </a-select>
-          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.searOnTheJobStatus"
-            :options="LecturerSystemList">
-          </a-select>
         </div>
-              <div class="del_btnbox"  v-if="teacherdialog1 == 0">
-                <a-button class="del_btn btn1" @click="cancelTeacherDialog" style="margin-right: 32px;">取消</a-button>
-                <a-button class="del_btn btn2" @click="createTeacherDialog" :loading="buttonLoading">保存
-                </a-button>
-              </div>
+        <div class="modalMain">
+          <div
+            style="margin-left: 40px; margin-top: 40px; width: 78%"
+            v-if="projectInfo.parentName"
+          >
+            <span style="color: #000000; font-size: 14px">项目归属：</span>
+            <span style="color: #999999; font-size: 14px; margin-left: 10px">{{
+              projectInfo.parentName
+            }}</span>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <!-- 11 -->
+            </div>
+            <div class="inname">项目名称:</div>
+            <div class="in pro">
+              <NameInput
+                placeholder="请输入项目名称"
+                v-model:value="projectInfo.name"
+                v-model:validated="projectInfo.validated"
+                :type="1"
+                :maxlength="30"
+                show-count
+                :onceName="onceName"
+                :id="projectInfo.projectId"
+              ></NameInput>
             </div>
           </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">培训分类:</div>
+            <div class="in select">
+              <TrainClass v-model:value="projectInfo.systemId"></TrainClass>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目经理:</div>
+            <div class="in">
+              <ProjectManager
+                v-model:value="projectInfo.managerId"
+                v-model:name="projectInfo.manager"
+                @onChange="managerChange"
+                mode="multiple"
+              ></ProjectManager>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in select">
+              <OrgClass
+                v-model:value="projectInfo.sourceBelongId"
+                v-model:name="projectInfo.sourceBelongName"
+                v-model:fullName="projectInfo.sourceBelongFullName"
+              ></OrgClass>
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn2" @click="closeModal2" style="margin-right: 32px;">取消</a-button>
+            <a-button class="pubtn2" @click="createStoreyProject" :loading="buttonLoading || projectInfo.validated===1"
+              >确定
+            </a-button>
+          </div>
         </div>
-      </div>
-    </a-modal>
-    <!-- 删除功能弹窗 -->
+      </a-modal>
+    </div>
+    <!-- 创建多层项目弹窗 -->
     <div>
-      <a-modal v-model:visible="deleteTeacher" :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>
+      <a-modal
+        v-model:visible="sonproject"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="sonproject"
+        width="764px"
+        height="356px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >请选择项目类别1</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div
+            @click="createChildProject"
+            class="taskbox"
+            style="
+              margin-right: 24px;
+              background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left2.png" />
             </div>
-            <div class="body">
-              <span v-if="handleOperate1==1">您确定要删除此讲师吗</span>
-              <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
-              <span v-if="handleOperate1== 3" >您确定要停用此讲师状态吗</span>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture4.png" />
             </div>
-            <div class="del_btnbox">
-              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="del_btn btn2" 
-              v-if="handleOperate1 ==1" 
-              @click="closeDeleteTeacher">
-                <div class="btnText">确定</div>
-              </div>
-              <div class="del_btn btn2" v-if="handleOperate1 !==1" @click="closehandleOperate">
-                <div class="btnText">确定</div>
-              </div>
+            <div class="rightt">
+              <img src="../../assets/images/taskpage/right2.png" />
+            </div>
+            <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+              单层子项目
+            </div>
+          </div>
+          <div
+            class="taskbox"
+            @click="showModal3"
+            style="
+              background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left1.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture5.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>
         </div>
       </a-modal>
     </div>
-     <!-- 修改状态功能弹窗 -->
-     <!-- <div>
-      <a-modal v-model:visible="deleteTeacher" :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>
+        <a-modal
+          v-model:visible="estabish"
+          :title="null"
+          @ok="closeModal1"
+          :footer="null"
+          :closable="false"
+          wrapClassName="estabish"
+          width="638px"
+          height="468px"
+        >
+          <div
+            class="modalHeader"
+            style="
+              width: 100%;
+              height: 68px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
+          >
+            <div class="headerLeft" style="margin-left: 32px">
+              <span class="headerLeftText" style="font-size: 16px"
+                >请选择项目类别</span
+              >
             </div>
-            <div class="body">
-              <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
-              <span v-if="handleOperate1== 3" >您确定要停用此讲师状态吗</span>
+            <div
+              style="cursor: pointer; margin-right: 32px"
+              @click="closeModal1"
+            >
+              <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+              />
             </div>
-            <div class="del_btnbox">
-              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
-                <div class="btnText">取消</div>
+          </div>
+          <div class="modalMain">
+            <router-link
+              :to="`/projectadd?parentId=${
+                projectInfo.parentId || ''
+              }&parentName=${projectInfo.parentName || ''}`"
+            >
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture6.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  单层{{ projectInfo.parentId ? "子" : "" }}项目
+                </div>
+                <div class="centermain">
+                  不包含子项目，直接填写项目基础信息后创建任务
+                </div>
               </div>
-              <div class="del_btn btn2" 
-              v-if="handleOperate1 ==1" 
-              @click="closeDeleteTeacher">
-                <div class="btnText">确定</div>
+            </router-link>
+            <div
+              class="taskbox"
+              @click="showModal2"
+              style="
+                margin-bottom: 40px;
+                background: linear-gradient(180deg, #e5f6ec 0%, #eef9f3 100%);
+              "
+            >
+              <div class="leftt">
+                <img src="../../assets/images/taskpage/left3.png" />
               </div>
-              <div class="del_btn btn2" v-if="handleOperate1 !==1" @click="closehandleOperate">
-                <div class="btnText">确定</div>
+              <div class="photo">
+                <img src="../../assets/images/taskpage/picture7.png" />
+              </div>
+              <div class="rightt">
+                <img src="../../assets/images/taskpage/right3.png" />
+              </div>
+              <div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
+                多层{{ projectInfo.parentId ? "子" : "" }}项目
+              </div>
+              <div class="centermain1">
+                {{
+                  projectInfo.parentId
+                    ? "可创建班级，通过班级填写基础信息并创建任务"
+                    : "包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务"
+                }}
               </div>
             </div>
           </div>
+        </a-modal>
+      </div>
+    </div>
+    <!-- 创建项目弹窗 -->
+    <!-- 编辑多层项目弹窗 - end -->
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeCopyModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="copyProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
         </div>
-      </a-modal>
-    </div> -->
-
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">
+              （项目结束后学员将无法继续学习，此操作不可逆）
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeStopModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="finishProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeDeleteModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="deleteProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模版弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要存为模版吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeStartModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="templateProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 发布弹窗 -->
+    <a-modal
+      v-model:visible="projectPub"
+      :title="null"
+      :footer="null"
+      :closable="false"
+      wrapClassName="projectPub"
+      width="679px"
+      height="437px"
+    >
+      <div
+        class="modalHeader"
+        style="
+          width: 100%;
+          height: 68px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        "
+      >
+        <div class="headerLeft" style="margin-left: 32px">
+          <span style="width: 15px; height: 15px"
+            ><img src="../../assets/images/taskpage/pub.png"
+          /></span>
+          <span
+            class="headerLeftText"
+            style="font-size: 16px; margin-left: 10px"
+            >项目发布</span
+          >
+        </div>
+        <div
+          style="cursor: pointer; margin-right: 32px"
+          @click="closeProjectPub"
+        >
+          <img
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="projectname">{{ releaseProjectName }}</div>
+        <div class="projecttime" v-if="releaseProjectTime">
+          <span class="timeti">项目时间：</span
+          ><span class="timeme">{{ releaseProjectTime }}</span>
+        </div>
+        <div class="projectbox">
+          <div class="promessage">
+            <div class="messageme">项目信息</div>
+            <div class="messagege">
+              当前项目共{{ projectStages }}个阶段，{{ projectTasks }}个任务
+            </div>
+          </div>
+          <div class="stumessage">
+            <div class="messageme1">学员信息</div>
+            <div class="messagege1">项目共{{ projectStudentsNum }}名学员</div>
+          </div>
+        </div>
+        <!-- <div class="send">
+          <a-switch v-model:checked="checked" size="small" />
+          <span class="sendtext">发送路径通知</span>
+        </div>
+        <div class="ckb">
+          <a-checkbox v-model:checked="checkedTeacher"
+            ><span class="sendpeo">发给老师</span></a-checkbox
+          >
+          <a-checkbox v-model:checked="checkStu"
+            ><span class="sendpeo">发给学员</span></a-checkbox
+          >
+        </div> -->
+        <div class="pubtn">
+          <a-button class="pubtn2" @click="closeProjectPub" style="margin-right: 32px;">取消</a-button>
+          <a-button class="pubtn2" @click="releaseProject">发布</a-button>
+        </div>
+      </div>
+      <!--  加载动画 -->
+      <div
+        class="aeLoading"
+        :style="{ display: projectPubLoading ? 'flex' : 'none' }"
+      >
+        <a-spin :spinning="projectPubLoading" />
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeBackModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="recallProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--    撤回结束弹窗-->
+    <a-modal
+      v-model:visible="backFinashModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackFinashModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回结束</span>
+            <div class="back">（项目撤回结束后学员可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeBackFinashModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="reFinashedProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 创建项目提示框 -->
+    <!--    <a-modal-->
+    <!--      v-model:visible="reminderModal"-->
+    <!--      :footer="null"-->
+    <!--      :closable="closeBack"-->
+    <!--      wrapClassName="CopyModal"-->
+    <!--      centered="true"-->
+    <!--    >-->
+    <!--      <div class="delete">-->
+    <!--        <div class="del_header"></div>-->
+    <!--        <div class="del_main">-->
+    <!--          <div class="header">-->
+    <!--            <div class="icon"></div>-->
+    <!--            <span>温馨提示</span>-->
+    <!--            <div class="close_exit" @click="closeReminderModal"></div>-->
+    <!--          </div>-->
+    <!--          <div class="body">-->
+    <!--            <div style="margin-left: 60px; margin-right: 60px">-->
+    <!--              请您根据自身需求选择对应项目类别，多层项目与单层项目操作不同，层级不同-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--          <div class="del_btnbox">-->
+    <!--            <div class="del_btn btn2" @click="okReminderModal">-->
+    <!--              <div class="btnText">好的</div>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </a-modal>-->
+    <!-- 项目提交审核弹窗 -->
+    <a-modal
+      v-model:visible="reviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeReviewModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要提交审核吗</span>
+            <div class="back"></div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeReviewModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="reviewProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 项目撤回审核弹窗 -->
+    <a-modal
+      v-model:visible="recallReviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeRecallReviewModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要撤回审核吗</span>
+            <div class="back"></div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeRecallReviewModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="recallReviewProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 授权名单抽屉 -->
+    <proj-power-list
+      v-model:ProjPvisible="ProjPvisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
+    />
+    <!-- 归属权抽屉 -->
+    <proj-owner-ship
+      v-model:ProjOwnervisible="ProjOwnervisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
+    />
+    <!-- 查看权抽屉 -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
+    />
+    <!-- 管理权抽屉 -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
+    />
   </div>
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref } from "vue";
-import Editor from "@/components/project/Editor";
-import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList,insertTeacher,updateInTeacher,getLookTeacherSystem, updateTeacherState} from "../../api/indexPeojiectManage";
-// import {getProjSt} from "../../api/indexProjStu";
-// import AddTeacher from "../../components/drawers/project/AddTeacher"
-export default { 
+import { reactive, toRefs, ref, watch } from "vue";
+import { message } from "ant-design-vue";
+import { useRouter } from "vue-router";
+import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
+import ProjCheckShip from "../../components/drawers/ProjCheckPower";
+import * as api from "../../api/index";
+import * as api1 from "../../api/index1";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import TrainClass from "@/components/project/TrainClass";
+import OrgClass from "@/components/project/OrgClass";
+import dayjs from "dayjs";
+import * as moment from "moment";
+import NameInput from "@/components/project/NameInput";
+import { validateName } from "@/api/index1";
+import CommonStudent from "@/components/student/CommonStudent";
+import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
+import DropDown from "@/components/common/DropDown";
+import { checkPer,checkOwner } from "@/utils/utils";
+
+export default {
   name: "projectManage",
   components: {
-    // AddTeacher,
-    Editor
+    ProjOwnerShip,
+    ProjPowerList,
+    ProjCheckShip,
+    NameInput,
+    ProjectManager,
+    OrgClass,
+    TrainClass,
+    CommonStudent,
+    OwnerTableModelStudent,
+    DropDown,
   },
   setup() {
     const state = reactive({
-      PlaceOfPayList:[],
-      LecturerSystemList:[],
-      delTeacherId:null,
-      deleteTeacher: false,
-      teacherdialog1: null,
-      teacherdialog: false,  //控制讲师弹窗
-      teacherdialogtitle: '',//讲师弹框title内容
-      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
-      pageSize: 10,
-      tableDataTotal: 50,
-      formParam: {
-        authenticationStatus: 1 //认证状态
+      tableLoading: false,
+      buttonLoading: false,
+      projectName: null,
+      selectTime: null,
+      sonproject: false,
+      estabish: false,
+      doublepro: false,
+      eddoublepro: false,
+      eddoublesonpro: false,
+      doublesonpro: false,
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      projectPub: false, //发布弹窗
+      projectPubLoading: false, //发布loading
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
+      reminderModal: false, //温馨提示弹窗
+      reviewModal: false, //提交审核
+      recallReviewModal: false, //撤回审核
+      ProjOwnervisible: false,
+      ProjPvisible: false,
+      ProjCheckvisible: false,
+      ProjManagevisible: false,
+      currentProjectId: "",
+      currentProjectName: "",
+      currentEdProjectName: "",
+      currentEditChildrensProjectId: "",
+      dcProjectID: "",
+      currentPage: 1, //当前页
+      tableDataTotal: -1, //学习路径列表总数
+      pageSize: 10, //每页10条数据
+      projectStudentsNum: 0, //发布弹窗-学员人
+      projectStages: 0,
+      projectTasks: 0,
+      releaseProjectId: null, //发布的项目id
+      releaseProjectName: null, //发布的项目名称
+      releaseProjectTime: null, //发布的项目时间
+      recallProjectId: null, //撤回的项目id
+      finishProjectId: null, //结束的项目id
+      deleteProjectId: null, //删除的项目id
+      templateProjectId: null, //存为模版的项目id
+      copyProjectId: null, //复制项目id
+      reviewId: null, //提交审核id
+      recallReviewId: null, //撤回审核id
+      selectProjectId: null, //选择的授权id
+      addAuthList: null, //确定授权列表
+      authClassify: null, //显示的是管理权还是查看权
+      currentPage1: 1, //项目经理分页
+      pageSize1: 10,
+      projectInfo: {},
+      onceName:"",
+      projectClass: [],
+      managerList: [],
+      managerLoading: false,
+      backFinashModal: false,
+      memberParam: {
+        pageNo: 1,
+        pageSize: 10,
+        keyWord: "",
       },
       searchParam: {
-        teacherName:null,//工号姓名
-        systemName:null,//讲师体系
-        payrollPlaceName:null,//发薪地
-        teacherType: null,
-        pageNo: "1",
-        pageSize: "10"
+        pageNo: 1,
+        pageSize: 10,
       },
-    })
-    const LecturerSystemList = ref([
-    //   { value: 0, systemName: "讲师体系" },
+      valueDate: [],
+    });
+    // 数据接入 - start -
+    const router = useRouter();
+    const sProjectStateList = ref([
+      { value: 0, label: "草稿" },
+      { value: 1, label: "进行中" },
+      { value: 2, label: "已结束" },
     ]);
-    //获取讲师体系列表
-    const LecturerSystemLista =() => {
-      // console.log('点击了LecturerSystemLista')
-      let obja = {'teacherType' :"0"}
-      getTeacherSystemList(obja).then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = LecturerSystemList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.kid,
-                label: value.systemName,
-              };
-              array.push(obj);
-            });
-            LecturerSystemList.value = array;
-          }
-        console.log("获取讲师",LecturerSystemList);
-      }) 
+    const searchReset = () => {
+      state.searchParam = { pageNo: 1, pageSize: 10 };
+      getTableDate();
+    };
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+      getTableDate();
+    };
+
+    function timeChange(e) {
+      console.log(e);
+      if (e && e.length === 2) {
+        state.searchParam.beginTime = e[0];
+        state.searchParam.endTime = e[1];
+      } else {
+        state.searchParam.beginTime = "";
+        state.searchParam.endTime = "";
+      }
     }
-    LecturerSystemLista()
-    const GradeList = ref([
-      { value: 0, label: "未定级" },
-      { value: 1, label: "1级" },
-      { value: 2, label: "2级" },
-      { value: 5, label: "3级" },
-    ])
-    const OnTheJobStatusList = ref([
-      { value: 0, label: "在职" },
-      { value: 1, label: "离职" },
-    ])
-    const AuthenticationStatusList = ref([
-      { value: 0, label: "未认证" },
-      { value: 1, label: "已认证" },
-    ])
-    const PlaceOfPayList = ref([
-      // { value: 0, label: "发薪地B1" },
-    ])
-     //获取讲师发薪地列表
-     const PlaceOfPayLista =(obj) => {
-      console.log('点击了getTeacherPayRollPriceList')
-      getTeacherPayRollPriceList().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = PlaceOfPayList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.boeUserDTO.payrollPlaceId,
-                label: value.boeUserDTO.payrollPlaceName,
-              };
-              array.push(obj);
-            });
-            PlaceOfPayList.value = array;
-          }
-        console.log("获取发薪地", PlaceOfPayList);
-      })
+
+    function validate(obj, errorMsgs) {
+      for (let i in errorMsgs) {
+        if (!obj[i]) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return false;
+        }
+      }
+      return true;
     }
-    PlaceOfPayLista()
-    const AccountStatusList = ref([
-      { value: 0, label: "启用" },
-      { value: 1, label: "停用" },
-    ])
-    const teacheExpertiseList= ref([
-    { value: 0, label: "领导力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "管理业务"  ,value: 2, label: "管理自我"   }]},
-    { value: 1, label: "专业力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "专业力"  ,value: 2, label: "专业力"   }]},
-    { value: 2, label: "通用力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "通用力"  ,value: 2, label: "通用力"   }]},
-    ])
+
+    // 创建多层项目
+    const createStoreyProject = async () => {
+      state.buttonLoading = true
+      // 接口需要传递的参数信息
+      const errorMsgs = {
+        name: "请输入项目名称",
+        systemId: "请选择培训分类",
+        manager: "请选择项目经理",
+        sourceBelongId: "请选择资源归属",
+      };
+      if (!validate(state.projectInfo, errorMsgs)) {
+        state.buttonLoading = false
+        return;
+      }
+      /**
+       if (!state.projectInfo.validate) {
+        message.destroy();
+        message.warning("项目名称重复，请修改名称！");
+        return;
+      } */
+      const offName = state.projectInfo.name == state.onceName ? false : await validateName({
+        name: state.projectInfo.name,
+        type: 1,
+        id: state.projectInfo.projectId,
+      }).then((res) => {
+        return res.data.data == 1;
+      });
+      if (offName) {
+        state.buttonLoading = false
+        message.destroy();
+        return message.warning("项目名称重复，请重新填写");
+      }
+      api.createProject(state.projectInfo).then(() => {
+        state.doublepro = false;
+        message.destroy();
+        message.success("创建成功");
+        state.currentPage = 1;
+        state.buttonLoading = false
+        getTableDate();
+      });
+    };
+    // 取消按钮 清空输入的数据
+    const closeModal2 = () => {
+      state.projectInfo = {};
+      state.onceName = "";
+      // value1.value = "";
+      // type = "";
+      // manager = "";
+      // managerId = "";
+      // sourceBelongId = "";
+      // value2.value = [];
+      // value3.value = [];
+      // value4.value = "";
+      // value5.value = "";
+      state.doublepro = false;
+    };
+    // 编辑多层项目
+    const closeeditModal2 = () => {
+      state.eddoublepro = false;
+    };
+    // 创建单层子项目 (需要传入多层项目的ProjectID)
+    const createChildProject = () => {
+      console.log(state.currentProjectId);
+      router.push({
+        path: "/sonproject",
+        query: {
+          projectId: state.currentProjectId,
+          name: state.currentProjectName,
+        },
+      });
+    };
+    // 取消按钮 清空数据
+    const closeModal3 = () => {
+      state.doublesonpro = false;
+    };
+    const closeeditModal3 = () => {
+      state.eddoublesonpro = false;
+    };
+    //打开发布弹窗
+    const showProjectPub = (object) => {
+      state.projectPub = true;
+      state.projectPubLoading = true;
+      state.releaseProjectId = object.projectId;
+      state.releaseProjectName = object.name;
+      state.releaseProjectTime = object.time;
+      console.log("object", object);
+      api.getProjectCount(object.projectId).then((res) => {
+        console.log("获取关卡、任务、学员统计数据", res.data);
+        // state.projectStudentsNum = res.data.students;
+        state.projectStages = res.data.data.stages;
+        state.projectTasks = res.data.data.tasks;
+      });
+      //获取学员总数
+      api
+        .projectStudentCount({
+          pid: object.projectId,
+          type: 1,
+        })
+        .then((res) => {
+          state.projectStudentsNum = res.data.data;
+          state.projectPubLoading = false;
+        });
+      //获取阶段及任务总数
+    };
+    //确认发布项目
+    const releaseProject = () => {
+      console.log("点击发布");
+      let obj = {
+        projectId: state.releaseProjectId,
+        type: 4,
+      };
+      api.handleProject(obj).then((res) => {
+        console.log("发布成功", res);
+        message.destroy();
+        message.success("发布成功");
+        state.projectPub = false;
+        getTableDate();
+      });
+    };
+    //关闭发布弹窗
+    const closeProjectPub = () => {
+      state.projectPub = false;
+      state.projectStages = null;
+      state.projectTasks = null;
+      state.projectStudentsNum = null;
+      state.projectPubLoading = false;
+      state.releaseProjectId = null;
+    };
+    //打开撤回发布弹窗
+    const showBackModal = (projectId) => {
+      state.backModal = true;
+      state.recallProjectId = projectId;
+    };
+    //打开撤回结束弹窗
+    const showBackFinashModal = (projectId) => {
+      state.backFinashModal = true;
+      state.recallProjectId = projectId;
+    };
+    //确认撤回发布
+    const recallProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: -4,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+    //确认撤回结束
+    const reFinashedProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: -6,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backFinashModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+    //关闭撤回弹窗
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
+    const closeBackFinashModal = () => {
+      state.backFinashModal = false;
+    };
+    //打开结束弹窗
+    const showStopModal = (projectId) => {
+      state.stopModal = true;
+      state.finishProjectId = projectId;
+    };
+    //确认结束
+    const finishProject = () => {
+      let obj = {
+        projectId: state.finishProjectId,
+        type: -1,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("结束成功", res);
+          message.destroy();
+          message.success("已结束");
+          state.stopModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("结束失败", err);
+        });
+    };
+    //关闭结束弹窗
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    //打开删除弹窗
+    const showDeleteModal = (id) => {
+      state.deleteModal = true;
+      state.deleteProjectId = id;
+    };
+    //确认删除
+    const deleteProject = () => {
+      let obj = {
+        projectId: state.deleteProjectId,
+        type: -2,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.destroy();
+          message.success("删除成功");
+          state.deleteModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
+    };
+    //关闭删除弹窗
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    //打开存为模版弹窗
+    const showStartModal = (projectId) => {
+      state.startModal = true;
+      state.templateProjectId = projectId;
+    };
+    //确认存为模版
+    const templateProject = () => {
+      state.startModal = false
+      message.success("模版保存成功");
+      api.handleProject({projectId: state.templateProjectId, type: 1});
+    };
+    //关闭存为模版弹窗
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    //打开确认复制弹窗
+    const showCopyModal = (projectId) => {
+      state.copyModal = true;
+      state.copyProjectId = projectId;
+    };
+    //关闭确认复制弹窗
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    //确认复制
+    const copyProject = () => {
+      state.copyModal = false;
+      state.tableLoading = true;
+      api.handleProject({
+          projectId: state.copyProjectId,
+          type: 2
+        })
+        .then(() => {
+          state.tableLoading = false;
+          message.success("复制成功");
+          getTableDate()
+        });
+    };
+    //打开提交审核弹窗
+    const showReviewModal = (projectId) => {
+      state.reviewModal = true;
+      state.reviewId = projectId;
+    };
+    //确认提交审核
+    const reviewProject = () => {
+      let obj = {
+        projectId: state.reviewId,
+        type: 3,
+      };
+      console.log("提交审核obj", obj);
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("提交成功", res);
+          message.destroy();
+          message.success("提交成功");
+          state.reviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("提交失败", err);
+        });
+    };
+    //关闭提交审核弹窗
+    const closeReviewModal = () => {
+      state.reviewModal = false;
+    };
+    //打开撤回审核弹窗
+    const showRecallReviewModal = (projectId) => {
+      state.recallReviewModal = true;
+      state.recallReviewId = projectId;
+    };
+    //确认撤回审核
+    const recallReviewProject = () => {
+      let obj = {
+        projectId: state.recallReviewId,
+        type: -3,
+      };
+      console.log("撤回成功obj", obj);
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.recallReviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回成功", err);
+        });
+    };
+    //关闭提交审核弹窗
+    const closeRecallReviewModal = () => {
+      state.recallReviewModal = false;
+    };
+    const expandTable = (e, a) => {
+      // console.log("惦记了");
+      console.log("e", e, a);
+    };
+    // 获取项目列表信息
+    let tableData = ref([]);
+
+    watch(tableData,()=> tableData.value?.forEach(t=> dealPermission(t)))
+
+    function dealPermission(data){
+      if(!data){
+        return
+      }
+      data.permissions  || (data.children?.some(s=>s.permissions || s.children?.some(j=>j.permissions)) && (data.permissions = '4'))
+      data.children?.forEach(t=>dealPermission(t))
+    }
+
     const columns = ref([
       {
-        title: '姓名 ',
-        dataIndex: 'name',
-        key: 'name',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '工号 ',
-        dataIndex: 'workNum',
-        key: 'workNum',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '所属组织 ', 
-        dataIndex: 'departId',
-        key: 'departId',
-        elipsis: true,
+        title: "项目名称",
+        dataIndex: "name",
+        key: "name",
+        className: "h",
+        ellipsis: true,
         width: 400,
-        //  customRender: (value, record) => {
-        //   return (
-        //     <div>
-        //       {value.record.orgName}
-        //     </div>
-        //   )
-        // }
       },
       {
-        title: '讲师体系 ',
-        dataIndex: 'tsystemName',
-        key: 'tsystemName',
-        elipsis: true,
-        width: 120,
+        title: "项目经理",
+        dataIndex: "manager",
+        className: "h",
+        ellipsis: true,
+        key: "manager",
+        align: "center",
+        width: 200,
       },
       {
-        title: '级别 ',
-        dataIndex: 'tlevelName',
-        key: 'tlevelName',
-        elipsis: true,
-        width: 120,
-        // customRender: (value, record) => {
-        //   return (
-        //     <div>
-        //       {value.record.grade == 0 || value.record.grade == 1 || value.record.grade == 2 || value.record.grade == 3
-        //         ? {
-        //           0: "未定级",
-        //           1: "1级",
-        //           2: "2级",
-        //           3: "3级",
-        //         }[value.record.grade + ""] || ""
-        //         : "-"}
-        //     </div>
-        //   )
-        // }
-      },
-      {
-        title: '发薪地 ',
-        dataIndex: 'salaryName',
-        key: 'salaryName',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '授课时长 ',
-        dataIndex: 'teaching',
-        key: 'teaching',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '在职状态 ',
-        dataIndex: 'waitStatus',
-        key: 'waitStatus',
-        elipsis: true,
-        width: 120,
+        title: "状态",
+        dataIndex: "status",
+        className: "h",
+        key: "status",
+        align: "center",
+        width: 100,
         customRender: (value) => {
           return (
             <div>
-              {value.record.waitStatus == "0" || value.record.waitStatus == "1"
+              {value.record.type === 3
                 ? {
-                  "0": "在职",
-                  "1": "离职",
-                }[value.record.waitStatus + ""] || ""
+                    0: () => "草稿",
+                    1: () => "草稿",
+                    2: () => "草稿",
+                    3: () => "进行中",
+                    "-1": () => "已结束",
+                    "-5": () => "草稿",
+                  }[value.record.status + ""]() || ""
                 : "-"}
             </div>
-          )
-        }
+          );
+        },
       },
       {
-        title: '认证状态 ',
-        dataIndex: 'certStatus',
-        key: 'certStatus',
-        elipsis: true,
-        width: 120,
+        title: "创建人",
+        dataIndex: "createName",
+        className: "h",
+        key: "createName",
+        align: "center",
+        width: 100,
+      },
+      {
+        title: "是否审核",
+        dataIndex: "status",
+        className: "h",
+        key: "status",
+        width: 100,
+        align: "center",
         customRender: (value) => {
           return (
             <div>
-              {value.record.certStatus == 0 || value.record.certStatus == 1
+              {value.record.status === 3 || value.record.status === 2 || value.record.status === -5  || value.record.status === 1
                 ? {
-                  "0": "未认证",
-                  "1": "已认证",
-                }[value.record.certStatus + ""] || ""
+                    0: "草稿",
+                    1: "提交待审核",
+                    2: "审核通过",
+                    3: "已经发布",
+                    4: "发布",
+                    "-1": "已结束",
+                    "-6": "撤回已结束",
+                    "-2": "删除",
+                    "-3": "撤回审核",
+                    "-4": "撤回发布",
+                    "-5": "拒绝",
+                  }[value.record.status + ""] || ""
                 : "-"}
             </div>
-          )
-        }
+          );
+        },
       },
       {
-        title: '账号状态 ',
-        dataIndex: 'certStatus',
-        key: 'certStatus',
-        elipsis: true,
-        width: 120,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record.certStatus == 0 || value.record.certStatus == 1|| value.record.certStatus == 2
-                ? {
-                  '0': "临时",
-                  '1': "启用",
-                  '2': "停用"
-                }[value.record.certStatus  + ""] || ""
-                : "-"}
-            </div>
-           )
-        }
+        title: "创建时间",
+        dataIndex: "createTime",
+        key: "createTime",
+        className: "h",
+        width: 200,
+        align: "center",
       },
       {
-        title: '操作 ',
-        dataIndex: 'operation',
-        key: 'operation',
-        elipsis: true,
+        title: "操作",
+        dataIndex: "operation",
+        key: "operation",
+        className: "h",
+        align: "right",
+        fixed: "right",
         width: 300,
         scopedSlots: { customRender: "action" },
       },
-    ])
-    //列表数据
-    const tableData = ref([
-      // {
-      //   name: '夏冬',
-      //   userNo: '1152790',
-      //   organizationDTO: '京东方科技集团股份有限公司/显示器创新业务中台/品质中台/整机品保中心QA部',
-      //   lecturerSystem: 'MiniLED事业',
-      //   grade: '1',
-      //   placeOfPay: 'B1',
-      //   teachingDuration: '0.00小时',
-      //   onTheJobStatus: '1',
-      //   authenticationStatus: '1',
-      //   accountStatus: '1',
-      // },
-
-    ])
-    // 搜索
-    const searchSubmit = () => {
-      getTableDate();
-    };
-    //重置
-    const searchReset = () => {
-      state.searchParam = { pageNo: 1, pageSize: 10 };
-      // getTableDate();
-    };
-    //  List接口数据
-     const getTableDate = (obj) => {
-      state.loading = true;
-      let objA = {...state.searchParam};
-      getTeacherList(objA)
+    ]);
+    const getTableDate = () => {
+      state.tableLoading = true;
+      api
+        .getProjectList({
+          ...state.searchParam,
+          beginTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? dayjs(state.searchParam.valueDate[0]).format("YYYY-MM-DD")
+              : "",
+          endTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? dayjs(state.searchParam.valueDate[1]).format("YYYY-MM-DD")
+              : "",
+        })
         .then((res) => {
-          tableData.value = res.data.data
-          // console.log("获取讲师tableDatateacherName", tableData);
-      }) 
+          // console.log("搜索", res, state.searchParam);
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false;
+          const data = res.data.data.rows;
+          initDataSublist("", data);
+          console.log(data);
+          tableData.value = data;
+          console.log("tableData", tableData);
+        });
     };
-    getTableDate()
-    // // List接口数据
-    // const getTableDate = ()=>{
-    //   state.tableloading = true ;
-    //   api 
-    // // api 接口命名
-    //   getTeacherList({
-    //     ...state.searchParam
-    //   })
-    //   .then((res)=>{
-    //   console.log(res.data.rows)
-    //     // state.tableDataTotal = Number(res.data.data.total);
-    //     //   state.tableLoading = false;
-    //     //   const tableData = res.data.rows;
-    //     // //  initDataSublist("", data);
-    //     //   console.log(data);
-    //     //   tableData.value = data;
-    //     //   console.log("tableData", tableData);
-    //   })
-    // }
-    // 获取项目列表信息
-    //let tableData = ref([]);
-    //   // 翻页
+
+    function initDataSublist(parentName, data) {
+      if (data && data.length) {
+        data.forEach((e) => {
+          e.parentName = parentName;
+          e.key = e.id;
+          initDataSublist(
+            (parentName ? parentName + "——" : "") + e.name,
+            e.subList
+          );
+          e.subList && e.subList.length && (e.children = e.subList);
+        });
+      }
+    }
+    function handleEdit(record) {
+      if (record.type === 1 || record.type === 2) {
+        state.doublepro = true;
+        state.projectInfo = record;
+        state.onceName = record.name;
+      } else {
+        router.push({
+          path: "/projectadd",
+          query: {
+            projectId: record.id,
+            parentId: record.parentId,
+            parentName: record.parentName,
+          },
+        });
+      }
+    }
+
+    getTableDate();
+    // 翻页
     const changePagination = (page) => {
       state.searchParam.pageNo = page;
-      // getTableDate();
+      getTableDate();
     };
-    // 新增讲师
-    const addTeacher = () => {
-      state.teacherdialog1 = 0
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '新增讲师'
-    }
-    //修改讲师信息弹窗
-    const handleModify = (record) => {
-      state.teacherdialog1 = 0
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '修改信息'
-      TeacherSystem()
-      // state.formParam.name = record.name;
-      // state.formParam.userNo = record.userNo;
-      // state.formParam.organizationDTO = record.organizationDTO;
-      // state.formParam.teachingDuration = record.teachingDuration;
-      // state.formParam.grade = record.grade;
-      // state.formParam.lecturerSystem = record.lecturerSystem;
-      // state.formParam.authenticationStatus = record.authenticationStatus;
-    }
-    //保存
-    const createTeacherDialog =()=>{
-      //调用新增修改接口
-      // this.$refs["formParam"].validate(valid => {
-      //           if (valid) {
-        let objform = {...state.formParam}
-      //               if (state.formParam.userNo != undefined) {
-      //                 updateInTeacher (objform).then(response => {
-      //                       state.$modal.msgSuccess("修改成功");
-      //                       state.teacherdialog = false;
-      //                       state.getlist()
-      //                   });
-      //               }
-      //             else {
-                      // insertTeacher(objform).then(response => {
-                      //   console.log('1')
-                            // state.$modal.msgSuccess("新增成功");
-                            // state.teacherdialog = false;
-                            // getTableDate()
-                        // })
-      //               }
-      //           }
-      //       })
-      state.teacherdialog = false
-    }
-    //删除弹窗
-    const deleteModal = (record) => {
-      state.handleOperate1 = 1
-      // state.handleOperate1= null
-      state.deleteTeacher = true
-      state.delTeacherId = record.id 
+    const showModal = () => {
+      state.sonproject = true;
     };
-    //启用停用窗口
-    const handleOperate = (record) => {
-      if( record.accountStatus == '1'){
-         state.handleOperate1= 2
-       }
-       if( record.accountStatus == '0'){
-         state.handleOperate1= 3
-       }
-      state.deleteTeacher = true
+    const closeModal = () => {
+      state.sonproject = false;
     };
-    //确认删除
-    const closeDeleteTeacher=()=>{
-      state.deleteTeacher = false
-      let id ={
-      departId: state.delTeacherId
+    const showModal1 = () => {
+      state.projectInfo = {};
+      state.onceName = "";
+      state.estabish = true;
+    };
+    const closeModal1 = () => {
+      state.estabish = false;
+    };
+    const showModal2 = () => {
+      state.doublepro = true;
+      state.estabish = false;
+    };
+    const showModal3 = () => {
+      state.doublesonpro = true;
+      state.sonproject = false;
+    };
+    const showProjOwner = (id) => {
+      state.ProjOwnervisible = true;
+      state.selectProjectId = id;
+    };
+    const showProjPrower = (id) => {
+      state.selectProjectId = id;
+      state.ProjPvisible = true;
+    };
+    const showProjCheck = (id) => {
+      state.authClassify = 1;
+      state.selectProjectId = id;
+      state.ProjCheckvisible = true;
+    };
+    const showProjManage = (id) => {
+      state.authClassify = 2;
+      state.selectProjectId = id;
+      // state.ProjManagevisible = true;
+      state.ProjCheckvisible = true;
+    };
+    const closeReminderModal = () => {
+      state.reminderModal = false;
+    };
+    const okReminderModal = () => {
+      state.reminderModal = false;
+      state.estabish = true;
+    };
+    //添加权限
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        let obj = {
+          type: 2,
+          tag:
+            state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
+          opt: 3,
+          deptList: res[1],
+          groupList: res[2],
+          refId: state.selectProjectId,
+          pageNo: 20,
+          pageSize: 1,
+          studentList: res[0],
+          keyWord: "",
+        };
+        console.log("obj", obj);
+        api1
+          .optionAuthPerm(obj)
+          .then((res) => {
+            console.log("添加授权成功", res);
+            message.success("添加授权成功");
+          })
+          .catch((err) => {
+            console.log("添加授权失败", err);
+          });
       }
-      console.log(id)
-      //调用删除接口
-      deleteTeacher(id).then((res)=>{
-        if(res.data.code == 200 ){
-          message.success("删除成功");
-          getTableDate();
-        }
-      })
-    } 
-    //确认启用停用
-    const closehandleOperate= ()=>{
-      state.deleteTeacher = false
-       //调用接口
-      //updateTeacherState({"userId":"000001","status":"1"})
-      //   .then((res) => {
-      //       essage.success("操作成功");
-      //     getTableDate();
-      //   })
-    }
-    //取消按钮 清空输入的数据
-    const cancelTeacherDialog = () => {
-      if(state.teacherdialog = true )
-      {
-      state.teacherdialog = false
-      cancel()
-     }
-       state.deleteTeacher = false 
-    };
+    );
 
-    //清空数据
-    const cancel = () => {
-      // state.formParam=({
-      //  //讲师姓名
-      state.formParam.name = null;
-      //  // 讲师工号
-      state.formParam.userNo = null;
-      //  //将讲师组织
-      state.formParam.organizationDTO = null;
-      //  //初始授课时长
-      state.formParam.teachingDuration = null,
-        //讲师等级
-        state.formParam.grade = null;
-      //讲师体;
-      state.formParam.lecturerSystem = null;
-      //  //认证状;
-      state.formParam.authenticationStatus = 0;
-      //讲师介绍
-      state.formParam.teacherIntrofuce =null;
-      //工作经历
-      state.formParam.workHistory =null;
-      //擅长课程
-      state.formParam.proficientInCourse =null;
-      console.log(state.formParam);
+    function managerChange(e, l, d, t, orgName) {
+      state.projectInfo.sourceBelongId = d;
+      state.projectInfo.sourceBelongName = t;
+      state.projectInfo.sourceBelongFullName = orgName;
     }
-    //表格内查看数据操作
-    const handleLook = (record) => {
-      state.teacherdialog1 = 1
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '查看详情'
-      state.formParam.name = record.name;
-      state.formParam.userNo = record.userNo;
-      state.formParam.organizationDTO = record.organizationDTO;
-      state.formParam.teachingDuration = record.teachingDuration;
-      state.formParam.grade = record.grade;
-      state.formParam.lecturerSystem = record.lecturerSystem;
-      state.formParam.authenticationStatus = record.authenticationStatus;
-      // alert(record.grade)
-      // TeacherSystem()
+    function push(record) {
+      showProjectPub({
+        projectId: record.id,
+        name: record.name,
+        time: record.beginTime + "-" + record.endTime,
+      });
     }
-    //内部讲师详情
-    const TeacherSystem=(record)=>{
-      let ida={Id : record.id }
-      getLookTeacherSystem(ida).then((res) => {
-          console.log("内部讲师详情", res.data);
-          state.formParam= res.data
-      }) 
-      .catch((err) => {
-          console.log("内部讲师详情", err);
-        });
+    function manage(record) {
+      router.push({
+        path: "/taskpage",
+        query: { projectId: record.id },
+      });
     }
+
+    function createSub(record) {
+      state.projectInfo = {
+        parentName: record.name,
+        parentId: record.id,
+        name: "",
+        sourceBelongId: record.sourceBelongId,
+        sourceBelongName: record.sourceBelongName,
+        manager: record.manager,
+        managerId: record.managerId,
+        systemId: record.systemId,
+        type: 2,
+      };
+      state.onceName = "";
+      state.estabish = true;
+    }
+
+    function createClass(record) {
+      router.push({
+        path: "/projectadd",
+        query: {
+          parentId: record.id,
+          parentName: record.parentName + "——" + record.name,
+          ptojectType: 3,
+        },
+      });
+    }
+
+    function baseInfo(record) {
+      router.push({
+        path: "/taskpage",
+        query: { projectId: record.id },
+      });
+    }
+
     return {
       ...toRefs(state),
-      LecturerSystemList,
-      GradeList,
-      OnTheJobStatusList,
-      PlaceOfPayLista,
-      AuthenticationStatusList,
-      PlaceOfPayList,
-      AccountStatusList,
-      searchSubmit,
-      searchReset,
-      columns,
+      checkOwner,
+      dayjs,
+      handleEdit,
+      baseInfo,
+      createClass,
+      createSub,
+      manage,
+      push,
+      moment,
+      managerChange,
+      reFinashedProject,
+      showBackFinashModal,
+      timeChange,
+      expandTable,
+      showModal,
+      closeModal,
+      showModal1,
+      closeModal1,
+      showModal2,
+      closeModal2,
+      showModal3,
+      closeModal3,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
+      closeBackFinashModal,
+      getTableDate,
+      showProjOwner,
+      showProjPrower,
+      showProjCheck,
+      showProjManage,
+      closeProjectPub,
+      showReviewModal,
+      reviewProject,
+      closeReviewModal,
+      showRecallReviewModal,
+      recallReviewProject,
+      closeRecallReviewModal,
       tableData,
+      columns,
+      createStoreyProject,
       changePagination,
-      addTeacher,
-      cancelTeacherDialog,
-      handleLook,
-      cancel,
-      deleteModal,
-      handleModify,
-      closeDeleteTeacher,
-      createTeacherDialog,
-      handleOperate,
-      closehandleOperate,
-      teacheExpertiseList,
-       getTableDate, //list接口数据调用
-      // getStu
-      LecturerSystemLista,
-      TeacherSystem
-    }
+      sProjectStateList,
+      searchReset,
+      searchSubmit,
+      createChildProject,
+      closeeditModal2,
+      closeeditModal3,
+      releaseProject,
+      showProjectPub,
+      recallProject,
+      finishProject,
+      deleteProject,
+      templateProject,
+      copyProject,
+      closeReminderModal,
+      okReminderModal,
+      checkPer,
+    };
   },
 };
 </script>
 <style lang="scss">
-//弹窗内详情样式
-.display1 {
-  display: inline-block;
-  width: 200px;
-}
-
-// .display0{
-// display:inline-block ;
-// width:200px ;
-// text-align:center }
-//弹窗内确认取消按钮布局
-.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;
-  }
-}
-
 .ant-table-cell-fix-right {
   width: 300px !important;
 }
 
-.ant-table-tbody>tr>td {
-  text-align: center;
-}
-
 .projectManage {
   width: 100%;
   height: 100%;
@@ -1005,7 +1945,6 @@ export default {
 
     .btns {
       display: flex;
-
       // flex-wrap: wrap;
       .btn {
         padding: 0px 26px 0px 26px;
@@ -1056,10 +1995,9 @@ export default {
   .tableBox {
     margin: 20px 38px 30px;
 
-    .ant-table-thead>tr>th {
+    .ant-table-thead > tr > th {
       background-color: #eff4fc;
     }
-
     th {
       background-color: #eff4fc !important;
       text-align: center !important;
@@ -1113,7 +2051,6 @@ export default {
       margin-left: 21px;
       position: relative;
       text-align: left;
-
       // z-index: 99999;
       .moreArrow {
         width: 13px;
@@ -1151,103 +2088,632 @@ export default {
   }
 }
 
-.delete {
-  z-index: 9999;
-  width: 424px;
-  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;
-
-      .del-icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/notice.png);
-        background-size: 100% 100%;
+.doublesonpro {
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
       }
 
-      .icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/QR.png);
-        background-size: 100% 100%;
-      }
+      padding: 0;
 
-      .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;
-    }
-
-    .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;
+      .modalMain {
         display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
+        flex-direction: column;
+        //align-items: center;
+        margin-left: 60px;
 
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 40px;
+        .name {
+          //width: 90%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+
+          .in {
+            margin-left: 14px;
+            width: 80%;
+
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 30px;
+            }
+
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 40px;
+
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
+
+        .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;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
         }
       }
+    }
+  }
+}
 
-      .btn1 {
-        border: 1px solid rgba(64, 158, 255, 1);
-        color: #4ea6ff;
+.doublepro {
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
       }
 
-      .btn2 {
-        background-color: #4ea6ff;
-        color: #ffffff;
+      padding: 0;
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+
+          .in {
+            margin-left: 14px;
+            width: 81%;
+
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 30px;
+            }
+
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
+
+        .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;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+
+.sonproject {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0 !important;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        display: flex;
+        justify-content: center;
+        margin-top: 48px;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 310px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 80px;
+          cursor: pointer;
+
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
+
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
+
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
+
+          .centerbox {
+            position: absolute;
+            top: 66px;
+            left: 136px;
+            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;
+          }
+        }
+      }
+    }
+  }
+}
+
+.estabish {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0 !important;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 48px;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 438px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 24px;
+          cursor: pointer;
+
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
+
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
+
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
+
+          .centerbox {
+            position: absolute;
+            top: 42px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
+
+          .centerbox1 {
+            position: absolute;
+            top: 32px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
+
+          .centermain {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 78px;
+          }
+
+          .centermain1 {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 68px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+
+    .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: 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;
+              }
+            }
+
+            .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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.projectPub {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0;
+
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
+
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          // margin-left: 62px;
+          font-weight: 500;
+          text-align: center;
+        }
+
+        .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;
+          justify-content: center;
+
+          .promessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(254, 243, 221, 1),
+              rgba(255, 250, 240, 1)
+            );
+            border-radius: 10px;
+            margin-right: 7px;
+
+            .messageme {
+              color: rgba(255, 182, 78, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+
+            .messagege {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+
+          .stumessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(221, 234, 255, 1),
+              rgba(240, 248, 254, 1)
+            );
+            border-radius: 10px;
+
+            .messageme1 {
+              color: rgba(78, 166, 255, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+
+            .messagege1 {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+        }
+
+        .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;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
       }
     }
   }
diff --git a/src/views/projectcenter/ProjectManagerOutTeacher.vue b/src/views/projectcenter/ProjectManagerOutTeacher.vue
new file mode 100644
index 00000000..2cbbfb6b
--- /dev/null
+++ b/src/views/projectcenter/ProjectManagerOutTeacher.vue
@@ -0,0 +1,130 @@
+<template>
+  <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+      v-model:value="managerArray"
+      :placeholder="placeholder"
+      :filterOption="false"
+      :options="isOpen?options:selectOptions"
+      allowClear
+      showSearch
+      :disabled="disabled"
+      @popupScroll="memberScroll"
+      @search="searchMember"
+      :open="isOpen"
+      @change="change"
+      @blur="blur"
+      :show-arrow="false"
+      style="width: 100%"
+  >
+    <template v-if="loading" #notFoundContent>
+      <a-spin size="small"/>
+    </template>
+  </a-select>
+</template>
+<script setup>
+import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
+import {useThrottlePage} from "@/api/request";
+import { getTeacherList } from "@/api/Lecturer";
+const props = defineProps({
+  value: {
+    type: String,
+    default: ''
+  },
+  name: {
+    type: String,
+    default: ''
+  },
+  disabled: Boolean,
+  placeholder: {
+    type: String,
+    default: "请输入搜索关键字",
+  },
+  mode: String
+})
+
+const selectOptions = ref([])
+
+const managerArray = computed(() => props.value ===  '' ? null : props.value)
+
+const emit = defineEmits({})
+
+const isOpen = ref(false)
+function debounce(func, wait) {
+  let timeout;
+  return function(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+const memberParam = ref({teacherNameOrUserNo: '', pageNo:1, pageSize: 20})
+
+const userList = ref([])
+const loading = ref(false)
+const getOutTeacher = () => {
+  getTeacherList(memberParam.value).then(res=>{
+    if(res.data.code == 200){
+      userList.value = res.data.data.records
+      loading.value = false
+    }
+  })
+}
+const options = computed(() => userList.value.map(e => ({
+  label: e.name + '(' + e.userNo + ')' + e.organizationName,
+  value: e.name,
+  ...e,
+  audienceList: null
+})))
+
+watch(props, init)
+
+function init() {
+  //第一次进来 编辑赋值
+  // if (props.value && (props.value + '') !== selectOptions.value.map(e => e.value).join(',')) {
+  //   selectOptions.value = (props.value + '').split(',').map((e, i) => ({label: props.name.split(',')[i], value: e}))
+  // }
+}
+
+onMounted(() => {
+  console.log('onMounted')
+  init()
+  getOutTeacher()
+})
+
+
+const memberScroll = ({target: {scrollHeight, scrollTop, clientHeight}}) => {
+  scrollHeight === (clientHeight + scrollTop) && memberParam.value.pageNo++
+};
+const debounceObject = debounce(getOutTeacher,1000)
+//搜索学员
+const searchMember = (keyword) => {
+  console.log('searchMember', keyword)
+  loading.value = true
+  isOpen.value = true
+  userList.value = []
+  memberParam.value.pageNo = 1
+  memberParam.value.teacherNameOrUserNo = keyword
+  console.log('searchMember', memberParam.value)
+  debounceObject()
+};
+
+function blur() {
+  isOpen.value = false
+  memberParam.value.teacherNameOrUserNo = ''
+  memberParam.value.pageNo = 1
+}
+
+function change(e, l) {
+  memberParam.value.teacherNameOrUserNo = ''
+  memberParam.value.pageNo = 1
+  isOpen.value = false
+  Array.isArray(l) && (selectOptions.value = l)
+  Array.isArray(selectOptions.value) && emit('onChange', e, l)
+    emit('update:name', l?.label)
+    emit('update:value', l?.value)
+}
+
+</script>
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 287da0dd..189b552e 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -56,14 +56,19 @@ shan<!-- 评估管理页面 -->
     <!-- 搜索框及按钮 -->
     <!-- 表格 -->
     <div class="tableBox">
-      <a-table
+      <!-- <a-table
         style="border: 1px solid #f2f6fe"
         :columns="column"
         :data-source="data"
         :loading="loading"
         :scroll="{ x: 1500 }"
         :pagination="false"
-      >
+      >   -->
+      <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="column"
+        :scroll="{ x: 2100 }"
+             :data-source="data" 
+             :loading="loading" 
+             :pagination="false">
         <template #operation="{ record }">
           <a-space style="padding-right: 10px">
             <a-button