From 2d7e44356adb8e997586d276dda2d01e7b50d6d3 Mon Sep 17 00:00:00 2001
From: joshen <445497689@qq.com>
Date: Wed, 29 May 2024 00:13:54 +0800
Subject: [PATCH] lecturer page add

---
 src/components/BreadCrumb.vue           |   56 +
 src/components/NavLeft.vue              |   97 +-
 src/views/lecturer/ExternalLecturer.vue |    7 +
 src/views/lecturer/ExternalTeaching.vue |    7 +
 src/views/lecturer/InsideLecturer.vue   | 1255 +++++++++++
 src/views/lecturer/InsideTeaching.vue   |    7 +
 src/views/lecturer/external/index.vue   | 2720 -----------------------
 src/views/lecturer/inside/index.vue     | 2720 -----------------------
 8 files changed, 1427 insertions(+), 5442 deletions(-)
 create mode 100644 src/views/lecturer/ExternalLecturer.vue
 create mode 100644 src/views/lecturer/ExternalTeaching.vue
 create mode 100644 src/views/lecturer/InsideLecturer.vue
 create mode 100644 src/views/lecturer/InsideTeaching.vue
 delete mode 100644 src/views/lecturer/external/index.vue
 delete mode 100644 src/views/lecturer/inside/index.vue

diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 4f84ee0b..124625dd 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -108,6 +108,62 @@
                     },
                   ];
                 }
+                if (
+                        n.indexOf("/insidelecturer") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "内部讲师",
+                      href: "",
+                    },
+                  ];
+                }
+                if (
+                        n.indexOf("/externallecturer") !== -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 (
                         n.indexOf("/projectadd") !== -1 ||
                         n.indexOf("/ProjectAdd") !== -1
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 2dd78605..3c5b27a0 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -603,7 +603,58 @@
           </div>
           <router-link to="/dictmanage">字典管理</router-link>
         </a-menu-item>
-
+        <a-sub-menu key="sub24" @titleClick="titleClick">
+          <template #icon>
+            <div class="imgBox">
+              <img style="width: 15px; height: 15px" src="../assets/images/navleft/project.png" />
+            </div>
+          </template>
+          <template #title>讲师管理</template>
+          <a-menu-item key="sub24-1">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub24-1' ? true : false,
+                circle: selectedKeys[0] === 'sub24-1' ? false : true,
+              }"
+            ></span>
+            <router-link to="/insidelecturer">内部讲师</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub24-2">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub24-2' ? true : false,
+                circle: selectedKeys[0] === 'sub24-2' ? false : true,
+              }"
+            ></span>
+            <router-link to="/externallecturer">外部讲师</router-link>
+          </a-menu-item>
+        </a-sub-menu>
+        <a-sub-menu key="sub25" @titleClick="titleClick">
+          <template #icon>
+            <div class="imgBox">
+              <img style="width: 15px; height: 15px" src="../assets/images/navleft/project.png" />
+            </div>
+          </template>
+          <template #title>授课记录</template>
+          <a-menu-item key="sub25-1">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub25-1' ? true : false,
+                circle: selectedKeys[0] === 'sub25-1' ? false : true,
+              }"
+            ></span>
+            <router-link to="/insideteaching">内部授课</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub25-2">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub25-2' ? true : false,
+                circle: selectedKeys[0] === 'sub25-2' ? false : true,
+              }"
+            ></span>
+            <router-link to="/externalteaching">外部授课</router-link>
+          </a-menu-item>
+        </a-sub-menu>
 
       </a-menu>
     </div>
@@ -620,6 +671,20 @@
           mode="inline"
           @click="handleClick"
       >
+
+        <a-menu-item key="sub24" @titleClick="titleClick">
+          <router-link to="/insidelecturer">内部讲师</router-link>
+        </a-menu-item>
+        <a-menu-item key="sub25" @titleClick="titleClick">
+          <router-link to="/externallecturer">外部讲师</router-link>
+        </a-menu-item>
+        <a-menu-item key="sub26" @titleClick="titleClick">
+          <router-link to="/insideteaching">内部授课</router-link>
+        </a-menu-item>
+        <a-menu-item key="sub27" @titleClick="titleClick">
+          <router-link to="/externalteaching">外部授课</router-link>
+        </a-menu-item>
+
         <a-menu-item key="sub10" @titleClick="titleClick">
           <router-link to="/coursereviewedn">审核</router-link>
         </a-menu-item>
@@ -732,6 +797,10 @@ export default {
         "sub21",
         "sub22",
         "sub23",
+        "sub24",
+        "sub25",
+        "sub26",
+        "sub27",
       ],
       openKeys: localStorage.getItem("openKeys")
           ? JSON.parse(localStorage.getItem("openKeys"))
@@ -942,11 +1011,35 @@ export default {
           pagename: "问答管理",
         },
         {
-          href: "/evaluationupload",
+          href: "/insidelecturer",
           openKeys: "sub23",
           selectedKeys: "sub23-1",
           pagename: "测评上传",
         },
+        {
+          href: "/insideteaching",
+          openKeys: "sub24",
+          selectedKeys: "sub23-1",
+          pagename: "内部讲师",
+        },
+        {
+          href: "/externallecturer",
+          openKeys: "sub25",
+          selectedKeys: "sub25",
+          pagename: "外部讲师",
+        },
+        {
+          href: "/insideteaching",
+          openKeys: "sub26",
+          selectedKeys: "sub26",
+          pagename: "内部授课",
+        },
+        {
+          href: "/externalteaching",
+          openKeys: "sub27",
+          selectedKeys: "ssub27",
+          pagename: "外部授课",
+        },
         {
           href: "/download",
           openKeys: "sub15",
diff --git a/src/views/lecturer/ExternalLecturer.vue b/src/views/lecturer/ExternalLecturer.vue
new file mode 100644
index 00000000..15199fcc
--- /dev/null
+++ b/src/views/lecturer/ExternalLecturer.vue
@@ -0,0 +1,7 @@
+<!-- 外部讲师页面 -->
+<template>
+  <div></div>
+</template>
+<script type="text/javascript">
+  
+</script>
\ No newline at end of file
diff --git a/src/views/lecturer/ExternalTeaching.vue b/src/views/lecturer/ExternalTeaching.vue
new file mode 100644
index 00000000..880a77df
--- /dev/null
+++ b/src/views/lecturer/ExternalTeaching.vue
@@ -0,0 +1,7 @@
+<!-- 外部授课页面 -->
+<template>
+  <div></div>
+</template>
+<script type="text/javascript">
+  
+</script>
\ No newline at end of file
diff --git a/src/views/lecturer/InsideLecturer.vue b/src/views/lecturer/InsideLecturer.vue
new file mode 100644
index 00000000..c027ecd0
--- /dev/null
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -0,0 +1,1255 @@
+<!-- 内部讲师页面 -->
+<template>
+  <div class="projectManage">
+    <!-- 搜索框及按钮 -->
+    <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>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.systemName"
+            :options="LecturerSystemList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.searchGrade" placeholder="级别" :options="GradeList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.searOnTheJobStatus" placeholder="在职状态"
+            :options="OnTheJobStatusList">
+          </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>
+        <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="addTeacher">
+          <div class="search"></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>
+          </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"
+            :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" />
+      </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">
+            <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>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除功能弹窗 -->
+    <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 class="body">
+              <span v-if="handleOperate1==1">您确定要删除此讲师吗</span>
+              <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
+              <span v-if="handleOperate1== 3" >您确定要停用此讲师状态吗</span>
+            </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>
+          </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 class="body">
+              <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
+              <span v-if="handleOperate1== 3" >您确定要停用此讲师状态吗</span>
+            </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>
+          </div>
+        </div>
+      </a-modal>
+    </div> -->
+
+  </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 { 
+  name: "projectManage",
+  components: {
+    // AddTeacher,
+    Editor
+  },
+  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 //认证状态
+      },
+      searchParam: {
+        teacherName:null,//工号姓名
+        systemName:null,//讲师体系
+        payrollPlaceName:null,//发薪地
+        teacherType: null,
+        pageNo: "1",
+        pageSize: "10"
+      },
+    })
+    const LecturerSystemList = ref([
+    //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取讲师体系列表
+    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);
+      }) 
+    }
+    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);
+      })
+    }
+    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 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,
+        width: 400,
+        //  customRender: (value, record) => {
+        //   return (
+        //     <div>
+        //       {value.record.orgName}
+        //     </div>
+        //   )
+        // }
+      },
+      {
+        title: '讲师体系 ',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        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,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.waitStatus == "0" || value.record.waitStatus == "1"
+                ? {
+                  "0": "在职",
+                  "1": "离职",
+                }[value.record.waitStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '认证状态 ',
+        dataIndex: 'certStatus',
+        key: 'certStatus',
+        elipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.certStatus == 0 || value.record.certStatus == 1
+                ? {
+                  "0": "未认证",
+                  "1": "已认证",
+                }[value.record.certStatus + ""] || ""
+                : "-"}
+            </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: 'operation',
+        key: 'operation',
+        elipsis: true,
+        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)
+        .then((res) => {
+          tableData.value = res.data.data
+          // console.log("获取讲师tableDatateacherName", 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([]);
+    //   // 翻页
+    const changePagination = (page) => {
+      state.searchParam.pageNo = page;
+      // 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 handleOperate = (record) => {
+      if( record.accountStatus == '1'){
+         state.handleOperate1= 2
+       }
+       if( record.accountStatus == '0'){
+         state.handleOperate1= 3
+       }
+      state.deleteTeacher = true
+    };
+    //确认删除
+    const closeDeleteTeacher=()=>{
+      state.deleteTeacher = false
+      let id ={
+      departId: state.delTeacherId
+      }
+      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);
+    }
+    //表格内查看数据操作
+    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()
+    }
+    //内部讲师详情
+    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);
+        });
+    }
+    return {
+      ...toRefs(state),
+      LecturerSystemList,
+      GradeList,
+      OnTheJobStatusList,
+      PlaceOfPayLista,
+      AuthenticationStatusList,
+      PlaceOfPayList,
+      AccountStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+      handleOperate,
+      closehandleOperate,
+      teacheExpertiseList,
+       getTableDate, //list接口数据调用
+      // getStu
+      LecturerSystemLista,
+      TeacherSystem
+    }
+  },
+};
+</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%;
+  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;
+    }
+  }
+}
+
+.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%;
+      }
+
+      .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;
+    }
+
+    .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;
+        margin-right: 14px;
+        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;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
new file mode 100644
index 00000000..329e0829
--- /dev/null
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -0,0 +1,7 @@
+<!-- 内部授课页面 -->
+<template>
+  <div></div>
+</template>
+<script type="text/javascript">
+  
+</script>
\ No newline at end of file
diff --git a/src/views/lecturer/external/index.vue b/src/views/lecturer/external/index.vue
deleted file mode 100644
index 244eb547..00000000
--- a/src/views/lecturer/external/index.vue
+++ /dev/null
@@ -1,2720 +0,0 @@
-<!-- 项目页面 -->
-<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="请输入项目名称"
-            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"
-              />
-            </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/lecturer/inside/index.vue b/src/views/lecturer/inside/index.vue
deleted file mode 100644
index 244eb547..00000000
--- a/src/views/lecturer/inside/index.vue
+++ /dev/null
@@ -1,2720 +0,0 @@
-<!-- 项目页面 -->
-<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="请输入项目名称"
-            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"
-              />
-            </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>